Team:University College London/css

From 2012.igem.org

(Difference between revisions)
Line 43: Line 43:
     margin-top:none;
     margin-top:none;
}
}
 +
 +
#versionwarning{
 +
    position:absolute;
 +
    top:50px;
 +
    left:100px;
 +
    background-color:#f00;
 +
    padding:10px;
 +
    font-size:20px;
 +
    }
#content{
#content{

Revision as of 12:32, 9 August 2012

@font-face { 

   font-family: 'PTSansRegular';
   src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS55F-webfont.eot');
   src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS55F-webfont.woff') format('woff'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS55F-webfont.ttf') format('truetype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS55F-webfont.svg#PTSansRegular') format('svg');

} @font-face { 

   font-family: 'PTSansBold';
   src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS75F-webfont.eot');
   src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS75F-webfont.woff') format('woff'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS75F-webfont.ttf') format('truetype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS75F-webfont.svg#PTSansBold') format('svg');

} @font-face { 

   font-family: 'PTSansItalic';
  src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS56F-webfont.eot');
   src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS56F-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS56F-webfont.woff') format('woff'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS56F-webfont.ttf') format('truetype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS56F-webfont.svg#PTSansItalic') format('svg');

} @font-face { 

   font-family: 'PTSansBoldItalic';
     src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS76F-webfont.eot');
    src: url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS76F-webfont.eot?#iefix') format('embedded-opentype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS76F-webfont.woff') format('woff'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS76F-webfont.ttf') format('truetype'),
        url('http://www.plasticrepublic.org/wikifiles/PT-Sans-fontfacekit/PTS76F-webfont.svg#PTSansBoldItalic') format('svg');

} /* getting rid of wiki baggage */

  1. globalWrapper{ 
   position:relative;
   width:990px;
   margin-left:auto;
   margin-right:auto;
   margin-top:none;

}

  1. versionwarning{ 
   position:absolute;
   top:50px;
   left:100px;
   background-color:#f00;
   padding:10px;
   font-size:20px;
   }
  1. content{ 
   padding-top:0px;

}

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

.link-https, #bodyContent a[href ^="mailto:"], .link-mailto,

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

.link-ftp, #bodyContent a[href ^="irc://"], .link-irc { 

   background: none;
   padding-right: 0px;

}


  1. content{ 
   width:990px;
   padding-right:0px;
   padding-left:0px;

}

  1. contentSub{ 
    display:none;

}

  1. catlinks{ 
    display:none;

}

  1. top-section{ 
    height: 14px;
    border: none;
    position: fixed;
    width: 990px;
    background-color: #666;
    z-index: 3;
    display:none;

}

  1. p-logo{ 
    display:none;

}

  1. search-controls{ 
    display:none;

}

.firstHeading{ 

    display:none;

}

  1. content{ 
    border:none;

}

.left-menu:hover { 

   background-color:transparent;
   }

.left-menu, .left-menu a { 

   color:white;

}

.right-menu li { 

    background-color:transparent;

} .right-menu li a { 

    background-color:transparent;

}

.right-menu, .right-menu a { 

    right: 20px;

}

  1. topwikimenubg{ 
    position:absolute;
    top:0px;
    width:990px;
    left:0px;
    height:15px;
    background-color: #666;

}

  1. menubar a:visited { 
   color:white;
   }
  1. menubar a:active { 
   color:white;
   }
  1. toc{ 
   display:none;

}

  1. footer-box{ 
   border:none;
   border-top: 1px solid #CCC;

}

body { 

    font-family: 'PTSansRegular', Helvetica, Arial, serif;
    background-color:#ffffff;
     }

body em{ 

     font-family: 'PTSansItalic', Helvetica, Arial, serif;

}


body strong{ 

     font-family: 'PTSansBold', Helvetica, Arial, serif;

}

