| 
webmaster@1
 | 
     1 /* $Id: style.css,v 1.23 2007/12/17 15:05:09 goba Exp $ */ | 
| 
webmaster@1
 | 
     2  | 
| 
webmaster@1
 | 
     3 /* | 
| 
webmaster@1
 | 
     4 ** HTML elements | 
| 
webmaster@1
 | 
     5 */ | 
| 
webmaster@1
 | 
     6 body { | 
| 
webmaster@1
 | 
     7   margin: 0; | 
| 
webmaster@1
 | 
     8   padding: 0; | 
| 
webmaster@1
 | 
     9   color: #000; | 
| 
webmaster@1
 | 
    10   background-color: #fff; | 
| 
webmaster@1
 | 
    11   font: 76% Verdana, Arial, Helvetica, sans-serif; | 
| 
webmaster@1
 | 
    12 } | 
| 
webmaster@1
 | 
    13 tr.odd td, tr.even td { | 
| 
webmaster@1
 | 
    14   padding: 0.3em; | 
| 
webmaster@1
 | 
    15 } | 
| 
webmaster@1
 | 
    16 h1, h2, h3, h4, h5, h6 { | 
| 
webmaster@1
 | 
    17   margin-bottom: 0.5em; | 
| 
webmaster@1
 | 
    18 } | 
| 
webmaster@1
 | 
    19 h1 { | 
| 
webmaster@1
 | 
    20   font-size: 1.3em; | 
| 
webmaster@1
 | 
    21 } | 
| 
webmaster@1
 | 
    22 h2 { | 
| 
webmaster@1
 | 
    23   font-size: 1.2em; | 
| 
webmaster@1
 | 
    24 } | 
| 
webmaster@1
 | 
    25 h3, h4, h5, h6 { | 
| 
webmaster@1
 | 
    26   font-size: 1.1em; | 
| 
webmaster@1
 | 
    27 } | 
| 
webmaster@1
 | 
    28 p { | 
| 
webmaster@1
 | 
    29   margin-top: 0.5em; | 
| 
webmaster@1
 | 
    30   margin-bottom: 0.9em; | 
| 
webmaster@1
 | 
    31 } | 
| 
webmaster@1
 | 
    32 a { | 
| 
webmaster@1
 | 
    33   text-decoration: none; | 
| 
webmaster@1
 | 
    34   font-weight: bold; | 
| 
webmaster@1
 | 
    35 } | 
| 
webmaster@1
 | 
    36 a:link { | 
| 
webmaster@1
 | 
    37   color: #39c; | 
| 
webmaster@1
 | 
    38 } | 
| 
webmaster@1
 | 
    39 a:visited { | 
| 
webmaster@1
 | 
    40   color: #369; | 
| 
webmaster@1
 | 
    41 } | 
| 
webmaster@1
 | 
    42 a:hover { | 
| 
webmaster@1
 | 
    43   color: #39c; | 
| 
webmaster@1
 | 
    44   text-decoration: underline; | 
| 
webmaster@1
 | 
    45 } | 
| 
webmaster@1
 | 
    46 fieldset { | 
| 
webmaster@1
 | 
    47   border: 1px solid #ccc; | 
| 
webmaster@1
 | 
    48 } | 
| 
webmaster@1
 | 
    49 pre { | 
| 
webmaster@1
 | 
    50   background-color: #eee; | 
| 
webmaster@1
 | 
    51   padding: 0.75em 1.5em; | 
| 
webmaster@1
 | 
    52   font-size: 12px; | 
| 
webmaster@1
 | 
    53   border: 1px solid #ddd; | 
| 
webmaster@1
 | 
    54 } | 
| 
webmaster@1
 | 
    55 table { | 
| 
webmaster@1
 | 
    56   /* make <td> sizes relative to body size! */ | 
| 
webmaster@1
 | 
    57   font-size: 1em; | 
| 
webmaster@1
 | 
    58 } | 
