static/debpkg.css

   1 /*
   2         http://www.debian.org Stylesheet
   3
   4         Copyright 2011 Kalle Söderman
   5
   6         This stylesheet is free software; you can redistribute it and/or modify it
   7         under the terms of the GNU General Public License, version 2, as published by
   8         the Free Software Foundation.
   9
  10         This program is distributed in the hope that it will be useful, but WITHOUT ANY
  11         WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  12         PARTICULAR PURPOSE. See the GNU General Public License for more details.
  13
  14         You should have received a copy of the GNU General Public License along with
  15         this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
  16         Street, Fifth Floor, Boston, MA 02110-1301 USA.
  17
  18         The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
  19         /usr/share/common-licenses/GPL-2 on Debian GNU/Linux.
  20 */
  21
  22 @import url("debian.css");
  23
  24 #footer {
  25         padding-right: 10px;
  26         margin-left: 52px;
  27         clear: both; /* added because right sidebar overlaps footer */
  28 }
  29 #pnavbar {
  30         font-size: 0.75em;
  31         background-color: transparent;
  32         background-color: #f5f6f7;
  33         margin:0;
  34         padding: 6px 0.25em 7px  0.25em;
  35         border-bottom: 1px solid #d2d3d7 ;
  36         text-transform:lowercase;
  37         line-height: 1;
  38 }
  39 #pmoreinfo {
  40         width: 20em;
  41         float:right;
  42         padding:0 0 0 0.5em;
  43         margin: 0 0 10px 0.5em;
  44         border-left:1px solid #a9abb3;
  45         font-size: 0.75em;
  46         line-height: 1.5;
  47 }
  48 #pmoreinfo a {
  49         text-decoration: none;
  50 }
  51 #pmoreinfo div.screenshot {
  52         min-height: 120px;
  53 }
  54 #pmoreinfo a:hover {
  55         text-decoration: underline;
  56 }
  57 #pmoreinfo ul {
  58         list-style:none;
  59         margin: 0;
  60 }
  61 #pmoreinfo ul ul {
  62         margin:0;
  63 }
  64 #pmoreinfo li {
  65         font-weight: normal;
  66 }
  67 #pmoreinfo p {
  68 }
  69 #pmoreinfo h2 {
  70         font-size: 1em;
  71         font-weight: bold;
  72         line-height: 2;
  73         margin:0;
  74 }
  75 #pmoreinfo h3 {
  76         font-size: 1em;
  77         font-weight: normal;
  78         line-height: 2;
  79         margin:0;
  80 }
  81 #packagesearch #breadcrumbs {
  82         margin-bottom: 0;
  83 }
  84
  85 #hpacketsearch form {
  86         margin:0; padding:0;
  87 }
  88 #hpacketsearch {
  89         background: transparent;
  90         display:block;
  91         padding: 1px 3px 1px 0;
  92         text-align: right;
  93 }
  94 .perror
  95 , #psearchtoomanyhits {
  96         padding:0 2em 0 4em;
  97         margin: 1.85em 0 1.85em 0;
  98         background-repeat: no-repeat;
  99         background-position: 0.5em 1em;
 100         font-size: 0.75em;
 101         line-height: 2em;
 102         background-color:#FFFFCB;
 103         border:0.15em solid #CCCCA3;
 104 }
 105 #psearchtoomanyhits {
 106         background-image: url('Pics/admon-note.png');
 107 }
 108 .perror p {
 109         margin-bottom: 0;
 110 }
 111 div.warning {
 112         background-image: url('Pics/admon-warning.png');
 113 }
 114 #psearchres h2 {
 115         background-image: url('Pics/reddot.png');
 116         background-repeat: repeat-x;
 117         background-position: top left;
 118         padding: 0.5em 0 0 0;
 119         margin: 0.5em 0 1em 0;
 120 }
 121 #psearchres
 122 , #pcontentsres {
 123         padding-top: 0;
 124 }
 125 #pcontentsres tr {
 126         text-align: left;
 127 }
 128 #pcontentsres td {
 129         padding-right: 1.5em;
 130 }
 131 #pcontentsres {
 132         margin-bottom: 1.5em;
 133         }
 134 #psearchres ul{
 135         margin-top:0;
 136 }
 137 #psearchres ul li{
 138 }
 139 .file {
 140         font-family: monospace;
 141 }
 142 div#pothers {
 143         margin-top:0.25em;
 144         float: right;
 145 }
 146 #pothers a, #pothers strong {
 147 }
 148 #psearchsug {
 149         font-size: 0.75em;
 150         margin: 0;
 151         line-height: 2;
 152         background-image: url('Pics/reddot.png');
 153         background-repeat: repeat-x;
 154         background-position: bottom left;
 155 }
 156 #psearchsug p {
 157         margin: 0;
 158 }
 159 #psearchsug ul {
 160         margin: 1em 0 1em 0;
 161         }
 162
 163 /* Package sidebar */
 164 #ptablist {
 165 }
 166
 167 /*      Package dependencies */
 168
 169 #pdeplegend {
 170         font-weight:bold;
 171         padding: 0 0.5em 0 0;
 172         border:1px solid #a9abb3;
 173 }
 174 #pdeplegend img {
 175         margin-left: 1em;
 176 }
 177 #pdeplegend tr,#pdeplegend ul,#pdeplegend li {
 178         margin:0; padding:0;
 179 }
 180 #pdeplegend td {
 181         padding-left: 1.5em;
 182         padding-right: 1em;
 183 }
 184 #pdeps dd {
 185         margin:0;
 186         padding:0;
 187 }
 188 #pdeps dt {
 189 }
 190
 191 #pdeplegend ul.uldep
 192 , #pdeplegend ul.uladep
 193 , #pdeplegend ul.ulrec
 194 , #pdeplegend ul.ulidep
 195 , #pdeplegend ul.ulsug {
 196         margin-left: 0.5em;
 197         list-style-position: inside;
 198 }
 199
 200 #pdeps ul.uldep, #pdeps ul.uladep {
 201         list-style-type: disc;
 202         list-style-image: url(Pics/dep.png);
 203 }
 204 #pdeps ul.ulrec, #pdeps ul.ulidep {
 205         list-style-type: square;
 206         list-style-image: url(Pics/rec.png);
 207 }
 208 #pdeps ul.ulsug {
 209         list-style-type: circle;
 210         list-style-image: url(Pics/sug.png);
 211 }
 212 #pdownload {
 213         text-align: left;
 214         margin-right: 18em;
 215 }
 216 #pdownload table {
 217         text-align:left;
 218         margin-bottom: 2em;
 219         border-bottom: 1px solid #a9abb3;
 220         border-top: 1px solid #a9abb3;
 221         width: 100%;
 222 }
 223 #pdeplegend td li {
 224         padding-left:0;
 225 }
 226 #pdeplegend td
 227  ,#pdeplegend tr
 228  ,#pdeplegend table
 229  ,#pdeplegend ul
 230  ,#pdeplegend li
 231  ,#pdeplegend tbody {
 232         margin:0;
 233         padding:0;
 234 }
 235 .pkgreport #pdeplegend td li {
 236         margin:0.25em 0 0 2em;
 237 }
 238 #ptags {
 239         font-size: 0.75em;
 240         margin: 0 22em 0 2em;
 241         line-height: 2;
 242 }
 243 .card {
 244         clear:both;
 245         margin:2em 0 2em 0;
 246         background-position: 0 -50px;
 247         background-repeat: repeat-x;
 248         padding:8px 0 8px 0;
 249 }
 250 .card ul {
 251         margin:0.5em 0 1em 0;
 252 }
 253 .card ul li {
 254         list-style:none;
 255 }
 256 .card h2 {
 257         margin:0;
 258 }
 259 #lefthalfcol {
 260         float:left;
 261         width: 50%;
 262         padding-right: 1em;
 263         margin:0;
 264 }
 265 #righthalfcol {
 266         margin:0;
 267         margin-left:50%;
 268         padding-left: 1em;
 269 }
 270 #lefthalfcol dl
 271 , #righthalfcol dl {
 272         margin-top: 0;
 273 }
 274 #lefthalfcol dd
 275 , #righthalfcol dd {
 276         margin-bottom: 1em;
 277 }
 278 .lefthalf ul {
 279         margin-top:0;
 280 }
 281 strong.pmarker {
 282         padding: 0 0.25em 0 0.25em;
 283 }
 284 span.keyword {
 285                 color: #444;
 286                 font-weight: bold;
 287                 letter-spacing: 0.05em;
 288 }
 289 h1 strong.pmarker {
 290         font-weight: normal;
 291 }
 292 .psearch-other-hits {
 293                 margin-top: 1em;
 294 }
 295 table {
 296         border-bottom: 1px solid #a9abb3;
 297         border-top: 1px solid #a9abb3;
 298         }
 299
 300 td {
 301                 background-image: url(Pics/greydot.png);
 302                 background-position: top left;
 303                 background-repeat: repeat-x;
 304 }
 305 th {
 306 }