Team:William and Mary/wm index.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<nowiki>.version.index /* version checker */
<nowiki>.version.index /* version checker */
{
{
-
color: #0000F5;
+
color: #0000F4;
-
background-color: #9E6B5F;
+
background-color: #AD5F0E;
}
}
Line 9: Line 9:
background-color: #FFFFFF;
background-color: #FFFFFF;
}
}
 +
#page
#page
{
{
z-index: 1;
z-index: 1;
width: 960px;
width: 960px;
-
min-height: 500px;
+
min-height: 934px;
background-image: none;
background-image: none;
border-style: none;
border-style: none;
Line 25: Line 26:
{
{
margin-top: -36px;
margin-top: -36px;
-
padding-bottom: 62px;
+
padding-bottom: 29px;
}
}
Line 37: Line 38:
{
{
z-index: 2;
z-index: 2;
-
padding-bottom: 52px;
+
padding-bottom: 21px;
}
}
Line 46: Line 47:
width: 959px;
width: 959px;
left: -100px;
left: -100px;
 +
}
 +
 +
#u1083
 +
{
 +
z-index: 11;
 +
width: 150px;
 +
margin-right: -10000px;
 +
margin-top: 14px;
 +
left: 112px;
}
}
Line 55: Line 65:
margin-top: 60px;
margin-top: 60px;
left: 310px;
left: 310px;
 +
}
 +
 +
#u874
 +
{
 +
z-index: 9;
 +
width: 168px;
 +
margin-right: -10000px;
 +
margin-top: 30px;
 +
left: 855px;
}
}
Line 61: Line 80:
z-index: 2;
z-index: 2;
margin-bottom: -1px;
margin-bottom: -1px;
-
height: 135px;
+
height: 166px;
-
}
+
-
 
