Team:Cambridge/static/wiki splash.css

From 2012.igem.org

(Difference between revisions)
 
(38 intermediate revisions not shown)
Line 9: Line 9:
*/
*/
 +
 +
/*splash */
#wrapper {
#wrapper {
Line 25: Line 27:
top: 0px;
top: 0px;
left: 0px;
left: 0px;
 +
}
 +
 +
#homepage {
 +
top: 39px;
 +
left: 72px;
 +
width: 392px;
 +
height: 93px;
 +
position: absolute;
}
}
Line 33: Line 43:
top: 100px;
top: 100px;
left: 925px;
left: 925px;
 +
cursor: hand;
 +
cursor: pointer;
}
}
Line 41: Line 53:
top: 100px;
top: 100px;
left: 1070px;
left: 1070px;
 +
cursor: hand;
 +
cursor: pointer;
 +
}
 +
 +
#abstract {
 +
position: absolute;
 +
top: 145px;
 +
left: 0px;
 +
height: 781px;
 +
width: 1260px;
 +
background-image: url('https://static.igem.org/mediawiki/2012/4/49/CAMV2_Abstractbg.png');
 +
background-position: right bottom;
 +
z-index: 999;
 +
}
 +
 +
#judgingform {
 +
position: absolute;
 +
top: 145px;
 +
left: 0px;
 +
height: 781px;
 +
width: 1260px;
 +
background-image: url('https://static.igem.org/mediawiki/2012/4/49/CAMV2_Abstractbg.png');
 +
background-position: right bottom;
 +
z-index: 999;
 +
}
 +
 +
#judgingtext {
 +
max-height: 741px;
 +
width: 1260px;
 +
overflow: auto;
 +
overflow-y: scroll;
 +
}
 +
 +
#abstractclose {
 +
position: absolute;
 +
top: 155px;
 +
left: 10px;
 +
z-index: 1000;
 +
cursor: hand;
 +
cursor: pointer;
 +
}
 +
 +
#judgingclose {
 +
z-index: 1000;
 +
cursor: hand;
 +
cursor: pointer;
}
}
Line 52: Line 110:
width: 213.3px;
width: 213.3px;
float: left;
float: left;
-
padding-top: 250px;
 
-
padding-left: 10px;
 
}
}
Line 62: Line 118:
height: 98px;
height: 98px;
}
}
 +
 +
.bottom_nav {
 +
position: absolute;
 +
top: 950px;
 +
height: 24px;
 +
}
 +
 +
#diary {left: 128px; width: 71px; }
 +
#protocols {left: 260px; width: 157px; }
 +
#team {left: 477px; width: 66px; }
 +
#sponsors {left: 614px; width: 133px; }
 +
#safety {left: 807px; width: 88px; }
 +
 +
.bottom_social {
 +
position: absolute;
 +
top: 950px;
 +
height: 50px;
 +
width: 50px;
 +
}
 +
 +
#facebook {left: 975px; }
 +
#flickr {left: 1041px; }
 +
#twitter {left: 1111px; }
 +
