/** * 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; } table{ border-collapse: collapse; border-spacing: 0; } 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: 100%; } legend{ color: #000000; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 01 - Global Elements ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ html{ background: url(../img/bg1.png) repeat-x #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; width: 998px; } #wb-wrap { width :998px; float :left; background :transparent url(../img/bg_wrap_1024.png) repeat-y scroll top center; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 03 - Header ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ div#wb-site div#wb-top { width :998px; float :left; height :145px; margin-top :5px; background :url(../img/bg_banner_1024.png) center bottom no-repeat transparent; } 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: 18px; width: 994px; clear :both; } div#wb-site div#wb-top div#wb-navi div#navimain { float :left; height :52px; width :685px; padding-left :20px; margin-top :8px; } 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 */ /* 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-position : 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 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #slider_container { background :#ffffff; border :none; float :left; height :260px; margin-left :76px; width :850px; margin-top :10px; margin-bottom :20px; } #left { float :left; margin-left :60px; min-height :400px; width :630px; } #left img.right { float: right; padding: 2px; } #left img.left { float: left; padding: 0 10px 10px 0; } #block1 { float :left; min-height :500px; width :630px; 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%; } #text1 { padding: 26px 10px 15px 15px; text-align: justify; } #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; } #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 :10px; -khtml-border-radius :10px; -webkit-border-radius :10px; -moz-border-radius :10px; } #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 :left; width :548px; color :#ffffff; margin :16px 16px 16px 38px; 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 :#5b9acf; 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 15px; border :#ffffff 2px solid; background-color :#efefef; text-align :left; } tr { border-bottom: #ffffff 8px solid; } .round { background-color :#efefef; padding :6px 6px; text-align :left; font-size :11px; width :180px; height :275px; float :left; margin :6px; } .round h2 { font-size :15px; font-weight :bold; text-align :center; padding :4px; } .round230 { background-color :#efefef; padding :12px 12px; text-align :left; font-size :11px; width :230px; height :210px; float :left; margin :22px; } .roundwidth { background-color :#efefef; padding :12px 12px; text-align :center; width :90%; height :190px; float :left; margin :12px; } .round:hover, .round230:hover { background: #dcdcdc; } .clear { clear: left; } .rounded { border-radius :10px; -khtml-border-radius :10px; -webkit-border-radius :10px; -moz-border-radius :10px; } .shadow { box-shadow :3px 3px 0.63em #000000; -moz-box-shadow :3px 3px 0.63em #000000; -webkit-box-shadow :3px 3px 0.63em #000000; /* For IE 8 */ -ms-filter :"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000)"; /* For IE 5.5 - 7 */ filter :progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=#000000); } .warning { background :none repeat scroll 0 0 #FFEEEE; border :0.2em solid #884444; color :#440000; margin-bottom :1em; padding :0.63em; } /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 05 - Sidebar ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #right { float: right; margin-right: 70px; width: 208px; } .heading-subnavi a { font-weight: bold; padding-left: 25px; color: #003366; } #subnavi { float :left; margin :53px 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%; } #quicklinks { min-height :468px; padding :0px; width :208px; margin-top :20px; } #quicklinks a:active { border-bottom: none; } #quicklinks ul li { margin: 0; padding: 0; list-style: none; } /* quicklinks on homepage as buttons*/ #news a{ background :url(../img/quicklinks.png) no-repeat 0 0; background-position :-279px 0px; display :block; height :70px; margin-bottom :10px; } #news a:hover{ background-position: 0px 0px; } #download a{ background :url(../img/quicklinks.png) no-repeat 0 0; background-position :-279px -72px; display :block; height :70px; margin-bottom :10px; } #download a:hover{ background-position: 0px -72px; } #modules a{ background :url(../img/quicklinks.png) no-repeat 0 0; background-position :-279px -144px; display :block; height :70px; margin-bottom :10px; } #modules a:hover{ background-position: 0px -144px; } #templates a{ background :url(../img/quicklinks.png) no-repeat 0 0; background-position :-279px -216px; display :block; height :70px; margin-bottom :10px; } #templates a:hover{ background-position: 0px -216px; } #portable a{ background :url(../img/quicklinks.png) no-repeat 0 0; background-position :-279px -288px; display :block; height :70px; margin-bottom :10px; } #portable a:hover{ background-position: 0px -288px; } #demo a{ background :url(../img/quicklinks.png) no-repeat 0 0; background-position :-279px -360px; display :block; height :70px; margin-bottom :10px; } #demo a:hover{ background-position: 0px -360px; } /* German quicklinks*/ #news_de a{ background :url(../img/quicklinks_de.png) no-repeat 0 0; background-position :-279px 0px; display :block; height :70px; margin-bottom :10px; } #news_de a:hover{ background-position: 0px 0px; } #download_de a{ background :url(../img/quicklinks_de.png) no-repeat 0 0; background-position :-279px -72px; display :block; height :70px; margin-bottom :10px; } #download_de a:hover{ background-position: 0px -72px; } #modules_de a{ background :url(../img/quicklinks_de.png) no-repeat 0 0; background-position :-279px -144px; display :block; height :70px; margin-bottom :10px; } #modules_de a:hover{ background-position: 0px -144px; } #templates_de a{ background :url(../img/quicklinks_de.png) no-repeat 0 0; background-position :-279px -216px; display :block; height :70px; margin-bottom :10px; } #templates_de a:hover{ background-position: 0px -216px; } #portable_de a{ background :url(../img/quicklinks_de.png) no-repeat 0 0; background-position :-279px -288px; display :block; height :70px; margin-bottom :10px; } #portable_de a:hover{ background-position: 0px -288px; } #demo_de a{ background :url(../img/quicklinks_de.png) no-repeat 0 0; background-position :-279px -360px; display :block; height :70px; margin-bottom :10px; } #demo_de a:hover{ background-position: 0px -360px; } /* Dutch quicklinks*/ #news_nl a{ background :url(../img/quicklinks_nl.png) no-repeat 0 0; background-position :-279px 0px; display :block; height :70px; margin-bottom :10px; } #news_nl a:hover{ background-position: 0px 0px; } #download_nl a{ background :url(../img/quicklinks_nl.png) no-repeat 0 0; background-position :-279px -72px; display :block; height :70px; margin-bottom :10px; } #download_nl a:hover{ background-position: 0px -72px; } #modules_nl a{ background :url(../img/quicklinks_nl.png) no-repeat 0 0; background-position :-279px -144px; display :block; height :70px; margin-bottom :10px; } #modules_nl a:hover{ background-position: 0px -144px; } #templates_nl a{ background :url(../img/quicklinks_nl.png) no-repeat 0 0; background-position :-279px -216px; display :block; height :70px; margin-bottom :10px; } #templates_nl a:hover{ background-position: 0px -216px; } #portable_nl a{ background :url(../img/quicklinks_nl.png) no-repeat 0 0; background-position :-279px -288px; display :block; height :70px; margin-bottom :10px; } #portable_nl a:hover{ background-position: 0px -288px; } #demo_nl a{ background :url(../img/quicklinks_nl.png) no-repeat 0 0; background-position :-279px -360px; display :block; height :70px; margin-bottom :10px; } #demo_nl a:hover{ background-position: 0px -360px; } /* end quicklinks on homepage */ .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 :80px; background :#003366; float :left; width :100%; } #footer_inner { background :transparent url(../img/bg_footer_end_1024.png) center bottom no-repeat; height :56px; margin :0px auto; width :994px; } #navi2 { float :left; padding-left :90px; padding-top :10px; width :830px; } #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 :20px; margin :0 auto; padding-left :30px; width :850px; } #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 { background-color :#ffff00; font-weight :bold; border-bottom :1px dotted #000000; } /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 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 :#ccc 1px dashed; background :#efefef url(../img/info.png) 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 */ .dlzip { background :url("../img/downloadzip.png") no-repeat scroll; background-position :0px 0px; display :block; height :28px; } .dlzip:hover { background :url("../img/downloadzip.png") no-repeat scroll; background-position :0px -32px; height :28px; } .dltar { background :url("../img/downloadtar.png") no-repeat scroll; background-position :0px 0px; display :block; height :28px; } .dltar:hover { background :url("../img/downloadtar.png") no-repeat scroll; background-position :0px -32px; height :28px; } /********************************* * Teamsite organisation/teams.php ********************************/ .team1 { background-color :#eeffdf; width :85%; float :left; margin-left :1em; margin-right :auto; border :2px solid #1a3500; padding :1em 1em 0.5em 2em; } h3.team1 { color: #339966; } .team2 { background-color :#ffffdf; width :85%; float :left; margin-left :1em; margin-right :auto; border :2px solid #1a3500; padding :1em 1em 0.5em 2em; } h3.team2 { color: #ff6600; } .team3 { background-color :#dff0ff; width :85%; float :left; margin-left :1em; margin-right :auto; border :2px solid #1a3500; padding :1em 1em 0.5em 2em; } h3.team3 { color: #800080; } .team4 { background-color :#ffeaff; width :85%; float :left; margin-left :1em; margin-right :auto; border :2px solid #1a3500; padding :1em 1em 0.5em 2em; } h3.team4 { color: #800080; } /********************************* * CSS definition for WebsiteBaker module: Download Gallery 2 ********************************/ .mod_download_gallery_line_f, .mod_download_gallery_line_rightalign_f { border-bottom :1px solid #DDD; padding :5px 5px 0px 0px; font-size :0.9em; } .mod_download_gallery_line_rightalign_f { white-space :normal; text-align :right; font-size :0.9em; width :10%; } .mod_download_gallery_th_f { padding :1px; margin :3px; background-color : #ffffcc; } .mod_download_gallery_desc { padding :0px 0px 0px 0px; } .mod_download_gallery_dgheader_f { padding :4px; background-color :#ccff99; font-size :12px; font-weight :bold; } .mod_download_gallery_icon { width :20px; background :#EFEFEF; } .mod_download_gallery_line { width :60%; background :#EFEFEF; } .mod_download_gallery_rightalign { background :#EFEFEF; font-size :0.6em; } table.tline { width :100%; } .tleft, .tcenter, .tright { width :33%; background :#FFFACD; font-weight :bolder; } .tcenter { text-align :center; } .mod_download_gallery_line_rightalign { white-space :normal; font-size :0.9em; text-align :left; width :10%; } .mod_download_gallery_line_text { padding :10px; background :#FFE4B5; } td.line-text p, td.line_text p { margin :0px; } .dgheader { padding :5px 0px 10px 0px; font-size :14px; font-weight :bold; } .newsection { border-top :1px dashed #fff; } .modify-section, .modify_section { margin-left :10px; } .modify-section h1, .modify_section h1 { color :white; text-transform :none; text-align :left; } /* Buttons >>>>> */ button.mod_download_gallery_btn_f, button.mod_download_gallery_btn_ra_f { border :0px solid #ca4; padding :0 0px 0 0; margin :0 1px 0 1px; background :none; font-weight :bold; font-size :0.6em; cursor :pointer; } button.mod_download_gallery_btn_f { width :auto; text-align :left; overflow :visible; } button.mod_download_gallery__f { background : none no-repeat right center; } button.mod_download_gallery_asc_f { background : none no-repeat right center; } button.mod_download_gallery_desc_f { background : none no-repeat right center; } /* <<<<<<< Buttons */ /* user Upload starts here */ div.download_gallery.upload td.field_title { font-family :"Verdana"; font-size :1.2em; } div.download_gallery.upload td { vertical-align :top; } div.download_gallery.upload input.field, div.download_gallery.upload select { width :300px; } div.download_gallery.upload textarea { width :300px; height :150px; } div.download_gallery.upload input, div.download_gallery.upload img { width :150px; vertical-align :middle; } /* user Upload ends here */ .mod_download_gallery_line_f, .tleft { text-align :left; width : 70%; } .tright, button.mod_download_gallery_btn_ra_f { text-align : center; } /** * user Upload ends here | End Download Gallery here **/ .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: #fff; } .text2 a:hover,.text2 a:link,.text2 a:visited { color: #fff; } .addons td { background: transparent; border: 0; padding: 2px 0 0 0;} .addons tr { background: transparent; border: 0; padding: 0;} .sponsor { background :#6699cc; }