Gaspard Buma / Skins (layout themes) / gbuma
/* LAYOUT */ #page { min-height:650px; } #navigation { position:absolute; top:23px; width:250px; margin:9px; 0 0 10px; } .shadow, .days { width:130px; margin:auto; position:relative; } .nav_box, .days table, .tinycal .head a { position: relative; bottom:10px; left:-10px; } #tinycal { margin-top:46px; margin-left:10px; } #login, #visitor { margin-left:42px; } #login { margin-top:28px; } #container { margin:54px 2em 2em 260px; } #path { margin-bottom:36px; } #related { width:140px; padding-top:18px;} #content { width:800px; clear:both; } #content td { vertical-align:top;} #content { border:1px solid black; padding:18px; margin-top:-1px; background:white;} #content #main { width:80%; padding:18px;} #content #main_list { padding:18px; width:100%; } #main_list .floats li { float:left; border: 1px solid #ba9; margin:5px; padding:1px 2px; background:#e5e5e5;} #main_list .floats a:hover { background:#f5e585; color:black;} #main_list .floats h3 { clear:both; } /* STYLE */ body { background:#CAD7B1; color:#333; font-family:'Lucida Grande',Arial,sans-serif; font-size:12px; line-height:18px; } /* url('/en/image36.png?1182440655') */ .wrong_lang { color:#999; font-size:90%; margin-left:0.4em; } a {cursor:pointer; text-decoration:none; color:inherit;} a:hover { color:#99B12D; } strong { font-weight:bold; } em { font-style:italic; } p { margin-bottom:18px;} h1, h2 { font-family:Georgia, Times, serif; color:black; } h1 { font-size:36px; line-height:36px; margin-bottom:18px; } h2 { font-size:18px; line-height:18px; margin-bottom:18px; margin-top:36px; } h3 { font-weight:bold; color:black; } h4 { text-align:center; color:#999;} #header img { border:1px solid grey; } #header img.doc, #header .actions img { border:0; } ul, ol, #signature, pre, .zazen table { margin-bottom:18px; } ul.favorites { margin-bottom:0;} .img_left { margin: 0 18px 18px 0;} .img_right { margin: 0 0 18px 18px;} .img_center { margin: 18px;} .shadow, .days { background:#91987E; margin-bottom:36px;} .tinycal table, .nav_box, .inline_form, #context .admin_links { background:#E7ECDB; border:1px solid #444; font-size:10px; } .tinycal .title { font-size:10px;} .days td { line-height:17px; } #login a, #visitor a, #path, #signature, #siteinfo a { color:#91987E; } #signature em, #siteinfo, #path a { color:#5D6051; } #path li { display:inline; } .nav_box { padding:12px; } .nav_box li a { display:block; } .nav_box li.on, .nav_box li a.on, .nav_box li:hover, #lang li:hover { background:#D5EA8F; } .nav_box li { background:#F6F7F5; line-height:17px; border:1px solid #777; border-top-width:0; } .nav_box li a { padding:0 5px; } .nav_box li:first-child { border-top-width:1px; } #lang li { float:left; border-top-width:1px; margin:-1px 12px 18px 0; padding:0 5px; } #lang li a { padding:0; } #search { text-align:center; } #search input { background:#fff; border:1px dashed grey; padding:1px; width:100px; margin:-1px 0 0 0; text-align:center; color:#999;} /* search */ .result_entry { margin-top:18px;} .result_entry p { margin-bottom:0;} .result_entry .zazen { display:table; font-style:italic;} p.result_image {float:left; margin-right:18px; margin-left:18px; width:80px; padding-top:2px;} p.result_image img { border:none;} p.result_name em { font-size:80%; padding-right:3px;} p.result_name a { font-weight:bold;} #related { border-left:1px solid #777; padding-left:18px; } #main { padding-right:18px; } #hot h3 { margin-top:100px;} #hot { width:180px; text-align:center; margin:auto; } #hot li { float:left; margin:8px; } #hot p { margin:0; font-size:90%;} #hot img { border:1px solid #444;} .zazen a, .zazen .img_title a { color:#149; } .zazen a.wiki { border-bottom:1px dotted blue; color:inherit;} .zazen li { margin-left:27px;} .zazen ul { list-style:disc;} .zazen ol { list-style:decimal;} .zazen img, .page img { border:1px solid #333;} .img_with_title a { border:none; } .zazen img.full { border:none;} .img_title { font-size:10px; color:#666;} .box { border:1px solid #7a7; display:table; margin-left:auto; margin-right:auto; padding:8px; } .cite { font-style:italic; font-family:Times; font-size:16px; } .zazen pre { border:1px solid #555; font-family:Courier,monospace; padding:9px; background:#eee;color:#222;} .zazen code { background:#eee; font-family:Courier,monospace; padding:1px 3px;} .zazen pre code { background:none; padding:0;} /* tables */ .zazen .table_with_title { margin:auto; } .zazen th, .zazen td { border:1px solid grey; background:#444; color:white; font-size:10px; padding:0 3px; } .zazen td { background:white; color:inherit; } .docs td { border:none; padding:5px; vertical-align:top;} .docs a { border-width:0;} .docs a.wiki { border-width:1px;} .docs img.doc { border:none; } .docs .docinfo { text-align:left; } .doc_title { font-weight:bold; margin-bottom:0; color:black;} /* page list */ .page h3 { margin-bottom:18px; } /* notes */ #notes { margin-top:17px; } .note { clear:both; margin-top:0px; border-top:1px solid #ddd; padding-top:9px;} .note .header p { float:left; } .note .summary { clear:left; margin-left:50px; } .note .comments .zazen { margin-left:0px; } .note .header { font-size:10px; color:#666;} .note .ldate { width:50px; } .note .title { width:300px; font-size:12px; color:black; font-weight:bold; } #siteinfo { text-align:center; font-size:10px; margin:54px 0 0 0; background:black; padding:18px; border-top:1px solid #CAD7B1; } #siteinfo li { display:inline; margin:18px; } .inline_form { margin:2px; padding:3px; border:1px dotted grey; font-size:80%;} .inline_form p, .inline_form .date_box { display:inline; float:none; } .inline_form .btn_x { float:right; margin:0; } #notes .inline_form .btn_x { float:left; margin:3px 4px 0 0; } .inline_form .btn_x a img { border:0; } .inline_form select { width:8em; font:inherit;} .node_v_title input { font-weight:bold; width:90%;} #notes .node_v_title input { width:20em; } #related .inline_form p { display:block; margin:0.3em 0; } #related .inline_form p.node_v_title { width:100%; font-size:1.2em; } .do_todo .ldate span, .explain .do_todo { background:yellow; padding:1px; color:black; } ._todo .ldate span, .explain ._todo { background:orange; padding:1px; color:black; } .done_todo .ldate span, .explain .done_todo { border-bottom:2px solid #393; } .alert_todo .ldate span, .explain .alert_todo { background:red; padding:1px; color:black;} .note .done_todo .title { color:grey; } /* login form */ #login_form {background:#ccc; margin:-18px; padding:18px;} #login_form td { width:100px; padding:5px; text-align:right;} /* incrustation .shadow { border:1px solid #F6F7F5; background:none;} .nav_box { border:1px solid #222; left:0px; bottom:0px; margin:-1px; left:-1px; bottom:1px; background:none;} */ /* gallery */ .gallery { margin:18px auto;} .gallery td { padding:5px; text-align:center;} .gallery img { margin:5px; } .gallery a { border:none; color:#22c;} .date { border: 1px solid grey; width:95px; line-height:14px; margin-bottom:9px; } .date { font-size:90%; } .date .log_on, .date .ldate {background:grey; color:white; border-bottom:1px solid grey; text-align:center;} .date .log_on {background:orange; color:black; font-weight:bold;} .date p { margin:0;} .date .zazen { padding:4px;} .date .proj_title { padding:2px; font-weight:bold; border-bottom:1px solid grey; font-size:12px; text-align:center; color:orange;} .date .title a { color:black; font-weight:bold; border:0;} #main .date { margin-bottom: 18px; width:115px;} #related .date .zazen { position:relative;} #related .date .summary { position:absolute; top:-1px; left:95px; background:white; border:1px solid grey; width:91px; display:none; padding:2px;} #related .date:hover .summary { display:block;} #upcoming .date { float:left; margin-right:9px;} #upcoming h3 {margin-bottom:9px;} .zazen a.wrap { border-bottom:none;} .result_image img.pv { border:1px solid #333;} /* comments */ #comments_add, #comments .form { margin-top:18px;} #comments .form .btn_x { margin:0;} #comments .form ol, #comments .btn_add a { visibility:visible; background:#eee; display:block; padding:9px 9px 8px; margin-top:18px; width:380px; border:1px solid grey;} #comments .btn_add img { float:left; margin-right:4px;} #comments .form b { display:block; float:left; width:65px;} #comments .form li { clear:both; margin-top:5px;} #comments .form .title input, #comments .form .author input { width:360px;} #comments .form textarea { width:360px; height:8em;} .comment { padding:8px; border-bottom:1px solid #ccc;} .comment .date { border:none;} .alt { background:#eee;} .comment .sign { color:#a22; font-size:18px; font-family:Georgia,serif;} .comment .date { float:right; color:#a22;} .comment .prop { border:1px solid #055; padding:5px; background:#cee; color:black; font-weight:bold;} .captcha { padding: 5px 0 0 63px; height:135px;} /* anti-spam */ .spot { display:none;} |