X-Git-Url: https://git.deb.at/?p=deb%2Fpackages.git;a=blobdiff_plain;f=static%2Fdebpkg.css;h=2ebf1849b6376351110d033fff75c718e3f65056;hp=c3aa03176ccc220ad9253b99587cdc28e2bf1899;hb=9860e9d7b228bc60c60e0b6fe9ba5959e189fe14;hpb=3e0828da18fdb11d309da96882752fc072ae8542 diff --git a/static/debpkg.css b/static/debpkg.css index c3aa031..2ebf184 100644 --- a/static/debpkg.css +++ b/static/debpkg.css @@ -1,38 +1,33 @@ /* - * packages.debian.org stylesheet proposal - * - * Kalle Soderman, 2009 debpkg.css - * - * Copyleft : This work is free, you can copy, spread, and modify it under - * the terms of the Free Art License http://artlibre.org/licence/lal/en/ - * - * - * Font size table - * --------------- - * Browser default 16px - * - * 14px 87.5% body - * 24px 1.714em - * 18px 1.286em - * 16px 1.143em - * 12px 0.857em - * 11px 0.786em - * 8px 0.57em - */ + http://www.debian.org Stylesheet -@import url("debian.css"); + Copyright 2011 Kalle Söderman -#header { - background-image:url('./Pics/gradient.png'); -} + This stylesheet is free software; you can redistribute it and/or modify it + under the terms of the GNU General Public License, version 2, as published by + the Free Software Foundation. + + This program is distributed in the hope that it will be useful, but WITHOUT ANY + WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A + PARTICULAR PURPOSE. See the GNU General Public License for more details. + + You should have received a copy of the GNU General Public License along with + this program; if not, write to the Free Software Foundation, Inc., 51 Franklin + Street, Fifth Floor, Boston, MA 02110-1301 USA. + + The license text can also be found at http://www.gnu.org/copyleft/gpl.html and + /usr/share/common-licenses/GPL-2 on Debian GNU/Linux. +*/ + +@import url("debian.css"); #footer { - margin-left: 0; - margin-right: 0; + padding-right: 10px; + margin-left: 52px; + clear: both; /* added because right sidebar overlaps footer */ } - #pnavbar { - font-size: 0.786em; + font-size: 0.75em; background-color: transparent; background-color: #f5f6f7; margin:0; @@ -41,43 +36,48 @@ text-transform:lowercase; line-height: 1; } - - #pmoreinfo { width: 20em; float:right; - padding:0 0 0 1em; - margin: 1em 0 10px 1em; - border-left:1px solid #d3d6df; - font-size: 0.786em; + padding:0 0 0 0.5em; + margin: 0 0 10px 0.5em; + border-left:1px solid #a9abb3; + font-size: 0.75em; line-height: 1.5; } - +#pmoreinfo a { + text-decoration: none; +} +#pmoreinfo div.screenshot { + min-height: 120px; +} +#pmoreinfo a:hover { + text-decoration: underline; +} #pmoreinfo ul { - padding:0; - margin:0; list-style:none; + margin: 0; } - #pmoreinfo ul ul { - margin-left: 1em; + margin:0; } - #pmoreinfo li { font-weight: normal; - margin-top:0.5em; } - #pmoreinfo p { - line-height: 1; - font-weight: bold; } - #pmoreinfo h2 { + font-size: 1em; + font-weight: bold; + line-height: 2; + margin:0; +} +#pmoreinfo h3 { + font-size: 1em; + font-weight: normal; + line-height: 2; margin:0; } - - #packagesearch #breadcrumbs { margin-bottom: 0; } @@ -85,139 +85,162 @@ #hpacketsearch form { margin:0; padding:0; } - #hpacketsearch { - background:#f7f8fc; - border-bottom: 1px solid #e2e3e7; + background: transparent; display:block; - padding:0; - - font-size: 0.786em; + padding: 1px 3px 1px 0; + text-align: right; +} +.perror +, #psearchtoomanyhits { + padding:0 2em 0 4em; + margin: 1.85em 0 1.85em 0; + background-repeat: no-repeat; + background-position: 0.5em 1em; + font-size: 0.75em; + line-height: 2em; + background-color:#FFFFCB; + border:0.15em solid #CCCCA3; } - #psearchtoomanyhits { - padding:10px; - border: 1px solid #cccca3; - margin:0; - margin-top:10px; - background-color:#ffffcb; + background-image: url('Pics/admon-note.png'); } - -#psearchres { - margin: 0 0 2em 0; +.perror p { + margin-bottom: 0; } - -#psearchres h2{ - margin:0; - padding:0; +div.warning { + background-image: url('Pics/admon-warning.png'); } - -#psearchres h3{ - margin:0; - padding:0; +#psearchres h2 { + background-image: url('Pics/reddot.png'); + background-repeat: repeat-x; + background-position: top left; + padding: 0.5em 0 0 0; + margin: 0.5em 0 1em 0; +} +#psearchres +, #pcontentsres { + padding-top: 0; +} +#pcontentsres tr { + text-align: left; +} +#pcontentsres td { + padding-right: 1.5em; +} +#pcontentsres { + margin-bottom: 1.5em; + } +#psearchres ul{ + margin-top:0; } - #psearchres ul li{ - margin:0 0 0.5em 0; - padding:0; } - -#pothers { - margin-top:0.25em; - float: right; +.file { + font-family: monospace; } - -#psource { +div#pothers { margin-top:0.25em; + float: right; +} +#pothers a, #pothers strong { } +#psearchsug { + font-size: 0.75em; + margin: 0; + line-height: 2; + background-image: url('Pics/reddot.png'); + background-repeat: repeat-x; + background-position: bottom left; +} +#psearchsug p { + margin: 0; +} +#psearchsug ul { + margin: 1em 0 1em 0; + } -/* - * Package sidebar - */ +/* Package sidebar */ #ptablist { - } -/* - * Package dependencies - */ +/* Package dependencies */ #pdeplegend { - margin-bottom:2em; font-weight:bold; padding: 0 0.5em 0 0; - border:1px solid #d3d6df; + border:1px solid #a9abb3; } - #pdeplegend img { margin-left: 1em; } - #pdeplegend tr,#pdeplegend ul,#pdeplegend li { margin:0; padding:0; } - #pdeplegend td { padding-left: 1.5em; padding-right: 1em; } - #pdeps dd { margin:0; padding:0; } - #pdeps dt { - margin-top:0.5em; +} + +#pdeplegend ul.uldep +, #pdeplegend ul.uladep +, #pdeplegend ul.ulrec +, #pdeplegend ul.ulidep +, #pdeplegend ul.ulsug { + margin-left: 0.5em; + list-style-position: inside; } #pdeps ul.uldep, #pdeps ul.uladep { list-style-type: disc; list-style-image: url(Pics/dep.png); } - -.uldep dt { - -} - #pdeps ul.ulrec, #pdeps ul.ulidep { list-style-type: square; list-style-image: url(Pics/rec.png); } - #pdeps ul.ulsug { list-style-type: circle; list-style-image: url(Pics/sug.png); } - #pdownload { - margin-bottom:1em; text-align: left; + margin-right: 18em; } - #pdownload table { text-align:left; + margin-bottom: 2em; + border-bottom: 1px solid #a9abb3; + border-top: 1px solid #a9abb3; + width: 100%; + font-size: 0.75em; } - #pdeplegend td li { padding-left:0; } - -#pdeplegend td,#pdeplegend tr,#pdeplegend table,#pdeplegend ul,#pdeplegend li,#pdeplegend tbody { +#pdeplegend td + ,#pdeplegend tr + ,#pdeplegend table + ,#pdeplegend ul + ,#pdeplegend li + ,#pdeplegend tbody { margin:0; - paddding:0; + padding:0; } - .pkgreport #pdeplegend td li { margin:0.25em 0 0 2em; } - #ptags { - font-size: 0.786em; - padding: 1em; - margin-right: 22em; + font-size: 0.75em; + margin: 0 22em 0 2em; + line-height: 2; } - .card { clear:both; margin:2em 0 2em 0; @@ -225,32 +248,26 @@ background-repeat: repeat-x; padding:8px 0 8px 0; } - .card ul { margin:0.5em 0 1em 0; } - .card ul li { list-style:none; } - .card h2 { margin:0; } - #lefthalfcol { float:left; width: 50%; padding-right: 1em; margin:0; } - #righthalfcol { margin:0; margin-left:50%; padding-left: 1em; } - #lefthalfcol dl , #righthalfcol dl { margin-top: 0; @@ -259,9 +276,38 @@ , #righthalfcol dd { margin-bottom: 1em; } - .lefthalf ul { margin-top:0; } +strong.pmarker { + padding: 0 0.25em 0 0.25em; +} +span.keyword { + color: #444; + font-weight: bold; + letter-spacing: 0.05em; +} +h1 strong.pmarker { + font-weight: normal; +} +.psearch-other-hits { + margin-top: 1em; +} +table { + border-bottom: 1px solid #a9abb3; + border-top: 1px solid #a9abb3; + } - +td { + background-image: url(Pics/greydot.png); + background-position: top left; + background-repeat: repeat-x; +} +th { +} +.vold { + color: #c70036; +} +.volder { + color: #c74e6f; +}