git.sesse.net Git - pgn-extract/blob - style.css

   1 \r
   2 /*\r
   3 Design by Free CSS Templates\r
   4 http://www.freecsstemplates.org\r
   5 Released for free under a Creative Commons Attribution 2.5 License\r
   6 */\r
   7 \r
   8 body {\r
   9         margin: 0px 0px 0px 0px;\r
  10         padding: 0;\r
  11         background: #FFFFFF;\r
  12         font-family: Arial, Helvetica, sans-serif;\r
  13         font-size: 12px;\r
  14 }\r
  15 \r
  16 h1, h2, h3 {\r
  17         margin: 0;\r
  18         padding: 0;\r
  19         font-weight: 200;\r
  20         color: #222222;\r
  21 }\r
  22 \r
  23 h1 {\r
  24         font-size: 3em;\r
  25 }\r
  26 h2 {\r
  27         font-size: 2em;\r
  28 }\r
  29 h3 {\r
  30         font-size: 1.5em;\r
  31 }\r
  32 \r
  33 p, ol, ul, pre, td {\r
  34         margin-top: 0px;\r
  35         padding: 0px;\r
  36         color: #070707;\r
  37         /* color: #000000; */\r
  38 }\r
  39 \r
  40 p, ol {\r
  41         /* line-height: 180%; */\r
  42 }\r
  43 \r
  44 p {\r
  45 }\r
  46 \r
  47 ul, table {\r
  48     margin-left: 20px;\r
  49 }\r
  50 \r
  51 li {\r
  52     margin-left: 20px;\r
  53 }\r
  54 \r
  55 pre {\r
  56     margin-left: 2em;\r
  57     font-family: "Courier New", "Lucida Console", monospace;\r
  58 }\r
  59 \r
  60 strong {\r
  61 }\r
  62 \r
  63 a {\r
  64         color: #5C5539;\r
  65 }\r
  66 \r
  67 a:hover {\r
  68         text-decoration: none;\r
  69 }\r
  70 \r
  71 a img {\r
  72         border: none;\r
  73 }\r
  74 \r
  75 img.border {\r
  76 }\r
  77 \r
  78 img.alignleft {\r
  79         float: left;\r
  80 }\r
  81 \r
  82 img.alignright {\r
  83         float: right;\r
  84 }\r
  85 \r
  86 img.aligncenter {\r
  87         margin: 0px auto;\r
  88 }\r
  89 \r
  90 hr {\r
  91         display: none;\r
  92 }\r
  93 \r
  94 /** WRAPPER */\r
  95 \r
  96 #wrapper {\r
  97         overflow: hidden;\r
  98         background: #FFFFFF;\r
  99 }\r
 100 \r
 101 .container {\r
 102         /* width: 1200px; */\r
 103         margin: 0px auto;\r
 104 }\r
 105 \r
 106 .clearfix {\r
 107         clear: both;\r
 108 }\r
 109 \r
 110 /* Header */\r
 111 \r
 112 #header-wrapper {\r
 113         overflow: hidden;\r
 114         height: 150px;\r
 115 }\r
 116 \r
 117 #header {\r
 118         /* width: 1200px; */\r
 119         height: 150px;\r
 120         margin: 0 auto;\r
 121         padding: 0px 0px;\r
 122 }\r
 123 \r
 124 /* Logo */\r
 125 \r
 126 #logo {\r
 127         float: left;\r
 128         width: 310px;\r
 129         height: 150px;\r
 130         padding: 0px 0px 0px 40px;\r
 131 }\r
 132 \r
 133 #logo h1 {\r
 134         padding: 50px 0px 0px 0px;\r
 135         text-transform: lowercase;\r
 136         letter-spacing: -2px;\r
 137         font-size: 3.6em;\r
 138 }\r
 139 \r
 140 #logo h1 a {\r
 141         text-decoration: none;\r
 142         color: #FFFFFF;\r
 143 }\r
 144 \r
 145 \r
 146 /* Menu */\r
 147 \r
 148 #menu {\r
 149         float: right;\r
 150         width: 810px;\r
 151         height: 80px;\r
 152         padding: 20px 40px 0px 0px;\r
 153 }\r
 154 \r
 155 #menu ul {\r
 156         float: right;\r
 157         margin: 0;\r
 158         padding: 40px 0px 0px 0px;\r
 159         list-style: none;\r
 160         line-height: normal;\r
 161 }\r
 162 \r
 163 #menu li {\r
 164         float: left;\r
 165 }\r
 166 \r
 167 #menu a {\r
 168         display: block;\r
 169         margin-left: 1px;\r
 170         padding: 7px 20px 7px 20px;\r
 171         letter-spacing: 1px;\r
 172         text-decoration: none;\r
 173         text-align: center;\r
 174         text-transform: uppercase;\r
 175         font-family: 'Oswald', sans-serif;\r
 176         font-size: 16px;\r
 177         font-weight: 300;\r
 178         color: #FFFFFF;\r
 179 }\r
 180 \r
 181 #menu a:hover, #menu .current_page_item a {\r
 182         text-decoration: none;\r
 183         background: #1B5902;\r
 184         border-radius: 5px;\r
 185         color: #FFFFFF;\r
 186 }\r
 187 \r
 188 /* Page */\r
 189 \r
 190 #page-wrapper {\r
 191         overflow: hidden;\r
 192 }\r
 193 \r
 194 #page {\r
 195         overflow: hidden;\r
 196         /* width: 1120px; */\r
 197         margin: 0px auto;\r
 198         padding: 20px 40px;\r
 199         color: #8F8F8F;\r
 200         border-top: 3px solid #A1A1A1;\r
 201 }\r
 202 \r
 203 /** CONTENT */\r
 204 \r
 205 #wide-content {\r
 206 }\r
 207 \r
 208 #wide-content h2 {\r
 209         padding: 0px 0px 20px 0px;\r
 210         letter-spacing: -1px;\r
 211         font-size: 36px;\r
 212         color: #222222;\r
 213 }\r
 214 \r
 215 \r
 216 /** CONTENT */\r
 217 \r
 218 #content {\r
 219         float: right;\r
 220         width: 800px;\r
 221         padding: 0px 0px 0px 0px;\r
 222 }\r
 223 \r
 224 #content h2 {\r
 225         padding: 0px 0px 20px 0px;\r
 226         letter-spacing: -1px;\r
 227         font-size: 36px;\r
 228         color: #222222;\r
 229 }\r
 230 \r
 231 #content .subtitle {\r
 232         padding: 0px 0px 30px 0px;\r
 233         text-transform: uppercase;\r
 234         font-family: 'Oswald', sans-serif;\r
 235         font-size: 18px;\r
 236         color: #81AFC5;\r
 237 }\r
 238 \r
 239 /** SIDEBAR */\r
 240 \r
 241 #sidebar {\r
 242         float: left;\r
 243         width: 290px;\r
 244         padding: 0px 0px 20px 0px;\r
 245 }\r
 246 \r
 247 #sidebar h2 {\r
 248         padding: 0px 0px 30px 0px;\r
 249         letter-spacing: -1px;\r
 250         font-size: 2em;\r
 251 }\r
 252 \r
 253 /* Footer */\r
 254 \r
 255 #footer {\r
 256         margin: 0 auto;\r
 257 }\r
 258 \r
 259 #footer p {\r
 260         text-align: center;\r
 261         font-size: 12px;\r
 262         color: #757575;\r
 263 }\r
 264 \r
 265 #footer a {\r
 266         color: #757575;\r
 267 }\r
 268 \r
 269 /* Three Column Footer Content */\r
 270 \r
 271 \r
 272 #footer-bg {\r
 273         overflow: hidden;\r
 274         padding: 40px 0px;\r
 275         background:#E5E0DD url(images/main-bsg.png) repeat;\r
 276 }\r
 277 \r
 278 #footer-content {\r
 279         color: #67C8E3;\r
 280 }\r
 281 \r
 282 #footer-content h2 {\r
 283         margin: 0px;\r
 284         padding: 0px 0px 30px 0px;\r
 285         letter-spacing: -1px;\r
 286         text-shadow: 1px 1px 0px #FFFFFF;\r
 287         text-transform: uppercase;\r
 288         font-size: 20px;\r
 289         font-weight: 200;\r
 290         color: #93776E;\r
 291 }\r
 292 \r
 293 #footer-content a {\r
 294 }\r
 295 \r
 296 #footer-content a:hover {\r
 297         text-decoration: underline;\r
 298 }\r
 299 \r
 300 \r
 301 #column1 {\r
 302         float: left;\r
 303         width: 280px;\r
 304         margin-right: 30px;\r
 305 }\r
 306 \r
 307 #column1 p {\r
 308         line-height: 1;\r
 309 }\r
 310 \r
 311 #column2 {\r
 312         float: left;\r
 313         width: 280px;\r
 314         margin-right: 30px;\r
 315 }\r
 316 \r
 317 #column3 {\r
 318         float: left;\r
 319         width: 280px;\r
 320 }\r
 321 \r
 322 #column4 {\r
 323         float: right;\r
 324         width: 260px;\r
 325 }\r
 326 \r
 327 \r
 328 /* Banner Style */\r
 329 \r
 330 #banner-wrapper {\r
 331         background: #FFFFFF;\r
 332 }\r
 333 \r
 334 #banner {\r
 335         overflow: hidden;\r
 336         background: #FFFFFF;\r
 337         /* width: 1160px; */\r
 338         margin: 20px auto 50px auto;\r
 339 }\r
 340 \r
 341 #banner h1 {\r
 342         text-align: center\r
 343 }\r
 344 \r
 345 #banner .img-border {\r
 346         height: 500px;\r
 347         border: 20px solid #FFFFFF;\r
 348 }\r
 349 \r
 350 /* Button Style */\r
 351 \r
 352 .button-style {\r
 353         display: inline-block;\r
 354         margin-top: 30px;\r
 355         padding: 7px 30px;\r
 356         background: #36332E;\r
 357         border-radius: 5px;\r
 358 }\r
 359 \r
 360 .button-style a {\r
 361         letter-spacing: 1px;\r
 362         text-decoration: none;\r
 363         text-transform: uppercase;\r
 364         font-family: 'Oswald', sans-serif;\r
 365         font-weight: 300;\r
 366         font-size: 16px;\r
 367         color: #FFFFFF;\r
 368 }\r
 369 \r
 370 /* List Style 1 */\r
 371 \r
 372 ul.style1 {\r
 373         margin: 0px;\r
 374         padding: 0px;\r
 375         list-style: none;\r
 376 }\r
 377 \r
 378 ul.style1 li {\r
 379         padding: 25px 0px 15px 0px;\r
 380         border-top: 1px solid #A1A1A1;\r
 381 }\r
 382 \r
 383 ul.style1 a {\r
 384         text-decoration: none;\r
 385         color: #FFFFFF;\r
 386 }\r
 387 \r
 388 ul.style1 a:hover {\r
 389         text-decoration: underline;\r
 390         color: #6B6B6B;\r
 391 }\r
 392 \r
 393 ul.style1 .first {\r
 394         padding-top: 0px;\r
 395         border-top: none;\r
 396 }\r
 397 \r
 398 /** LIST STYLE 3 */\r
 399 \r
 400 ul.style3 {\r
 401         margin: 0px;\r
 402         padding: 0px;\r
 403         list-style: none;\r
 404 }\r
 405 \r
 406 ul.style3 li {\r
 407         padding: 10px 0px 10px 0px;\r
 408         border-top: 1px solid #A1A1A1;\r
 409 }\r
 410 \r
 411 ul.style3 a {\r
 412         text-decoration: none;\r
 413         color: #949494;\r
 414 }\r
 415 \r
 416 ul.style3 a:hover {\r
 417         text-decoration: underline;\r
 418 }\r
 419 \r
 420 ul.style3 .first {\r
 421         padding-top: 0px;\r
 422         border-top: none;\r
 423         box-shadow: none;\r
 424 }\r
 425 \r
 426 ul.style3 .date {\r
 427         width: 87px;\r
 428         background-color: #36332E;\r
 429         margin-top: 20px;\r
 430         height: 24px;\r
 431         line-height: 24px;\r
 432         text-align: center;\r
 433         font-size: 12px;\r
 434         color: #FFFFFF;\r
 435 }\r
 436 \r
 437 ul.style3 .first .date\r
 438 {\r
 439         margin-top: 0px;\r
 440 }\r
 441 \r
 442 \r
 443 /* Recent News */\r
 444 \r
 445 #recent-news {\r
 446         overflow: hidden;\r
 447         width: 1120px;\r
 448         margin: 0px auto;\r
 449         padding: 50px 40px;\r
 450         background: #36332E;\r
 451         color: #8C8C8C;\r
 452 }\r
 453 \r
 454 #recent-news h2 {\r
 455         padding: 0px 0px 20px 0px;\r
 456         font-family: Arial, Helvetica, sans-serif;\r
 457         font-size: 2.5em;\r
 458         color: #EDEDED;\r
 459 }\r
 460 \r
 461 #recent-news .date {\r
 462         padding: 0px 0px 10px 0px;\r
 463         font-weight: bold;\r
 464         font-style: normal;\r
 465         color: #E3E3E3;\r
 466 }\r
 467 \r
 468 #recent-news p {\r
 469         font-style: italic;\r
 470 }\r
 471 \r
 472 #recent-news a {\r
 473         font-style: normal;\r
 474         color: #B8B8B8;\r
 475 }\r
 476 \r
 477 #recent-news #rbox1 {\r
 478         float: left;\r
 479         width: 250px;\r
 480         margin-right: 40px;\r
 481 }\r
 482 \r
 483 #recent-news #rbox2 {\r
 484         float: left;\r
 485         width: 250px;\r
 486         margin-right: 40px;\r
 487 }\r
 488 \r
 489 #recent-news #rbox3 {\r
 490         float: left;\r
 491         width: 250px;\r
 492 }\r
 493 \r
 494 #recent-news #rbox4 {\r
 495         float: right;\r
 496         width: 250px;\r
 497 }\r
 498 \r
 499 /* Button Style */\r
 500 \r
 501 .button-style1 {\r
 502         margin-top: 30px;\r
 503 }\r
 504 \r
 505 .button-style1 a {\r
 506         padding: 10px 25px;\r
 507         background: #EBB462;\r
 508         border-radius: 5px;\r
 509         text-decoration: none;\r
 510         text-shadow: 1px 1px 0px #FCE3BB;\r
 511         color: #36332E !important;\r
 512 }\r