#youtube {left: 1178px; }
h8 {
h8 {
-
line-height: 120%;
+
text-indent: 0px;
 +
        line-height: 120%;
 +
        text-align: justify;
font-family: Verdana, sans-serif;
font-family: Verdana, sans-serif;
-
font-size: 36px;
+
font-size: 32px;
-
padding-left: 10px;
+
-
padding-right: 10px;
+
         background-color: black;
         background-color: black;
         z-index: 110;
         z-index: 110;
Line 75: Line 155:
h9 {
h9 {
         line-height: 120%;
         line-height: 120%;
 +
        text-align: justify;
color: #FFFFFF;
color: #FFFFFF;
-
font-family: Verdana, sans-serif;
+
font-family: Georgia, serif;
-
font-size: 20px;
+
font-size: 18px;
-
padding-left: 10px;
+
-
padding-right: 10px;
+
         background-color: black;
         background-color: black;
         z-index: 110;
         z-index: 110;
Line 85: Line 164:
li {
li {
-
color: white;
+
color: black;
font-family: Verdana, Geneva, sans-serif;
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
font-size: 14px;
Line 91: Line 170:
}
}
-
.grid{
+
/*template*/
-
    width:250px;
+
 
-
    height:250px;
+
#wrapper_template {
-
    float: left;
+
top: 0px;
-
position: relative;
+
left: -150px;
-
margin: 15px;
+
position: relative;
 +
width: 1280px;
 +
height: 1024px;
 +
background-image: url('https://static.igem.org/mediawiki/2012/b/b7/CAM_template_background_new.png');
}
}
-
.headover {
+
#vertnav {
-
    width: 250px;
+
position: absolute;
-
    height: 90px;
+
left: 48px;
-
    position: absolute;
+
top: 350px;
-
    top: 80px;
+
height: 216px;
-
    background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); }
+
width: 240px;
-
+
}
-
.title {
+
 
-
width: 250px;
+
.vert_nav {
-
height: 80px;
+
height: 36px;
-
position: absolute;
+
width: 240px;
-
top: 170px;
+
float: left;
-
background-image: url('https://static.igem.org/mediawiki/2012/b/b6/Headover.png'); }
+
}
 +
 
 +
#vert_HP {background-image: url('https://static.igem.org/mediawiki/2012/2/2d/CAMV2_HP.png');}
 +
#vert_HP:hover {background-image: url('https://static.igem.org/mediawiki/2012/3/39/CAMV2_HP_hover.png');}
 +
#vert_OV {background-image: url('https://static.igem.org/mediawiki/2012/c/ce/CAMV2_OV.png');}
 +
#vert_OV:hover {background-image: url('https://static.igem.org/mediawiki/2012/e/e5/CAMV2_OV_hover.png');}
 +
#vert_RS {background-image: url('https://static.igem.org/mediawiki/2012/1/19/CAMV2_RS.png');}
 +
#vert_RS:hover {background-image: url('https://static.igem.org/mediawiki/2012/0/01/CAMV2_RS_hover.png');}
 +
#vert_RM {background-image: url('https://static.igem.org/mediawiki/2012/f/fa/CAMV2_RM.png');}
 +
#vert_RM:hover {background-image: url('https://static.igem.org/mediawiki/2012/8/88/CAMV2_RM_hover.png');}
 +
#vert_BL {background-image: url('https://static.igem.org/mediawiki/2012/8/81/CAMV2_BL.png');}
 +
#vert_BL:hover {background-image: url('https://static.igem.org/mediawiki/2012/7/7c/CAMV2_BL_hover.png');}
 +
#vert_SD {background-image: url('https://static.igem.org/mediawiki/2012/5/51/CAMV2_SD.png');}
 +
#vert_SD:hover {background-image: url('https://static.igem.org/mediawiki/2012/5/56/CAMV2_SD_hover.png');}
 +
#vert_RiskAssessment {background-image: url('https://static.igem.org/mediawiki/2012/1/15/CAMV2_RiskAssessment.png');}
 +
#vert_RiskAssessment:hover {background-image: url('https://static.igem.org/mediawiki/2012/2/21/CAMV2_RiskAssessment_hover.png');}
 +
#vert_MSDS {background-image: url('https://static.igem.org/mediawiki/2012/3/34/CAMV2_MSDS.png');}
 +
#vert_MSDS:hover {background-image: url('https://static.igem.org/mediawiki/2012/1/1c/CAMV2_MSDS_hover.png');}
 +
#vert_TeamMembers {background-image: url('https://static.igem.org/mediawiki/2012/3/38/CAMV2_TeamMembers.png');}
 +
#vert_TeamMembers:hover {background-image: url('https://static.igem.org/mediawiki/2012/1/13/CAMV2_TeamMembers_hover.png');}
 +
#vert_OfficialTeam {background-image: url('https://static.igem.org/mediawiki/2012/3/32/CAMV2_OfficialTeam.png');}
 +
#vert_OfficialTeam:hover {background-image: url('https://static.igem.org/mediawiki/2012/2/20/CAMV2_OfficialTeam_hover.png');}
 +
#vert_Attributions {background-image: url('https://static.igem.org/mediawiki/2012/b/bb/CAMV2_Attributions.png');}
 +
#vert_Attributions:hover {background-image: url('https://static.igem.org/mediawiki/2012/e/e1/CAMV2_Attributions_hover.png');}
 +
 
 +
#vert_HP_on {background-image: url('https://static.igem.org/mediawiki/2012/a/a7/CAMV2_HP_on.png');}
 +
#vert_OV_on {background-image: url('https://static.igem.org/mediawiki/2012/2/2e/CAMV2_OV_on.png');}
 +
#vert_RS_on {background-image: url('https://static.igem.org/mediawiki/2012/3/32/CAMV2_RS_on.png');}
 +
#vert_RM_on {background-image: url('https://static.igem.org/mediawiki/2012/6/64/CAMV2_RM_on.png');}
 +
#vert_BL_on {background-image: url('https://static.igem.org/mediawiki/2012/4/4b/CAMV2_BL_on.png');}
 +
#vert_SD_on {background-image: url('https://static.igem.org/mediawiki/2012/e/e2/CAMV2_SD_on.png');}
 +
#vert_RiskAssessment_on {background-image: url('https://static.igem.org/mediawiki/2012/e/ee/CAMV2_RiskAssessment_on.png');}
 +
#vert_MSDS_on {background-image: url('https://static.igem.org/mediawiki/2012/3/3d/CAMV2_MSDS_on.png');}
 +
#vert_TeamMembers_on {background-image: url('https://static.igem.org/mediawiki/2012/5/59/CAMV2_TeamMembers_on.png');}
 +
#vert_OfficialTeam_on {background-image: url('https://static.igem.org/mediawiki/2012/d/d0/CAMV2_OfficialTeam_on.png');}
 +
#vert_Attributions_on {background-image: url('https://static.igem.org/mediawiki/2012/7/7e/CAMV2_Attributions_on.png');}
 +
 
 +
#template_content {
 +
position: absolute;
 +
top: 200px;
 +
left: 290px;
 +
height: 620px;
 +
width: 960px;
 +
overflow: auto;
 +
overflow-y: scroll;
 +
}
 +
 
 +