| 
webmaster@1
 | 
    59 .form-item label { | 
| 
webmaster@1
 | 
    60   font-size: 1em; | 
| 
webmaster@1
 | 
    61   color: #222; | 
| 
webmaster@1
 | 
    62 } | 
| 
webmaster@1
 | 
    63 .item-list .title { | 
| 
webmaster@1
 | 
    64   font-size: 1em; | 
| 
webmaster@1
 | 
    65   color: #222; | 
| 
webmaster@1
 | 
    66 } | 
| 
webmaster@1
 | 
    67 .links { | 
| 
webmaster@1
 | 
    68   margin-bottom: 0; | 
| 
webmaster@1
 | 
    69 } | 
| 
webmaster@1
 | 
    70 .comment .links { | 
| 
webmaster@1
 | 
    71   margin-bottom: 0; | 
| 
webmaster@1
 | 
    72 } | 
| 
webmaster@1
 | 
    73  | 
| 
webmaster@1
 | 
    74 /* | 
| 
webmaster@1
 | 
    75 ** Page layout blocks / IDs | 
| 
webmaster@1
 | 
    76 */ | 
| 
webmaster@1
 | 
    77 #header, #content { | 
| 
webmaster@1
 | 
    78   width: 100%; | 
| 
webmaster@1
 | 
    79 } | 
| 
webmaster@1
 | 
    80 #header { | 
| 
webmaster@1
 | 
    81   background-color: #69c; | 
| 
webmaster@1
 | 
    82 } | 
| 
webmaster@1
 | 
    83 #logo { | 
| 
webmaster@1
 | 
    84   vertical-align: middle; | 
| 
webmaster@1
 | 
    85   border: 0; | 
| 
webmaster@1
 | 
    86 } | 
| 
webmaster@1
 | 
    87 #logo img { | 
| 
webmaster@1
 | 
    88   float: left; /* LTR */ | 
| 
webmaster@1
 | 
    89   padding: 0 1em; | 
| 
webmaster@1
 | 
    90   border: 0; | 
| 
webmaster@1
 | 
    91 } | 
| 
webmaster@1
 | 
    92 #menu { | 
| 
webmaster@1
 | 
    93   padding: 0.5em 0.5em 0 0.5em; /* LTR */ | 
| 
webmaster@1
 | 
    94   text-align: right; /* LTR */ | 
| 
webmaster@1
 | 
    95   vertical-align: middle; | 
| 
webmaster@1
 | 
    96 } | 
| 
webmaster@1
 | 
    97 #navlist { | 
| 
webmaster@1
 | 
    98   font-size: 1.0em; | 
| 
webmaster@1
 | 
    99   padding: 0 0.8em 1.2em 0; /* LTR */ | 
| 
webmaster@1
 | 
   100   color: #9cf; | 
| 
webmaster@1
 | 
   101 } | 
| 
webmaster@1
 | 
   102 #navlist a { | 
| 
webmaster@1
 | 
   103   font-weight: bold; | 
| 
webmaster@1
 | 
   104   color: #fff; | 
| 
webmaster@1
 | 
   105 } | 
| 
webmaster@1
 | 
   106 #subnavlist { | 
| 
webmaster@1
 | 
   107   padding: 0.5em 1.2em 0.4em 0; /* LTR */ | 
| 
webmaster@1
 | 
   108   font-size: 0.8em; | 
| 
webmaster@1
 | 
   109   color: #9cf; | 
| 
webmaster@1
 | 
   110 } | 
| 
webmaster@1
 | 
   111 #subnavlist a { | 
| 
webmaster@1
 | 
   112   font-weight: bold; | 
| 
webmaster@1
 | 
   113   color: #9cf; | 
| 
webmaster@1
 | 
   114 } | 
| 
webmaster@1
 | 
   115 ul.links li { | 
| 
webmaster@1
 | 
   116   border-left: 1px solid #9cf; /* LTR */ | 
| 
webmaster@1
 | 
   117 } | 
