Template:UIUC Illinois CSS

From 2012.igem.org

(Difference between revisions)
Line 393: Line 393:
/* Notebook */
/* Notebook */
 +
 +
 +
 +
#notebookselection{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 0px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 +
 +
#notebookselectionmenu{
 +
    background-color: #003C7D;
 +
    width:  1000px;
 +
    height: 40px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: -60px;
 +
    margin-left: -10px;
 +
    padding:0px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    background-clip: padding-box;
 +
    list-style: none;
 +
    font: bold 16px Arial;
 +
}
 +
 +
#notebookselectionmenu li{
 +
list-style-type:none;
 +
margin:0;
 +
padding:0;
 +
float:center;
 +
margin-left: 50px;
 +
margin-right: auto;
 +
}
 +
 +
#notebookselectionmenu a {
 +
    cursor: pointer;
 +
    float:left;
 +
    height:30px;
 +
    text-align:center;   
 +
    text-decoration:none;
 +
    width:300px;
 +
    background:#003C7D;
 +
    font: bold 15px Arial;
 +
    padding-top:10px;
 +
    margin-top: 0px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    color:#ffffff;
 +
}
 +
 +
#notebookselectionmenu a:hover {
 +
    background:#F47F24;
 +
    text-decoration:none;
 +
}
 +
#notebookselectionmenu a:active {
 +
    color:white;
 +
}
 +
 +
#labnotebooks{
 +
    background-color: #EEEEEE;
 +
    width:  950px;
 +
    height: 100%;
 +
    float: center;
 +
    text-align: left;
 +
    padding-left: 25px;
 +
    padding-right: 25px;
 +
    margin-top: 70px;
 +
    margin-right: 0px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    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;
 +
}
 +
 +
/* Lab Notebook */
 +
 +
/* PUF notebook begins here */
 +
 +
#PUFnotebookintro{
 +
        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;
 +
}
 +
 +
#PUFnotebookmenu 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;
 +
}
 +
 +
#PUFnotebookmenu a:hover {
 +
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#PUFnotebookmenu a:active {
 +
    color:white;
 +
}
 +
 +
#PUFnotebook {
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: -20px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#PUFnotebookmenu {
 +
    background-color: #F47F24;
 +
    width:  160px;
 +
    height: 310px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    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;
 +
}
 +
 +
 +
#PUFnotebookdescription {
 +
    background-color: #EEEEEE;
 +
    width:  815px;
 +
    height: 300px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-right: -20px;
 +
    margin-left: 0px;
 +
    padding-top: 0px;
 +
    padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    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;
 +
}
 +
 +
/* PHAT Notebook begins here */
 +
 +
#PHATnotebookintro{
 +
        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;
 +
}
 +
 +
#PHATnotebookmenu 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;
 +
}
 +
 +
#PHATnotebookmenu a:hover {
 +
    background:#003C7D;
 +
    text-decoration:none;
 +
}
 +
#PHATnotebookmenu a:active {
 +
    color:white;
 +
}
 +
 +
#PHATnotebook {
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: -20px;
 +
float: center;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#PHATnotebookmenu {
 +
    background-color: #F47F24;
 +
    width:  160px;
 +
    height: 310px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-left: -10px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    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;
 +
}
 +
 +
#PHATnotebookdescription {
 +
    background-color: #EEEEEE;
 +
    width:  815px;
 +
    height: 300px;
 +
    float: left;
 +
    text-align: left;
 +
    margin-top: 20px;
 +
    margin-right: -20px;
 +
    margin-left: 0px;
 +
    padding-top: 0px;
 +
    padding-bottom: 10px;
 +
    padding-left:0px;
 +
    padding-right: 5px;
 +
    border: 10px solid rgba(255, 255, 255,0.4);
 +
    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;
 +
}
 +
/* Protocol Section*/
/* Protocol Section*/
Line 1,579: Line 1,848:
}
}
-
/* Lab Notebook */
 
-
 
-
#notebookintro{
 
-
        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;
 
-
}
 
-
 
-
#notebookmenu 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;
 
-
}
 
-
 
-
#notebookmenu a:hover {
 
-
    background:#003C7D;
 
-
    text-decoration:none;
 
-
}
 
-
#notebookmenu a:active {
 
-
    color:white;
 
-
}
 
-
 
-
#notebookmembers {
 
-
width: 1000px;
 
-
height: 100%;
 
-
text-align: center;
 
-
padding-left: 0px;
 
-
padding-right:0px;
 
-
margin-left: auto;
 
-
margin-right:auto;
 
-
        margin-top: -20px;
 
-
float: center;
 
-
        font: bold 13px Arial;
 
-
}
 
-
 
-
#notebookmenu {
 
-
    background-color: #F47F24;
 
-
    width:  160px;
 
-
    height: 310px;
 
-
    float: left;
 
-
    text-align: left;
 
-
    margin-top: 20px;
 
-
    margin-left: -10px;
 
-
    border: 10px solid rgba(255, 255, 255,0.4);
 
-
    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;
 
-
}
 
-
 
-
 
-
#notebookdescription {
 
-
    background-color: #EEEEEE;
 
-
    width:  815px;
 
-
    height: 300px;
 
-
    float: left;
 
-
    text-align: left;
 
-
    margin-top: 20px;
 
-
    margin-right: -20px;
 
-
    margin-left: 0px;
 
-
    padding-top: 0px;
 
-
    padding-bottom: 10px;
 
-
    padding-left:0px;
 
-
    padding-right: 5px;
 
-
    border: 10px solid rgba(255, 255, 255,0.4);
 
-
    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;
 
-
}
 

Revision as of 18:04, 10 July 2012

Retrieved from "http://2012.igem.org/Template:UIUC_Illinois_CSS"