body strong em, body em strong{ 

     font-family: 'PTSansBoldItalic', Helvetica, Arial, serif;

}

  1. ucligem{ 
   position: relative;
   top: -15px;
   z-index:1; 
   width:990px;
    font-size: 15px;

}

  1. ucligem a{ 
    color:#000;

}

  1. ucligem a:visited{ 
    color:#000;

}

  1. ucligem a:hover{ 
    color:#666;

}

  1. ucligem img{ 
   margin:0px;
   padding:0px;
   border:none;

}

  1. ucligem table.wikitable{ 
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   border: 1px solid #0F6D83;

}

  1. ucligem .wikitable th, .wikitable td { 
   border: 1px  #0F6D83 solid;
   padding: 0.2em;

}

  1. ucligem .wikitable th { 
   background-color:  #7FC3D3;

}

  1. ucligem #header{ 
    position:relative;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    width:990px;
    height:290px;
    margin-bottom:20px;

}

  1. ucligem #headerimg{ 
    position:relative;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    width:990px;
    margin-bottom:0px;

}

  1. ucligem #headerimg img{ 
    margin:0px;
    padding:0px;
    border:none;

}

  1. ucligem #headernocover{ 
    position:relative;
    top:0px;
    margin-left:auto;
    margin-right:auto;
    width:990px;

}

  1. ucligem .cover-aurelija{ 
     background-image:url('https://static.igem.org/mediawiki/2012/5/5a/Ucl2012-coverpicturetest.jpg');

}


  1. ucligem .cover-team{ 
    background-image:url('https://static.igem.org/mediawiki/2012/c/c3/Ucl2012-coverpictureteam.jpg');

}

  1. ucligem .cover-week4{ 
     background-image:url('https://static.igem.org/mediawiki/2012/a/a7/Ucl2012-coverpictureweek4.jpg');

}

  1. ucligem .cover-cake{ 
     background-image:url('https://static.igem.org/mediawiki/2012/6/61/Ucl-coverpicturecake.jpg');

}

  1. ucligem .cover-choice{ 
     background-image:url('https://static.igem.org/mediawiki/2012/3/32/Ucl2012-coverpicturechoice.jpg');

}

  1. ucligem .cover-portico{ 
     background-image:url('https://static.igem.org/mediawiki/2012/8/88/Ucl2012-coverpictureportico.jpg');

}

  1. ucligem .cover-thinking{ 
     background-image:url('https://static.igem.org/mediawiki/2012/6/64/Ucl2012-coverpicturethinking.jpg');

}

  1. ucligem .cover-whiteboard{ 
     background-image:url('https://static.igem.org/mediawiki/2012/e/ed/Ucl2012-coverpicturewhiteboard.jpg');

}

  1. ucligem .cover-training{ 
     background-image:url('https://static.igem.org/mediawiki/2012/1/13/Ucl2012-coverpicturetraining.jpg');

}

  1. ucligem .cover-hackspace{ 
     background-image:url('https://static.igem.org/mediawiki/2012/6/66/Ucl2012-coverpicturehackspace.jpg');

}

  1. ucligem .cover-diybio{ 
     background-image:url('https://static.igem.org/mediawiki/2012/c/c7/Ucl2012-coverpicturediybio.jpg');

}

  1. ucligem .cover-monkeyisland{ 
     background-image:url('https://static.igem.org/mediawiki/2012/c/cd/Ucl2012-coverpicturemonkeyisland.jpg');

}


  1. ucligem #top{ 
    position:fixed;
    top:0px;
    width:990px;
    height:41px;
    background-image:url('https://static.igem.org/mediawiki/2012/b/bc/Ucl2012-topwhitemask.png');
    z-index:2;

}

  1. ucligem #top #igem a{ 
   position:absolute;
   width:46px;
   height:38px;
   top: 3px;
   left:785px;
   background-image:url('https://static.igem.org/mediawiki/2012/a/ac/Ucl2012-igemlogomono.jpg');
   }
  1. ucligem #top #igem a:hover{ 
   background-image:url('https://static.igem.org/mediawiki/2012/f/ff/Ucl2012-igemlogocolor.jpg');

}

  1. ucligem #top ul strong{ 
     font-weight:normal;

}

  1. ucligem #top ul{

position: absolute; left:15px; top: 12px; margin: 0px; padding: 0px; list-style:none; 

       font-size:17px;

}

  1. ucligem #top li{

color:#000; text-align:center; 

       margin-right:20px;
       zoom:1;
       float:left;
       position:relative;
       display:block;
       text-align: left;

}


  1. ucligem #top li ul{ 
   display:none;
   }
  1. ucligem #top li:hover ul{ 
   display:table;
   position:absolute;
   top:25px;
   left:-8px;
   width:auto;
   }


  1. ucligem #top li ul .bg{ 
   position:absolute;
   top:0px;
   left:0px;
   width:100%;
   height:100%;
   z-index: -1;
   background-color:#fff;
   opacity: 0.8;

}


  1. ucligem #top li ul li{ 
   color:#000;
   position:relative;
   display:block;
   float:none;
   white-space: nowrap;
   z-index:5;
   padding-left: 8px;
   padding-right: 8px;
   padding-top:4px;
   padding-bottom:4px;
   margin:0px;

}

  1. ucligem #top a{

