Edit file File name : style.css Content :/***********************************************/ /* style.css */ /* Use with template style.html */ /***********************************************/ /***********************************************/ /* HTML tag styles */ /***********************************************/ body{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 1.166; margin:auto; width:800px; height:100%; } a{ color: #15317E; text-decoration: none; } a:link{ color: #003366; text-decoration: none; } a:visited{ color: #6D124E; text-decoration: none; } a:hover{ color: #0066CC; text-decoration: underline; } h1{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 120%; color: #0066CC; margin: 0px; padding: 0px; } h2{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 114%; color: #0066CC; margin: 0px; padding: 0px; } h3{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #15317E; margin: 0px; padding: 0px; } h4{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; font-weight: normal; color: #333333; margin: 0px; padding: 0px; } h5{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #334d55; margin: 0px; padding: 0px; } ul{ list-style-type: square; } ul ul{ list-style-type: disc; } ul ul ul{ list-style-type: none; } label{ font-family: verdana,sans-serif; font-size: 100%; font-weight: bold; color: #334d55; } /***********************************************/ /* Layout Divs */ /***********************************************/ #masthead{ padding: 10px 0px 0px 0px; border-bottom: 1px solid #cccccc; width: 100%; } #navBar{ margin: 0px; padding: 0px; background-color: #15317E; border-right: 1px solid #cccccc; border-bottom: 0px solid #cccccc; } #headlines{ float:right; width: 20%; height:100%; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-right: 5px; padding-left: 5px; } #content{ float: left; } /***********************************************/ /* Components */ /***********************************************/ #siteName{ margin: 0; padding: 0 0 0 10px; } /*************voluntariat #globalNav styles **************/ #volglobalNav{ padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; background-color:#15317E; color:white; } #volglobalNav img{ display: block; } #volglobalNav a { font-size: 80%; padding: 0 20px 0 20px; text-align:center; background-color:#15317E; color:white; } /*************campanii #globalNav styles **************/ #campglobalNav{ padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; background-color:#0066CC; color:white; } #campglobalNav img{ display: block; } #campglobalNav a { font-size: 80%; padding: 0 20px 0 20px; text-align:center; background-color:#0066CC; color:white; } /*************retea #globalNav styles **************/ #reteaNav{ padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; background-color:#CC0000; color:#FFFFFF; } #reteaglobalNav img{ display: block; } #reteaglobalNav a { font-size: 80%; padding: 0 20px 0 20px; text-align:center; background-color:#CC0000; color:white; } /*************voluntariat #mainmenu styles **************/ #volmainmenu{ background-color:#15317E; color:white; padding-top:5px; margin-top:5px; } #volmainmenu a { font-size: 80%; padding: 0 4px 0 0; background-color:#15317E; color:white; } /*************voluntariat #mainmenu styles **************/ #campmainmenu{ background-color:#0066CC; color:white; padding-top:5px; margin-top:5px; } #campmainmenu a { font-size: 80%; padding: 0 4px 0 0; background-color:#0066CC; color:white; } /*************retea #mainmenu styles **************/ #reteamenu{ background-color:#CC0000; color:white; padding-top:5px; margin-top:5px; } #reteamenu a { font-size: 80%; padding: 0 4px 0 0; background-color:#CC0000; color:white; } /************* #mainmenupic styles **************/ #mainmenupic{ padding: 5px 0px 10px 0px; border-bottom: 1px solid #CCC; color: #cccccc; } /************** .feature styles ***************/ .feature{ padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; font-size: 80%; } .feature h3{ padding: 5px 0px 0px 0px; } .feature img{ float: left; padding: 10px 10px 0px 0px; } /************** .feature for Campanie styles ***************/ .featureCamp{ padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; font-size: 80%; } .featureCamp h3{ padding: 5px 0px 0px 0px; color:#0066CC; } .featureCamp img{ float: left; padding: 10px 10px 0px 0px; } /************* #siteInfo styles ***************/ #siteInfo{ clear: both; border: 1px solid #cccccc; font-size: 75%; color: #333333; padding: 10px 10px 10px 10px; } #siteInfo img{ padding: 4px 4px 4px 10px; vertical-align: middle; } /*********** #navBar link styles ***********/ #navBar ul a:link, #navBar ul a:visited {display: block;} #navBar ul {list-style: none; margin: 0; padding: 0;} /* hack to fix IE/Win's broken rendering of block-level anchors in lists */ #navBar li {border-bottom: 1px solid #EEE;} /* fix for browsers that don't need the hack */ html>body #navBar li {border-bottom: none;} /***********voluntariat #sectionLinks styles ***********/ #volsectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 1px solid #cccccc; font-size: 80%; /*height:100%; */ background-color:#15317E; color:white; } #volsectionLinks h3{ padding: 10px 0px 2px 10px; color:white; } #volsectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; background-color:#15317E; color:white; } #volsectionLinks a:hover{ background-color: #dddddd; color:#334d55; } /***********campanii #sectionLinks styles ***********/ #campsectionLinks{ position: relative; margin: 0px; padding: 0px; font-size: 80%; /*height:100%; */ background-color:#0066CC; color:white; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #cccccc; } #campsectionLinks h3{ padding: 10px 0px 2px 10px; color:white; } #campsectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; background-color:#0066CC; color:white; } #campsectionLinks a:hover{ background-color: #dddddd; color:#0066CC; } /***********retea #sectionLinks styles ***********/ #reteasectionLinks{ position: relative; margin: 0px; padding: 0px; font-size: 80%; /*height:100%; */ background-color:#CC0000; color:white; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #cccccc; } #reteasectionLinks h3{ padding: 10px 0px 2px 10px; color:#CC0000; } #reteasectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; background-color:#CC0000; color:white; } #reteasectionLinks a:hover{ background-color: #dddddd; color:#334d55; } /************** #headlines styles **************/ #headlines{ font-size: 80%; height:100%; } /*************** Styles for sections: voluntariat.RO, campanii etc ****/ #voluntariat{ color:#747B6F; font-size: 100%; padding: 0 4px 0 0; } #voluntariatSelected{ color:#FFFFFF; font-size: 90%; padding: 0 4px 0 0; } #campanii{ color:yellow; font-size: 90%; padding: 0 4px 0 0; } #retele{ color:#FFFF00; font-size: 90%; padding: 0 4px 0 0; } td.left{ background-color:#15317E; } td.leftCamp{ background-color:#0066CC; } td.right{ background-color:#dddddd; align:center; padding:7px; } #selected{ font-size:80%; color:yellow; padding: 0 20px 0 20px; } /************* butoane Inapoi *********/ .inapoiCampanie { color:#0066CC; } .inapoiVoluntariat { color: #006699; } .inapoi { float:right; padding:10px; } /**** table sigla campanie ******/ #siglaCampanie{ background-color: white; text-align:center; cellpadding:0px; cellspacing:5px; font-size:70%; } .inapoisnv { color: #CC3300; } /**** snv #mainmenu styles ****/ #snvmainmenu{ background-color:#91B470; color:#FFFFFF; padding-top:5px; margin-top:5px; } #snvmainmenu a { font-size: 80%; padding: 0 4px 0 0; background-color:#91B470; color:#FFFFFF; font-weight: bold; } /*************voluntariat #globalNav styles **************/ #snvglobalNav{ padding: 0px 0px 5px 0px; border-bottom: 1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; background-color:#91B470; color:#FFFFFF; } #snvglobalNav img{ display: block; } #snvglobalNav a { font-size: 80%; padding: 0 20px 0 20px; text-align:center; background-color:#91B470; color:#FFFFFF; font-weight: bold; } /***********voluntariat #sectionLinks styles ***********/ #snvsectionLinks{ position: relative; margin: 0px; padding: 0px; border-bottom: 0px solid #cccccc; font-size: 80%; /*height:100%; */ background-color:#91B470; color:#FFFFFF; } #snvsectionLinks h3{ padding: 10px 0px 2px 10px; color:#000000; } #snvsectionLinks a { display: block; border-top: 1px solid #cccccc; padding: 2px 0px 2px 10px; background-color:#91B470; color:#FFFFFF; } #snvsectionLinks a:hover{ color:#334d55; } /************** .feature for retea styles ***************/ .featureRetea{ padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; font-size: 80%; } .featureRetea h3{ padding: 5px 0px 0px 0px; color:#CC0000; } .featureRetea img{ float: left; padding: 10px 10px 0px 0px; } /************** .feature for Campanie styles ***************/ .featureSNV{ padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; font-size: 80%; } .featureSNV h3{ padding: 5px 0px 0px 0px; color:#660033; } .featureSNV img{ float: left; padding: 10px 10px 0px 0px; } td.leftSNV{ background-color:#91B470; } td.leftRetea{ background-color:#CC0000; } Save