#hornav {
 +
position: absolute;
 +
top: 840px;
 +
left: 100px;
 +
width: 1072px;
 +
height: 36px;
 +
}
 +
 
 +
.hor_nav {
 +
height: 36px;
 +
width: 200px;
 +
float: left;
 +
}
 +
 
 +
.hor_nav_arrow {
 +
height: 36px;
 +
width: 36px;
 +
float: left;
 +
}
 +
 
 +
#hor_overview {background: url('https://static.igem.org/mediawiki/2012/4/4e/CAMV2_Overview.png') center;}
 +
#hor_designprocess {background: url('https://static.igem.org/mediawiki/2012/b/b3/CAMV2_Designprocess.png') center;}
 +
#hor_parts {background: url('https://static.igem.org/mediawiki/2012/b/b5/CAMV2_Parts.png') center;}
 +
#hor_labbook {background: url('https://static.igem.org/mediawiki/2012/8/88/CAMV2_Labbook.png') center;}
 +
#hor_results {background: url('https://static.igem.org/mediawiki/2012/d/da/CAMV2_Results.png') center;}
 +
#hor_marketresearch {background: url('https://static.igem.org/mediawiki/2012/4/48/CAMV2_Marketresearch.png') center;}
 +
#hor_futuredirections {background: url('https://static.igem.org/mediawiki/2012/d/dd/CAMV2_Futuredirections.png') center;}
 +
#hor_outreach {background: url('https://static.igem.org/mediawiki/2012/e/e5/CAMV2_Outreach.png') center;}
 +
 
 +
#hor_overview_on {background: url('https://static.igem.org/mediawiki/2012/3/3a/CAMV2_Overview_on.png') center;}
 +
#hor_designprocess_on {background: url('https://static.igem.org/mediawiki/2012/d/df/CAMV2_Designprocess_on.png') center;}
 +
#hor_parts_on {background: url('https://static.igem.org/mediawiki/2012/b/b4/CAMV2_Parts_on.png') center;}
 +
#hor_labbook_on {background: url('https://static.igem.org/mediawiki/2012/4/4b/CAMV2_Labbook_on.png') center;}
 +
#hor_results_on {background: url('https://static.igem.org/mediawiki/2012/2/27/CAMV2_Results_on.png') center;}
 +
#hor_marketresearch_on {background: url('https://static.igem.org/mediawiki/2012/f/f0/CAMV2_Marketresearch_on.png') center;}
 +
#hor_futuredirections_on {background: url('https://static.igem.org/mediawiki/2012/3/3a/CAMV2_Futuredirections_on.png') center;}
 +
#hor_outreach_on {background: url('https://static.igem.org/mediawiki/2012/d/df/CAMV2_Outreadch_on.png') center;}
 +
 
 +
#leftarrow {background-image: url('https://static.igem.org/mediawiki/2012/4/42/CAMV2_Leftarrow.png');}
 +
#leftarrow:hover {background-image: url('https://static.igem.org/mediawiki/2012/b/b1/CAMV2_Leftarrow_hover.png');}
 +
#rightarrow {background-image: url('https://static.igem.org/mediawiki/2012/2/26/CAMV2_Rightarrow.png');}
 +
#rightarrow:hover {background-image: url('https://static.igem.org/mediawiki/2012/2/29/CAMV2_Rightarrow_hover.png');}
 +
 
 +
::-webkit-scrollbar {
 +
    width: 12px;
 +
}
 +
 +
::-webkit-scrollbar-track {
 +
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 +
    border-radius: 10px;
 +
}
 +
 +
::-webkit-scrollbar-thumb {
 +
    border-radius: 10px;
 +
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
}
 +
/*2011*/
.cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;}
.cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;}

Latest revision as of 01:57, 27 October 2012

/*

This file is part of the cambridge 2011 igem team's wiki. nothing is guaranteed.
                   Version 2, December 2004
Copyright (C) 2011 Haydn King hjking734@gmail.com
  TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
  • /

/*splash */

  1. wrapper {

top: 0px; left: -150px; position: relative; width: 1280px; height: 1024px; background-image: url('https://static.igem.org/mediawiki/2012/6/6e/CAMV2_background.png'); }

  1. top {

height: 145px; width: 1280px; position: relative; top: 0px; left: 0px; }

  1. homepage {

top: 39px; left: 72px; width: 392px; height: 93px; position: absolute; }

  1. abstract_button {

height: 30px; width: 128px; position: absolute; top: 100px; left: 925px; cursor: hand; cursor: pointer; }

  1. judging_button {

height: 30px; width: 180px; position: absolute; top: 100px; left: 1070px; cursor: hand; cursor: pointer; }

  1. abstract {

position: absolute; top: 145px; left: 0px; height: 781px; width: 1260px; background-image: url('https://static.igem.org/mediawiki/2012/4/49/CAMV2_Abstractbg.png'); background-position: right bottom; z-index: 999; }

  1. judgingform {

position: absolute; top: 145px; left: 0px; height: 781px; width: 1260px; background-image: url('https://static.igem.org/mediawiki/2012/4/49/CAMV2_Abstractbg.png'); background-position: right bottom; z-index: 999; }

  1. judgingtext {

max-height: 741px; width: 1260px; overflow: auto; overflow-y: scroll; }

  1. abstractclose {

position: absolute; top: 155px; left: 10px; z-index: 1000; cursor: hand; cursor: pointer; }

  1. judgingclose {

z-index: 1000; cursor: hand; cursor: pointer; }

  1. main {

height: 781px; width: 1280px; }