color:#000; text-decoration:none; }

  1. ucligem #top li:hover ul a{ 
   color: #000;
   }
  1. ucligem #top li:hover a{ 
      color:#777;

}

  1. ucligem #top li li:hover{ 
   background-color:#fff;
   }
  1. ucligem h1{ 
      color:#fff;
      border-bottom:none;
      position:absolute;
      top:150px;
      left:10px;
      font-size:45px;
      top:244px;
      display: block;
      width: 980px;
      font-weight:bold;

}

  1. ucligem h1 a{ 
     color:#fff;

}

  1. ucligem h1 a:visisted{ 
    color:#fff;

}

.editsection { 

     position: absolute;
     right: 0px;
     font-size: 12px;

}

  1. ucligem h2{ 
    font-size: 24px;
    border:none;
    padding: 0px;
    padding-left: 15px;
    display: block;
    width: 960px;
    position: relative;
    margin-top:1.5em;
    margin-bottom:0px;

}

  1. ucligem h2 a { 
    color:#000;

}

  1. ucligem h2 a:visited{ 
    color:#000;

}

  1. ucligem p{ 
    padding-left: 15px;
    padding-right: 15px;
    text-align: justify;

}

  1. ucligem #wikimenutoggleon{ 
    position:absolute;
    top:2px;
    right:-15px;
    width:15px;
    height:15px;
    background-image:url('https://static.igem.org/mediawiki/2012/f/fd/Ucl2012-cogicon.gif');

}

  1. ucligem #wikimenutoggleoff{ 
    position:absolute;
    top:0px;
    right:-15px;
    width:15px;
    height:15px;
    background-image:url('https://static.igem.org/mediawiki/2012/8/83/Ucl2012-xicon.gif');
    display:none;
    z-index:4;

}

  1. ucligem img .normal{ 
    }


  1. ucligem .right{ 
    float: left;
    }


  1. ucligem .left{ 
    float: right;
    }

.twtr-widget{ 

    float: right;
    margin: 15px;

}

.protocol, .protocolon{ 

  margin-left: 15px;

padding-left: 65px; padding-right: 15px; margin-top: 5px; min-height: 43px; overflow: hidden; font-size: 24px; background-repeat: no-repeat; padding-top: 15px; }

.protocol-RestrictionEnzymeDigest{ 

   background-image:url('https://static.igem.org/mediawiki/2012/d/de/Ucl2012-protocols-logo-enzdig.png');

}

.protocol-Competency{ 

   background-image:url('https://static.igem.org/mediawiki/2012/6/6a/Ucl2012-protocols-logo-competency.png');

}

.protocol-Transformation{ 

   background-image:url('https://static.igem.org/mediawiki/2012/f/fd/Ucl2012-protocols-logo-transformation.png');

}

.protocol-ColPic{ 

   background-image:url('https://static.igem.org/mediawiki/2012/d/d7/Ucl2012-protocols-logo-pickingcolonies.png');

}

.protocol-Miniprep{ 

   background-image:url('https://static.igem.org/mediawiki/2012/d/df/Ucl2012-protocols-logo-miniprep.png');

}

.protocol-Electrophoresis{ 

   background-image:url('https://static.igem.org/mediawiki/2012/1/1b/Ucl2012-protocols-logo-electrophoresis.png');

}

.protocol-Nanodrop{ 

   background-image:url('https://static.igem.org/mediawiki/2012/9/9e/Ucl2012-protocols-logo-nanodrop.png');

}

  1. ucligem .protocol .arrow{ 
    display:inline-block;
    width:33px;
    height:20px;
    margin-left:5px;
    background-image:url('https://static.igem.org/mediawiki/2012/c/ca/Ucl2012-labbook-arrow.png');

}

  1. ucligem .protocolon .arrow{ 
    display:inline-block;
    width:33px;
    height:20px;
    margin-left:5px;
    background-image:url('https://static.igem.org/mediawiki/2012/1/16/Ucl2012-labbook-arrow-up.png');

}

