git.infodrom.org Git - infodrom.org/www.zeitungsliste.de/blob - www/main.css

   1 /*
   2  * General settings
   3  */
   4 body {
   5   font-family: Verdana, Helvetica, Arial, sans-serif;
   6   font-size: 13px;
   7   line-height: 120%;
   8   background-color: #31930b;
   9   color: black;
  10   padding: 0;
  11   margin-left: 2%;
  12   margin-right: 2%;
  13 }
  14
  15 /*
  16  * No underline for links
  17  */
  18 a:link, a:visited {
  19   text-decoration: none;
  20   cursor: pointer;
  21 }
  22 a:link:hover, a:visited:hover {
  23   color: red;
  24 }
  25
  26 /*
  27  * General layout
  28  */
  29 .font {
  30   font-size: 13px;
  31 }
  32 .smallfont {
  33   font-size: 11px;
  34 }
  35 .none {
  36   display: none;
  37 }
  38
  39 h3.bar {
  40   padding-left: 5px;
  41   padding-bottom: 1px;
  42   font-size: 14px;
  43   background: #cfcfcf;
  44 }
  45
  46 p.warn {
  47   color: red;
  48   font-weight: bold;
  49   padding-left: 5px;
  50 }
  51 p.info {
  52   color: #3b3bd0;
  53   font-weight: bold;
  54   padding-left: 5px;
  55 }
  56 p.warn img {
  57   vertical-align: middle;
  58 }
  59 p.info img {
  60   vertical-align: middle;
  61 }
  62
  63 ul.gold {
  64   list-style-type: disc;
  65   list-style-image: url(listitem.gif);
  66   text-indent: -0.5em;
  67 }
  68
  69 div.banner {
  70   margin: 0;
  71   padding-bottom: 10px;
  72   background-color: #1c451d;
  73   background-image: url(zlist.png);
  74   background-repeat: no-repeat;
  75   background-attachment: scroll;
  76   background-position: center;
  77   display: block;
  78   height: 80px;
  79 }
  80
  81 div.status {
  82   margin: 0;
  83   background-color: #1c451d;
  84   font-size: 11px;
  85   color: orange;
  86 }
  87 div.userstatus {
  88   text-align: center;
  89 }
  90 div.homestatus {
  91   float: left;
  92   text-align: left;
  93   font-weight: bold;
  94   padding-left: 7px;
  95 }
  96 div.logstatus {
  97   float: right;
  98   text-align: right;
  99   font-weight: bold;
 100   padding-right: 5px;
 101 }
 102 div.homestatus a:link, div.homestatus a:visited, div.logstatus a:link, div.logstatus a:visited {
 103   color: orange;
 104 }
 105 div.logstatus a:link:hover, div.logstatus a:visited:hover {
 106   color: red;
 107 }
 108
 109 div.page {
 110   border: 1px solid #1c451d;
 111   background-color: #f7f7f7;
 112   margin: 0;
 113   padding: 10px;
 114   clear: both;
 115 }
 116
 117 div.main {
 118   margin-top: 0;
 119   padding-top: 0;
 120   margin-right: 180px;
 121 }
 122
 123 div.info {
 124   float: right;
 125   width: 170px;
 126   margin-top: 0;
 127   padding-top: 0;
 128   padding-left: 0;
 129 }
 130
 131 div.info h3 {
 132   background-color: #77dc4b;
 133   margin-top: 0px;
 134   margin-bottom: 2px;
 135   padding-left: 5px;
 136   padding-right: 5px;
 137   font-size: 12px;
 138   line-height: 14px;
 139 }
 140 div.info p {
 141   background-color: #d4f3bd;
 142   padding-left: 4px;
 143   margin: 0;
 144   margin-bottom: 5px;
 145 }
 146 div.info p img {
 147   vertical-align: middle;
 148   padding-top: 1px;
 149   padding-bottom: 1px;
 150 }
 151 div.info ul {
 152   background-color: #d4f3bd;
 153   margin: 0;
 154   margin-bottom: 10px;
 155   padding-left: 5px;
 156   padding-right: 2px;
 157   list-style: none;
 158 }
 159 div.info ul li {
 160   font-size: 10px;
 161   line-height: 14px;
 162 }
 163
 164 ul.action li {
 165   font-weight: bold;
 166 }
 167 ul.action li img {
 168   vertical-align: middle;
 169   padding-top: 1px;
 170   padding-bottom: 1px;
 171 }
 172
 173 div.newspaper {
 174   background-color: #d2fdb2;
 175   margin-bottom: 10px;
 176 }
 177 div.newspaper h3 {
 178   background-color: #35a006;
 179   margin-top: 0px;
 180   margin-bottom: 0px;
 181   padding-left: 10px;
 182   padding-right: 5px;
 183   padding-top: 2px;
 184   padding-bottom: 2px;
 185 }
 186 div.newspaper p {
 187   margin: 10px;
 188   padding-left: 5px;
 189   padding-right: 5px;
 190   padding-bottom: 4px;
 191 }
 192 div.newspaper code {
 193   font-size: 90%;
 194 }
 195
 196 div.topic {
 197   border: 1px solid #31930b;
 198   margin-bottom: 10px;
 199   padding: 0;
 200 }
 201 div.topic h3 {
 202   background-color: #a2ef83;
 203   margin-top: 0px;
 204   margin-bottom: 0px;
 205   padding-left: 5px;
 206   padding-right: 5px;
 207   padding-top: 2px;
 208   padding-bottom: 2px;
 209 }
 210 div.topic p {
 211   padding-left: 5px;
 212   padding-right: 5px;
 213   padding-top: 5px;
 214   padding-bottom: 5px;
 215   margin: 0;
 216 }
 217 div.art0 p {
 218   background-color: #ffffff;
 219 }
 220 div.art1 p {
 221   background-color: #d7fdb9;
 222 }
 223
 224 p.tagcloud {
 225   padding-bottom: 5px;
 226 }
 227 p.tagcloud span {
 228   font-weight: bold;
 229 }
 230 p.tagcloud span a {
 231   color: #36648b;
 232 }
 233 p.tagcloud span a:hover {
 234   background: #36648b;
 235   color: white;
 236 }
 237 span.tag0 { font-size: 10px; }
 238 span.tag1 { font-size: 14px; }
 239 span.tag2 { font-size: 18px; }
 240 span.tag3 { font-size: 22px; }
 241 span.tag4 { font-size: 26px; line-height: 80%; }
 242
 243 h3 span.tag {
 244   font-size: 24px;
 245   color: #36648b;
 246 }
 247
 248 h3.tag0, h3.tag1, h3.tag2, h3.tag3, h3.tag4 {
 249   padding-left: 5px;
 250   padding-top: 2px;
 251   padding-bottom: 4px;
 252   font-size: 14px;
 253 }
 254 h3.tag4 { background-color: #35a006; }
 255 h3.tag3 { background-color: #46c30f; }
 256 h3.tag2 { background-color: #77dc4b; }
 257 h3.tag1 { background-color: #a2ef83; }
 258 h3.tag0 { background-color: #c0f8aa; }
 259
 260 div.buttons {
 261   background-color: #f7f7f7;
 262   text-align: right;
 263 }
 264 div.buttons img {
 265   vertical-align: middle;
 266 }
 267
 268 div.formular {
 269   margin: 0;
 270   padding: 0;
 271   padding-left: 10px;
 272   padding-right: 10px;
 273   line-height: 1.5em;
 274   border: 1px solid #1c451d;
 275   background-color: #d9f3c1;
 276 }
 277 div.formular h3 {
 278   padding-bottom: 10px;
 279   border-bottom: 3px solid #31930b;
 280 }
 281
 282 input, select, textarea {
 283   background-color: #e6e6e6;
 284   border: 1px solid #31930b;
 285 }
 286 input {
 287   padding-left: 2px;
 288 }
 289 input.button {
 290   width: auto;
 291   margin-top: 3px;
 292 }
 293 input.button:hover {
 294   border: 1px solid #1c451d;
 295   background-color: #c0f8aa;
 296   color: black;
 297 }
 298
 299 div.social_bookmarks {
 300   border: 1px solid #b0b0b0;
 301   background-color: #dedede;
 302   padding-left: 3px;
 303 }
 304 div.social_bookmarks img {
 305   vertical-align: middle;
 306   margin: 2px;
 307 }
 308
 309 table.bookmarks {
 310   font-size: 13px;
 311 }
 312 table.bookmarks img {
 313   vertical-align: middle;
 314 }
 315
 316 div.pagefooter {
 317   clear: both;
 318 }
 319 div.footer {
 320   margin-top: 5px;
 321   text-align: center;
 322 }
 323 div.footer a:link, div.footer a:visited {
 324   color: black;
 325 }
 326 div.footer a:link:hover, div.footer a:visited:hover {
 327   color: red;
 328 }