.splash { height: 778px; width: 213.3px; float: left; }

  1. bottom {

top: 926px; left: 0px; width: 1280px; height: 98px; }

.bottom_nav { position: absolute; top: 950px; height: 24px; }

  1. diary {left: 128px; width: 71px; }
  2. protocols {left: 260px; width: 157px; }
  3. team {left: 477px; width: 66px; }
  4. sponsors {left: 614px; width: 133px; }
  5. safety {left: 807px; width: 88px; }

.bottom_social { position: absolute; top: 950px; height: 50px; width: 50px; }

  1. facebook {left: 975px; }
  2. flickr {left: 1041px; }
  3. twitter {left: 1111px; }
  4. youtube {left: 1178px; }

h8 { text-indent: 0px;

       line-height: 120%;
       text-align: justify;

font-family: Verdana, sans-serif; font-size: 32px;

       background-color: black;
       z-index: 110;

}

h9 {

       line-height: 120%;
       text-align: justify;

color: #FFFFFF; font-family: Georgia, serif; font-size: 18px;

       background-color: black;
       z-index: 110;

}

li { color: black; font-family: Verdana, Geneva, sans-serif; font-size: 14px;

       line-height: 1.3em;

}

/*template*/

  1. wrapper_template {

top: 0px; left: -150px; position: relative; width: 1280px; height: 1024px; background-image: url('https://static.igem.org/mediawiki/2012/b/b7/CAM_template_background_new.png'); }

  1. vertnav {

position: absolute; left: 48px; top: 350px; height: 216px; width: 240px; }

.vert_nav { height: 36px; width: 240px; float: left; }

  1. vert_HP {background-image: url('https://static.igem.org/mediawiki/2012/2/2d/CAMV2_HP.png');}
  2. vert_HP:hover {background-image: url('https://static.igem.org/mediawiki/2012/3/39/CAMV2_HP_hover.png');}
  3. vert_OV {background-image: url('https://static.igem.org/mediawiki/2012/c/ce/CAMV2_OV.png');}
  4. vert_OV:hover {background-image: url('https://static.igem.org/mediawiki/2012/e/e5/CAMV2_OV_hover.png');}
  5. vert_RS {background-image: url('https://static.igem.org/mediawiki/2012/1/19/CAMV2_RS.png');}
  6. vert_RS:hover {background-image: url('https://static.igem.org/mediawiki/2012/0/01/CAMV2_RS_hover.png');}
  7. vert_RM {background-image: url('https://static.igem.org/mediawiki/2012/f/fa/CAMV2_RM.png');}
  8. vert_RM:hover {background-image: url('https://static.igem.org/mediawiki/2012/8/88/CAMV2_RM_hover.png');}
  9. vert_BL {background-image: url('https://static.igem.org/mediawiki/2012/8/81/CAMV2_BL.png');}
  10. vert_BL:hover {background-image: url('https://static.igem.org/mediawiki/2012/7/7c/CAMV2_BL_hover.png');}
  11. vert_SD {background-image: url('https://static.igem.org/mediawiki/2012/5/51/CAMV2_SD.png');}
  12. vert_SD:hover {background-image: url('https://static.igem.org/mediawiki/2012/5/56/CAMV2_SD_hover.png');}
  13. vert_RiskAssessment {background-image: url('https://static.igem.org/mediawiki/2012/1/15/CAMV2_RiskAssessment.png');}
  14. vert_RiskAssessment:hover {background-image: url('https://static.igem.org/mediawiki/2012/2/21/CAMV2_RiskAssessment_hover.png');}
  15. vert_MSDS {background-image: url('https://static.igem.org/mediawiki/2012/3/34/CAMV2_MSDS.png');}
  16. vert_MSDS:hover {background-image: url('https://static.igem.org/mediawiki/2012/1/1c/CAMV2_MSDS_hover.png');}
  17. vert_TeamMembers {background-image: url('https://static.igem.org/mediawiki/2012/3/38/CAMV2_TeamMembers.png');}
  18. vert_TeamMembers:hover {background-image: url('https://static.igem.org/mediawiki/2012/1/13/CAMV2_TeamMembers_hover.png');}
  19. vert_OfficialTeam {background-image: url('https://static.igem.org/mediawiki/2012/3/32/CAMV2_OfficialTeam.png');}
  20. vert_OfficialTeam:hover {background-image: url('https://static.igem.org/mediawiki/2012/2/20/CAMV2_OfficialTeam_hover.png');}
  21. vert_Attributions {background-image: url('https://static.igem.org/mediawiki/2012/b/bb/CAMV2_Attributions.png');}
  22. vert_Attributions:hover {background-image: url('https://static.igem.org/mediawiki/2012/e/e1/CAMV2_Attributions_hover.png');}
  1. vert_HP_on {background-image: url('https://static.igem.org/mediawiki/2012/a/a7/CAMV2_HP_on.png');}
  2. vert_OV_on {background-image: url('https://static.igem.org/mediawiki/2012/2/2e/CAMV2_OV_on.png');}
  3. vert_RS_on {background-image: url('https://static.igem.org/mediawiki/2012/3/32/CAMV2_RS_on.png');}
  4. vert_RM_on {background-image: url('https://static.igem.org/mediawiki/2012/6/64/CAMV2_RM_on.png');}
  5. vert_BL_on {background-image: url('https://static.igem.org/mediawiki/2012/4/4b/CAMV2_BL_on.png');}
  6. vert_SD_on {background-image: url('https://static.igem.org/mediawiki/2012/e/e2/CAMV2_SD_on.png');}
  7. vert_RiskAssessment_on {background-image: url('https://static.igem.org/mediawiki/2012/e/ee/CAMV2_RiskAssessment_on.png');}
  8. vert_MSDS_on {background-image: url('https://static.igem.org/mediawiki/2012/3/3d/CAMV2_MSDS_on.png');}
  9. vert_TeamMembers_on {background-image: url('https://static.igem.org/mediawiki/2012/5/59/CAMV2_TeamMembers_on.png');}
  10. vert_OfficialTeam_on {background-image: url('https://static.igem.org/mediawiki/2012/d/d0/CAMV2_OfficialTeam_on.png');}
  11. vert_Attributions_on {background-image: url('https://static.igem.org/mediawiki/2012/7/7e/CAMV2_Attributions_on.png');}
  1. template_content {

position: absolute; top: 200px; left: 290px; height: 620px; width: 960px; overflow: auto; overflow-y: scroll; }

  1. hornav {

position: absolute; top: 840px; left: 100px; width: 1072px; height: 36px; }