.protocolContent{ 

    display:none;
  width: 600px;
  margin-left: 66px;
  background: #D7EDF1;
  padding: 5px;
  padding-left:15px;
  margin-bottom: 5px;

}

  1. ucligem .protocolContent p{ 
  padding-left:0px;

}

  1. ucligem #labbookmenu{ 
    padding-left:15px;
    padding-right:15px;
    padding-top:8px;
    padding-bottom:5px;
    background-color: #fff; /*#D7EDF1;*/

}

  1. ucligem .experiment{ 
    position:relative;
    width:990px;
    height:20px;
    background-color: #fff; /* #0F6D83; */

}

  1. ucligem .experiment .arrow{ 
    position:absolute;
    width:33px;
    height:20px;
    background-image:url('https://static.igem.org/mediawiki/2012/c/ca/Ucl2012-labbook-arrow.png');
    top:0px;

}

  1. ucligem .experimenton{ 
    position:relative;
    width:990px;
    height:20px;
    background-color: #fff; /*#0F6D83; */

}


  1. ucligem .experimenton .arrow{ 
    position:absolute;
    width:33px;
    height:20px;
    background-image:url('https://static.igem.org/mediawiki/2012/1/16/Ucl2012-labbook-arrow-up.png');
    top:0px;

}

  1. ucligem .experiment .arrowlabel, #ucligem .experimenton .arrowlabel{ 
    position:absolute;
    top:3px;
    left:0px;
    width:990px;
    text-align:center;
    color:#000;
    font-weight:bold;
    cursor:default;

}

  1. ucligem .experimentContent{ 
    background-color: #fff; /* #D7EDF1; */
    display:none;
    padding-top:15px;
    padding-bottom:10px;

}

  1. ucligem .experimentContent h2{ 
    margin:0px;

}

  1. ucligem .experimentContent p{ 
    margin:0px;

}

.notebook-meeting{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/6/6c/Ucl2012-notebookicon-meeting.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-poster{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/a/a7/Ucl2012-notebookicon-poster.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-gel{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/0/0f/Ucl2012-notebookicon-gel.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-digest{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/b/b2/Ucl2012-notebookicon-digest.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-culture{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/b/b6/Ucl2012-notebookicon-culture.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-wetlab{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/b/b6/Ucl2012-notebookicon-culture.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-success{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/1/18/Ucl2012-notebookicon-success.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-fail{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/c/c8/Ucl2012-notebookicon-fail.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-assembly{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/8/8c/Ucl2012-notebookicon-assembly.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-sponsor{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/f/fc/Ucl2012-notebookicon-sponsor.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-training{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/6/68/Ucl2012-notebookicon-training.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-human{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/9/98/Ucl2012-notebookicon-human.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-achievement{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/b/b6/Ucl2012-notebookicon-achievement.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-modelling{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/2/29/Ucl2012-notebookicon-modelling.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-radio{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/4/40/Ucl2012-notebookicon-radio.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-film{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/e/ea/Ucl2012-notebookicon-film.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.notebook-rathenau{ 

    margin-left: 15px;
    padding-left: 65px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/2/27/Ucl2012-frontslide-rathenau.jpg') no-repeat;
    margin-top: 5px;
    min-height: 50px;

}

.achievement-notick{ 

    margin-left: 15px;
    padding-left: 45px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/e/e6/Ucl2012-icon-achievementempty.jpg') no-repeat;
    padding-top: 10px;
    min-height: 30px;

}

.achievement-tick{ 

    margin-left: 15px;
    padding-left: 45px;
    padding-right: 15px;
    background: url('https://static.igem.org/mediawiki/2012/2/2d/Ucl2012-icon-achievementtick.jpg') no-repeat;
    padding-top: 10px;
    min-height: 30px;

}

  1. newtoigembutton{

float:right; padding:10px; background-color:#ff5555; border:2px #000000 dashed; }

  1. newtoigembutton a{

color:#000000; }

  1. ucligem .glossary{ 
     font-weight:bold;

}

  1. ucligem #glossary-box{ 
     position:absolute;
     background-color:#D7EDF1;
     border: 1px solid #000;
     display:none;
     padding:5px;
     width:300px;
     z-index:81;

}

  1. ucligem .footnote{ 
    background-image: url('https://static.igem.org/mediawiki/2012/d/d8/Ucl2012-footnote.png');
    background-repeat: no-repeat;
    width:10px;
    padding:3px;
    cursor:pointer;

}

  1. ucligem #footnote-box{ 
     position:absolute;
     background-color:#fff;
     border: 1px solid #000;
     display:none;
     padding:5px;
     padding-right:15px;
     width:300px;
     z-index:80;

}

  1. ucligem #footnote-close{ 
    position:absolute;
    top: 1px;
    right: 1px;
    width:7px;
    height:7px;
    background-image: url('https://static.igem.org/mediawiki/2012/7/75/Ucl2012-footnote-x.png');

}

  1. ucligem .fbphoto{ 
    margin:5px;

}

Retrieved from "http://2012.igem.org/Team:University_College_London/css"