| 
webmaster@1
 | 
   118 ul.links li.first { | 
| 
webmaster@1
 | 
   119   border: none; | 
| 
webmaster@1
 | 
   120 } | 
| 
webmaster@1
 | 
   121 #search .form-text, #search .form-submit { | 
| 
webmaster@1
 | 
   122   border: 1px solid #369; | 
| 
webmaster@1
 | 
   123   font-size: 1.1em; | 
| 
webmaster@1
 | 
   124   height: 1.5em; | 
| 
webmaster@1
 | 
   125   vertical-align: middle; | 
| 
webmaster@1
 | 
   126 } | 
| 
webmaster@1
 | 
   127 #search .form-text { | 
| 
webmaster@1
 | 
   128   width: 8em; | 
| 
webmaster@1
 | 
   129   padding: 0 0.5em; | 
| 
webmaster@1
 | 
   130 } | 
| 
webmaster@1
 | 
   131 #mission { | 
| 
webmaster@1
 | 
   132   background-color: #369; | 
| 
webmaster@1
 | 
   133   padding: 1.5em 2em; | 
| 
webmaster@1
 | 
   134   color: #fff; | 
| 
webmaster@1
 | 
   135 } | 
| 
webmaster@1
 | 
   136 #mission a, #mission a:visited { | 
| 
webmaster@1
 | 
   137   color: #9cf; | 
| 
webmaster@1
 | 
   138   font-weight: bold; | 
| 
webmaster@1
 | 
   139 } | 
| 
webmaster@1
 | 
   140 .site-name { | 
| 
webmaster@1
 | 
   141   margin: 0.6em 0 0 ; | 
| 
webmaster@1
 | 
   142   padding: 0; | 
| 
webmaster@1
 | 
   143   font-size: 2em; | 
| 
webmaster@1
 | 
   144 } | 
| 
webmaster@1
 | 
   145 .site-name a:link, .site-name a:visited { | 
| 
webmaster@1
 | 
   146   color: #fff; | 
| 
webmaster@1
 | 
   147 } | 
| 
webmaster@1
 | 
   148 .site-name a:hover { | 
| 
webmaster@1
 | 
   149   color: #369; | 
| 
webmaster@1
 | 
   150   text-decoration: none; | 
| 
webmaster@1
 | 
   151 } | 
| 
webmaster@1
 | 
   152 .site-slogan { | 
| 
webmaster@1
 | 
   153   font-size: 1em; | 
| 
webmaster@1
 | 
   154   color: #eee; | 
| 
webmaster@1
 | 
   155   display: block; | 
| 
webmaster@1
 | 
   156   margin: 0; | 
| 
webmaster@1
 | 
   157   font-style: italic; | 
| 
webmaster@1
 | 
   158   font-weight: bold; | 
| 
webmaster@1
 | 
   159 } | 
| 
webmaster@1
 | 
   160 #main { | 
| 
webmaster@1
 | 
   161   /* padding in px not ex because IE messes up 100% width tables otherwise */ | 
| 
webmaster@1
 | 
   162   padding: 10px; | 
| 
webmaster@1
 | 
   163 } | 
| 
webmaster@1
 | 
   164 #mission, .node .content, .comment .content { | 
| 
webmaster@1
 | 
   165   line-height: 1.4em; | 
| 
webmaster@1
 | 
   166 } | 
| 
webmaster@1
 | 
   167 #help { | 
| 
webmaster@1
 | 
   168   font-size: 0.9em; | 
| 
webmaster@1
 | 
   169   margin-bottom: 1em; | 
| 
webmaster@1
 | 
   170 } | 
| 
webmaster@1
 | 
   171 .breadcrumb { | 
| 
webmaster@1
 | 
   172   margin-bottom: .5em; | 
| 
webmaster@1
 | 
   173 } | 