.hor_nav { height: 36px; width: 200px; float: left; }

.hor_nav_arrow { height: 36px; width: 36px; float: left; }

  1. hor_overview {background: url('https://static.igem.org/mediawiki/2012/4/4e/CAMV2_Overview.png') center;}
  2. hor_designprocess {background: url('https://static.igem.org/mediawiki/2012/b/b3/CAMV2_Designprocess.png') center;}
  3. hor_parts {background: url('https://static.igem.org/mediawiki/2012/b/b5/CAMV2_Parts.png') center;}
  4. hor_labbook {background: url('https://static.igem.org/mediawiki/2012/8/88/CAMV2_Labbook.png') center;}
  5. hor_results {background: url('https://static.igem.org/mediawiki/2012/d/da/CAMV2_Results.png') center;}
  6. hor_marketresearch {background: url('https://static.igem.org/mediawiki/2012/4/48/CAMV2_Marketresearch.png') center;}
  7. hor_futuredirections {background: url('https://static.igem.org/mediawiki/2012/d/dd/CAMV2_Futuredirections.png') center;}
  8. hor_outreach {background: url('https://static.igem.org/mediawiki/2012/e/e5/CAMV2_Outreach.png') center;}
  1. hor_overview_on {background: url('https://static.igem.org/mediawiki/2012/3/3a/CAMV2_Overview_on.png') center;}
  2. hor_designprocess_on {background: url('https://static.igem.org/mediawiki/2012/d/df/CAMV2_Designprocess_on.png') center;}
  3. hor_parts_on {background: url('https://static.igem.org/mediawiki/2012/b/b4/CAMV2_Parts_on.png') center;}
  4. hor_labbook_on {background: url('https://static.igem.org/mediawiki/2012/4/4b/CAMV2_Labbook_on.png') center;}
  5. hor_results_on {background: url('https://static.igem.org/mediawiki/2012/2/27/CAMV2_Results_on.png') center;}
  6. hor_marketresearch_on {background: url('https://static.igem.org/mediawiki/2012/f/f0/CAMV2_Marketresearch_on.png') center;}
  7. hor_futuredirections_on {background: url('https://static.igem.org/mediawiki/2012/3/3a/CAMV2_Futuredirections_on.png') center;}
  8. hor_outreach_on {background: url('https://static.igem.org/mediawiki/2012/d/df/CAMV2_Outreadch_on.png') center;}
  1. leftarrow {background-image: url('https://static.igem.org/mediawiki/2012/4/42/CAMV2_Leftarrow.png');}
  2. leftarrow:hover {background-image: url('https://static.igem.org/mediawiki/2012/b/b1/CAMV2_Leftarrow_hover.png');}
  3. rightarrow {background-image: url('https://static.igem.org/mediawiki/2012/2/26/CAMV2_Rightarrow.png');}
  4. rightarrow:hover {background-image: url('https://static.igem.org/mediawiki/2012/2/29/CAMV2_Rightarrow_hover.png');}
-webkit-scrollbar {
   width: 12px;

}

