/** * Design and Layout "WB-Org" * WebsiteBaker Project * Copyright (C) 2010, Website Baker Org e.V. All rights reserved. * License conditions: The special license (in addition to CC 3.0 by-nc-nd) * have to be asked at contact[at]websitebakers.org. */ /* TABLE OF CONTENTS */ /***************************************************** 01 - Global Elements 02 - Main Structure 03 - Header - Header, Logo, navigation 04 - Main Content - Post boxes, post meta, comments, etc 05 - Sidebar - search, submenu, quicklinks, extra blocks, etc 06 - Footer - Copyright *****************************************************/ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset all styles to reduce browser inconsistencies ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ * { margin: 0; padding: 0; } html{ color: #000000; background: #FFFFFF; } html { overflow: -moz-scrollbars-vertical; /* Force firefox to always show room for a vertical scrollbar */ } fieldset,img{ border: 0; } address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; } li{ list-style: none; } caption,th{ text-align: left; } h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; } q:before,q:after{ content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input,textarea,select{ font-family: inherit; font-size: inherit; font-weight: inherit; } input,textarea,select{ font-size: 101%; } legend{ color: #000000; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 01 - Global Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html{ background: url(../img/bg1.png) repeat-x fixed #FFFFFF; } body { font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #003366; } /* Page Headings */ h1, h2, h3, h4, h5, h6 { color: #336699; } h1 { margin: 10px 0 6px 0; font-size: 1.5em; font-weight: bold; } h2 { margin: 10px 0 4px 0; font-size: 1.3em; font-weight: bold; } h3 { margin: 10px 0 4px 0; font-size: 1.2em; font-weight: bold; } h4 { margin: 10px 0 0 0; font-size: 1em; } h5 { margin: 10px 0 0 0; font-size: 0.9em; } h6 { margin: 3px 0 0 0; font-size: 0.75em; } hr { color: #5B9ACF; } p { margin: 0; line-height: 1.6em; margin: 0 0 15px 0; } strong { color: #336699; font-weight: bold; } img { border: 0px none; } a:link, a:visited, a:active { color: #5B9ACF; text-decoration: none; } a:hover { color: #336699; text-decoration: none; } a:active { border-bottom: none; } *:focus { outline: 0; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 02 - Main Structure ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #wb-site { margin: 0px auto; } #wb-wrap { float: left; background: #FFFFFF none repeat-y scroll top center; border-left: 0px solid #CFCFCF; border-right: 0px solid #CFCFCF; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 03 - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#wb-site div#wb-top { float: left; margin-top: 5px; background: url(../img/bg_navi.png) center 13px repeat-x transparent; } div#wb-site div#wb-logo img { position: relative; top: 15px; } div#wb-site div#wb-top div#wb-logo { float: left; height: 72px; margin-left: 55px; margin-top: -5px; width: 400px; border: none; } div#wb-site div#wb-top div#wb-lang { float: right; height: 60px; padding-right: 60px; padding-top: 8px; width: 250px; color: #FFFFFF; } div#wb-site div#wb-top div#wb-lang div#text_lang { padding: 10px 0; text-align: right; } div#wb-site div#wb-top div#wb-lang div#wb-flag { text-align: right; } div#wb-site div#wb-top div#wb-lang div#wb-flag img { padding-right: 8px; } /* font and background navi w899 */ div#wb-site div#wb-top div#wb-navi { margin-left: 0px; clear: both; } div#wb-site div#wb-top div#wb-navi div#navimain { float: left; height: 52px; padding-left: 0px; margin-top: 28px; } div#wb-site div#wb-top div#wb-navi div#navimain li { width: auto; float: left; line-height: 52px; position: relative; } div#wb-site div#wb-top div#wb-navi div#navimain a { width: auto; float: left; border-right: 1px solid #FFFFFF; padding-right: 14px; font-size: 12px; text-decoration: none; color: #FFFFFF; } div#wb-site div#wb-top div#wb-navi div#navimain a.menu-child:hover { color: #003366; } /*Current page Customisations*/ div#wb-site div#wb-top div#wb-navi #navimain a.menu-current{ height: 52px; background: url(../img/menu-hover.jpg) repeat-x; } /* restyle first menu item by C.081*/ div#wb-site div#wb-top div#wb-navi div#navimain a.menu-first.navlev1 { width: 60px; height: 52px; } div#wb-site div#wb-top div#wb-navi div#navimain a.menu-first.navlev1:hover{ background: url("../img/menu-first-h.png") no-repeat 0 0; width: 60px; height: 52px; } div#wb-site div#wb-top div#wb-navi div#navimain a.menu-first.navlev1.menu-current { background: url("../img/menu-first-h.png") no-repeat 0 0; width: 60px; height: 52px; } div#wb-site div#wb-top div#wb-navi div#navimain a.menu-expand:hover { color: #003366; } div#wb-site div#wb-top div#wb-navi div#navimain a.menu-sibling:hover { color: #003366; } div#wb-site div#wb-top div#wb-navi div#navimain a:hover { color: #003366; } /* Positioning the Pop-out Drops */ div#wb-site div#wb-top div#wb-navi div#navimain li:hover { position: relative; z-index: 10000; white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present) see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */ } div#wb-site div#wb-top div#wb-navi div#navimain ul { list-style-type: none; position: relative; /* Fix the Stupid IE6 Bug */ z-index: 1000; } /* Root Level Link Formatting */ div#wb-site div#wb-top div#wb-navi div#navimain ul li { float: left; } div#wb-site div#wb-top div#wb-navi div#navimain ul li a { font-family: arial, sans-serif; letter-spacing: 1px; display: block; padding: 0 20px; color: #FFFFFF; text-decoration: none; border-right: 1px solid #FFFFFF; font-size: 1.3em; font-weight: bold; } /* Root Level link hover */ div#wb-site div#wb-top div#wb-navi div#navimain ul li a:hover, div#wb-site div#wb-top div#wb-navi div#navimain ul li a:focus, div#wb-site div#wb-top div#wb-navi div#navimain ul li a:active, div#wb-site div#wb-top div#wb-navi div#navimain ul li a.active { background: url(../img/menu-hover.jpg) repeat-x; color: #003366; } div#wb-site div#wb-top div#wb-navi div#navimain ul ul ul { position: absolute; top: 1px; left: 100%; } div#wb-site div#wb-top div#wb-navi div#navimain .menu li ul { position: absolute; left: 0; z-index: -100; top: 53px; margin-top: -1px; height: auto; padding-top: 0px; padding-bottom: 10px; display: none; width: 212px; background: none; clear: both; } div#wb-site div#wb-top div#wb-navi div#navimain .menu li ul a.menu-parent { color: #666666; } /* Child link hover*/ div#wb-site div#wb-top div#wb-navi div#navimain .menu li ul a:hover, div#wb-site div#wb-top div#wb-navi div#navimain .menu li ul a.menu-current { color: #000000; } div#wb-site div#wb-top div#wb-navi div#navimain li li { float: none; height: auto; width: 200px; line-height: 20px !important; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: none; background: #EFEFEF; } div#wb-site div#wb-top div#wb-navi div#navimain li li a { float: none; padding: 0; font-weight: normal; font-size: 1em; color: #003366; height: auto; border-bottom: 1px solid #FFFFFF; padding: 6px 4px 6px 12px; border-right: none; } div#wb-site div#wb-top div#wb-navi div#navimain li li a:hover { color: #003366 !important; background: url(../img/list1.gif) #DDDDDD no-repeat 4px 50%; } div#wb-site div#wb-top div#wb-navi div#navimain li li.bottom { background: url(../img/bottom-dropdown.png) no-repeat; width: 202px; height: 8px; border: none; } div#wb-site div#wb-top div#wb-navi div#navimain li li a.menu-current { background: url(../img/list1.gif) #BBBBBB no-repeat 4px 50%; height: auto; } div#wb-site div#wb-top div#wb-navi div#navimain .menu li ul ul { display: none; } div#wb-site div#wb-top div#wb-navi div#navimain .menu li:hover ul ul, div#wb-site div#wb-top div#wb-navi .menu li.submenu ul ul { display: none; } /* Show and hide */ div#wb-site div#wb-top div#wb-navi div#navimain .menu li:hover ul, div#wb-site div#wb-top div#wb-navi .menu li a:focus ul, div#wb-site div#wb-top div#wb-navi .menu li.submenu ul { display: block; } div#wb-site div#wb-top div#wb-navi div#navimain .menu li:hover ul, div#wb-site div#wb-top div#wb-navi div#navimain .menu li li:hover ul, div#wb-site div#wb-top div#wb-navi div#navimain .menu li.submenu ul, div#wb-site div#wb-top div#wb-navi div#navimain.menu li li.submenu ul { display: block; z-index: 1000; } div#wb-site div#wb-top div#wb-navi div#navimain .menu-last { border-right: none; } div#wb-site div#wb-top div#wb-navi div#navimain .menu-last a { border-right: none; } div#wb-site div#wb-top div#wb-navi div#navimain .menu-parent { background: url(../img/menu-hover.jpg) repeat-x; color: #FFFFFF; } div#wb-site div#wb-top div#wb-navi div#wb-search { position: relative; float: right; width: 200px; margin: -45px auto; right: 60px; } div#wb-site div#wb-top div#wb-navi div#wb-search form { left: 60px; } div#wb-site div#wb-top div#wb-navi div#wb-search form div { right: 115px; top: 30px; } div#wb-site div#wb-top div#wb-navi div#wb-search form div button { width: 35px; border: 0; position: absolute; height: 23px; position: absolute; right: -2px; top: 66px; cursor: pointer; margin: 0em auto; } div#wb-site div#wb-top div#wb-navi div#wb-search form div button { background: url(../img/search_btn.png) 0 0 no-repeat; } div#wb-site div#wb-top div#wb-navi div#wb-search form div button span { position: absolute; left: -9999999px; } div#wb-site div#wb-top div#wb-navi div#wb-search form div button:hover { background: 0 -23px; } div#wb-site div#wb-top div#wb-navi div#wb-search form div input#search { right: 10px; position: absolute; margin-top: 65px; width: 157px; padding: 2px 5px; border: 1px solid #3366FF; color: #333333; line-height: 1; height: 18px; border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } div#wb-site div#wb-top div#wb-navi div#wb-search form div input#search { background: url(../img/search_bg.png) 0 0 no-repeat transparent; } div#wb-site div#wb-top div#wb-navi div#wb-search form div.extended { position: absolute; right: 125px; top: 30px; } a.external { background: none no-repeat center right; padding-right: 0px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 04 - Main Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #left { float: left; margin-left: 20px; min-height: 400px; width: 70%; } #left img.right { float: right; padding: 2px; } #left img.left { float: left; padding: 0 10px 10px 0; } #block1 { float: none; min-height: 400px; line-height: 1.6em; } #block1 a:link, #block1 a:active, #block1 a:visited{ border-bottom: 1px dotted; } #block1 a:hover { color: #336699; border-bottom: 1px solid; } #breadcrumb { padding-left: 20px; font-size: 90%; } div.breadcrumb { font-size: 101%; font-weight: bold; margin: 0.63em 1em 1em 1.8em; padding: 0.13em; text-align: left; } div.breadcrumb .title { color: #666666; } div.breadcrumb .link { font-style: italic; } div.breadcrumb ul a:link { font-style: italic; list-style: none; text-decoration: none; } div.breadcrumb a:focus, div.breadcrumb a:active { color: #FFFFCC; font-style: italic; font-weight: 600; text-decoration: none; background: transparent; } div.breadcrumb a:hover { color: #33001A; } div.breadcrumb .crumb { color: #FFFFCC; font-style: normal; font-weight: bold; padding: 3px; background: #999999; } div.breadcrumb .separator { background: none no-repeat; font-size: 1.0em; } #text1 { padding: 15px; } #text1 ol { margin: 0.5em 0 1.0em 20px !important; } #text1 ol li { list-style-type: decimal; list-style-position: outside; margin: 0 0 0.2em 0; line-height: 1.4em; font-size: 12px; } #text1 ul { list-style: none; margin: 0.5em 0 1.0em 0; } #text1 ul li { list-style: none; font-size: 1em; padding-left: 5px; margin-left: 20px; list-style-image: url(../img/bullet.gif); list-style-position: outside; min-height: 25px; } #text1 ul li li{ list-style: outside; margin-left: 13px; } h1.roundbox { background: none no-repeat scroll center top #D5D5D5; color: #2D5A86; font-size: 1.3em; font-weight: bold; margin: 10px; padding: 7px 0; text-align: center; } #text1 h1{ font-size: 1.3em; color: #2D5A86; font-weight: bold; margin: 10px; padding: 7px 0 7px; text-align: center; background: #D5D5D5 none no-repeat top center; border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } #text1 h4{ font-size: 1.2em; color: #003366; font-weight: bold; line-height: 1.5em; min-height: 30px; margin: 0 0 0px 12px; padding: 0 0 0 30px; background: transparent url(../img/check.gif) no-repeat top left; } #text1 h5{ font-size: 1em; color: #666666; font-weight: normal; line-height: 1.4em; min-height: 30px; margin: 0 0 0px 12px; padding: 0 0 0 30px; background: transparent url(../img/check.gif) no-repeat top left; } #block2 { float: none; width: 548px; color: #FFFFFF; margin: 0; width: auto; background: transparent none no-repeat scroll center bottom; padding: 0 0 8px 0; } #block2-top { background: none no-repeat top; height: 8px; } #text2{ padding: 16px; background-color: rgba(91, 154, 207, 0.4); font-size: 1em; line-height: 1.2em; } #text2 h1{ font-size: 1.5em; color: #FFFFFF; font-weight: bold; } #text2 h2{ font-size: 1.3em; color: #FFFFFF; font-weight: bold; } #text2 ul li{ list-style: inside; padding: 5px 0px; } td { padding: 0 5px; border: #FFFFFF 2px solid; text-align: left; background: #EFEFEF; } tr { border-bottom: #FFFFFF 8px solid; } .round { padding: 6px 6px; text-align: left; font-size: 11px; width: 180px; height: 275px; float: left; margin: 6px; background: #EFEFEF; } .round h2 { font-size: 15px; font-weight: bold; text-align: center; padding: 4px; } .round230 { padding: 12px 12px; text-align: left; font-size: 11px; width: 230px; height: 210px; float: left; margin: 22px; background: #EFEFEF; } .roundwidth { padding: 12px 12px; text-align: center; width: 90%; height: 190px; float: left; margin: 12px; background: #EFEFEF; } .round:hover, .round230:hover { background: #DCDCDC; } .clear { clear: left; } .round, .rounded { border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .shadow { box-shadow: 3px 0px 0.63em rgba(30,30,30,0.5); -moz-box-shadow: 3px 8px 0.63em rgba(30,30,30,0.5); -webkit-box-shadow: 3px 8px 0.63em rgba(30,30,30,0.5); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=rgba(30,30,30,0.5))"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=rgba(30,30,30,0.5)); } .shadow-inner { box-shadow: 3px 0px 0.5em rgba(30,30,30,0.5); -moz-box-shadow: 3px 8px 0.63em rgba(30,30,30,0.5); -webkit-box-shadow: 3px 8px 0.63em rgba(30,30,30,0.5); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=rgba(30,30,30,0.5))"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=rgba(30,30,30,0.5)); } .warning { background: none repeat scroll 0 0 #FFEEEE; border: 0.2em solid #884444; color: #440000; margin-bottom: 1em; padding: 0.63em; } .round-top{ -khtml-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .round-bottom { border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; } .round-bottom { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .round-top { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 05 - Sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #right { float: right; margin-right: 0px; width: 25%; } .heading-subnavi a { font-weight: bold; padding-left: 25px; color: #003366; } #subnavi { float: left; margin: 70px 0px 10px 0px; width: 210px; min-height: 200px; color: #003366; background: #DEDEDE none no-repeat scroll center bottom; padding: 0 0 18px 0; } #subnavi-top { background: transparent none no-repeat top; height: 10px; width: 210px; } #subpagination a { text-decoration: none; color: #5B9ACF; margin-top: 12px; } #submenu { padding: 0 15px 10px 0px; } #submenu a { text-decoration: none; color: #5B9ACF; padding-left: 12px; background: url(../img/list.gif) no-repeat 2px 50%; display: block; } #submenu a:hover { color: #003366; background: url(../img/list1.gif) no-repeat 4px 50%; } #submenu a:active { border: none; } #submenu a.menu-current{ font-weight: bold; background: url(../img/list1.gif) no-repeat 4px 50%; color: #003366; } #submenu ul { margin: 0 0 0 14px; } #submenu ul li { padding: 8px 0; line-height: 1.4em; font-size: 12px; list-style-type: none; border-bottom: #CCCCCC 1px solid; } #submenu ul li.a{ padding: 0px 10px; } #submenu ul li li{ border-bottom: none; padding-bottom: 0px; font-size: 11px; } #submenu ul li li a:link, #submenu ul li li a:visited { color: #003366; background: url(../img/list1.gif) no-repeat 2px 50%; } #submenu ul li li a:hover { background: url(../img/list1.gif) no-repeat 4px 50%; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ format the quick-links on startpage ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #quicklinks { margin: 25px 0 0 0; padding: 0; width: 220px; background-color: rgba(255, 255, 255, 0.1); } #quicklinks ul { list-style: none inside; padding: 0; margin: 0; } #quicklinks li { margin: 0; border-bottom: solid rgba(0, 0, 255, 0.4) 1px; } #quicklinks a { position: relative; overflow: hidden; display: block; margin: 10px 0 8px 0; height: 60px; } #quicklinks a img { position: absolute; left: 0px; top: 0px; height: 120px; width: 220px; } #quicklinks a:hover img { left: 0px; top: -60px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .block3 { float: left; width: 210px; color: #003366; background: none no-repeat scroll center bottom; padding: 0 0 8px 0; } .block3-top { background: url(../img/block3-top.png) top no-repeat; height: 8px; } .text3{ padding: 10px; background: #D6D6D6; font-size: .9em; line-height: 1.2em; } .text3 h1{ font-size: 1.5em; color: #003366; font-weight: bold; } .text3 h2{ font-size: 1.3em; color: #003366; font-weight: bold; } .text3 ul li{ list-style: inside; padding: 5px 0px; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 06 - Footer ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #bg_footer { height: 100px; background: #003366; float: left; width: 100%; } #footer_inner { background: #FFFFFF none center bottom no-repeat; height: 3em; margin: 0px auto; border-top: 1px solid #CFCFCF; } #navi2 { float: left; padding-left: 20px; padding-top: 10px; } #navi2 ul { float: left; list-style: none; } #navi2 li { float: left; padding-right: 14px; padding-left: 14px; border-right: 1px solid #336699; } #navi2 .menu-first { padding-left: 0px; } #navi2 .menu-last { border-right: none; } #navi2 a { color: #336699; font-size: 1.1em; } #navi2 a:hover { color: #000000; } #navi2 .menu-current a { color: #000000; } #site_footer { height: 40px; margin: 10px auto; padding: 10px; width: 78em; } #powered_by{ color: #CCCCCC; float: left; font-size: 10px; width: 450px; } #powered_by a { text-decoration: none; color: #CCCCCC; border-bottom: none; } #wb_footer { color: #CCCCCC; float: right; font-size: 10px; text-align: right; width: 400px; } #wb_footer a { text-decoration: none; color: #CCCCCC; } #wb_footer a:hover { color: #FFFFFF; } /******************************* * editor.css doubles * *******************************/ .highlight { font-weight: bold; border-bottom: 1px dotted #000000; background: #FFFF00; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ STYLES TO HIGHLIGHT TEXT WITHIN A PARAGRAPH (SPAN ELEMETS) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ span.caption { font-size: small; color: #666666; font-style: italic; } span.emphasise1 { font-weight: bold; color: #FF0000; } span.emphasise2 { font-weight: bold; color: #2E8B57; } span.emphasise3 { font-family: 'Courier New', Courier, monospace; font-size: 95%; color: #990000; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ STYLES FOR SPECIAL PARAGRAPHS (NOTICES, WARNINGS, CODE) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ /* special notices you want to highlight */ blockquote { margin: 0; margin: 5px 0px 15px 0px; padding: 15px 10px 10px; text-indent: 0px; border: #CCCCCC 1px dashed; background: url(../img/info.png) #EFEFEF no-repeat left center; vertical-align: middle; } blockquote { background: url("../img/info.png") no-repeat scroll 1em center #EFEFEF; border: 1px solid #6699FF; border-radius: 10px 10px 10px 10px; margin: 5px 0 15px; padding: 15px 10px 10px; text-indent: 0; vertical-align: middle; } blockquote h3, blockquote div, blockquote p { margin: 0; padding: 0px 0px 0px 50px; } blockquote div div , blockquote div div p { margin: 0; padding: 0; } /* code you want to display (HTML, CSS, PHP, Javascript) */ .code { font-family: 'Courier New', Courier, monospace; margin: 0; margin: 8px 5px 8px 5px; padding: 0.6em; color: #990000; background: #FFFFE6; font-size: 95%; line-height: 1.4em; border: 2px solid #EEEEEE; overflow: auto; } .copyright { font-size: 90%; } .license { color: #990000; font-size: 90%; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ STYLES TO ALIGN IMAGES LEFT/RIGHT (FLOATING TEXT AROUND) ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ img.left { float: left; padding: 0.6em; } img.right { float: right; padding: 0.6em; } /* Download Gallery */ /********************************* * Teamsite organisation/teams.php ********************************/ .team1 { width: 85%; float: left; margin-left: 1em; margin-right: auto; border: 2px solid #1A3500; padding: 1em 1em 0.5em 2em; background: #EEFFDF; } h3.team1 { color: #339966; } .team2 { width: 85%; float: left; margin-left: 1em; margin-right: auto; border: 2px solid #1A3500; padding: 1em 1em 0.5em 2em; background: #FFFFDF; } h3.team2 { color: #FF6600; } .team3 { width: 85%; float: left; margin-left: 1em; margin-right: auto; border: 2px solid #1A3500; padding: 1em 1em 0.5em 2em; background: #DFF0FF; } h3.team3 { color: #800080; } .team4 { width: 85%; float: left; margin-left: 1em; margin-right: auto; border: 2px solid #1A3500; padding: 1em 1em 0.5em 2em; background: #FFEAFF; } h3.team4 { color: #800080; } .block2 { float: left; width: 548px; color: #FFFFFF; margin: 16px 16px 16px 38px; background: transparent url(../img/block2-bottom.png) scroll center bottom no-repeat; padding: 0 0 8px 0; } .block2-top { background: url(../img/block2-top.png) top no-repeat; height: 8px; } .text2 { padding: 16px; background: #5B9ACF; font-size: 1em; line-height: 1.2em; } .text2 h2 { font-size: 1.3em; color: #FFFFFF; background: transparent; font-weight: bold; } .text2 .addons a { color: #FFFFFF; } .text2 a:hover,.text2 a:link,.text2 a:visited { color: #FFFFFF; } .addons td { background: transparent; border: 0; padding: 2px 0 0 0; } .addons tr { background: transparent; border: 0; padding: 0; } .sponsor { background: #6699CC; } /* Back to top */ #back-top { position: fixed; bottom: 2em; margin: 0 0.0% 0 70.5%; } #back-top a { width :6em; display :block; text-align :center; text-transform :uppercase; text-decoration :none; color :#BBBBBB; -webkit-transition :1s; -moz-transition :1s; transition :1s; } #back-top a:hover { color :#000000; } /* arrow icon (span tag) */ #back-top span { width: 5em; height: 5em; display: block; margin-bottom: 1.0em; background: #4B85BF url(../img/up-arrow.png) no-repeat center center; opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; } #back-top a:hover span { background: #0000CD url(../img/up-arrow.png) no-repeat center center; azimuth: opacity: 1.0; filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; } #wb-site, #wb-wrap, div#wb-site div#wb-top, div#wb-site div#wb-top div#wb-navi, div#wb-site div#wb-top div#wb-navi div#navimain, #site_footer, #footer_inner { width: 90em; } .heading-subnavi { padding: 0.525em; font-weight: bold; font-size: 120%; border-bottom: #EBEDF0 groove 1px; }