local.css

   1 a {
   2   text-decoration:underline;
   3   color:#005a9c;
   4 }
   5
   6 a:hover {
   7   text-decoration:underline;
   8   color:#9c4100;
   9 }
  10
  11 hr {
  12   background-color:#999;
  13   height:1px;
  14   border-style:none;
  15 }
  16
  17 code,pre,pre.hl {
  18   background:#eee;
  19   border: 1px solid #d8d8d8;
  20   padding: 0px 2px;
  21   border-radius: 2px;
  22 }
  23 pre code {
  24   border: none;
  25   padding: 0;
  26 }
  27
  28 pre {
  29   padding:.5em;
  30 }
  31
  32 body {
  33   font-family:sans-serif;
  34   color:#000;
  35   background:#FFF;
  36   margin:0;
  37   padding:0;
  38 }
  39
  40 .pageheader {
  41   background:#206cbc url(img/penguins.png) no-repeat right top;
  42   width: 100%;
  43   height: 107px;
  44   margin:0;
  45   padding:0;
  46   color:#dff;
  47   position: absolute;
  48   top: 0;
  49   left: 0;
  50 }
  51
  52 #pagebody {
  53     position: absolute;
  54     top: 107px;
  55     width: 100%;
  56 }
  57
  58 .pageheader .header {
  59     padding: 1em 1em 1em 1em;
  60 }
  61
  62 .header {
  63   font-size:100%;
  64   font-weight:400;
  65 }
  66
  67 .parentlinks a {
  68   color: #a2b9ea;
  69 }
  70
  71 .title {
  72   display:block;
  73   margin-top:.2em;
  74   font:140% sans-serif;
  75 }
  76
  77 .actions {
  78   text-align:right;
  79   padding:0;
  80 }
  81
  82 .pageheader .actions {
  83   position: absolute;
  84   top: 0px;
  85   right: 0px;
  86 }
  87
  88 #content,#comments,#footer {
  89   margin:1em 2em;
  90 }
  91
  92 .pagefooter, .inlinefooter, .comment-header {
  93   color: gray;
  94   font-size: 70%;
  95 }
  96
  97 #content {
  98   padding-top: 1ex;
  99   max-width: 60em;
 100 }
 101
 102 #pageinfo {
 103   border-color:#999;
 104 }
 105
 106 .inlinepage {
 107   border-top:1px solid #aaa;
 108   border-style:none;
 109   margin:.4em 0;
 110   padding:.4em 0;
 111 }
 112
 113 .inlineheader {
 114   font-size:120%;
 115   font-weight:400;
 116 }
 117
 118 h1,h2,h3,h4,h5,h6 {
 119   color: #206cbc;
 120 }
 121
 122 h1 {
 123   font:150% sans-serif;
 124 }
 125
 126 h2 {
 127   font:bold 100% sans-serif;
 128 }
 129
 130 h3 {
 131   font:italic 100% sans-serif;
 132 }
 133
 134 h4,h5,h6 {
 135   font:small-caps 100% sans-serif;
 136 }
 137
 138 .inlinepage h1 {
 139   font-size:110%;
 140 }
 141
 142 .actions ul {
 143   font-size:75%;
 144   border-style:none;
 145   padding:0;
 146 }
 147
 148 .actions ul li a {
 149   text-decoration:none;
 150   cursor:pointer;
 151   padding:0.2em;
 152   color: #000;
 153 }
 154
 155 .actions ul li span {
 156   color: #555;
 157 }
 158
 159 .actions ul li a:hover {
 160   color: #eef;
 161 }
 162
 163 .actions ul li {
 164   background:#eee;
 165   text-shadow:1px 1px 1px #fff;
 166   font-weight:700;
 167   border-color:#ddd #aaa #aaa #ddd;
 168   border-style:solid;
 169   border-width:1px;
 170   margin:0;
 171   padding:0.2em 0.2em 0 0.2em;
 172   -moz-border-radius: 0.5ex;
 173 }
 174
 175 .pageheader .actions ul li {
 176   background: #86b4e3;
 177   text-shadow:1px 1px 1px #bbd;
 178 }
 179
 180
 181 .pagecloud {
 182   width:auto;
 183 }
 184
 185 a[href^=mailto:] {
 186   padding-right:15px!important;
 187   background:url(img/mail_icon.gif) right center no-repeat;
 188 }
 189
 190 a[href$=.zip] {
 191   padding-right:13px!important;
 192   background:url(img/zip.png) right center no-repeat;
 193 }
 194
 195 a[href$=.pdf] {
 196   padding-right:13px!important;
 197   background:url(img/pdf.png) right center no-repeat;
 198 }
 199
 200 .comment {
 201   clear:both;
 202   margin-bottom:1em;
 203   border-bottom:1px solid #e8e5d6;
 204   background:#f8f8f8;
 205   position:relative;
 206   border-radius:.6em;
 207   -moz-border-radius:.6em;
 208   padding:.7em 1.4em;
 209 }
 210
 211 .comment code, .comment pre, .comment pre.hl {
 212   background:#ddd;
 213 }
 214
 215
 216 .inlinepage h2,.inlinepage h3 {
 217   font-size:100%;
 218 }
 219
 220 .pageheader .actions ul,div.recentchanges {
 221   border-style:none;
 222 }
 223
 224 .fb_label {
 225
 226 }
 227
 228 legend {
 229   text-transform: capitalize;
 230 }
 231
 232 .fb_label:first-letter {
 233   text-transform: capitalize;
 234 }
 235
 236 .fb_label {
 237   color: darkblue;
 238 }
 239
 240 .fb_comment {
 241   color: gray;
 242 }
 243
 244 .fb_label {
 245   margin-top: 1ex;
 246 }
 247
 248 .fb_input {
 249   border: 1px solid lightgray;
 250   padding: 0 1ex 0 0.5ex;
 251 }
 252
 253 .sidebar {
 254   position: absolute;
 255   bottom: 0px;
 256   width: 100%;
 257   margin: 0;
 258   padding: 0;
 259   padding-left: 1em;
 260   float: none;
 261   background-color: transparent;
 262   border: 0px;
 263 }
 264
 265 .pageheader #google_translate_element {
 266     position: absolute;
 267     top: 3ex;
 268     right: 10px;
 269 }
 270
 271 .sidebar ul {
 272   margin:0;
 273   padding:0;
 274 }
 275
 276
 277 .sidebar li {
 278   display: inline;
 279   list-style:none;
 280   padding: 0;
 281   margin: 0;
 282 }
 283
 284 .sidebar ul li a, .sidebar ul li span {
 285   color: #FFF;
 286   background-color: #206cbc;
 287   display: inline-block;
 288   border: none;
 289   margin: 0;
 290   padding: 0;
 291   width: 10em;
 292   height: 3ex;
 293   border: 1px solid #7faede;
 294   border-style: solid solid none solid;
 295   vertical-align: bottom;
 296   text-align: center;
 297   border-radius:.3em .3em 0 0;
 298   -moz-border-radius: .3em .3em 0 0;
 299 }
 300 .sidebar ul li a:hover {
 301   background-color: #7faede;
 302 }
 303 .sidebar ul li span.selflink {
 304   background-color: white;
 305   color: black;
 306 //  border: 1px solid #eee;
 307 //  border-style: none none solid none;
 308 }
 309
 310 .toc {
 311   width: 30ex;
 312   float: right;
 313   margin-left: 40px;
 314   margin-bottom: 40px;
 315   padding: 2ex 2ex;
 316   background: #bbdbfa;
 317   border: none;
 318   border-radius: 0.5ex;
 319   box-shadow: 3px 3px 5px #aaa;
 320 }
 321
 322 .toc ol ol {
 323     padding-left: 2.5ex;
 324 }
 325
 326 .toc li {
 327   margin-bottom: 0.5ex;
 328 }
 329
 330 li.L1 {
 331   list-style: decimal;
 332 }
 333
 334 li.L2 {
 335   list-style: lower-alpha;
 336 }
 337
 338 table {
 339   margin: 1ex 0ex;
 340 }
 341
 342 table th {
 343    text-align: left;
 344 }
 345
 346 th, td {
 347   padding: 0.1em 0.5em;
 348 }
 349
 350 table.borders {
 351   border-collapse: collapse;
 352   border: 1px solid #206cbc;
 353 }
 354
 355 table.borders th, table.borders td {
 356   border: 1px solid #206cbc;
 357 }
 358
 359 ol.lower-alpha {
 360   list-style-type: lower-alpha;
 361 }
 362
 363 ol ol {
 364   list-style-type: lower-alpha;
 365 }
 366
 367 blockquote {
 368     font-style:italic;
 369     color: #666;
 370     border-left: 2px solid gray;
 371     margin-left: 0;
 372     margin-right: 0;
 373     padding-left: 1em;
 374 }
 375
 376 .twitter-logo {
 377     height: 1.5ex;
 378     width: auto;
 379     vertical-align: baseline;
 380 }