-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
   border-radius: 10px;

}

-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 

}


/*2011*/

.cam-ui-icon {width:16px;height:16px;background-image:url(/wiki/images/b/b1/CAM_Bactiridescence_Icons_normal.png);display:inline-block;margin:1px;} .cam-ui-icon.cam-hover {background-image:url(/wiki/images/c/c2/CAM_Bactiridescence_Icons_hover.png);} .cam-ui-icon-discuss {background-position: 0 0;} .cam-ui-icon-key {background-position: -16px 0;} .cam-ui-icon-user {background-position: -32px 0;} .cam-ui-icon-edit {background-position: -48px 0;}

.cam-ui-icon-igem {width:21px!important;height:16px!important;background-image:url(/wiki/images/a/aa/CAM_IGEM_21x16_low.png)!important;} .cam-ui-icon-igem.cam-hover {background-image:url(/wiki/images/3/3b/CAM_IGEM_21x16_high.png)!important;}

.cam-social-icon {width:48px;height:48px;display:inline-block;background-image:url(/wiki/images/5/50/CAM_Bactiridescence_Social.png);} .cam-social-facebook{background-position: 0 0;} .cam-social-twitter{background-position: -48px 0;} .cam-social-flickr{background-position: -96px 0;}

  • {padding: 0; margin:0; word-break:break-word;}

