Θέμα 26
@import url(http://themes.wdfiles.com/local--code/sky-blue/3); /* COMMON ==============================*/ body { background-color: transparent; background-image: url(http://bioproject.wikidot.com/local--files/start/body.png); background-position: center top; background-repeat: repeat-x; background-size: 10px 400px; font-family: Nimbus Sans L,"Lucida Grande",verdana,Arial,Helvetica,sans-serif; font-size: 0.82em; margin: 0; padding: 0; height: auto; } a{ text-decoration:none; } a:hover{ text-decoration:underline; background:transparent; } h1, h2, h3, h4, h5, h6 { font-family: "Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica; font-weight: bold; } h1, h2, h3, #page-title { color: crimson; } h4, h5, h6 { color: #000000; } h1 { size: 190%; } h2 { size: 170%; } h3 { size: 150%; } h4 { size: 130%; } h5 { size: 115%; } h6 { size: 105%; } #container-wrap { background: none repeat scroll 0 0 transparent; height: auto; } #container { background-color: transparent; background-image: url(http://bioproject.wikidot.com/local--files/start/footer.png); background-position: center bottom; background-repeat: repeat-x; background-size: 10px 300px; margin: 0; max-width: 1660px; height: auto; padding: 0; position: relative; width: auto; } #content-wrap { background: none repeat scroll 0 0 transparent; height: auto; margin: 0; overflow: hidden; padding: 10px 0; position: relative; top: 0; width: 1349px; z-index: 5; } /* HEADER ============================== */ #header { background: no-repeat scroll center transparent; background-image: url(http://bioproject.wikidot.com/local--files/start/enviro.png); background-position: 10px 10px; background-repeat: no-repeat; background-size: 100px 91px; height: 140px; left: 0; margin: auto; padding: 0; position: relative; right: 0; width: 1349px; z-index: 30; } #header h1 { float: left; left: 150px; margin: 0; position: relative; top: -20px; } #header h1 span { padding-right: 5px; } #header h1 a { link: url(http://bioproject.wikidot.com/); color: #0000FF; font-family: "Bitstream Charter","Monotype Corsiva",Trebuchet,Verdana,Arial,Helvetica,sans-serif; font-size: 36px; font-style: normal; font-weight: bold; letter-spacing: 1px; line-height: 25px; } #header h2 { color: yellow; float: left; margin: 0; position: relative; left: -42px; top: 50px; padding: 0px; } #header h2:before { content: "«"; } #header h2:after { content: "»"; } #header h2 span { color: lightgrey; font-size: 12px; padding-left: 7px; text-transform: lowercase; padding-right: 7px; } #header h2 a { font-family: "Bitstream Charter",Trebuchet,Verdana,Arial,Helvetica,sans-serif; font-size: 24px; font-style: normal; font-weight: bold; letter-spacing: 1px; line-height: 20px; } /*SEARCH and LOGIN ==============================*/ #search-top-box { position: absolute; right: 70px; top: 38px; } #search-top-box .text { width: 120px; } #search-top-box .button { visibility: visible; } #login-status { overflow: hidden; position: absolute; right: 70px; top: 8px; } #header-extra-div-1 { display: none } /* TOP MENU ==============================*/ #top-bar { background-image: -moz-linear-gradient(center top , #FFFFAA, #FFFF77, #FFFF33, #FFFF00); bottom: 0; font-weight: bold; height: 25px; left: 10px; width: auto; max-width: 1200px; padding-left: 0; padding-right: 0; position: absolute; right: 45px; top: 115px; z-index: 100; } #top-bar a { color: #FF0000; text-decoration: none; z-index: 100; } #top-bar ul { background: -moz-linear-gradient(center top , #FFFFAA, #FFFF77, #FFFF33, #FFFF00) repeat scroll 0 0 transparent; height: 25px; } #top-bar ul, #top-bar li { display: block; float: left; list-style: none outside none; margin: 0 2px; padding: 0; } #top-bar ul ul, #top-bar ul ul ul { width: 12em; position: absolute; } #top-bar li ul, #top-bar li ul li { display: block; float: none; margin: 0; padding: 0; width: 12em; } #top-bar li a { display: block; color: #ff0000; border-right: 1px solid white; line-height: 25px; font-size: 13px; margin: 0; padding: 0 15px; text-align: center; text-decoration: none; } #top-bar a:hover { color: #000000; background-color: #0000ff; text-decoration: underline; } #top-bar li ul li a { background-color: #FFFF00; color: #0000ff; border: medium none; text-align: left; width: 15em; } #top-bar li ul li a:hover { color: #FFccff; } #top-bar li:hover ul, #top-bar li.sfhover ul { visibility: visible; } /* SIDEBAR MENU ============================== */ #side-bar { background: none repeat scroll 0 0 transparent; border: 1px dotted #FF44BB; clear: left; float: left; height: auto; left: 8px; margin: 0; overflow: hidden; padding: 0 0.2em; position: relative; top: 0; width: 220px; } /* CONTENT ============================== */ #main-content { height: auto; left: 0.5em; margin: 0; overflow: hidden; padding: 0 4px; position: relative; width: 1070px; } #breadcrumbs { margin-bottom: 0.5em; margin-top: 0.5em; } #page-title { border-bottom: 2px solid #EEEEEE; font-size: 180%; margin-top: 0; padding: 2px 5px; width: 77%; } .page-options-bottom { height: 1%; line-height: 150%; margin: 10px 50px; text-align: right; } .page-options-bottom a { background: none repeat scroll 0 0 gold; border: 2px solid #22FF88; font-size: 95%; font-weight: bold; margin: 2px; padding: 2px 3px; } #page-content { background: none no-repeat scroll 0 0 transparent; clear: left; color: #000000; display: block; float: left; height: auto; left: 3px; position: relative; top: 0; width: 1070px; } #page-content > *:first-child { } #page-content > *:first-child { margin: 0px; } div.rightcol { border: 1px dotted #FF44BB; clear: left; display: block; float: right; height: auto; min-height: 500px; position: absolute; right: 0; top: -73px; visibility: visible; width: 190px; padding: 8px; } div.fix-buttons { clear: left; display: block; float: left; font-family: tahoma; font-weight: bold; height: auto; margin: 0; padding: 0; position: fixed; right: 5px; top: 150px; width: 32px; } iframe.html-block-iframe { background: none repeat scroll 0 0 transparent; border: 0 none; display: block; visibility: visible; max-width: 1000px; height: auto; } .page-options-bottom { height: 0.8%; line-height: 120%; margin: 10px 50px; text-align: right; } #page-info { clear: both; display: block; font-size: 87%; margin: 2px; text-align: right; } #action-area { padding: 0.5em; width: 100%; } /* FOOTER ==============================*/ #footer { background: none no-repeat scroll 0 0 transparent; bottom: 0; clear: both; color: #000000; display: block; font-size: 90%; height: 30px; left: 0; margin-top: 5px; overflow: hidden; padding: 5px 50px; position: relative; visibility: visible; } #footer .options { display: block; float: right; color: #000000; font-size: 98%; padding: 1px 0; visibility: visible; } #license-area { background: none no-repeat scroll 0 0 transparent; border-top: 1px solid cyan; color: #000000; font-size: 12px; height: 20px; padding: 0.5em 0; text-align: center; } /* TABLES ============================== */ table { empty-cells:show; } table.wiki-content-table { background-color: #CEE8E5; border-collapse:collapse; border-spacing:0; color:#2D5491; } table.wiki-content-table th { background-color:#6A946A; border:1px solid cyan; color:white; padding:0.3em 0.7em; } table.wiki-content-table td { background-color: #CEE8E5; border:1px solid silver; padding:0.3em 0.7em; } /* BUTTONS ============================== */ div.buttons input, input.button, button, file, a.button { -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#7DC6B7; border:1px solid #468259; color:#468259; font-weight: bold; margin:0 2px; padding:0 0.5em; text-decoration:none; } .owindow .button-bar a { background-color:#7DC6B7; border:1px solid #468259; color: #ffffff; margin:0.2em; padding:0.1em 1em; text-decoration:none; } div.buttons.alignleft { text-align:center; } /* FORUMS ===========================*/ .forum-group div.head { background-color:#6A946A; border:1px solid #333333; color:#FFFFFF; margin:0; padding:0.5em 1em; } /* TABS ===========================*/ yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border-color: #8C8C8C; border-width:0; width:95%; } .yui-navset .yui-nav .selected a, .yui-navset .yui-nav .selected a em { background-color:#6A946A; color: white; } .yui-navset .yui-nav li a em, .yui-navset-top .yui-nav li a em, .yui-navset-bottom .yui-nav li a em { background-color:#CEE8EE; color:#6A946A; display:block; } .yui-navset .yui-content, .yui-navset .yui-navset-top .yui-content { border: solid 1px #8C8C8C; padding: 1em; width:92%; background: none repeat scroll 0 0 transparent; } .yui-navset .yui-nav, .yui-navset .yui-navset-top .yui-nav { border: none; margin-left:0%; } /* SITE MANAGER ============================== */ select { background-color:#CEE8E5; border:1px solid #777777; } #site-manager-menu { background-color:#CEE8E6; border-top:5px solid #7DC5B7; float:left; margin:0 0 1em; padding:0 20px 0 0; width:16em; } #lock-info { width:100%; } /* CODE BLOCKS AND NOTES ============================== */ .code { margin: 0.4em 0 0.4em 40px; padding: 0 10px; } div.wiki-note { background-color:#CEE8E5; border-color:#7DC5B7; border-style:solid; border-width:5px 1px 1px; margin:0 auto; text-align:center; width:50%; } /* IMAGES ============================== */ .image-box-heading{ background-color: #F1E0F1; font-family: 'Comic Sans MS'; color: #0000FF; } .image-box{ background-color: ##EEEEAA; } /* Strip down editor UI ============================== */ .edit-help-34 { display: block; } .wd-editor-toolbar-panel { display: block; } .edit-page-bottomtable { display: block; } #edit-diff-button { display: inline; } #pagerate-button { display: inline; } #discuss-button { display: inline; } #page-info { display: block; } #print-button { display: inline; } .page-watch-options { display: block; }