Template:UIUC Illinois CSS

From 2012.igem.org

(Difference between revisions)
Line 1,392: Line 1,392:
/*Outreach*/
/*Outreach*/
-
#outreach{
+
 
 +
#outreachintro{
 +
        width: 950px;
 +
        float: center;
 +
background-color:#EEEEEE;
 +
        padding-top: 0px;
 +
        padding-left: 25px;
 +
        padding-right: 25px;
 +
        padding-bottom: 15px;
 +
height: 50px;
 +
border: 10px solid rgba(255, 255, 255,0.4);
 +
background-clip: padding-box;
 +
        margin-top: 5px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
        margin-bottom:0px;
 +
}
 +
 
 +
#outreachmenu a {
 +
    cursor: pointer;
 +
    display:block;
 +
    float:left;
 +
    height:24.6px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:100%;
 +
    color:#ffffff;
 +
    background:#F47F24;
 +
    padding-top: 10px;
 +
    font: bold 13px Arial;
 +
}
 +
 
 +
#outreachmenu a:hover {
 +
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#undergradsmenu a:active {
 +
    color:white;
 +
}
 +
 
 +
#outreach {
width: 1000px;
width: 1000px;
height: 100%;
height: 100%;
Line 1,400: Line 1,440:
margin-left: auto;
margin-left: auto;
margin-right:auto;
margin-right:auto;
-
         margin-top: 0px;
+
         margin-top: -20px;
float: center;
float: center;
         font: bold 13px Arial;
         font: bold 13px Arial;
}
}
-
#outreachmenu{
+
#outreachmenu {
-
     background-color: #003C7D;
+
     background-color: #F47F24;
-
     width:  1000px;
+
     width:  160px;
-
     height: 40px;
+
     height: 310px;
     float: left;
     float: left;
     text-align: left;
     text-align: left;
-
     margin-top: -60px;
+
     margin-top: 20px;
     margin-left: -10px;
     margin-left: -10px;
-
    padding:0px;
 
     border: 10px solid rgba(255, 255, 255,0.4);
     border: 10px solid rgba(255, 255, 255,0.4);
     background-clip: padding-box;
     background-clip: padding-box;
 +
    -webkit-box-shadow: 0 8px 6px -6px black;
 +
    -moz-box-shadow: 0 8px 6px -6px black;
 +
    box-shadow: 0 8px 6px -6px black;
     list-style: none;
     list-style: none;
-
    font: bold 16px Arial;
 
}
}
-
#outreachmenu li{
 
-
list-style-type:none;
 
-
margin:0;
 
-
padding:0;
 
-
float:center;
 
-
margin-left: 0px;
 
-
margin-right: auto;
 
-
}
 
-
#outreachmenu a {
+
#outreachdescription {
-
    cursor: pointer;
+
-
    float:left;
+
-
    height:30px;
+
-
    text-align:center;   
+
-
    text-decoration:none;
+
-
    width:250px;
+
-
    background:#003C7D;
+
-
    font: bold 15px Arial;
+
-
    padding-top:10px;
+
-
    margin-top: 0px;
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    color:#ffffff;
+
-
}
+
-
 
+
-
#outreachmenu a:hover {
+
-
    background:#F47F24;
+
-
    text-decoration:none;
+
-
}
+
-
#outreachmenu a:active {
+
-
    color:white;
+
-
}
+
-
 
+
-
#outreachdescription{
+
     background-color: #EEEEEE;
     background-color: #EEEEEE;
-
     width:  950px;
+
     width:  815px;
-
     height: 100%;
+
     height: 300px;
-
     float: center;
+
     float: left;
     text-align: left;
     text-align: left;
-
     padding-left: 25px;
+
     margin-top: 20px;
-
     padding-right: 25px;
+
     margin-right: -20px;
-
     margin-top: 70px;
+
     margin-left: 0px;
-
     margin-right: 0px;
+
     padding-top: 0px;
-
     margin-left: -10px;
+
     padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
     border: 10px solid rgba(255, 255, 255,0.4);
     border: 10px solid rgba(255, 255, 255,0.4);
     background-clip: padding-box;
     background-clip: padding-box;
Line 1,471: Line 1,482:
     list-style: none;
     list-style: none;
}
}
 +
/* Sponsor Logos */
/* Sponsor Logos */

Revision as of 18:43, 2 July 2012