| 
webmaster@1
 | 
   174 .messages { | 
| 
webmaster@1
 | 
   175   background-color: #eee; | 
| 
webmaster@1
 | 
   176   border: 1px solid #ccc; | 
| 
webmaster@1
 | 
   177   padding: 0.3em; | 
| 
webmaster@1
 | 
   178   margin-bottom: 1em; | 
| 
webmaster@1
 | 
   179 } | 
| 
webmaster@1
 | 
   180 .error { | 
| 
webmaster@1
 | 
   181   border-color: red; | 
| 
webmaster@1
 | 
   182 } | 
| 
webmaster@1
 | 
   183 #sidebar-left, #sidebar-right { | 
| 
webmaster@1
 | 
   184   background-color: #ddd; | 
| 
webmaster@1
 | 
   185   width: 16em; | 
| 
webmaster@1
 | 
   186   /* padding in px not ex because IE messes up 100% width tables otherwise */ | 
| 
webmaster@1
 | 
   187   padding: 10px; | 
| 
webmaster@1
 | 
   188   vertical-align: top; | 
| 
webmaster@1
 | 
   189 } | 
| 
webmaster@1
 | 
   190 #footer { | 
| 
webmaster@1
 | 
   191   background-color: #eee; | 
| 
webmaster@1
 | 
   192   padding: 1em; | 
| 
webmaster@1
 | 
   193   font-size: 0.8em; | 
| 
webmaster@1
 | 
   194 } | 
| 
webmaster@1
 | 
   195  | 
| 
webmaster@1
 | 
   196 /* | 
| 
webmaster@1
 | 
   197 ** Common declarations for child classes of node, comment, block, box, etc. | 
| 
webmaster@1
 | 
   198 ** If you want any of them styled differently for a specific parent, add | 
| 
webmaster@1
 | 
   199 ** additional rules /with only the differing properties!/ to .parent .class. | 
| 
webmaster@1
 | 
   200 ** See .comment .title for an example. | 
| 
webmaster@1
 | 
   201 */ | 
| 
webmaster@1
 | 
   202 .title, .title a { | 
| 
webmaster@1
 | 
   203   font-weight: bold; | 
| 
webmaster@1
 | 
   204   font-size: 1.3em; | 
| 
webmaster@1
 | 
   205   color: #777; | 
| 
webmaster@1
 | 
   206   margin: 0 auto;  /* decrease default margins for h<x>.title */ | 
| 
webmaster@1
 | 
   207 } | 
| 
webmaster@1
 | 
   208 .submitted { | 
| 
webmaster@1
 | 
   209   color: #999; | 
| 
webmaster@1
 | 
   210   font-size: 0.8em; | 
| 
webmaster@1
 | 
   211 } | 
| 
webmaster@1
 | 
   212 .links { | 
| 
webmaster@1
 | 
   213   color: #999; | 
| 
webmaster@1
 | 
   214 } | 
| 
webmaster@1
 | 
   215 .links a { | 
| 
webmaster@1
 | 
   216   font-weight: bold; | 
| 
webmaster@1
 | 
   217 } | 
| 
webmaster@1
 | 
   218 .block, .box { | 
| 
webmaster@1
 | 
   219   padding: 0 0 1.5em 0; /* LTR */ | 
| 
webmaster@1
 | 
   220 } | 
| 
webmaster@1
 | 
   221 .block { | 
| 
webmaster@1
 | 
   222   border-bottom: 1px solid #bbb; | 
| 
webmaster@1
 | 
   223   padding-bottom: 0.75em; | 
| 
webmaster@1
 | 
   224   margin-bottom: 1.5em; | 
| 
webmaster@1
 | 
   225 } | 
| 
webmaster@1
 | 
   226 .block .title { | 
| 
webmaster@1
 | 
   227   margin-bottom: .25em; | 
| 
webmaster@1
 | 
   228 } | 
| 
webmaster@1
 | 
   229 .box .title { | 
| 
webmaster@1
 | 
   230   font-size: 1.1em; | 
| 
webmaster@1
 | 
   231 } | 
