/kai/public/css/custom.css

  1/* @override http://localhost:5050/css/custom.css */
  2
  3/* Written by Jacobus van Niekerk for Pylons HQ - LexMachina - 15 July 2008 - azapi.com - version 1.2 */
  4
  5body { background:#0f0f0f url(images/body-bg.jpg) repeat-x 0 0; margin:0; padding:0;}
  6#doc4 { position:relative; }
  7#hd { height:185px; position:relative;}
  8#bd { background:#fff;padding:20px;}
  9.home #bd { background:#fff url(images/content-bg.jpg) repeat-x 0 100%;padding:20px;}
 10
 11/* LOGO */
 12#logo {position: absolute; top: 60px; left: 0;overflow:hidden;}
 13#logo, #logo span {height:68px; width:315px; color: #000; background: transparent url(images/pylons-logo.gif) no-repeat 0 0;}
 14h1#logo {color: #000;font-size:0; cursor: pointer;}
 15#logo span {background-color: transparent;}
 16#logo a {text-decoration: none;}
 17
 18/* nav */
 19#nav { color:#ffd630; position:absolute; top:25px; right:0;}
 20#nav * { margin:0; padding:0;}
 21#nav ul { margin-left:0!important; width:549px;}
 22#nav ul li{ list-style:none; float:left; width:100px; display:inline; position:relative; }
 23#nav ul a{ color:#ffd630; height:43px; line-height:37px; display:block; text-align:center;}
 24#nav ul li a { font-size:123.1%; font-weight:700;}
 25#nav ul li.selected a { color:#000;}
 26#nav ul li a:hover { text-decoration:underline;}
 27
 28#nav ul ul { position:absolute; top:45px; left:0; width:auto;}
 29#nav ul ul li { display:block; position:relative; width:auto; float:none; margin-bottom:4px; *margin-bottom:3px;}
 30#nav ul ul li a{ text-decoration:none; font-weight:300; font-size:84.65%; padding:0 0 0 20px; color:#ffd630!important; background:none!important; text-align:left; height:auto; *height:1%;line-height:1.2;}
 31#nav ul ul li.selected a { background: transparent url(images/nav-sub-select.gif) no-repeat 5px 50%!important; text-decoration:underline;}
 32
 33#nav ul li#nav-1 { width:88px;}
 34#nav ul li#nav-1.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px 0;}
 35#nav ul li#nav-2 { width:155px;}
 36#nav ul li#nav-2.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px -53px;}
 37#nav ul li#nav-3 { width:130px;}
 38#nav ul li#nav-3.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px -106px;}
 39#nav ul li#nav-4 { width:88px;}
 40#nav ul li#nav-4.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px 0;}
 41#nav ul li#nav-5 { width:88px;}
 42#nav ul li#nav-5.selected a {background: transparent url(images/nav-main-selected.gif) no-repeat 10px 0;}
 43
 44
 45/* content */
 46#bd { color:#2b2b2b; line-height:1.5;}
 47#bd a { color:#6f4706; text-decoration: none;}
 48.home #bd a:hover { text-decoration:underline; color:#f60}
 49.home #bd h3, .home #bd h4 { color:#6f4706; font-size:184.6%;font-family:Georgia, "Times New Roman", Times, serif; font-weight:300; margin-bottom:10px;}
 50#sidebar .home #bd ul, #sidebar .home #bd ol { margin-left:20px; padding-left:0;}
 51home #bd ul,.home #bd ol { margin-left:0px; padding-left:0;}
 52
 53
 54.home #bd ul li { font-size:84.65%; margin-bottom:10px; margin-left:0px;}
 55.home #bd ul li a{ font-size:118.25%;}
 56.home #bd ol li { list-style:none; background: transparent url(images/tickmark.gif) no-repeat 0 3px; margin-bottom:10px; padding-left:25px; margin-left:20px;}
 57
 58#intro { padding:20px; position:relative; height:85px; background: #e88f00 url(images/intro-bg.gif) no-repeat 0 0; margin-bottom:20px; width:893px;}
 59#intro h2 { margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:215.4%; font-weight:300; color:#fff; }
 60#intro #download { width:240px; color:#fff; height:55px; position:absolute; top:20px; right:20px; padding: 10px 10px 8px 20px;}
 61#intro #download a { display:block; font-size:165%; font-weight:700; color:#fff;}
 62
 63#bottom-content { padding-top:10px; border-top:1px dotted #f4f4f4;}
 64
 65/* side content */
 66#search { background:transparent url(images/search-bg.gif) no-repeat 0 0; padding:20px; width:259px;}
 67#search-input { margin-right:5px; width:175px; padding:3px}
 68
 69
 70#sidebar h3, #bottom-content-sidebar h3 { color:#201e1e; font-family:Arial, Helvetica, sans-serif; background:#f1db88; padding:10px 20px; width:259px; margin:0;}
 71#sidebar ul, #sidebar ol{padding-left:0; margin-left:20px; padding-bottom:20px;}
 72#sidebar li { list-style:none; background: transparent url(images/side-arrow.gif) no-repeat 0 2px; padding-left:25px; margin-left:0!important;}
 73#sidebar p { padding:5px 20px 20px 20px;}
 74#sidebar .side-section{ background:#f0eeee url(images/sidebar-bg.gif) repeat-x 0 100%; width:299px;}
 75
 76#sidebar #news h3 { background: transparent url(images/sidebar-h3.gif) no-repeat 0 0;}
 77#sidebar #usefull h3 { background: transparent url(images/sidebar-h3.gif) no-repeat 0 -61px;}
 78
 79#bottom-content-sidebar form{ padding:20px;}
 80#bottom-content-sidebar form label { color:#000; display:block; font-size:138.5%;}
 81#bottom-content-sidebar #join h3 { background: transparent url(images/sidebar-h3.gif) no-repeat 0 -125px;}
 82#bottom-content-sidebar .input { width:245px; padding:3px;}
 83#bottom-content-sidebar .side-section{ background:#fcea99 url(images/bottom-sidebar-bg.gif) repeat-x 0 100%;}
 84
 85
 86/* Footer */
 87#ft { color:#f4f4f4; text-align:center; font-size:84.65%; padding:20px;}
 88#ft p { line-height:1.7;}
 89#ft a {color:#f6c058}
 90#ft a:hover { text-decoration:none; color:#f60}
 91
 92
 93/* helping styles */
 94.spacer {	clear:both;	font-size:0;}
 95.hide, hr, span#pageTitle {
 96	display:none;
 97	height: 0;
 98	width: 0;
 99	overflow: hidden;
100	position: absolute;
101}
102
103
104/* Global clear float fix */
105.clearfix:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}
106
107/* Global IR code IR (Image Replacement )*/
108.replace{      position:relative;      margin:0; padding:0;      /* \*/      overflow: hidden;      /* */}
109.replace span{      display:block !important;      position:absolute !important;      top:0;      left:0;      z-index:1;}
110*>html .clearfix {height: auto;}
111
112/* Hides from IE-mac \*/
113* html #container, * html .clearfix {height: 1%;} 
114/* End hide from IE5/mac */