"

From 2012.igem.org

Revision as of 07:53, 30 August 2012 (view source) YohannPetiot (Talk | contribs) ← Older edit		Revision as of 10:06, 31 August 2012 (view source) Julien (Talk | contribs) Newer edit →
Line 4:		Line 4:
	#left-column{		#left-column{
		+	clear : left;
	float: left;		float: left;
	width: 280px;		width: 280px;

---

Revision as of 10:06, 31 August 2012

div#articles-widget{ margin-top : 3px; }

1. left-column{

   clear : left;
   float: left;
   width: 280px;
   margin-right: 10px;
   margin-bottom: 0px;
   padding: 4px 10px 10px 10px;
   background-color: rgb(217, 225, 236);

}

1. circle {

  float : left;
  width: 40px;
  height: 40px;
  background: rgb(60,60,60); 
  -moz-border-radius: 70px; 
  -webkit-border-radius: 70px; 
  border-radius: 70px;

}

1. circle h2 {

color : white; font-weight : bold; font-size : 25px; border : 0px; padding : 0px; display : table-cell; height : 40px; width : 40px; vertical-align : middle; text-align : center; }

1. circle:hover {

background-color : rgb(185, 211, 238); }

ul#ltArticles { list-style-type : none; list-style-image : none; margin : 0px }

ul#ltArticles li a { height : 40px; display : table-cell; vertical-align : middle; padding-left : 10px; font-weight : bold; font-size : 20px; color : rgb(60,60,60); }

ul#ltArticles li a:hover { color : rgb(185, 211, 238); border : none; }

ul#ltArticles li { height : 40px; }

.widget { padding : 10px; background-color : white; margin-left : 4px; margin-right : 4px; margin-top : 10px; margin-bottom : 10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: 0px 0px 3px 1px #000099; -webkit-box-shadow: 0px 0px 3px 1px #000099; box-shadow: 0px 0px 3px 1px #000099; /*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/ /*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/ }

.widget h1 { color: black; font-size: large; text-shadow: 2px 2px 4px rgba(150, 150, 150, 0.83); text-align : center; border-width : 0px; padding : 5px; margin-bottom : 0px; }