| 
webmaster@1
 | 
   232 .node { | 
| 
webmaster@1
 | 
   233   margin: .5em 0 2em; /* LTR */ | 
| 
webmaster@1
 | 
   234 } | 
| 
webmaster@1
 | 
   235 .sticky { | 
| 
webmaster@1
 | 
   236   padding: .5em; | 
| 
webmaster@1
 | 
   237   background-color: #eee; | 
| 
webmaster@1
 | 
   238   border: solid 1px #ddd; | 
| 
webmaster@1
 | 
   239 } | 
| 
webmaster@1
 | 
   240 .node .content, .comment .content { | 
| 
webmaster@1
 | 
   241   margin: .5em 0 .5em; | 
| 
webmaster@1
 | 
   242 } | 
| 
webmaster@1
 | 
   243 .node .taxonomy { | 
| 
webmaster@1
 | 
   244   color: #999; | 
| 
webmaster@1
 | 
   245   font-size: 0.8em; | 
| 
webmaster@1
 | 
   246   padding-left: 1.5em; /* LTR */ | 
| 
webmaster@1
 | 
   247 } | 
| 
webmaster@1
 | 
   248 .node .picture { | 
| 
webmaster@1
 | 
   249   border: 1px solid #ddd; | 
| 
webmaster@1
 | 
   250   float: right; /* LTR */ | 
| 
webmaster@1
 | 
   251   margin: 0.5em; | 
| 
webmaster@1
 | 
   252 } | 
| 
webmaster@1
 | 
   253 .comment { | 
| 
webmaster@1
 | 
   254   border: 1px solid #abc; | 
| 
webmaster@1
 | 
   255   padding: .5em; | 
| 
webmaster@1
 | 
   256   margin-bottom: 1em; | 
| 
webmaster@1
 | 
   257 } | 
| 
webmaster@1
 | 
   258 .comment .title a { | 
| 
webmaster@1
 | 
   259   font-size: 1.1em; | 
| 
webmaster@1
 | 
   260   font-weight: normal; | 
| 
webmaster@1
 | 
   261 } | 
| 
webmaster@1
 | 
   262 .comment .new { | 
| 
webmaster@1
 | 
   263   text-align: right; /* LTR */ | 
| 
webmaster@1
 | 
   264   font-weight: bold; | 
| 
webmaster@1
 | 
   265   font-size: 0.8em; | 
| 
webmaster@1
 | 
   266   float: right; /* LTR */ | 
| 
webmaster@1
 | 
   267   color: red; | 
| 
webmaster@1
 | 
   268 } | 
| 
webmaster@1
 | 
   269 .comment .picture { | 
| 
webmaster@1
 | 
   270   border: 1px solid #abc; | 
| 
webmaster@1
 | 
   271   float: right; /* LTR */ | 
| 
webmaster@1
 | 
   272   margin: 0.5em; | 
| 
webmaster@1
 | 
   273 } | 
| 
webmaster@1
 | 
   274  | 
| 
webmaster@1
 | 
   275 /* | 
| 
webmaster@1
 | 
   276 ** Module specific styles | 
| 
webmaster@1
 | 
   277 */ | 
| 
webmaster@1
 | 
   278 #aggregator .feed-source { | 
| 
webmaster@1
 | 
   279   background-color: #eee; | 
| 
webmaster@1
 | 
   280   border: 1px solid #ccc; | 
| 
webmaster@1
 | 
   281   padding: 1em; | 
| 
webmaster@1
 | 
   282   margin: 1em 0; | 
| 
webmaster@1
 | 
   283 } | 
| 
webmaster@1
 | 
   284 #aggregator .news-item .categories, #aggregator .source, #aggregator .age { | 
| 
webmaster@1
 | 
   285   color: #999; | 
| 
webmaster@1
 | 
   286   font-style: italic; | 
| 
webmaster@1
 | 
   287   font-size: 0.9em; | 
| 
webmaster@1
 | 
   288 } | 
| 
webmaster@1
 | 
   289 #aggregator .title { | 