body{ text-align: center; background: #eeeeee no-repeat fixed center top; margin-bottom: 10px; overflow-x:hidden;}

  1. cam_page{width: 960px;text-align:left;display:inline-block;}
  2. cam_topbar{height:18px; margin: 0 6px 10px 2px;}
  3. cam_topbar a {font: 12px verdana, sans-serif; font-weight:bold; vertical-align:text-top;}
  1. cam_left { width:186px; margin-right: 10px; float: left;}
  2. cam_right {width: 760px; float:left;}

.cam-header {height: 96px; margin-bottom: 12px!important;}

  1. cam_menubar{margin-bottom:14px;height:96px;}

.cam-box{background:url(/wiki/images/c/c9/CAM_Bactiridescence_White_85.png);margin:2px;position:relative;color:black;} .cam-box-content{font: 16px verdana, sans-serif;}

  1. cam_pagecontent {font-size:15px;}

.cam-menu-item{float:left;width:148px;font: 16px verdana, sans-serif;color:#666666;z-index:800;} .cam-menu-item:hover{color:black;} .cam-menu-item.cam-menu-selected{font-weight:bold!important;} .cam-menu-top{height:50px;text-align:center;padding-top:36px;} .cam-menu-text{font-size:16px;} .cam-menu-bottom{height:10px;background-color:#ffffff!important; width:148px;}

a{text-decoration:none;color:#000000;font: inherit verdana, sans-serif; cursor:pointer;} a:hover{opacity:.8;filter:alpha(opacity=80);} a {outline: none!important;} /*Fix for Firefox*/

a.cam-overview {color:#ee2424;} a.cam-project {color:#4fb84e;} a.cam-labwork {color:#a54098;} a.cam-society {color:#3953a4;} a.cam-team {color:#eea900;} a.cam-ext {color:#54b8ec;} a.cam-external{color:#FFF;}

  1. cam_logo {position:relative;}
  2. cam_innerlogo {position:absolute; left: -10px; right: -10px; top:8px;}
  1. cam_desc {margin:2px;}
  2. cam_desc_top {margin-bottom: 5px;}
  3. cam_desc_color {float:left;width:10px;height:56px;}
  4. cam_desc_title {float:left;font:18px verdana, sans-serif;}
  5. cam_desc_area {margin: 5px;}
  6. cam_desc_subarea {margin: 5px; font-size:16px; padding-left:10px;}
  7. cam_desc_content {border-top: 1px solid grey; font: 12px verdana, sans-serif; padding:3px; word-wrap: break-word;}
  8. cam_desc_content a {font: inherit;}

.cam-desc-overview {background-color:#ee2424!important;} .cam-desc-project {background-color:#4fb84e!important;} .cam-desc-labwork {background-color:#a54098!important;} .cam-desc-society {background-color:#3953a4!important;} .cam-desc-team {background-color:#fee600!important;}

/* area_hover */

  1. cam_overview:hover .cam-menu-bottom{background-color:#ee2424!important;}
  2. cam_project:hover .cam-menu-bottom{background-color:#4fb84e!important;}
  3. cam_labwork:hover .cam-menu-bottom{background-color:#a54098!important;}
  4. cam_society:hover .cam-menu-bottom{background-color:#3953a4!important;}
  5. cam_team:hover .cam-menu-bottom{background-color:#fee600!important;}

/* area select */

  1. cam_overview.cam-selected .cam-menu-bottom{background-color:#ee2424!important;}
  2. cam_project.cam-selected .cam-menu-bottom{background-color:#4fb84e!important;}
  3. cam_labwork.cam-selected .cam-menu-bottom{background-color:#a54098!important;}
  4. cam_society.cam-selected .cam-menu-bottom{background-color:#3953a4!important;}
  5. cam_team.cam-selected .cam-menu-bottom{background-color:#fee600!important;}

/* subarea select*/ .cam-subitems li.cam-selected a {margin-left:2px;color:black;} .cam-overview li.cam-selected a {border-left:3px solid #ee2424;} .cam-project li.cam-selected a {border-left:3px solid #4fb84e;} .cam-labwork li.cam-selected a {border-left:3px solid #a54098;} .cam-society li.cam-selected a {border-left:3px solid #3953a4;} .cam-team li.cam-selected a {border-left:3px solid #fee600;}


.cam-menu-all{position:absolute;opacity:0.95;filter:alpha(opacity=95);} .cam-menu-drop{display:none;width:148px;} ul.cam-menu-drop {list-style:none;margin:0!important;list-style-image:none;} .cam-menu-drop li {display:block; padding: 5px 2px; background-color:#272727;margin:0!important; } .cam-menu-drop li a {display:block;color:#bbbbbb;padding: 7px 2px;} .cam-menu-drop li a:hover {background-color:#aaaaaa;color:#000000;}

  1. cam_nav{min-height:300px;}
  2. cam_pagecontent {padding: 10px; min-height:480px;}

.printfooter {display:none;}

  1. cam_blog{position:absolute;right:-70px;top:82px;width:105px;height:105px;background-color:green;}
  2. cam_icons{height:60px;margin:4px 2px;overflow:hidden}

.cam-social-link{height:60px;width:48px;float:left;cursor:pointer;position:relative} .cam-social-icon{position:absolute; top:12px;}

  1. cam_loading {display:none; padding: 0 5px 5px 5px; background-image: url(/wiki/images/3/37/CAM_black_85.png); font: bold 20px verdana, sans-serif; position:fixed; top:0; left:50%; width: 150px; margin-left:-75px; z-index: 10;}
  2. cam_loading div {background-color: white; color:black; text-align:center;}

/*

    • MediaWiki 'monobook' style sheet for CSS2-capable browsers.
    • Copyright Gabriel Wicke - http://wikidev.net/
    • License: GPL (http://www.gnu.org/copyleft/gpl.html)
    • Loosely based on http://www.positioniseverything.net/ordered-floats.html by Big John
    • and the Plone 2.0 styles, see http://plone.org/ (Alexander Limi,Joe Geldart & Tom Croucher,
    • Michael Zeltner and Geir Bækholt)
    • All you guys rock :)
    • All iGEM-related content removed by Haydn King, iGEM Cambridge, 2011
  • /

/*****************************************************************************************************

* The content div contains all of the contents of the page - provided by mediawiki
****************************************************************************************************/

/* the left column width is specified in class .portlet */

/* general styles */

table {

   font-size: 100%;
   color: black;
   text-align: center;

} table td {

 border: 1px solid grey;
 padding: 3px;

} table th {

 border: 1px solid grey;
 padding: 3px;
 font-weight: bold;

} table.gallery td{

 vertical-align: top;
 border: none!important;

}

caption {font-weight:bold; text-style:italic;}

div.gallerybox {

 border: 1px solid lightgrey;
 padding: 2px;

}

img {

   border: none;
   vertical-align: middle;

}

p img {

   margin: 0;

}

hr {

   height: 1px;
   color: #aaa;
   border: 0;
   margin: .2em 0 .2em 0;

}

h1, h2, h3, h4, h5 {

   color: black;
   background: none;
   font-weight: normal;
   margin: 0;
   padding-top: .5em;
   padding-bottom: .17em;
   border-bottom: 1px solid #aaa;

} h1 { font-size: 188%; } h2 { font-size: 150%; } h3, h4, h5 {

   border-bottom: none;
   font-weight: bold;

} h3 { font-size: 132%; } h4 { font-size: 116%; } h5 { font-size: 100%; }

ul {

   line-height: 1.5em;
   list-style-type: square;
   margin: .3em 0 0 1.5em;
   padding: 0;

} ol {

   line-height: 1.5em;
   margin: .3em 0 0 3.2em;
   padding: 0;
   list-style-image: none;

} li {

   margin-bottom: .1em;

} dt {

   font-weight: bold;
   margin-bottom: .1em;

} dl {

   margin-top: .2em;
   margin-bottom: .5em;

} dd {

   line-height: 1.5em;
   margin-left: 2em;
   margin-bottom: .1em;

}

fieldset {

   border: 1px solid #2f6fab;
   margin: 1em 0 1em 0;
   padding: 0 1em 1em;
   line-height: 1.5em;

} legend {

   background: white;
   padding: .5em;
   font-size: 95%;

}

select {

   vertical-align: top;

} abbr, acronym, .explain {

   border-bottom: 1px dotted black;
   color: black;
   background: none;
   cursor: help;

} q {

   font-family: Times, "Times New Roman", serif;
   font-style: italic;

} code {

} pre {

   padding: 1em;
   border: 1px dashed #2f6fab;
   color: black;
   line-height: 1.1em;

}

/*

    • the main content area
  • /
  1. siteSub {
   display: none;

}

  1. contentSub {
   font-size: 84%;
   line-height: 1.2em;
   margin: 0 0 1.4em 1em;
   color: #7d7d7d;
   width: auto;

} span.subpages {

   display: block;

}

/* Some space under the headers in the content area */

  1. bodyContent h1, #bodyContent h2 {
   margin-bottom: .6em;

}

  1. bodyContent h3, #bodyContent h4, #bodyContent h5 {
   margin-bottom: .3em;

} .firstHeading {

   margin-bottom: .1em;

}

.error {

   color: red;
   font-size: larger;

} /* currently unused, intended to be used by a metadata box in the bottom-right corner of the content area */ .documentDescription {

   /* The summary text describing the document */
   font-weight: bold;
   display: block;
   margin: 1em 0;
   line-height: 1.5em;

} .documentByLine {

   text-align: right;
   font-size: 90%;
   clear: both;
   font-weight: normal;
   color: #76797c;

}

/* emulate center */ .center {

   width: 100%;
   text-align: center;

}

  • .center * {
   margin-left: auto;
   margin-right: auto;

} /* small for tables and similar */ .small, .small * {

   font-size: 94%;

} table.small {

 font-size: 100%;

} span.editsection {

 font-size: 15px;
 float: right;
 font-weight: normal;

} span.editsection a {font-size: 12px;}

/*

    • content styles
  • /
  1. toc,

.toc {

   display: none; /*hide TOC forever and for always!*/

}

/* images */ div.floatright, table.floatright {

   clear: right;
   float: right;
   position: relative;
   margin: 0 0 .5em .5em;
   border: 0;

} div.floatright p { font-style: italic; } div.floatleft, table.floatleft {

   float: left;
   position: relative;
   margin: 0 .5em .5em 0;
   border: 0;

} div.floatleft p { font-style: italic; } /* thumbnails */ div.thumb {

   margin-bottom: .5em;
   border-style: solid;
   border-color: transparent;
   width: auto;

} div.thumb div {

   border: 1px solid #ccc;
   padding: 3px !important;
   font-size: 94%;
   text-align: center;
   overflow: hidden;

} div.thumb div a img {

   border: 1px solid #ccc;

} div.thumb div div.thumbcaption {

   border: none;
   text-align: left;
   line-height: 1.4em;
   padding: .3em 0 .1em 0;

} div.magnify {

   float: right;
   border: none !important;
   background: none !important;

} div.magnify a, div.magnify img {

   display: block;
   border: none !important;
   background: none !important;

} div.tright {

   clear: right;
   float: right;
   border-width: .5em 0 .8em 1.4em;

} div.tleft {

   float: left;
   margin-right: .5em;
   border-width: .5em 1.4em .8em 0;

}

.hiddenStructure {

   display: none;

} img.tex {

   vertical-align: middle;

} span.texhtml {

   font-family: serif;

}

/*

    • classes for special content elements like town boxes
    • intended to be referenced directly from the wiki src
  • /

/*

    • User styles
  • /

/* table standards */ table.rimage {

   float: right;
   position: relative;
   margin-left: 1em;
   margin-bottom: 1em;
   text-align: center;

} .toccolours {

   border: 1px solid #aaa;
   padding: 5px;
   font-size: 95%;

} div.townBox {

   position: relative;
   float: right;
   background: white;
   margin-left: 1em;
   border: 1px solid gray;
   padding: .3em;
   width: 200px;
   overflow: hidden;
   clear: right;

} div.townBox dl {

   padding: 0;
   margin: 0 0 .3em;
   font-size: 96%;

} div.townBox dl dt {

   background: none;
   margin: .4em 0 0;

} div.townBox dl dd {

   margin: .1em 0 0 1.1em;

}

/*

    • keep the whitespace in front of the ^=, hides rule from konqueror
    • this is css3, the validator doesn't like it when validating as css2
  • /
  1. bodyContent a[href ^="http://"],
  2. bodyContent a[href ^="gopher://"] {

/* background: url(external.png) center right no-repeat; rdr */ /* padding-right: 13px; rdr */ }

  1. bodyContent a[href ^="https://"],

.link-https {

   background: url(lock_icon.gif) center right no-repeat;
   padding-right: 16px;

}

  1. bodyContent a[href ^="mailto:"],

.link-mailto {

   background: url(mail_icon.gif) center right no-repeat;
   padding-right: 18px;

}

  1. bodyContent a[href ^="news://"] {
   background: url(news_icon.png) center right no-repeat;
   padding-right: 18px;

}

  1. bodyContent a[href ^="ftp://"],

.link-ftp {

   background: url(file_icon.gif) center right no-repeat;
   padding-right: 18px;

}

  1. bodyContent a[href ^="irc://"],

.link-irc {

   background: url(discussionitem_icon.gif) center right no-repeat;
   padding-right: 18px;

} /* disable interwiki styling */

  1. bodyContent a.extiw,
  2. bodyContent a.extiw:active {
   color: #36b;
   background: none;
   padding: 0;

} /* this can be used in the content area to switch off special external link styling */

  1. bodyContent .plainlinks a {
   background: none !important;
   padding: 0;

}