Template:UIUC Illinois CSS

From 2012.igem.org

(Difference between revisions)
Line 2,090: Line 2,090:
}
}
 +
/* scaffold */
 +
 +
#scaffoldContainer{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 +
#scaffoldSelection{
 +
        margin-top: -15px;
 +
        background: rgba(240, 240, 240, 0.7);
 +
width: 205px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.8);
 +
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;
 +
        font-size:150%;
 +
}
 +
 +
#scaffoldSelection li{
 +
        list-style:none;
 +
        float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        width:100%;
 +
}
 +
 +
#scaffoldSelection a {
 +
cursor: pointer;
 +
display:block;
 +
height:25px;
 +
line-height: 25px;
 +
        text-align:center;   
 +
text-decoration:none;
 +
width:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        padding-top: 10px;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#scaffoldSelection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#scaffoldOverview {
 +
        background: rgba(240, 240, 240, 0.7);
 +
        border: 10px solid rgba(255, 255, 255,0.8);
 +
width: 715px;
 +
height: 100%;
 +
float: right;
 +
padding-left: 25px;
 +
padding-right: 25px;
 +
padding-bottom: 25px;
 +
padding-top: 0px;
 +
 +
 +
text-align: left;
 +
margin-right: -10px;
 +
        margin-top: -15px;
 +
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;
 +
        font-size:150%;
 +
}
 +
 +
/* Petrobrick */
 +
 +
#petrobrickContainer{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 +
#petrobrickSelection{
 +
        margin-top: -15px;
 +
        background: rgba(240, 240, 240, 0.7);
 +
width: 205px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.8);
 +
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;
 +
        font-size:150%;
 +
}
 +
 +
#petrobrickSelection li{
 +
        list-style:none;
 +
        float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        width:100%;
 +
}
 +
 +
#petrobrickSelection a {
 +
cursor: pointer;
 +
display:block;
 +
height:25px;
 +
line-height: 25px;
 +
        text-align:center;   
 +
text-decoration:none;
 +
width:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        padding-top: 10px;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#petrobrickSelection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#petrobrickOverview {
 +
        background: rgba(240, 240, 240, 0.7);
 +
        border: 10px solid rgba(255, 255, 255,0.8);
 +
width: 715px;
 +
height: 100%;
 +
float: right;
 +
padding-left: 25px;
 +
padding-right: 25px;
 +
padding-bottom: 25px;
 +
padding-top: 0px;
 +
 +
 +
text-align: left;
 +
margin-right: -10px;
 +
        margin-top: -15px;
 +
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;
 +
        font-size:150%;
 +
}
 +
 +
/* Assembly */
 +
 +
#assemblyContainer{
 +
width: 1000px;
 +
height: 100%;
 +
text-align: center;
 +
padding-left: 0px;
 +
padding-right:0px;
 +
margin-left: auto;
 +
margin-right:auto;
 +
        margin-top: 25px;
 +
float: center;
 +
}
 +
 +
#assemblySelection{
 +
        margin-top: -15px;
 +
        background: rgba(240, 240, 240, 0.7);
 +
width: 205px;
 +
height: 100%;
 +
float: left;
 +
padding-top: 0px;
 +
text-align: left;
 +
margin-left: -10px;
 +
border: 10px solid rgba(255, 255, 255,0.8);
 +
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;
 +
        font-size:150%;
 +
}
 +
 +
#assemblySelection li{
 +
        list-style:none;
 +
        float:left;
 +
        margin:0px;
 +
        padding:0px;
 +
        width:100%;
 +
}
 +
 +
#assemblySelection a {
 +
cursor: pointer;
 +
display:block;
 +
height:25px;
 +
line-height: 25px;
 +
        text-align:center;   
 +
text-decoration:none;
 +
width:100%;
 +
color:#ffffff;
 +
background:#F47F24;
 +
        padding-top: 10px;
 +
        font: bold 13px Arial;
 +
}
 +
 +
#assemblySelection li:hover a{
 +
background:#003C7D;
 +
text-decoration:none;
 +
}
 +
 +
#assemblyOverview {
 +
        background: rgba(240, 240, 240, 0.7);
 +
        border: 10px solid rgba(255, 255, 255,0.8);
 +
width: 715px;
 +
height: 100%;
 +
float: right;
 +
padding-left: 25px;
 +
padding-right: 25px;
 +
padding-bottom: 25px;
 +
padding-top: 0px;
 +
 +
 +
text-align: left;
 +
margin-right: -10px;
 +
        margin-top: -15px;
 +
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;
 +
        font-size:150%;
 +
}
</style>
</style>
</html>
</html>

Revision as of 21:33, 29 September 2012