| 
webmaster@1
 | 
   290   margin-bottom: 0.5em; | 
| 
webmaster@1
 | 
   291   font-size: 1em; | 
| 
webmaster@1
 | 
   292 } | 
| 
webmaster@1
 | 
   293 #aggregator h3 { | 
| 
webmaster@1
 | 
   294   margin-top: 1em; | 
| 
webmaster@1
 | 
   295 } | 
| 
webmaster@1
 | 
   296 #forum table { | 
| 
webmaster@1
 | 
   297   width: 100%; | 
| 
webmaster@1
 | 
   298 } | 
| 
webmaster@1
 | 
   299 #forum td { | 
| 
webmaster@1
 | 
   300   padding: 0.5em; | 
| 
webmaster@1
 | 
   301 } | 
| 
webmaster@1
 | 
   302 #forum td.forum, #forum td.posts { | 
| 
webmaster@1
 | 
   303   background-color: #eee; | 
| 
webmaster@1
 | 
   304 } | 
| 
webmaster@1
 | 
   305 #forum td.topics, #forum td.last-reply { | 
| 
webmaster@1
 | 
   306   background-color: #ddd; | 
| 
webmaster@1
 | 
   307 } | 
| 
webmaster@1
 | 
   308 #forum td.container { | 
| 
webmaster@1
 | 
   309   background-color: #ccc; | 
| 
webmaster@1
 | 
   310 } | 
| 
webmaster@1
 | 
   311 #forum td.container a { | 
| 
webmaster@1
 | 
   312   color: #555; | 
| 
webmaster@1
 | 
   313 } | 
| 
webmaster@1
 | 
   314 #forum td.statistics, #forum td.settings, #forum td.pager { | 
| 
webmaster@1
 | 
   315   height: 1.5em; | 
| 
webmaster@1
 | 
   316   border: 1px solid #bbb; | 
| 
webmaster@1
 | 
   317 } | 
| 
webmaster@1
 | 
   318 #forum td .name { | 
| 
webmaster@1
 | 
   319   color: #96c; | 
| 
webmaster@1
 | 
   320 } | 
| 
webmaster@1
 | 
   321 #forum td .links { | 
| 
webmaster@1
 | 
   322   padding-top: 0.7em; | 
| 
webmaster@1
 | 
   323   font-size: 0.9em; | 
| 
webmaster@1
 | 
   324 } | 
| 
webmaster@1
 | 
   325 #profile .profile { | 
| 
webmaster@1
 | 
   326   clear: both; | 
| 
webmaster@1
 | 
   327   border: 1px solid #abc; | 
| 
webmaster@1
 | 
   328   padding: .5em; | 
| 
webmaster@1
 | 
   329   margin: 1em 0em; | 
| 
webmaster@1
 | 
   330 } | 
| 
webmaster@1
 | 
   331 #profile .profile .name { | 
| 
webmaster@1
 | 
   332   padding-bottom: 0.5em; | 
| 
webmaster@1
 | 
   333 } | 
| 
webmaster@1
 | 
   334 .block-forum h3 { | 
| 
webmaster@1
 | 
   335   margin-bottom: .5em; | 
| 
webmaster@1
 | 
   336 } | 
| 
webmaster@1
 | 
   337 div.admin-panel .description { | 
| 
webmaster@1
 | 
   338   color: #999; | 
| 
webmaster@1
 | 
   339 } | 
| 
webmaster@1
 | 
   340 div.admin-panel .body { | 
| 
webmaster@1
 | 
   341   background: #f4f4f4; | 
| 
webmaster@1
 | 
   342 } | 
| 
webmaster@1
 | 
   343 div.admin-panel h3 { | 
| 
webmaster@1
 | 
   344   background-color: #69c; | 
| 
webmaster@1
 | 
   345   color: #fff; | 
| 
webmaster@1
 | 
   346   padding: 5px 8px 5px; | 
| 
webmaster@1
 | 
   347   margin: 0; | 
| 
webmaster@1
 | 
   348 } |