main.css

   1 body {
   2         color: #444;
   3         background: #fff url(title_bg.png) 0 -80px repeat-x;
   4         position: relative;
   5         margin: 40px;
   6         font-family: trebuchet ms,luxi sans,sans-serif;
   7         font-size: 96%;
   8         text-align: center;
   9 }
  10 h1 img, h2 img, h3 img, h4 img
  11 {
  12         margin-right: 6px;
  13         vertical-align: middle;
  14 }
  15 h1, h2, h3, h4, h5 {
  16         color: #222;
  17         clear: both;
  18 }
  19 #content-body > h2 {
  20         margin-top: 3em;
  21 }
  22 #content-body > h2:first-child {
  23         margin-top: 0;
  24 }
  25 a {
  26         text-decoration: none;
  27 }
  28 a:link {
  29         color: #66e;
  30 }
  31 a:visited {
  32         color: #a6a;
  33 }
  34 a:active {
  35         color: #fff !important;
  36         background-color: #f50;
  37 }
  38 a:hover {
  39         color: #f50;
  40         text-decoration: underline;
  41 }
  42 a img {
  43         border: 0;
  44         vertical-align: middle;
  45 }
  46 div.floatright, div.tright, table.floatright {
  47         clear: right;
  48         float: right;
  49         position: relative;
  50         margin: 0 1em 0.5em 0;
  51         border: 0
  52 }
  53 div.floatleft, div.tleft, table.floatleft {
  54         float: left;
  55         position: relative;
  56         margin: 0 1em 0.5em 0;
  57         border: 0
  58 }
  59 .img-inset {
  60         float:left;
  61         padding: 0 1em 0.5em 0;
  62 }
  63 .img-alone {
  64         display: block;
  65         margin: 0.75em auto;
  66         text-align: center;
  67         border: 2px solid transparent;
  68 }
  69 .img-leader {
  70         float: left;
  71         margin-right: 12px;
  72 }
  73 a:hover > .img-alone {
  74         border: 2px solid #f50;
  75 }
  76 .clear {
  77         border: 0;
  78         clear: both;
  79 }
  80 hr.dotted {
  81         border-bottom: 1px dotted #ccc;
  82 }
  83 .spacing {
  84         margin: 1em auto;
  85 }
  86 .spacing-2 {
  87         margin: 2em auto;
  88 }
  89 #header {
  90         width: 255px;
  91         position: relative;
  92         margin: 0 auto;
  93 }
  94 #header h1 {
  95         text-indent: -200em;
  96         background: transparent url(bigielbanner.png) no-repeat;
  97         width: 255px;
  98         height: 130px;
  99         margin: 0;
 100 }
 101
 102 .nav-bottom {
 103         list-style: none;
 104         font-size: 0.8em;
 105 }
 106 .nav-bottom li {
 107         display: inline;
 108         margin: 0;
 109         padding: 7px;
 110 }
 111
 112 #article-info {
 113         font-size: 0.6em;
 114 }
 115
 116 #nav-top, #nav-bottom {
 117         clear: both;
 118         text-align: center;
 119         list-style-type: none;
 120 }
 121 #nav-top li, #nav-bottom li {
 122         margin: 0;
 123         display: inline;
 124 }
 125 #nav-top li a, #nav-bottom li a {
 126         padding: 8px 12px;
 127         text-decoration: none;
 128         border-left: 1px dotted #ccc;
 129 }
 130 #nav-top li:first-child a, #nav-bottom li:first-child a {
 131         border: 0;
 132 }
 133 #nav-top {
 134         margin: 0;
 135         padding: 0.5em;
 136         border: 1px solid #ccc;
 137         background-color: #f6f6f6;
 138         -moz-border-radius: 2.5px;
 139 }
 140 #content {
 141         text-align: left;
 142         margin: 0 auto;
 143         width: 760px;
 144         line-height: 1.7em;
 145 }
 146 .with-sidebar #content {
 147         background: transparent url(divider-vert.png) 540px 0 repeat-y;
 148 }
 149 .with-sidebar #content-body {
 150         width: 510px;
 151         float: left;
 152         padding-right: 50px;
 153 }
 154 #sidebar {
 155         float: left;
 156         width: 200px;
 157         font-size: small;
 158 }
 159 #sidebar h2 {
 160         font-size: small;
 161         margin: 1.5em 0 0.5em 0;
 162 }
 163 #sidebar h2:first-child {
 164         margin-top: 0;
 165 }
 166 #sidebar ul {
 167         margin: 0;
 168         padding: 0;
 169         padding-left: 20px;
 170         line-height: 1.25em;
 171 }
 172 #sidebar ul > li {
 173         margin: 0;
 174 }
 175 .summary {
 176         font-weight: bold;
 177 }
 178 .split-half {
 179         vertical-align: top;
 180         width: 46%;
 181         float: left;
 182         padding: 1em 2% 1em;
 183 }
 184 .split-third {
 185         vertical-align: top;
 186         width: 29.333%;
 187         float: left;
 188         padding: 1em 2% 1em;
 189 }
 190 .split-tosize {
 191         vertical-align: top;
 192         float: left;
 193         padding: 1em 2% 1em;
 194 }
 195 .split-half:first-child {
 196         padding-top: 0;
 197 }
 198 .thumbcaption {
 199         text-align: center;
 200 }
 201 ul#supported-items {
 202         margin: 0 0 0 1em;
 203         padding: 0;
 204         list-style: none;
 205         line-height: normal;
 206 }
 207 ul#supported-items > li {
 208         float: left;
 209         font-weight: bold;
 210         width: 50%;
 211         font-size: small;
 212         margin-bottom: 1em;
 213 }
 214 ul#supported-items > li > img {
 215         vertical-align: middle;
 216         position: relative;
 217         bottom: 2px;
 218 }
 219 ul#supported-items > li > ul {
 220         margin: 0;
 221         padding: 0 0 0 1em;
 222 }
 223 ul#supported-items > li > ul > li {
 224         font-weight: normal;
 225         float: left;
 226         list-style: none;
 227         padding-left: 6pt;
 228         color: #999;
 229         font-size: smaller;
 230 }
 231 span.nowrap {
 232         white-space: nowrap;
 233 }
 234 ul > li {
 235         margin-left: 2em;
 236 }
 237 .img-box {
 238         text-align: center;
 239 }
 240 .img-box strong {
 241 }
 242 .urlexpansion, .printfooter, #toc {
 243         display: none;
 244 }
 245 div.editsection {
 246         margin-bottom: -5em;
 247         font-size: 0.8em;
 248 }
 249 textarea {
 250         width: 100%;
 251 }
 252 pre {
 253         font-size: 1.2em;
 254 }