Template:Stylefor2015

From 2014.igem.org

(Difference between revisions)
Sifuentes anita (Talk | contribs)
(Created page with " <!-- The styling for the website is placed here --> <!-- start of css --> <style type="text/css"> - Clear the default wiki settings: /* Remove footer, catli...")
Newer edit →

Revision as of 18:58, 26 January 2015



<style type="text/css">

/* Clear the default wiki settings */

/* Remove footer, catlinks and logos */ #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear, .firstHeading { display: none; }

/* set up a white background #58585b*/ body { width: 100%; height: 100%;

 			background-color: #58585b;

}

/*-- Make page full width and remove borders */ #globalWrapper, #content { width: 100%; height: 100%; border: 0px; background-color: transparent; margin: 0px; padding: 0px; }


/*Clear wiki default settings for the top part and create mock "black navigation bar" */ #top-section { background-color: #000000; border: 0 none; height: 14px; z-index: 100; top: 0; position: fixed; width: 100%; margin:auto; }

/* Set up layout */

#contentWrap { width: 980px; height: auto; margin-left: 20px; float:left; margin-right: auto; background-color: #ffffff; border-radius: 5px; }

#top_menu_inside { margin-left: 20px; }

#contentColumn { width: 780px; float: left; padding: 25px 10px 5px 10px;

}

#sideColumn { width: 160px; float: left; padding: 25px 10px 5px 10px; margin-top: 20px; }

#sideColumn a { text-weight: bold; text-decoration: none; font-family: "Arial", Helvetica, sans-serif; font-size: 13px; color: #434343; } #contentWrap ul { list-style:circle; font-family: "Arial", Helvetica, sans-serif;

} #sideColumn ul ul li:hover { background-color: #c1dfa6; border-radius: 5px; }

.twoColumn_fullWidth { background-color: #ffffff; margin-bottom: 5px; padding: 5px 20px 5px 20px; }

.content_fullWidth { background-color: #ffffff; margin-bottom: 5px; padding: 5px 20px 5px 20px; }

#contentColumn a, .content_fullWidth a { color:#3aa76c; font-weight: bold; text-decoration: none; opacity: 1.0;

   			filter: alpha(opacity=100); /* For IE8 and earlier */

}

#contentColumn a:hover, .content_fullWidth a:hover {

   			opacity: 0.4;
   			filter: alpha(opacity=40); /* For IE8 and earlier */

}

#contentWrap h1, h2, h3, h4, h5 { font-family: "Arial", Gadget, sans-serif; border-bottom:none; font-weight: bold; color: #434343; }

/* Establish font size and family for all text */ #contentWrap p { font-family: "Arial", Helvetica, sans-serif; font-size: 13px; }


   	    	.button {
   	    	    	width: 130px;
   			border: 1px solid #cccccc;
   			background-color: fff;
   			height: 30px;
   			text-align: center;
       		border-radius: 5px;
       		padding: 10px 5px 0px 5px;
       		margin: auto;
   		}        
   		.button:hover {
   			background-color: #c1dfa6;
   		}
   		.clear{
   		    	clear: both;
   		}
   		#igemLogo {
   		    	width: 160px;
   		    	float:left; 
   		    	margin-left:auto; 
   		    	margin-right:auto;
   		    	display:block; 
   		    	text-align:center;
   		    	margin-top: 10px;
   		 }
   		#igemLogo a:hover{
   			opacity: 0.4;
   			filter: alpha(opacity=40); /* For IE8 and earlier */
   		 }
   		 #pageTitle {
   		    	width: 760px;
   		    	float: left;
   		    	padding: 5px 10px 0px 10px;
   		    	margin-top: 10px;
   		  }
   		    	

</style>