static/debpkg.css

   1 /*
   2  *      packages.debian.org stylesheet proposal
   3  *
   4  *      Kalle Soderman, 2009 debpkg.css
   5  *
   6  *      Copyleft : This work is free, you can copy, spread, and modify it under
   7  *      the terms of the Free Art License http://artlibre.org/licence/lal/en/
   8  *
   9  *
  10  *      Font size table
  11  *      ---------------
  12  *      Browser default 16px
  13  *
  14  *      14px    87.5%           body
  15  *      24px    1.714em
  16  *      18px    1.286em
  17  *      16px    1.143em
  18  *      12px    0.857em
  19  *      11px    0.786em
  20  *      8px     0.57em
  21  */
  22
  23 @import url("debian.css");
  24
  25 #header {
  26         background-image:url('./Pics/gradient.png');
  27 }
  28
  29 #footer {
  30         margin-left: 0;
  31         margin-right: 0;
  32 }
  33
  34 #pnavbar {
  35         font-size: 0.786em;
  36         background-color: transparent;
  37         background-color: #f5f6f7;
  38         margin:0;
  39         padding: 6px 0.25em 7px  0.25em;
  40         border-bottom: 1px solid #d2d3d7 ;
  41         text-transform:lowercase;
  42         line-height: 1;
  43 }
  44
  45
  46 #pmoreinfo {
  47         width: 20em;
  48         float:right;
  49         padding:0 0 0 1em;
  50         margin: 1em 0 10px 1em;
  51         border-left:1px solid #d3d6df;
  52         font-size: 0.786em;
  53         line-height: 1.5;
  54 }
  55
  56 #pmoreinfo ul {
  57         padding:0;
  58         margin:0;
  59         list-style:none;
  60 }
  61
  62 #pmoreinfo ul ul {
  63         margin-left: 1em;
  64 }
  65
  66 #pmoreinfo li {
  67         font-weight: normal;
  68         margin-top:0.5em;
  69 }
  70
  71 #pmoreinfo p {
  72         line-height: 1;
  73         font-weight: bold;
  74 }
  75
  76 #pmoreinfo h2 {
  77         margin:0;
  78 }
  79
  80
  81 #packagesearch #breadcrumbs {
  82         margin-bottom: 0;
  83 }
  84
  85 #hpacketsearch form {
  86         margin:0; padding:0;
  87 }
  88
  89 #hpacketsearch {
  90         background:#f7f8fc;
  91         border-bottom: 1px solid #e2e3e7;
  92         display:block;
  93         padding:0;
  94
  95         font-size: 0.786em;
  96 }
  97
  98 #psearchtoomanyhits {
  99         padding:10px;
 100         border: 1px solid #cccca3;
 101         margin:0;
 102         margin-top:10px;
 103         background-color:#ffffcb;
 104 }
 105
 106 #psearchres {
 107         margin: 0 0 2em 0;
 108 }
 109
 110 #psearchres h2{
 111         margin:0;
 112         padding:0;
 113 }
 114
 115 #psearchres h3{
 116         margin:0;
 117         padding:0;
 118 }
 119
 120 #psearchres ul li{
 121         margin:0 0 0.5em 0;
 122         padding:0;
 123 }
 124
 125 #pothers {
 126         margin-top:0.25em;
 127         float: right;
 128 }
 129
 130 #psource {
 131         margin-top:0.25em;
 132 }
 133
 134 /*
 135  *      Package sidebar
 136  */
 137 #ptablist {
 138
 139 }
 140
 141 /*
 142  *      Package dependencies
 143  */
 144
 145 #pdeplegend {
 146         margin-bottom:2em;
 147         font-weight:bold;
 148         padding: 0 0.5em 0 0;
 149         border:1px solid #d3d6df;
 150 }
 151
 152 #pdeplegend img {
 153         margin-left: 1em;
 154 }
 155
 156 #pdeplegend tr,#pdeplegend ul,#pdeplegend li {
 157         margin:0; padding:0;
 158 }
 159
 160 #pdeplegend td {
 161         padding-left: 1.5em;
 162         padding-right: 1em;
 163 }
 164
 165 #pdeps dd {
 166         margin:0;
 167         padding:0;
 168 }
 169
 170 #pdeps dt {
 171         margin-top:0.5em;
 172 }
 173
 174 #pdeps ul.uldep, #pdeps ul.uladep {
 175         list-style-type: disc;
 176         list-style-image: url(Pics/dep.png);
 177 }
 178
 179 .uldep dt {
 180
 181 }
 182
 183 #pdeps ul.ulrec, #pdeps ul.ulidep {
 184         list-style-type: square;
 185         list-style-image: url(Pics/rec.png);
 186 }
 187
 188 #pdeps ul.ulsug {
 189         list-style-type: circle;
 190         list-style-image: url(Pics/sug.png);
 191 }
 192
 193 #pdownload {
 194         margin-bottom:1em;
 195         text-align: left;
 196 }
 197
 198 #pdownload table {
 199         text-align:left;
 200 }
 201
 202 #pdeplegend td li {
 203         padding-left:0;
 204 }
 205
 206 #pdeplegend td,#pdeplegend tr,#pdeplegend table,#pdeplegend ul,#pdeplegend li,#pdeplegend tbody {
 207         margin:0;
 208         paddding:0;
 209 }
 210
 211 .pkgreport #pdeplegend td li {
 212         margin:0.25em 0 0 2em;
 213 }
 214
 215 #ptags {
 216         font-size: 0.786em;
 217         padding: 1em;
 218         margin-right: 22em;
 219 }
 220
 221 .card {
 222         clear:both;
 223         margin:2em 0 2em 0;
 224         background-position: 0 -50px;
 225         background-repeat: repeat-x;
 226         padding:8px 0 8px 0;
 227 }
 228
 229 .card ul {
 230         margin:0.5em 0 1em 0;
 231 }
 232
 233 .card ul li {
 234         list-style:none;
 235 }
 236
 237 .card h2 {
 238         margin:0;
 239 }
 240
 241 #lefthalfcol {
 242         float:left;
 243         width: 50%;
 244         padding-right: 1em;
 245         margin:0;
 246 }
 247
 248 #righthalfcol {
 249         margin:0;
 250         margin-left:50%;
 251         padding-left: 1em;
 252 }
 253
 254 #lefthalfcol dl
 255 , #righthalfcol dl {
 256         margin-top: 0;
 257 }
 258 #lefthalfcol dd
 259 , #righthalfcol dd {
 260         margin-bottom: 1em;
 261 }
 262
 263 .lefthalf ul {
 264         margin-top:0;
 265 }
 266
 267