+
-
#u844
+
-
{
+
-
z-index: 7;
+
-
width: 177px;
+
-
margin-right: -10000px;
+
-
margin-top: 36px;
+
-
left: 846px;
+
}
}
#u846
#u846
{
{
-
z-index: 9;
+
z-index: 7;
width: 532px;
width: 532px;
margin-right: -10000px;
margin-right: -10000px;
Line 93: Line 103:
#menuu131
#menuu131
{
{
-
z-index: 11;
+
z-index: 13;
width: 960px;
width: 960px;
border-color: #252528;
border-color: #252528;
Line 103: Line 113:
#u132
#u132
{
{
-
width: 158px;
+
width: 135px;
min-height: 45px;
min-height: 45px;
background-color: transparent;
background-color: transparent;
Line 112: Line 122:
#u135
#u135
{
{
-
width: 158px;
+
width: 135px;
background-color: #FFFF00;
background-color: #FFFF00;
padding-bottom: 16px;
padding-bottom: 16px;
Line 135: Line 145:
{
{
overflow: hidden;
overflow: hidden;
-
width: 158px;
+
width: 135px;
height: 29px;
height: 29px;
vertical-align: top;
vertical-align: top;
Line 147: Line 157:
#u498
#u498
{
{
-
width: 158px;
+
width: 135px;
min-height: 45px;
min-height: 45px;
background-color: transparent;
background-color: transparent;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
-
left: 160px;
+
left: 137px;
}
}
#u501
#u501
{
{
-
width: 158px;
+
width: 135px;
background-color: #FFFF00;
background-color: #FFFF00;
padding-bottom: 16px;
padding-bottom: 16px;
Line 172: Line 182:
{
{
height: 29px;
height: 29px;
-
width: 158px;
+
width: 135px;
vertical-align: top;
vertical-align: top;
position: relative;
position: relative;
Line 187: Line 197:
#u418
#u418
{
{
-
width: 158px;
+
width: 135px;
min-height: 45px;
min-height: 45px;
background-color: transparent;
background-color: transparent;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
-
left: 320px;
+
left: 274px;
}
}
#u421
#u421
{
{
-
width: 158px;
+
width: 135px;
background-color: #FFFF00;
background-color: #FFFF00;
padding-bottom: 16px;
padding-bottom: 16px;
Line 212: Line 222:
{
{
height: 29px;
height: 29px;
-
width: 158px;
+
width: 135px;
vertical-align: top;
vertical-align: top;
position: relative;
position: relative;
Line 227: Line 237:
#u352
#u352
{
{
-
width: 158px;
+
width: 135px;
min-height: 45px;
min-height: 45px;
background-color: transparent;
background-color: transparent;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
-
left: 480px;
+
left: 411px;
}
}
#u355
#u355
{
{
-
width: 158px;
+
width: 135px;
background-color: #FFFF00;
background-color: #FFFF00;
padding-bottom: 16px;
padding-bottom: 16px;
Line 252: Line 262:
{
{
height: 29px;
height: 29px;
-
width: 158px;
+
width: 135px;
vertical-align: top;
vertical-align: top;
position: relative;
position: relative;
Line 267: Line 277:
#u300
#u300
{
{
-
width: 159px;
+
width: 136px;
min-height: 45px;
min-height: 45px;
background-color: transparent;
background-color: transparent;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
-
left: 640px;
+
left: 548px;
}
}
#u303
#u303
{
{
-
width: 159px;
+
width: 136px;
background-color: #FFFF00;
background-color: #FFFF00;
padding-bottom: 16px;
padding-bottom: 16px;
Line 292: Line 302:
{
{
height: 29px;
height: 29px;
-
width: 159px;
+
width: 136px;
vertical-align: top;
vertical-align: top;
position: relative;
position: relative;
Line 307: Line 317:
#u262
#u262
{
{
-
width: 159px;
+
width: 136px;
min-height: 45px;
min-height: 45px;
background-color: transparent;
background-color: transparent;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
-
left: 801px;
+
left: 686px;
}
}
#u265
#u265
{
{
-
width: 159px;
+
width: 136px;
background-color: #FFFF00;
background-color: #FFFF00;
padding-bottom: 16px;
padding-bottom: 16px;
Line 329: Line 339:
}
}
-
#u501:active,#u421:active,#u355:active,#u303:active,#u265:active
+
#u267
 +
{
 +
height: 29px;
 +
width: 136px;
 +
vertical-align: top;
 +
position: relative;
 +
margin-right: -10000px;
 +
top: 8px;
 +
background: url("../images/u267.png") no-repeat 0px 0px;
 +
}
 +
 
 +
#u265.MuseMenuActive #u267
 +
{
 +
background: url("../images/u267-a.png") no-repeat 0px 0px;
 +
}
 +
 
 +
#u911
 +
{
 +
width: 136px;
 +
min-height: 45px;
 +
background-color: transparent;
 +
position: relative;
 +
margin-right: -10000px;
 +
left: 824px;
 +
}
 +
 
 +
#u912
 +
{
 +
width: 136px;
 +
background-color: #FFFF00;
 +
padding-bottom: 16px;
 +
position: relative;
 +
}
 +
 
 +
#u912:hover
 +
{
 +
background-color: #999999;
 +
margin: 0px;
 +
}
 +
 
 +
#u501:active,#u421:active,#u355:active,#u303:active,#u265:active,#u912:active
{
{
background-color: #6B6B6B;
background-color: #6B6B6B;
Line 335: Line 385:
}
}
-
#u267
+
#u913
{
{
height: 29px;
height: 29px;
-
width: 159px;
+
width: 136px;
vertical-align: top;
vertical-align: top;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
top: 8px;
top: 8px;
-
background: url("../images/u267.png") no-repeat 0px 0px;
+
background: url("../images/u913.png") no-repeat 0px 0px;
}
}
-
#u265.MuseMenuActive #u267
+
#u912.MuseMenuActive #u913
{
{
-
background: url("../images/u267-a.png") no-repeat 0px 0px;
+
background: url("../images/u913-a.png") no-repeat 0px 0px;
}
}
Line 354: Line 404:
{
{
cursor: pointer;
cursor: pointer;
 +
}
 +
 +
#pu559
 +
{
 +
width: 0.01px;
 +
margin-top: 45px;
}
}
#u559
#u559
{
{
-
z-index: 43;
+
z-index: 50;
width: 450px;
width: 450px;
border-style: none;
border-style: none;
Line 367: Line 423:
-khtml-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
border-radius: 15px;
-
padding-bottom: 13px;
+
padding-bottom: 30px;
position: relative;
position: relative;
margin-right: -10000px;
margin-right: -10000px;
}
}
-
#u564-6
+
#u563-6
{
{
z-index: 52;
z-index: 52;
position: relative;
position: relative;
-
width: 384px;
+
width: 383px;
margin-right: -10000px;
margin-right: -10000px;
-
margin-top: 12px;
+
margin-top: 22px;
-
left: 32px;
+
left: 34px;
}
}
#u862
#u862
{
{
-
z-index: 62;
+
z-index: 68;
width: 441px;
width: 441px;
background-color: transparent;
background-color: transparent;
Line 395: Line 451:
#u648-3
#u648-3
{
{
-
z-index: 58;
+
z-index: 64;
width: 5px;
width: 5px;
background-color: transparent;
background-color: transparent;
Line 402: Line 458:
margin-top: 34px;
margin-top: 34px;
left: 1183px;
left: 1183px;
-
}
 
-
 
-
#pu559,#pu560
 
-
{
 
-
width: 0.01px;
 
-
margin-top: 45px;
 
}
}
#u560
#u560
{
{
-
z-index: 44;
+
z-index: 51;
-
width: 450px;
+
width: 960px;
border-style: none;
border-style: none;
border-color: transparent;
border-color: transparent;
Line 421: Line 471:
-khtml-border-radius: 15px;
-khtml-border-radius: 15px;
border-radius: 15px;
border-radius: 15px;
-
padding-bottom: 49px;
+
margin-top: 45px;
position: relative;
position: relative;
-
margin-right: -10000px;
 
}
}
-
#u563-6
+
#u564-6
{
{
-
z-index: 46;
+
z-index: 58;
 +
margin-bottom: -36px;
position: relative;
position: relative;
-
width: 384px;
+
width: 867px;
margin-right: -10000px;
margin-right: -10000px;
-
margin-top: 30px;
+
margin-top: 20px;
-
left: 33px;
+
left: 40px;
}
}
-
#u564-6_img,#u563-6_img
+
#u563-6_img,#u564-6_img
{
{
display: block;
display: block;
Line 442: Line 492:
}
}
-
#u561
+
#u887
{
{
-
z-index: 45;
+
z-index: 70;
-
width: 450px;
+
width: 711px;
-
height: 307px;
+
background-color: transparent;
-
border-style: none;
+
margin-left: 119px;
-
border-color: transparent;
+
top: -5px;
-
background-color: #FFFF00;
+
margin-bottom: -5px;
-
-moz-border-radius: 15px;
+
-
-webkit-border-radius: 15px;
+
-
-khtml-border-radius: 15px;
+
-
border-radius: 15px;
+
position: relative;
position: relative;
-
margin-right: -10000px;
+
}
-
left: 510px;
+
 
 +
#u887_img
 +
{
 +
padding-right: 1px;
}
}
Line 464: Line 513:
min-width: 960px;
min-width: 960px;
padding-top: 36px;
padding-top: 36px;
-
padding-bottom: 36px;
 
}
}
Line 471: Line 519:
clear: both;
clear: both;
}
}
 +
</nowiki>
</nowiki>

Revision as of 00:05, 16 October 2014

.version.index /* version checker */ { color: #0000F4; background-color: #AD5F0E; } .html { background-color: #FFFFFF; } #page { z-index: 1; width: 960px; min-height: 934px; background-image: none; border-style: none; border-color: #000000; background-color: transparent; margin-left: auto; margin-right: auto; } #page_position_content { margin-top: -36px; padding-bottom: 29px; } #pu841 { width: 0.01px; margin-left: -100px; } #u841 { z-index: 2; padding-bottom: 21px; } #u841_align_to_page { margin-left: auto; margin-right: auto; width: 959px; left: -100px; } #u1083 { z-index: 11; width: 150px; margin-right: -10000px; margin-top: 14px; left: 112px; } #u842-4 { z-index: 3; width: 537px; margin-right: -10000px; margin-top: 60px; left: 310px; } #u874 { z-index: 9; width: 168px; margin-right: -10000px; margin-top: 30px; left: 855px; } #u841-bw { z-index: 2; margin-bottom: -1px; height: 166px; } #u846 { z-index: 7; width: 532px; margin-right: -10000px; margin-top: 9px; left: 314px; } #homebase { position: relative; width: 22px; margin-right: -10000px; margin-top: 6px; left: 599px; } #menuu131 { z-index: 13; width: 960px; border-color: #252528; background-color: transparent; margin-top: 5px; position: relative; } #u132 { width: 135px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; } #u135 { width: 135px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u135.MuseMenuActive { background-color: #FFFF00; margin: 0px; } #u137-4 { position: relative; margin-right: -10000px; top: 8px; left: 0px; } #u137-4_clip { overflow: hidden; width: 135px; height: 29px; vertical-align: top; } #u137-4_img { display: block; } #u498 { width: 135px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; left: 137px; } #u501 { width: 135px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u501:hover { background-color: #999999; margin: 0px; } #u503 { height: 29px; width: 135px; vertical-align: top; position: relative; margin-right: -10000px; top: 8px; background: url("../images/u503.png") no-repeat 0px 0px; } #u501.MuseMenuActive #u503 { background: url("../images/u503-a.png") no-repeat 0px 0px; } #u418 { width: 135px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; left: 274px; } #u421 { width: 135px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u421:hover { background-color: #999999; margin: 0px; } #u423 { height: 29px; width: 135px; vertical-align: top; position: relative; margin-right: -10000px; top: 8px; background: url("../images/u423.png") no-repeat 0px 0px; } #u421.MuseMenuActive #u423 { background: url("../images/u423-a.png") no-repeat 0px 0px; } #u352 { width: 135px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; left: 411px; } #u355 { width: 135px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u355:hover { background-color: #999999; margin: 0px; } #u357 { height: 29px; width: 135px; vertical-align: top; position: relative; margin-right: -10000px; top: 8px; background: url("../images/u357.png") no-repeat 0px 0px; } #u355.MuseMenuActive #u357 { background: url("../images/u357-a.png") no-repeat 0px 0px; } #u300 { width: 136px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; left: 548px; } #u303 { width: 136px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u303:hover { background-color: #999999; margin: 0px; } #u305 { height: 29px; width: 136px; vertical-align: top; position: relative; margin-right: -10000px; top: 8px; background: url("../images/u305.png") no-repeat 0px 0px; } #u303.MuseMenuActive #u305 { background: url("../images/u305-a.png") no-repeat 0px 0px; } #u262 { width: 136px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; left: 686px; } #u265 { width: 136px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u265:hover { background-color: #999999; margin: 0px; } #u267 { height: 29px; width: 136px; vertical-align: top; position: relative; margin-right: -10000px; top: 8px; background: url("../images/u267.png") no-repeat 0px 0px; } #u265.MuseMenuActive #u267 { background: url("../images/u267-a.png") no-repeat 0px 0px; } #u911 { width: 136px; min-height: 45px; background-color: transparent; position: relative; margin-right: -10000px; left: 824px; } #u912 { width: 136px; background-color: #FFFF00; padding-bottom: 16px; position: relative; } #u912:hover { background-color: #999999; margin: 0px; } #u501:active,#u421:active,#u355:active,#u303:active,#u265:active,#u912:active { background-color: #6B6B6B; margin: 0px; } #u913 { height: 29px; width: 136px; vertical-align: top; position: relative; margin-right: -10000px; top: 8px; background: url("../images/u913.png") no-repeat 0px 0px; } #u912.MuseMenuActive #u913 { background: url("../images/u913-a.png") no-repeat 0px 0px; } .MenuItem /* unifiedNavBar */ { cursor: pointer; } #pu559 { width: 0.01px; margin-top: 45px; } #u559 { z-index: 50; width: 450px; border-style: none; border-color: transparent; background-color: #FFFF00; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; padding-bottom: 30px; position: relative; margin-right: -10000px; } #u563-6 { z-index: 52; position: relative; width: 383px; margin-right: -10000px; margin-top: 22px; left: 34px; } #u862 { z-index: 68; width: 441px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 12px; left: 510px; } #u648-3 { z-index: 64; width: 5px; background-color: transparent; position: relative; margin-right: -10000px; margin-top: 34px; left: 1183px; } #u560 { z-index: 51; width: 960px; border-style: none; border-color: transparent; background-color: #FFFF00; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; margin-top: 45px; position: relative; } #u564-6 { z-index: 58; margin-bottom: -36px; position: relative; width: 867px; margin-right: -10000px; margin-top: 20px; left: 40px; } #u563-6_img,#u564-6_img { display: block; vertical-align: top; } #u887 { z-index: 70; width: 711px; background-color: transparent; margin-left: 119px; top: -5px; margin-bottom: -5px; position: relative; } #u887_img { padding-right: 1px; } body { position: relative; min-width: 960px; padding-top: 36px; } #page .verticalspacer { clear: both; }