Optimise ton CSS
CSSCruncher.com est le site pour optimiser ton Code CSS pour ton site Web. Reduit le temp de chargement de tes pages.
» Accueil
» FAQ
» Partenaires
» a propos
Nouveau sites
» rogator.de
» grandeidea.info
» walther-flender-gruppe...
» billigfluege.de
» pregnancymiracle44.com
» Plus de sites
Tipp
Lasse nous voir ce que nous avons fait pour www.grein.biz
CSSCruncher.com à sauvgardé
22,86 %
de code poour ce site!
Incroyable!
Code CSS comprimé:
#jsn-master{font-family:Arial,Helvetica,sans-serif;font-size:75%;line-height:1.5;background:#172534 url(../images/master-bg.jpg) repeat top left} #jsn-page{background-color:#ffffff;color:#000;border-left:1px solid #b3b3b3;border-right:1px solid #b3b3b3;width:960px;height:auto;margin:0 auto} #jsn-header{position:relative} #jsn-ptop{position:absolute;top:28px;right:20px} #jsn-mainmenu{height:30px;position:relative;background-color:#282828} #jsn-ptoolbar{position:absolute;top:3px;left:3px} #jsn-pinset{position:absolute;top:3px;right:3px} #jsn-fontresizer{position:absolute;top:3px;right:8px} #jsn-promo{color:#f2f2f2;border-bottom:1px solid #b3b3b3} #jsn-promo h3{color:#ffffff} #jsn-puser8_inner, #jsn-puser9_inner{padding:15px} #jsn-puser8 a:link,#jsn-puser8 a:visited, #jsn-puser9 a:link,#jsn-puser9 a:visited{color:#40afff} #jsn-maincontent_inner{padding:0 15px} #jsn-mainbody{padding:1.5em} #jsn-content{background-color:#ffffff;border-bottom:1px solid #b3b3b3} #jsn-content_inner1{background:transparent url(../images/leftside-bg-small.png) repeat-y left top} #jsn-content_inner2{background:transparent url(../images/rightside-bg-small.png) repeat-y right top} #jsn-pathway{background:transparent url(../images/dot.png) repeat-x bottom left;padding:.6em 1em} #jsn-banner{text-align:center;margin:0 auto;padding:20px 0 20px 0} #jsn-usermodules1{padding:1.2em 0;background:transparent url(../images/dot.png) repeat-x left bottom} #jsn-usermodules2{padding:1.2em 0;background:transparent url(../images/dot.png) repeat-x left top} #jsn-usermodules3{padding:.6em;border-top:2px solid #ffffff;border-bottom:6px solid #404040;background:#d9d9d9 url(../images/usermodules3-bg.png) repeat-x left top} #jsn-usermodules1_inner_grid2, #jsn-usermodules2_inner_grid2{background:transparent url(../images/dot.png) repeat-y 50% top} #jsn-puser1_grid2, #jsn-puser3_grid2{width:49.95%;float:left} #jsn-puser2_grid2, #jsn-puser4_grid2{width:49.95%;float:right} #jsn-puser5_grid2, #jsn-puser6_grid2, #jsn-puser7_grid2{width:49.95%;float:left} #jsn-puser5_grid3, #jsn-puser6_grid3, #jsn-puser7_grid3{width:33.3%;float:left} #jsn-puser1,#jsn-puser2,#jsn-puser3,#jsn-puser4{padding:.6em 1.2em} #jsn-puser5,#jsn-puser6,#jsn-puser7{padding:1.2em} #jsn-pleft, #jsn-pright{padding:1em} #jsn-pright div.module,#jsn-pright div.module-plain,#jsn-pright div.module-box, #jsn-pleft div.module,#jsn-pleft div.module-plain,#jsn-pleft div.module-box{margin-bottom:1.5em} #jsn-footer{padding:1.2em 1em;font-size:0.9em;color:#595959} #jsn-footer a:link, #jsn-footer a:visited{color:#000;text-decoration:underline} #jsn-footer a:hover{text-decoration:none} #jsn-pfooter_grid2{float:left;width:49.5%} #jsn-pbottom_grid2{float:right;width:49.5%} #jsn-pbottom{text-align:right} table.poll td, table.poll-box td, table.poll-plain td{text-align:left} div.module, div.module-box, div.module-plain, div.moduletable-plain, div.moduletable{overflow:hidden} div.module h3,div.module-box h3,div.module-plain h3, div.moduletable h3,div.moduletable-plain h3{color:#000000;font-size:1.1em;margin:0 0 3px 0} div.module-box{padding:0} div.module-box > div{padding:16px 0 0 0} div.module-box > div > div{padding:0 0 0 16px} div.module-box > div > div > div{padding:0 16px 16px 0} div.box-blue{background:transparent url(../images/module-box-blue-bg-r.png) top right no-repeat} div.box-blue > div{background:transparent url(../images/module-box-blue-bg-l.png) top left no-repeat} div.box-blue > div > div{background:transparent url(../images/module-box-blue-bg-l.png) bottom left no-repeat} div.box-blue > div > div > div{background:transparent url(../images/module-box-blue-bg-r.png) bottom right no-repeat} div.box-blue div div div div{background:none} div.box-green{background:transparent url(../images/module-box-green-bg-r.png) no-repeat top right} div.box-green > div{background:transparent url(../images/module-box-green-bg-l.png) no-repeat top left} div.box-green > div > div{background:transparent url(../images/module-box-green-bg-l.png) no-repeat bottom left} div.box-green > div > div > div{background:transparent url(../images/module-box-green-bg-r.png) no-repeat bottom right} div.box-green div div div div{background:none} div.box-yellow{background:transparent url(../images/module-box-yellow-bg-r.png) no-repeat top right} div.box-yellow > div{background:transparent url(../images/module-box-yellow-bg-l.png) no-repeat top left} div.box-yellow > div > div{background:transparent url(../images/module-box-yellow-bg-l.png) no-repeat bottom left} div.box-yellow > div > div > div{background:transparent url(../images/module-box-yellow-bg-r.png) no-repeat bottom right} div.box-yellow div div div div{background:none} div.box-grey{background:transparent url(../images/module-box-grey-bg-r.png) no-repeat top right;color:#f2f2f2} div.box-grey > div{background:transparent url(../images/module-box-grey-bg-l.png) no-repeat top left} div.box-grey > div > div{background:transparent url(../images/module-box-grey-bg-l.png) no-repeat bottom left} div.box-grey > div > div > div{background:transparent url(../images/module-box-grey-bg-r.png) no-repeat bottom right} div.box-grey div div div div{background:none} div.box-grey h3{color:#FFF} div.box-grey a:link, div.box-grey a:visited{color:#40afff} div.header-dots h3, div.icon-dots h3{background:url(../images/icon-module-dots.png) no-repeat left 5px;padding:0 0 0 10px} div.header-arrow h3, div.icon-arrow h3{background:url(../images/icon-module-arrow.png) no-repeat left 5px;padding:0 0 0 16px} html,body{border:0;margin:0;padding:0} p,pre,blockquote,form,dl,ul,ol,fieldset,address{padding:0;margin:0.35em 0 0.8em 0} fieldset{padding:.5em} pre{padding:1em;border-left:5px solid #404040;background:#FFFFD5;font-family:"Courier New",Courier,monospace} blockquote{padding-left:55px;background:transparent url(../images/icon-text-blockquote.png) no-repeat top left;font-style:italic;min-height:45px;color:#404040} small{font-size:.85em} sup{position:relative;bottom:0.3em;vertical-align:baseline} sup em{font-size:.8em;color:red} sup{position:relative;bottom:0.3em;vertical-align:baseline} acronym,abbr{border-bottom:1px dashed;letter-spacing:1px;cursor:help} h1,h2,h3,h4,h5,h6{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0.6em 0 .25em 0} h1{font-size:1.4em;color:#000000} h2{font-size:1.3em;color:#000000} h3{font-size:1.2em;color:#CC3333} h4{font-size:1.1em;color:#CC8033} h5,h6{font-size:1em;font-weight:bold;color:#333333} img{border:none} img.image-left{float:left;margin:.5em 1em .5em 0} img.image-right{float:right;margin:.5em 0 .5em 1em} img.image-border{border:1px solid #e5e5e5;padding:3px} img.image-margin{margin:.5em} a:link, a:visited{text-decoration:none;outline:none;color:#00789f} a:hover{text-decoration:underline} a:active{color:#FF0000} a img{border:none} .clearbreak{clear:both} .clearafter:after{clear:both;display:block;content:".";height:0;visibility:hidden} .border{border:1px solid #e5e5e5;padding:3px} .dropcap:first-letter{float:left;color:#404040;font:4em/.8em "Times New Roman",Times,serif} ul li{margin:.3em 0 .3em 1.6em;padding:0} ol li{margin:.3em 0 .3em 2em;padding:0} ul.arrowlist-red,ul.arrowlist-green,ul.arrowlist-blue{list-style:none} ul.arrowlist-red li{margin-left:.6em;padding:0 0 0 10px;background:url(../images/arrow.png) no-repeat left 6px} ul.arrowlist-green li{margin-left:.6em;padding:0 0 0 10px;background:url(../images/icon-arrow-s.png) no-repeat left 6px} ul.arrowlist-blue li{margin-left:.6em;padding:0 0 0 10px;background:url(../images/icon-arrow-blue.png) no-repeat left 6px} table{border-collapse:collapse;border-spacing:0} caption,th{text-align:left} span.pathway{font-weight:bold;font-size:0.9em} a.pathway:link, a.pathway:visited{padding:0 .25em;font-weight:normal;text-decoration:none;color:#404040} a.pathway:hover{text-decoration:underline} .componentheading, .contentheading{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:1.4em} a.contentpagetitle:link, a.contentpagetitle:visited{text-decoration:none} a.contentpagetitle:hover{text-decoration:underline} table.blog{width:100%} table.blog td{padding-right:5px} table.contentpane, table.contentpaneopen{width:100%} table.blog span.article_seperator{display:block;height:1.5em} td.buttonheading{padding:0 2px} span.small, td.createdate, td.modifydate{color:#999999;font-size:0.9em;padding-bottom:.6em} div.pagenavcounter{color:#595959;margin:.5em 0;font-size:.9em;font-weight:bold} table.contenttoc{margin:0 0 1em 1em;border:1px solid #D9D9D9;background:#f2f2f2} table.contenttoc th{padding:.4em;background:url(../images/grey_dot.png) bottom repeat-x;font-weight:bold;text-align:center} table.contenttoc td{padding:.25em .6em} a.toclink:link, a.toclink:visited{font-size:.9em} a.toclink:hover{} div.mosimage{padding:.3em;margin:.8em;color:#595959} div.mosimage_caption{padding:.2em;font-weight:bold;font-size:0.9em} a.readon:link, a.readon:visited{padding:3px 6px 3px 22px;text-decoration:none;color:#404040;background:#f2f2f2 url(../images/icon-module-arrow.png) no-repeat 5px center;border:1px solid #e5e5e5} a.readon:hover{background-color:#e5e5e5;text-decoration:none} td.contentdescription{padding:.5em 0} a.category:link, a.category:visited{font-weight:bold} a.category:hover{} td.sectiontableheader{padding:5px 8px;font-weight:bold;font-size:1.1em;color:#FFFFFF;background-color:#366999} td.sectiontableheader a{color:#ffffff;text-decoration:underline} td.sectiontableheader a:hover{text-decoration:none} tr.sectiontableentry1 td{padding:5px 8px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5} tr.sectiontableentry2 td{padding:5px 8px} .smalldark{} div.blog_more{} div.blog_more div{padding-bottom:.3em} div.blog_more ul{} div.blog_more li{} a.blogsection:link,a.blogsection:visited{text-decoration:none} a.blogsection:hover{text-decoration:underline} div.pagenavbar div{color:#999999;font-weight:bold;font-size:.9em} div.pagenavbar a:link, div.pagenavbar a:visited{text-decoration:none} div.pagenavbar a:hover{text-decoration:underline} th.pagenav_prev,th.pagenav_next{color:#999999;font-size:.9em;font-weight:bold} th.pagenav_prev a:link,th.pagenav_prev a:visited, th.pagenav_next a:link,th.pagenav_next a:visited{text-decoration:none} th.pagenav_prev a:hover,th.pagenav_next a:hover{text-decoration:underline} .pagenav{color:#999999;padding:0 .5em;margin-top:1em;font-size:.9em;font-weight:bold;text-transform:uppercase} a.pagenav:link,a.pagenav:visited{text-decoration:none;text-transform:uppercase} a.pagenav:hover{text-decoration:underline} div.back_button{margin:.5em 0;padding:.4em 0;font-weight:bold} div.back_button a:link, div.back_button a:visited{text-decoration:none;text-transform:uppercase} div.back_button a:hover{text-decoration:underline} .hd{display:none} input.button{} input.inputbox{} input.inputbox:hover, input.button:hover{} input.inputbox:focus{} body.contentpane{padding:1em} div.search{} input#mod_search_searchword{margin-right:3px} span.highlight{padding:.2em;background:#FFFFAA} form#form-login fieldset.input{border:none;padding:0} input#modlgn_username{} input#modlgn_passwd{} input#modlgn_remember{} p#form-login-username, p#form-login-password, p#form-login-remember{margin:0 0 6px 0} ul.latestnews, ul.mostread{} ul.latestnews li, ul.mostread li{} table.poll{} table.pollstableborder{margin:.5em 0;text-align:left} table.pollstableborder td{text-align:left;font-size:.9em;padding:3px 2px;border:none} table.pollstableborder td.sectiontableentry1{} table.pollstableborder td.sectiontableentry2{} table.pollstableborder th.sectiontableheader{} table.pollstableborder tr.sectiontableentry0 td{background-color:#f2f2f2;padding:.5em .8em} table.pollstableborder tr.sectiontableentry1 td{background:none;padding:.5em .8em} body.contentpane{color:#000000;background:#FFFFFF} #jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab{background-image:none;background-color:#e5e5e5;padding:5px} #jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab a{color:#000000} #jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected{background-image:none !important;background-color:#366999} #jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected a{font-weight:bold;color:#ffffff} #jsn-master div.dynamic-tab-pane-control div.tab-page{border-color:#999999;border-top:3px solid #366999;padding:5px} ul.menu-suckerfish{z-index:1;float:left;border-right:1px solid #404040;margin:0;background:none;padding:0;list-style:none} ul.menu-suckerfish li{float:left;display:inline;background:none;margin:0;padding:0} ul.menu-suckerfish a:link, ul.menu-suckerfish a:visited{display:block;border-right:1px solid #000000;border-left:1px solid #404040;margin:0;padding:3px 1.5em;color:#ffffff;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:bold;text-decoration:none} ul.menu-suckerfish a:hover{background-color:#404040} ul.menu-suckerfish li.active a{background-color:#404040} ul.menu-suckerfish ul{position:absolute;left:-999em;z-index:2;margin:0;padding:0;list-style:none} ul.menu-suckerfish ul ul{margin:-26px 0 0 184px;z-index:3} ul.menu-suckerfish ul li{position:relative;width:185px;margin:0;background:none;padding:0} ul.menu-suckerfish ul a:link, ul.menu-suckerfish ul a:visited{display:block;border-top:1px solid #366999;border-right:none;border-bottom:1px solid #162c40;border-left:1px solid #162c40;background:#284d73 none;color:#cfdbe5;padding:4px 10px;font-size:0.9em;font-weight:normal;text-decoration:none;height:1%} ul.menu-suckerfish ul a:hover, ul.menu-suckerfish ul li.parent a:hover, ul.menu-suckerfish ul li.parent li.parent a:hover{border-top:1px solid #1f3d59;background-color:#1f3d59;color:#ffffff} ul.menu-suckerfish ul li.active a, ul.menu-suckerfish ul li.active li.active a, ul.menu-suckerfish ul li.active li.active li.active a{font-weight:bold;color:#ffffff} ul.menu-suckerfish ul li.active li a, ul.menu-suckerfish ul li.active li.active li a{font-weight:normal;color:#cfdbe5} ul.menu-suckerfish ul li.parent a, ul.menu-suckerfish ul li.parent li.parent a{background:#284d73 url("../images/suckerfish-expand.png") no-repeat 95% center;padding-right:10px} ul.menu-suckerfish ul li.parent li a, ul.menu-suckerfish ul li.parent li.parent li a{background-image:none} ul.menu-suckerfish li:hover ul, ul.menu-suckerfish li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul{left:auto} ul.menu-suckerfish li:hover ul ul, ul.menu-suckerfish li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul ul{left:-999em} ul.menu-suckerfish, ul.menu-suckerfish li li{clear:left} ul.menu-bullettree, ul.menu-bullettree ul{background:none;list-style:none;padding:0;margin:0} ul.menu-bullettree li{background:none;padding:0;margin:0} ul.menu-bullettree{border-top:1px dotted #b3b3b3} ul.menu-bullettree ul li{margin-left:1em} ul.menu-bullettree a:link,ul.menu-bullettree a:visited{display:block;background:transparent url(../images/bullettree-level0.png) no-repeat 5px 10px;border-bottom:1px dotted #b3b3b3;padding:3px 5px 3px 15px;color:#404040;text-decoration:none !important} ul.menu-bullettree a:hover{background-color:#d9d9d9;color:#000000} div.box-grey ul.menu-bullettree a:link, div.box-grey ul.menu-bullettree a:visited{color:#d9d9d9} div.box-grey ul.menu-bullettree a:hover{background-color:#404040;color:#d9d9d9} ul.menu-bullettree ul a:link, ul.menu-bullettree ul a:visited{background-image:url(../images/bullettree-level1.png);border-bottom:none} ul.menu-bullettree ul ul a:link, ul.menu-bullettree ul ul a:visited{background-image:url(../images/bullettree-level2.png)} ul.menu-bullettree ul ul ul a:link, ul.menu-bullettree ul ul ul a:visited{background-image:url(../images/bullettree-level3.png)} ul.menu-bullettree a.current{background-image:url(../images/bullettree-current.png) !important;font-weight:bold;color:#000000} ul.menu-bullettree li.current a:hover{color:#000000} div.box-grey ul.menu-bullettree li.current a{color:#ffffff} div.box-grey ul.menu-bullettree li.current a:hover{color:#ffffff} ul.menu-bullettree li.current li a{font-weight:normal} ul.menu-bullettree li.current li a:hover{color:#000000}
» Montre le code CSS originaire
« Cache le code CSS originaire
/** @LAYOUT **/ #jsn-master { font-family: Arial, Helvetica, sans-serif; font-size: 75%; line-height: 1.5; background: #172534 url(../images/master-bg.jpg) repeat top left; } #jsn-page { background-color: #ffffff; color: #000; border-left: 1px solid #b3b3b3; border-right: 1px solid #b3b3b3; width: 960px; height: auto; margin: 0 auto; } /* Header */ #jsn-header { position: relative; /* z-index: 2; */ } #jsn-ptop { position: absolute; top: 28px; right: 20px; } /* Content */ #jsn-mainmenu { height: 30px; position: relative; background-color: #282828; /* z-index: 1; */ } #jsn-ptoolbar { position: absolute; top: 3px; left: 3px; } #jsn-pinset { position: absolute; top: 3px; right: 3px; } #jsn-fontresizer { position: absolute; top: 3px; right: 8px; } #jsn-promo { color: #f2f2f2; border-bottom: 1px solid #b3b3b3; } #jsn-promo h3 { color: #ffffff; } #jsn-puser8_inner, #jsn-puser9_inner { padding: 15px; } #jsn-puser8 a:link, #jsn-puser8 a:visited, #jsn-puser9 a:link, #jsn-puser9 a:visited { color: #40afff; } #jsn-maincontent_inner { padding: 0 15px; } #jsn-mainbody { padding: 1.5em; } #jsn-content { background-color: #ffffff; border-bottom: 1px solid #b3b3b3; } #jsn-content_inner1 { background: transparent url(../images/leftside-bg-small.png) repeat-y left top; } #jsn-content_inner2 { background: transparent url(../images/rightside-bg-small.png) repeat-y right top; } #jsn-pathway { background: transparent url(../images/dot.png) repeat-x bottom left; padding: .6em 1em; } #jsn-banner { text-align: center; margin: 0 auto; padding: 20px 0 20px 0; } #jsn-usermodules1 { padding: 1.2em 0; background: transparent url(../images/dot.png) repeat-x left bottom; } #jsn-usermodules2 { padding: 1.2em 0; background: transparent url(../images/dot.png) repeat-x left top; } #jsn-usermodules3 { padding: .6em; border-top: 2px solid #ffffff; border-bottom: 6px solid #404040; background: #d9d9d9 url(../images/usermodules3-bg.png) repeat-x left top; } #jsn-usermodules1_inner_grid2, #jsn-usermodules2_inner_grid2 { background: transparent url(../images/dot.png) repeat-y 50% top; } #jsn-puser1_grid2, #jsn-puser3_grid2 { width: 49.95%; float: left; } #jsn-puser2_grid2, #jsn-puser4_grid2 { width: 49.95%; float: right; } #jsn-puser5_grid2, #jsn-puser6_grid2, #jsn-puser7_grid2 { width: 49.95%; float: left; } #jsn-puser5_grid3, #jsn-puser6_grid3, #jsn-puser7_grid3 { width: 33.3%; float: left; } #jsn-puser1, #jsn-puser2, #jsn-puser3, #jsn-puser4 { padding: .6em 1.2em; } #jsn-puser5, #jsn-puser6, #jsn-puser7 { padding: 1.2em; } #jsn-pleft, #jsn-pright { padding: 1em; } #jsn-pright div.module, #jsn-pright div.module-plain, #jsn-pright div.module-box, #jsn-pleft div.module, #jsn-pleft div.module-plain, #jsn-pleft div.module-box { margin-bottom: 1.5em; } /* Footer */ #jsn-footer { padding: 1.2em 1em; font-size: 0.9em; color: #595959; } #jsn-footer a:link, #jsn-footer a:visited { color: #000; text-decoration: underline; } #jsn-footer a:hover { text-decoration: none; } #jsn-pfooter_grid2 { float: left; width: 49.5%; } #jsn-pbottom_grid2 { float: right; width: 49.5%; } #jsn-pbottom { text-align: right; } /* @MODULE STYLES **/ table.poll td, table.poll-box td, table.poll-plain td { text-align: left; } /* moduletable style */ div.module, div.module-box, div.module-plain, div.moduletable-plain, div.moduletable { overflow: hidden; } div.module h3, div.module-box h3, div.module-plain h3, div.moduletable h3, div.moduletable-plain h3 { color: #000000; font-size: 1.1em; margin: 0 0 3px 0; } /* Module background styles */ div.module-box { padding: 0; } div.module-box > div { padding: 16px 0 0 0; } div.module-box > div > div { padding: 0 0 0 16px; } div.module-box > div > div > div { padding: 0 16px 16px 0; } div.box-blue { background: transparent url(../images/module-box-blue-bg-r.png) top right no-repeat; } div.box-blue > div { background: transparent url(../images/module-box-blue-bg-l.png) top left no-repeat; } div.box-blue > div > div { background: transparent url(../images/module-box-blue-bg-l.png) bottom left no-repeat; } div.box-blue > div > div > div { background: transparent url(../images/module-box-blue-bg-r.png) bottom right no-repeat; } div.box-blue div div div div { background: none; } div.box-green { background: transparent url(../images/module-box-green-bg-r.png) no-repeat top right; } div.box-green > div { background: transparent url(../images/module-box-green-bg-l.png) no-repeat top left; } div.box-green > div > div { background: transparent url(../images/module-box-green-bg-l.png) no-repeat bottom left; } div.box-green > div > div > div { background: transparent url(../images/module-box-green-bg-r.png) no-repeat bottom right; } div.box-green div div div div { background: none; } div.box-yellow { background: transparent url(../images/module-box-yellow-bg-r.png) no-repeat top right; } div.box-yellow > div { background: transparent url(../images/module-box-yellow-bg-l.png) no-repeat top left; } div.box-yellow > div > div { background: transparent url(../images/module-box-yellow-bg-l.png) no-repeat bottom left; } div.box-yellow > div > div > div { background: transparent url(../images/module-box-yellow-bg-r.png) no-repeat bottom right; } div.box-yellow div div div div { background: none; } div.box-grey { background: transparent url(../images/module-box-grey-bg-r.png) no-repeat top right; color: #f2f2f2; } div.box-grey > div { background: transparent url(../images/module-box-grey-bg-l.png) no-repeat top left; } div.box-grey > div > div { background: transparent url(../images/module-box-grey-bg-l.png) no-repeat bottom left; } div.box-grey > div > div > div { background: transparent url(../images/module-box-grey-bg-r.png) no-repeat bottom right; } div.box-grey div div div div { background: none; } div.box-grey h3 { color: #FFF; } div.box-grey a:link, div.box-grey a:visited { color: #40afff; } /* Module Icon Styles */ div.header-dots h3, div.icon-dots h3 { background: url(../images/icon-module-dots.png) no-repeat left 5px; padding: 0 0 0 10px; } div.header-arrow h3, div.icon-arrow h3 { background: url(../images/icon-module-arrow.png) no-repeat left 5px; padding: 0 0 0 16px; } /** @TYPOGRAPHY **/ html, body { border: 0; margin: 0; padding: 0; } p, pre, blockquote, form, dl, ul, ol, fieldset, address { padding: 0; margin: 0.35em 0 0.8em 0; } fieldset { padding: .5em; } pre { padding: 1em; border-left: 5px solid #404040; background: #FFFFD5; font-family: "Courier New", Courier, monospace; } blockquote { padding-left: 55px; background: transparent url(../images/icon-text-blockquote.png) no-repeat top left; font-style: italic; min-height: 45px; color: #404040; } small { font-size: .85em; } sup { position: relative; bottom: 0.3em; vertical-align: baseline; } sup em { font-size: .8em; color: red; } sup { position: relative; bottom: 0.3em; vertical-align: baseline; } acronym, abbr { border-bottom: 1px dashed; letter-spacing: 1px; cursor: help; } /* @HEADING */ h1, h2, h3, h4, h5, h6 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0.6em 0 .25em 0; } h1 { font-size: 1.4em; color: #000000; } h2 { font-size: 1.3em; color: #000000; } h3 { font-size: 1.2em; color: #CC3333; } h4 { font-size: 1.1em; color: #CC8033; } h5, h6 { font-size: 1em; font-weight: bold; color: #333333; } /* @IMAGE */ img { border: none; } img.image-left { float: left; margin: .5em 1em .5em 0; } img.image-right { float: right; margin: .5em 0 .5em 1em; } img.image-border { border: 1px solid #e5e5e5; padding: 3px; } img.image-margin { margin: .5em; } /* @LINK */ a:link, a:visited { text-decoration: none; outline: none; color: #00789f; } a:hover { text-decoration: underline; } a:active { color: #FF0000; } a img { border: none; } /* @TEXT */ .clearbreak { clear: both; } .clearafter:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; } /* Text paragraph */ .border { border: 1px solid #e5e5e5; padding: 3px; } .dropcap:first-letter { float: left; color: #404040; font: 4em/.8em "Times New Roman", Times, serif; } /* @LIST */ ul li { margin: .3em 0 .3em 1.6em; padding: 0; } ol li { margin: .3em 0 .3em 2em; padding: 0; } ul.arrowlist-red, ul.arrowlist-green, ul.arrowlist-blue { list-style: none; } /* Arrow list */ ul.arrowlist-red li { margin-left: .6em; padding: 0 0 0 10px; background: url(../images/arrow.png) no-repeat left 6px; } ul.arrowlist-green li { margin-left: .6em; padding: 0 0 0 10px; background: url(../images/icon-arrow-s.png) no-repeat left 6px; } ul.arrowlist-blue li { margin-left: .6em; padding: 0 0 0 10px; background: url(../images/icon-arrow-blue.png) no-repeat left 6px; } /* @TABLES */ table { border-collapse: collapse; border-spacing: 0; } caption, th { text-align: left; } /** @JOOMLA DEFAULT **/ /* PATHWAY */ span.pathway { font-weight: bold; font-size: 0.9em; } a.pathway:link, a.pathway:visited { padding: 0 .25em; font-weight: normal; text-decoration: none; color: #404040; } a.pathway:hover { text-decoration: underline; } /* page heading */ .componentheading, .contentheading { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.4em; } /* Content title link */ a.contentpagetitle:link, a.contentpagetitle:visited { text-decoration: none; } a.contentpagetitle:hover { text-decoration: underline; } /** CONTENT AREA **/ /* Blog page main wrapper */ table.blog { width: 100%; } table.blog td { padding-right: 5px; } /* Content container */ table.contentpane, table.contentpaneopen { width: 100%; } /* Separator after each content container TD */ table.blog span.article_seperator { display: block; height: 1.5em; } /* 3 buttons */ td.buttonheading { padding: 0 2px; } /* Data & written by area */ span.small, td.createdate, td.modifydate { color: #999999; font-size: 0.9em; padding-bottom: .6em; } /* Page counter */ div.pagenavcounter { color: #595959; margin: .5em 0; font-size: .9em; font-weight: bold; } /* Table of content */ table.contenttoc { margin: 0 0 1em 1em; border: 1px solid #D9D9D9; background: #f2f2f2; } table.contenttoc th { padding: .4em; background: url(../images/grey_dot.png) bottom repeat-x; font-weight: bold; text-align: center; } table.contenttoc td { padding: .25em .6em; } a.toclink:link, a.toclink:visited { font-size: .9em; } a.toclink:hover { } div.mosimage { padding: .3em; margin: .8em; color: #595959; } div.mosimage_caption { padding: .2em; font-weight: bold; font-size: 0.9em; } /* Read more */ a.readon:link, a.readon:visited { padding: 3px 6px 3px 22px; text-decoration: none; color: #404040; background: #f2f2f2 url(../images/icon-module-arrow.png) no-repeat 5px center; border: 1px solid #e5e5e5; } a.readon:hover { background-color: #e5e5e5; text-decoration: none; } /** COMPONENT AND CONTENT TABLE PAGE **/ /* Description in content table and component page */ td.contentdescription { padding: .5em 0; } /* Links in Section Table page */ a.category:link, a.category:visited { font-weight: bold; } a.category:hover { } /* table in category table page */ td.sectiontableheader { padding: 5px 8px; font-weight: bold; font-size: 1.1em; color: #FFFFFF; background-color: #366999; } td.sectiontableheader a { color: #ffffff; text-decoration: underline; } td.sectiontableheader a:hover { text-decoration: none; } /* table's row 1 */ tr.sectiontableentry1 td { padding: 5px 8px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } /* table's row 2 */ tr.sectiontableentry2 td { padding: 5px 8px; } .smalldark { } /** "MORE..." AREA **/ /* "More..." panel */ div.blog_more { } /* "More..." panel heading text */ div.blog_more div { padding-bottom: .3em; } /* "More..." block links */ div.blog_more ul { } div.blog_more li{ } /* "More..." panel links */ a.blogsection:link, a.blogsection:visited { text-decoration: none; } a.blogsection:hover { text-decoration: underline; } /** BOTTOM NAVIGATION BAR **/ /* content page nav */ div.pagenavbar div { color: #999999; font-weight: bold; font-size: .9em; } div.pagenavbar a:link, div.pagenavbar a:visited { text-decoration: none; } div.pagenavbar a:hover { text-decoration: underline; } /* content item rolling nav */ th.pagenav_prev, th.pagenav_next { color: #999999; font-size: .9em; font-weight: bold; } th.pagenav_prev a:link, th.pagenav_prev a:visited, th.pagenav_next a:link, th.pagenav_next a:visited { text-decoration: none; } th.pagenav_prev a:hover, th.pagenav_next a:hover { text-decoration: underline; } /* blog pages nav */ .pagenav { color: #999999; padding: 0 .5em; margin-top: 1em; font-size: .9em; font-weight: bold; text-transform: uppercase; } /* blog pages nav link */ a.pagenav:link, a.pagenav:visited { text-decoration: none; text-transform: uppercase; } a.pagenav:hover { text-decoration: underline; } /* Back button */ div.back_button { margin: .5em 0; padding: .4em 0; font-weight: bold; } div.back_button a:link, div.back_button a:visited { text-decoration: none; text-transform: uppercase; } div.back_button a:hover{ text-decoration: underline; } .hd { display: none; } /** COMMON FORM **/ input.button { } input.inputbox { } input.inputbox:hover, input.button:hover { } input.inputbox:focus { } /** POP UP FORMS **/ body.contentpane { padding: 1em; } /** SEARCH MODULE **/ /* Search wrapper */ div.search { } /* Search input box */ input#mod_search_searchword { margin-right:3px; } span.highlight { padding: .2em; background: #FFFFAA; } /** LOGIN MODULE **/ form#form-login fieldset.input { border: none; padding: 0; } input#modlgn_username { } input#modlgn_passwd { } input#modlgn_remember { } p#form-login-username, p#form-login-password, p#form-login-remember { margin: 0 0 6px 0; } /** LATEST NEWS & POPULAR MODULE **/ ul.latestnews, ul.mostread { } ul.latestnews li, ul.mostread li { } /** POLL MODULE **/ /* poll's table */ table.poll { } table.pollstableborder { margin: .5em 0; text-align: left; } table.pollstableborder td { text-align: left; font-size: .9em; padding: 3px 2px; border: none; } /* poll's question */ table.pollstableborder td.sectiontableentry1 { } table.pollstableborder td.sectiontableentry2 { } /* poll's result */ table.pollstableborder th.sectiontableheader { } table.pollstableborder tr.sectiontableentry0 td { background-color: #f2f2f2; padding: .5em .8em; } table.pollstableborder tr.sectiontableentry1 td { background: none; padding: .5em .8em; } /** POP UP FORMS **/ body.contentpane { color: #000000; background: #FFFFFF; } /** Tabs **/ #jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab { background-image: none; background-color: #e5e5e5; padding: 5px; } #jsn-master div.dynamic-tab-pane-control div.tab-row h2.tab a { color: #000000; } #jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected { background-image: none !important; background-color: #366999; } #jsn-master div.dynamic-tab-pane-control div.tab-row h2.selected a { font-weight: bold; color: #ffffff; } #jsn-master div.dynamic-tab-pane-control div.tab-page { border-color: #999999; border-top: 3px solid #366999; padding: 5px; } /** @MENU **/ /** @SUCKERFISH **/ /* Mainlevel */ ul.menu-suckerfish { z-index: 1; float: left; border-right: 1px solid #404040; margin: 0; background: none; padding: 0; list-style: none; } ul.menu-suckerfish li { float: left; display: inline; background: none; margin: 0; padding: 0; } ul.menu-suckerfish a:link, ul.menu-suckerfish a:visited { display: block; border-right: 1px solid #000000; border-left: 1px solid #404040; margin: 0; padding: 3px 1.5em; color: #ffffff; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; } ul.menu-suckerfish a:hover { background-color: #404040; } ul.menu-suckerfish li.active a { background-color: #404040; } /* Sublevel */ ul.menu-suckerfish ul { position: absolute; left: -999em; z-index: 2; margin: 0; padding: 0; list-style: none; } /* Other containers */ ul.menu-suckerfish ul ul { margin: -26px 0 0 184px; z-index: 3; } /* Items */ ul.menu-suckerfish ul li { position: relative; width: 185px; margin: 0; background: none; padding: 0; } ul.menu-suckerfish ul a:link, ul.menu-suckerfish ul a:visited { display: block; border-top: 1px solid #366999; border-right: none; border-bottom: 1px solid #162c40; border-left: 1px solid #162c40; background: #284d73 none; color: #cfdbe5; padding: 4px 10px; font-size: 0.9em; font-weight: normal; text-decoration: none; height: 1%; } ul.menu-suckerfish ul a:hover, ul.menu-suckerfish ul li.parent a:hover, ul.menu-suckerfish ul li.parent li.parent a:hover { border-top: 1px solid #1f3d59; background-color: #1f3d59; color: #ffffff; } /* Active */ ul.menu-suckerfish ul li.active a, ul.menu-suckerfish ul li.active li.active a, ul.menu-suckerfish ul li.active li.active li.active a { font-weight: bold; color: #ffffff; } /* Clear active */ ul.menu-suckerfish ul li.active li a, ul.menu-suckerfish ul li.active li.active li a { font-weight: normal; color: #cfdbe5; } /* Children expanded */ ul.menu-suckerfish ul li.parent a, ul.menu-suckerfish ul li.parent li.parent a { background: #284d73 url("../images/suckerfish-expand.png") no-repeat 95% center; padding-right: 10px; } /* Clear children expanded */ ul.menu-suckerfish ul li.parent li a, ul.menu-suckerfish ul li.parent li.parent li a { background-image: none; } /* Rollover actions */ ul.menu-suckerfish li:hover ul, ul.menu-suckerfish li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul { left: auto; } ul.menu-suckerfish li:hover ul ul, ul.menu-suckerfish li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul ul, ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul, ul.menu-suckerfish li.hover ul li.hover ul li.hover ul ul { left: -999em; } ul.menu-suckerfish, ul.menu-suckerfish li li { clear: left; } /** @BULLET TREE **/ /* main level */ ul.menu-bullettree, ul.menu-bullettree ul { background: none; list-style: none; padding: 0; margin: 0; } ul.menu-bullettree li { background: none; padding: 0; margin: 0; } ul.menu-bullettree { border-top: 1px dotted #b3b3b3; } ul.menu-bullettree ul li { margin-left: 1em; } ul.menu-bullettree a:link, ul.menu-bullettree a:visited { display: block; background: transparent url(../images/bullettree-level0.png) no-repeat 5px 10px; border-bottom: 1px dotted #b3b3b3; padding: 3px 5px 3px 15px; color: #404040; text-decoration: none !important; } ul.menu-bullettree a:hover { background-color: #d9d9d9; color: #000000; } /* For dark background */ div.box-grey ul.menu-bullettree a:link, div.box-grey ul.menu-bullettree a:visited { color: #d9d9d9; } div.box-grey ul.menu-bullettree a:hover { background-color: #404040; color: #d9d9d9; } /* Sublevel items */ ul.menu-bullettree ul a:link, ul.menu-bullettree ul a:visited { background-image: url(../images/bullettree-level1.png); border-bottom: none; } ul.menu-bullettree ul ul a:link, ul.menu-bullettree ul ul a:visited { background-image: url(../images/bullettree-level2.png); } ul.menu-bullettree ul ul ul a:link, ul.menu-bullettree ul ul ul a:visited { background-image: url(../images/bullettree-level3.png); } /* Current item */ ul.menu-bullettree a.current { background-image: url(../images/bullettree-current.png) !important; font-weight: bold; color: #000000; } ul.menu-bullettree li.current a:hover { color: #000000; } div.box-grey ul.menu-bullettree li.current a { color: #ffffff; } div.box-grey ul.menu-bullettree li.current a:hover { color: #ffffff; } ul.menu-bullettree li.current li a { font-weight: normal; } ul.menu-bullettree li.current li a:hover { color: #000000; }