Team:Paris-Saclay/left-column.css

From 2012.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
-
#left-column{
+
div#articles-widget{
-
     float: left;
+
margin-top : 3px;
-
    width: 280px;
+
}
-
    margin-right: 10px;
+
 
-
    margin-bottom: 0px;
+
#left-column {
-
    padding: 10px;
+
     margin-top: 50px;
-
    background-color: rgb(185, 211, 238);
+
    background-color: rgb(217, 225, 236);
-
    margin-top: -6px;
+
}
 +
 
 +
 
 +
#circle {
 +
  float : left;
 +
  width: 40px;
 +
  height: 40px;
 +
  background: rgb(60,60,60);
 +
  -moz-border-radius: 70px;  
 +
  -webkit-border-radius: 70px;
 +
  border-radius: 70px;
 +
}
 +
 
 +
#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;
 +
}
 +
 
 +
#circle:hover {
 +
background-color : rgb(185, 211, 238);
 +
}
 +
 
 +
#left-column li:hover {
 +
color : rgb(153,0,0);
 +
}
 +
 
 +
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(153,0,0);
 +
}
 +
 
 +
 
 +
ul#ltArticles li a:hover {
 +
color : rgb(153,0,0);
 +
border : none;
 +
}
 +
 
 +
ul#ltArticles li {
 +
height : 40px;
}
}
Line 22: Line 79:
-moz-box-shadow: 0px 0px 3px 1px #000099;
-moz-box-shadow: 0px 0px 3px 1px #000099;
-webkit-box-shadow: 0px 0px 3px 1px #000099;
-webkit-box-shadow: 0px 0px 3px 1px #000099;
-
box-shadow: 0px 0px 3px 1px #000099;
+
box-shadow: 0px 0px 2px 1px rgb(0, 85, 196);
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/
Line 34: Line 91:
border-width : 0px;
border-width : 0px;
padding : 5px;
padding : 5px;
 +
margin-bottom : 0px;
}
}

Latest revision as of 08:20, 22 September 2012

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

  1. left-column { 
   margin-top: 50px;
   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); }

  1. left-column li:hover {

color : rgb(153,0,0); }

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(153,0,0); }


ul#ltArticles li a:hover { color : rgb(153,0,0); 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 2px 1px rgb(0, 85, 196); /*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; }

Retrieved from "http://2012.igem.org/Team:Paris-Saclay/left-column.css"