Template:Team:BGU Israel/style.css

From 2013.igem.org

(Difference between revisions)
 
(202 intermediate revisions not shown)
Line 1: Line 1:
-
/* http://meyerweb.com/eric/tools/css/reset/ */
 
-
/* v1.0 | 20080212 */
 
<html>
<html>
<style>
<style>
-
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
+
#contentSub, #search-controls, #footer-box, #catlinks, #p-logo {
     display:none;}
     display:none;}
 +
.firstHeading {   
 +
    height:0px;
 +
    visibility:hidden;
 +
}
#top-section {
#top-section {
     border: none;
     border: none;
 +
    font-size:12px;
     height: 0px;}
     height: 0px;}
#content {
#content {
-
     border: none;}
+
     border: none;
 +
    top:5px;
 +
    width:100%}
 +
#bodyContent {
 +
line-height: 1;
 +
color: #19293C;
 +
background: #19293C;
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size:  100%;
 +
}
 +
#bodyContent a[href ^="mailto:"], .link-mailto {
 +
}
html, body, div, span, applet, object, iframe,
html, body, div, span, applet, object, iframe,
Line 16: Line 30:
a, abbr, acronym, address, big, cite, code,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
del, dfn, em, font, img, ins, kbd, q, s, samp,
-
small, strike, strong, sub, sup, tt, var,
+
small, strike, strong, sub, tt, var,
b, u, i, center,
b, u, i, center,
dl, dt, dd, ol, ul, li,
dl, dt, dd, ol, ul, li,
Line 28: Line 42:
vertical-align: baseline;
vertical-align: baseline;
background: transparent;
background: transparent;
 +
        color: #19293C;
}
}
 +
#sup {
 +
  bottom: 1ex;
 +
}
 +
body {
body {
line-height: 1;
line-height: 1;
Line 61: Line 80:
border-collapse: collapse;
border-collapse: collapse;
border-spacing: 0;
border-spacing: 0;
 +
}
 +
 +
.igem-pic {
 +
    margin: 20px;
 +
    }
 +
 +
.round-pic {
 +
  border: 1px solid #cecece;
 +
  border-radius:10px;
 +
  -moz-border-radius:10px;
 +
  -webkit-border-radius:10px;
 +
    }
 +
 +
/* TIMELINE  -----------------------------------------------*/
 +
 +
.timelineBG {
 +
background-color: #E7ECF2;
 +
height:2500px;
 +
}
 +
 +
#timeline-header{
 +
margin:0 auto;
 +
      width:1000px;
 +
      height:160px;
 +
      border:1px solid #c3ccdf;
 +
      border-bottom:3px solid #c3ccdf;
 +
      border-radius:2px;
 +
      background-color:#FFF;
 +
      padding:10px;
 +
      font-size:13px;
 +
      line-height:1.4em;
 +
}
 +
 +
.time{
 +
    font-size: 10px;
 +
    color:gray;
 +
    border-bottom: 1px solid #E7EBF2;
 +
    min-width:460px;
 +
    height:16px;
 +
    padding-bottom: 5px;
 +
}
 +
.time1{
 +
    position: absolute;
 +
    top:280px;
 +
    left:40px;
 +
}
 +
.time2{
 +
    position: absolute;
 +
    top:430px;
 +
    left:563px;
 +
}
 +
.time3{
 +
    position: absolute;
 +
    top:750px;
 +
    left:40px;
 +
}
 +
.time4{
 +
    position: absolute;
 +
    top:860px;
 +
    left:563px;
 +
}
 +
.time5{
 +
    position: absolute;
 +
    top:1150px;
 +
    left:40px;
 +
}
 +
.time6{
 +
    position: absolute;
 +
    top:1300px;
 +
    left:563px;
 +
}
 +
.time7{
 +
    position: absolute;
 +
    top:1600px;
 +
    left:40px;
 +
}
 +
.time8{
 +
    position: absolute;
 +
    top:1700px;
 +
    left:563px;
 +
}
 +
.time9{
 +
    position: absolute;
 +
    top:1950px;
 +
    left:40px;
 +
}
 +
.time10{
 +
    position: absolute;
 +
    top:2200px;
 +
    left:563px;
 +
}
 +
 +
#timeline{
 +
    width:1000px;
 +
    height:2500px;
 +
    list-style-type: none;
 +
    background: url(https://static.igem.org/mediawiki/2013/6/6c/BGU_timeline.png) top center repeat-y;
 +
    margin: 0 auto;
 +
    padding:20px;
 +
    margin-bottom:10px;
 +
}
 +
#timeline img{
 +
    width:280px;
 +
    height:180px;
 +
    padding-left:5px;
 +
    padding-top:5px;
 +
    padding-bottom:10px;
 +
    align:right;
 +
   
 +
}
 +
#timeline  li.list-v {
 +
    list-style-type: none;
 +
    background: url("https://static.igem.org/mediawiki/2013/0/0d/BGU_v.png") no-repeat top left;
 +
    height: 22px;
 +
    padding-left: 21px;
 +
    margin-top:10px;
 +
    font-size:14px;
 +
    font-weight:bold;
 +
}
 +
 +
#timeline .ptext{
 +
    width:475px;
 +
  -moz-border-radius:2px;
 +
  border-radius:2px;
 +
  webkit-border-radius:2px;
 +
  border:1px solid #c3ccdf;
 +
  padding:10px;
 +
  background-color:#FFF;
 +
  font-size:13px;
 +
  line-height:1.4em;
 +
 +
 +
}
 +
 +
 +
#timeline .corner-left{
 +
position:absolute;
 +
      display:block;
 +
      margin-left:485px;
 +
      width:20px;
 +
      height:15px;
 +
    background:url(https://static.igem.org/mediawiki/2013/9/96/BGU_timeline_right.png);
 +
}
 +
#timeline  .corner-right{
 +
position:absolute;
 +
      display:block;
 +
      margin-left:-30px;
 +
    width:20px;
 +
    height:15px;
 +
    background:url(https://static.igem.org/mediawiki/2013/6/6a/BGU_timeline_left.png);
 +
}
 +
 +
#timeline a {
 +
  line-height: 2em;
}
}
 +
/* TEAM -----------------------------------------------*/
.team-member {
.team-member {
Line 87: Line 261:
     }
     }
-
  .team-member  h1 {
+
  .team-member  h16 {
     position:absolute;
     position:absolute;
     top: 15px;
     top: 15px;
     left:150px;
     left:150px;
     font-size:16px;
     font-size:16px;
-
     font-style:bold;
+
     font-weight:bold;
 +
  color: #294360;
 +
    }
 +
 
 +
.team-member  b {
 +
    font-size:11px;
 +
    font-weight:bold;
 +
  color: #294360;
     }
     }
   
   
-
  .team-member  p {
+
  .team-member  h17 {
     position:absolute;
     position:absolute;
     top: 45px;
     top: 45px;
     left:150px;
     left:150px;
     font-size:11px;
     font-size:11px;
-
     }
+
     color: #294360;
-
}
+
    line-height:1.8em;
 +
  }
-
.advisor {
 
-
     color: #294360;
+
.team-content  {
-
overflow: hidden;
+
     color:#19293C;
 +
    }
 +
.team-content  h6 {
 +
    color:#19293C;
}
}
 +
 +
/* ADVISORS -----------------------------------------------*/
 +
 +
.advisors{
 +
display: block;
 +
        overflow:hidden;
 +
        padding-top:20px;
 +
        color:#19293C;
 +
}
 +
 +
.advisors img {
   
   
-
.advisor  img {
+
     width:150px;
-
     position:absolute;
+
     height:150px;
-
     top: 10px;
+
     padding-right:10px;
-
     left:10px;
+
  -moz-border-radius: 10px;
-
    width:130px;
+
  -webkit-border-radius: 10px;
-
    height:130px;
+
     }
     }
-
.advisor h1 {
+
 
-
     position:absolute;
+
.advisors h1 {
-
    top: 15px;
+
     padding-top:0px;
-
    left:150px;
+
     font-size:18px;
-
     font-size:16px;
+
     font-style:bold;
     font-style:bold;
 +
    color:#19293C;
 +
     }
     }
-
+
 
-
.advisor p {
+
.advisors h6 {
-
     position:absolute;
+
     padding-top:0px;
-
    top: 45px;
+
     font-size:14px;
-
     left:150px;
+
     font-style:bold;
-
     font-size:11px;
+
    color:#19293C;
     }
     }
 +
 +
.advisors  p {
 +
    color:#19293C;
 +
    font-size:12px;
 +
    }   
 +
 +
Line 157: Line 359:
}
}
-
#content .ui-accordion .ui-accordion-header>a,
+
#pcontent .ui-accordion .ui-accordion-header>a,
-
#content .toggle-trigger>a{
+
#pcontent .toggle-trigger>a{
text-decoration: none;
text-decoration: none;
-
color: #363636;
+
color: #19293C;
font-size: 14px;
font-size: 14px;
padding-left: 20px;
padding-left: 20px;
Line 278: Line 480:
/* LINK BUTTON -------------------------------------------------------*/
/* LINK BUTTON -------------------------------------------------------*/
-
#content a.link-button,
+
#pcontent a.link-button,
-
#content a.link-button-light{
+
#pcontent a.link-button-light{
display: table;
display: table;
-
background: #363636;
+
background: #19293C;
color: #f1f1f1;
color: #f1f1f1;
text-decoration: none;
text-decoration: none;
Line 290: Line 492:
}
}
-
#content a.link-button-light{
+
#pcontent a.link-button-light{
background: #f1f1f1;
background: #f1f1f1;
-
color: #363636;
+
color: #19293C;
}
}
-
#content a.link-button:hover{ background: #000000; }
+
#pcontent a.link-button:hover{ background: #000000; }
-
#content a.link-button-light:hover{ background: #cecece; }
+
#pcontent a.link-button-light:hover{ background: #cecece; }
/* TABLE ------------------------------------------------------------*/
/* TABLE ------------------------------------------------------------*/
 +
table.bb {
 +
border-collapse:collapse;
 +
border:1px solid white;
 +
width:800px;
 +
text-align: left;
 +
}
 +
th.bb {
 +
background-color: #879FBA;
 +
border:1px solid white;
 +
color:#000;
 +
font-size:14px;
 +
font-weight:bold;
 +
}
 +
td.bb {
 +
border:1px solid white;
 +
font-size:14px;
 +
color:#19293C;
 +
        background-color: #F2F2F1;
 +
}
 +
 +
td.bb  a{
 +
text-decoration:Underline;
 +
}
table, td, th {
table, td, th {
Line 308: Line 533:
border-collapse:separate;
border-collapse:separate;
border-spacing:0;
border-spacing:0;
-
border-top:1px solid white;
 
margin-bottom:28px;
margin-bottom:28px;
width:100%;
width:100%;
Line 316: Line 540:
th{
th{
border-top:5px solid #555555;
border-top:5px solid #555555;
-
color: #ffffff;
+
color: #19293C;
padding:10px;
padding:10px;
text-transform:uppercase;
text-transform:uppercase;
Line 368: Line 592:
}
}
-
/* INFO BOXES ------------------------------------------------------------*/
+
/* INFO BOXES ---------------------------------------------------------*/
.info-add,
.info-add,
Line 625: Line 849:
body {
body {
line-height: 1;
line-height: 1;
-
color: #ffffff;
+
color: #19293C;
background: #f1f1f1 url(https://static.igem.org/mediawiki/2013/7/79/BGU_obl-1x1.png);  
background: #f1f1f1 url(https://static.igem.org/mediawiki/2013/7/79/BGU_obl-1x1.png);  
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
Line 658: Line 882:
         margin-top:20px;
         margin-top:20px;
width: 1280px;
width: 1280px;
-
background: #19293C;
+
background: #fff;
position: relative;
position: relative;
border-radius: 10px;
border-radius: 10px;
Line 693: Line 917:
}
}
-
#content{
+
#page-content-notebook b, p, .three-fourth{
-
min-height: 400px;
+
        color:#000;
 +
        font-size: 12px;
 +
line-height: 1.5em;
 +
 
 +
}
 +
#page-content-notebook .bulletlist{
 +
        color:#000;
 +
        font-size: 12px;
 +
line-height: 1em;
 +
 
 +
}
 +
#page-content-notebook .bulletlist2{
 +
        color:#000;
 +
        font-size: 12px;
 +
line-height: 1em;
 +
 
 +
}
 +
#page-content-notebook p{
 +
        color:#000;
 +
        font-size: 12px;
 +
line-height: 1.5em;
 +
}
 +
 
 +
#page-content-notebook h7{
 +
        color:#000;
 +
        font-size: 14px;
 +
        font-weight: bold;
 +
}
 +
 
 +
#pcontent{
 +
min-height: 600px;
overflow: hidden;
overflow: hidden;
margin-bottom: 40px;
margin-bottom: 40px;
}
}
-
 
Line 705: Line 958:
     width:100%;
     width:100%;
     height:30px;
     height:30px;
-
text-align:center;
+
    text-align:center;
-
line-height: 2em;
+
    line-height: 2em;
 +
    font-size:16px;
 +
    color:#ffffff;
 +
}
 +
#footer-title p{
 +
    text-align:center;
 +
    line-height: 2em;
 +
    font-size:16px;
 +
    color:#ffffff;
}
}
#footer{
#footer{
Line 739: Line 1,000:
}
}
-
#content a{
+
#pcontent a{
-
color: #37b2d1;
+
color: #2081C4;
 +
        text-decoration:underline;
}
}
-
#content p{
+
#pcontent p{
margin-bottom: 20px;
margin-bottom: 20px;
 +
        font-size:14px;
 +
        color:#19293C;
}
}
-
#content .line-divider{
+
#pcontent .line-divider{
clear: both;
clear: both;
padding-bottom: 20px;
padding-bottom: 20px;
Line 808: Line 1,072:
display: block;
display: block;
float: left;
float: left;
 +
        color:#ffffff;
font-family: 'Ubuntu', arial, serif;
font-family: 'Ubuntu', arial, serif;
font-size: 30px;
font-size: 30px;
line-height: 90px;
line-height: 90px;
margin-left: 30px;
margin-left: 30px;
-
text-shadow: 0 1px #ffffff;
 
}
}
Line 842: Line 1,106:
}
}
-
body.home #content{
+
body.home #pcontent{
padding-top: 250px;
padding-top: 250px;
}
}
Line 853: Line 1,117:
/* HEADERS --------------------------------------------------------*/
/* HEADERS --------------------------------------------------------*/
-
h1,h2,h3,h4,h5,h6{  
+
h1,h2,h3,h4,h5,h6,h7,h8{  
line-height: 1.4em;
line-height: 1.4em;
font-family: 'Ubuntu', arial, serif;  
font-family: 'Ubuntu', arial, serif;  
Line 867: Line 1,131:
h4{ font-size: 24px; }
h4{ font-size: 24px; }
-
h5{ font-size: 22px; }
+
h5{ font-size: 18px; }
h6{ font-size: 20px; }
h6{ font-size: 20px; }
 +
h7{ font-size: 14px; font-weight:bold;}
 +
h8{ font-size: 12px; line-height: 1.8em;}
 +
 +
h12 {color: #00B018; }
 +
h13 {color: #FFA800; }
 +
h14 {color: #FF00FF; }
/* COLUMNS LAYOUT----------------------------------------------------------*/
/* COLUMNS LAYOUT----------------------------------------------------------*/
Line 875: Line 1,145:
.one-half,
.one-half,
.one-third,
.one-third,
 +
.one-six,
 +
.two-six,
.two-third,
.two-third,
.three-fourth,
.three-fourth,
-
.one-fourth {
+
.one-fourth,
 +
.media1,
 +
.media2 {
float:left;
float:left;
margin-right:30px;
margin-right:30px;
Line 885: Line 1,159:
.one-half{ width: 580px; }
.one-half{ width: 580px; }
-
 
+
.media1{ width: 320px; margin-left:30px; }
 +
.media2{ width: 320px; }
.one-third{ width: 380px; }
.one-third{ width: 380px; }
-
 
+
.one-six{ width: 400px; }
.one-fourth{ width: 204px; }
.one-fourth{ width: 204px; }
-
 
.two-third{ width: 500px;}
.two-third{ width: 500px;}
 +
.two-six{ width: 700px;}
.three-fourth{ width: 672px; }
.three-fourth{ width: 672px; }
Line 903: Line 1,178:
position:left;
position:left;
width: 660px;
width: 660px;
-
margin-top:30px;
+
margin-top:10px;
}
}
Line 909: Line 1,184:
position:absolute;
position:absolute;
width: 310px;
width: 310px;
-
top:200px;
+
top:240px;
-
right:30px;
+
right:218px;
}
}
Line 937: Line 1,212:
display: block;
display: block;
position: absolute;
position: absolute;
-
    z-index:5001;
+
        z-index:5001;
top: 120px;
top: 120px;
left: 30px;
left: 30px;
height: 46px;
height: 46px;
-
width: 750px;
+
width: 948px;
background:rgb(135, 159, 186);
background:rgb(135, 159, 186);
background:rgba(135, 159, 186,0.9);
background:rgba(135, 159, 186,0.9);
Line 977: Line 1,252:
#nav>li.current-menu-item>a{
#nav>li.current-menu-item>a{
color: #fff;
color: #fff;
-
background: #363636;
+
background: #19293C;
text-shadow: none;
text-shadow: none;
}
}
Line 985: Line 1,260:
#nav>li ul{
#nav>li ul{
display: block;
display: block;
-
margin-top: -4px;
+
margin-top: -15px;
 +
width:160px;
background: #6F849C;
background: #6F849C;
border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
Line 1,004: Line 1,280:
display: block;
display: block;
font-size: 12px;
font-size: 12px;
 +
line-height: 1em;
color: #ffffff;
color: #ffffff;
text-decoration: none;
text-decoration: none;
Line 1,010: Line 1,287:
#nav>li ul li a:hover{
#nav>li ul li a:hover{
-
background: #363636;
+
background: #19293C;
 +
}
 +
#nav>li ul li:last-child {
 +
  margin-bottom:5px;
}
}
Line 1,019: Line 1,299:
-webkit-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}
}
-
 
#topics1{
#topics1{
float: left;
float: left;
-
width: 1280px;
+
width: 1100px;
-
margin-left: auto;
+
margin-left: 20px;
margin-bottom: auto;
margin-bottom: auto;
 +
        text-decoration: none;
 +
}
 +
 +
#topics1 a{
 +
      text-decoration: none;
}
}
table.topics {
table.topics {
-
 
border:0px ;
border:0px ;
-
 
-
margin-bottom:28px;
 
-
 
-
margin-left:auto;
 
-
margin-right:auto;
 
-
width:1200px;
 
text-align: left;
text-align: left;
-
    text-decoration: none;
+
        text-decoration: none;
}
}
 +
#topics_hp a{
 +
      text-decoration: none;
 +
}
td.topics, th.topics{
td.topics, th.topics{
Line 1,048: Line 1,328:
}
}
td.topics:hover {
td.topics:hover {
-
   background: #5D6875;
+
   background: #33455A;
 +
  text-decoration: none;
}
}
.topic-pic {
.topic-pic {
-
   width:300px;
+
   width:360px;
   height:240px;
   height:240px;
   align:center;
   align:center;
Line 1,059: Line 1,340:
}
}
.topics-text {
.topics-text {
-
   width:300px;
+
   width:360px;
   height:64px;
   height:64px;
   background:#585858;
   background:#585858;
   color:#ffffff;
   color:#ffffff;
   text-decoration: none;
   text-decoration: none;
-
 
+
  border-top: solid 3px #FA932B;
}
}
.topic-pic1 {
.topic-pic1 {
-
   width:550px;
+
   width:420px;
   height:240px;
   height:240px;
   align:center;
   align:center;
 +
}
}
.topics-text1 {
.topics-text1 {
-
   width:550px;
+
   width:420px;
   height:64px;
   height:64px;
   background:#585858;
   background:#585858;
   color:#ffffff;
   color:#ffffff;
   text-decoration: none;
   text-decoration: none;
-
 
+
  border-top: solid 3px #FA932B; 
}
}
Line 1,103: Line 1,385:
   padding-top:8px;
   padding-top:8px;
   padding-left:10px;
   padding-left:10px;
 +
  text-decoration: none;
}
}
Line 1,118: Line 1,401:
}
}
 +
 +
 +
#topics_hp{
 +
float: left;
 +
width: 1200px;
 +
margin-left: auto;
 +
margin-bottom: auto;
 +
      text-decoration: none;
 +
}
 +
#topics_hp a{
 +
      text-decoration: none;
 +
}
 +
 +
table.topics {
 +
border:0px ;
 +
margin-bottom:28px;
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:100%;
 +
text-align: left;
 +
        text-decoration: none;
 +
}
 +
 +
 +
td.topics, th.topics{
 +
border:0px;
 +
align:center;
 +
        text-decoration: none;
 +
 +
}
 +
td.topics_hp {
 +
  text-decoration: none;
 +
}
 +
 +
td.topics_hp:a{
 +
  text-decoration: none;
 +
}
 +
td.topics_hp:hover {
 +
  background: #e3e3e3;
 +
  text-decoration: none;
 +
 +
}
 +
 +
.topics-pic_hp {
 +
  width:380px;
 +
  height:240px;
 +
  align:center;
 +
 +
}
 +
.topics-text_hp {
 +
  width:380px;
 +
  height:64px;
 +
  background:#585858;
 +
  color:#ffffff;
 +
  text-decoration: none;
 +
border-top: solid 3px #FA932B;
 +
 +
}
 +
 +
.topics-text_hp h6 {
 +
  text-decoration: none;
 +
  color:#ffffff;
 +
  font-size:18px;
 +
  font-weight:bold;
 +
  padding-top:8px;
 +
  padding-left:10px;
 +
 +
}
 +
 +
.topics-text_hp p {
 +
  text-decoration: none;
 +
  color:#ffffff;
 +
  font-size:14px;
 +
  padding-left:10px;
 +
 +
}
 +
.topics-text_hp a {
 +
  text-decoration: none;
 +
  color:#ffffff;
 +
 +
}
 +
Line 1,128: Line 1,493:
width: 1200px;
width: 1200px;
margin-left: 30px;
margin-left: 30px;
 +
        font-size:14px;
}
}
Line 1,133: Line 1,499:
#page-content .h1{
#page-content .h1{
-
color: #ff0000;
+
color: #ffffff;
 +
}
 +
 
 +
#page-content .h4{
 +
color: #ffffff;
}
}
Line 1,158: Line 1,528:
}
}
 +
ol.bulletlist{
 +
 +
list-style-type: circle;
 +
list-style-position: outside;
 +
margin-left: 50px;
 +
}
 +
 +
li.bulletlist{
 +
margin-left: 15px;
 +
margin-bottom: 15px;
 +
}
 +
 +
ol.bulletlist2{
 +
 +
list-style-type: square ;
 +
list-style-position: outside;
 +
margin-left: 70px;
 +
}
 +
 +
li.bulletlist2{
 +
margin-left: 15px;
 +
margin-bottom: 15px;
 +
}
Line 1,163: Line 1,556:
/* GALLERY -----------------------------------------------*/
/* GALLERY -----------------------------------------------*/
-
#content .gallery{
+
#pcontent .gallery{
display: block;
display: block;
overflow: hidden;
overflow: hidden;
}
}
-
#content .gallery li{
+
#pcontent .gallery li{
display: block;
display: block;
float: left;
float: left;
Line 1,177: Line 1,570:
margin-left: 30px;
margin-left: 30px;
margin-bottom: 30px;
margin-bottom: 30px;
 +
        border: 1px solid #cecece;
border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
 +
        color: #fff;
}
}
-
#content .gallery.three-cols li{
+
#pcontent .gallery.three-cols li{
width: 282px;
width: 282px;
height: 267px;
height: 267px;
 +
        color: #fff;
}
}
-
#content .gallery.two-cols li{
+
#pcontent .gallery.two-cols li{
width: 438px;
width: 438px;
height: 267px;
height: 267px;
 +
      color: #fff;
}
}
-
#content .gallery li a{
+
#pcontent .gallery li a{
display: block;
display: block;
 +
        color: #fff;
}
}
 +
#gallery1 {
 +
  width:1000px;
 +
}
-
 
+
#gallery2 {
-
/* ADVISORS -----------------------------------------------*/
+
  width:1000px;
-
 
+
-
.advisors{
+
-
display: block;
+
-
        overflow:hidden;
+
-
        padding-top:20px;
+
}
}
-
 
+
/* PROTOCOLS -----------------------------------------------*/
-
.advisors img {
+
-
+
-
    width:150px;
+
-
    height:150px;
+
-
    padding-right:10px;
+
-
  -moz-border-radius: 10px;
+
-
  -webkit-border-radius: 10px;
+
-
    }
+
-
 
+
-
.advisors  h1 {
+
-
    padding-top:0px;
+
-
    font-size:16px;
+
-
    font-style:bold;
+
-
 
+
-
    }
+
-
+
-
.advisors  p {
+
-
 
+
-
    font-size:12px;
+
-
    }
+
-
 
+
#Protocols li{
#Protocols li{
Line 1,245: Line 1,620:
text-align: left;
text-align: left;
text-decoration: none;
text-decoration: none;
-
color: #ffffff;
+
color: #19293C;
-
background: #19293C;
+
background: #E2E9F1;
border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
Line 1,260: Line 1,635:
text-align: left;
text-align: left;
text-decoration: none;
text-decoration: none;
-
color: #000;
+
color: #19293C;
-
background: #A9B9C9;
+
background: #B4C9E1;
border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
Line 1,268: Line 1,643:
-
#content li.active a{
+
#pcontent li.active a{
-
color: #363636;
+
color: #19293C;
background: #ffd800;
background: #ffd800;
}
}
-
#content .pager li:hover a,
+
#pcontent .pager li:hover a,
-
#content .pager li.active a{
+
#pcontent .pager li.active a{
-
color: #363636;
+
color: #19293C;
background: #ffd800;
background: #ffd800;
}
}
Line 1,333: Line 1,708:
top:10px;
top:10px;
left: 10px;
left: 10px;
 +
color:#ffffff;
 +
}
 +
#projects-list .project .project-thumbnail .meta li{
 +
color:#ffffff;
 +
}
 +
#projects-list .project .project-thumbnail .meta li b{
color:#ffffff;
color:#ffffff;
}
}
Line 1,342: Line 1,723:
top: 100px;
top: 100px;
left: 60px;
left: 60px;
-
background: #363636;
+
background: #19293C;
line-height: 24px;
line-height: 24px;
text-decoration: none;
text-decoration: none;
Line 1,367: Line 1,748:
opacity: 1;
opacity: 1;
}
}
 +
 +
 +
 +
.plist{
 +
overflow: hidden;
 +
 +
}
 +
 +
.plist .project{
 +
position: relative;
 +
float: left;
 +
overflow: hidden;
 +
width: 250px;
 +
height: 200px;
 +
margin-left: 30px;
 +
margin-bottom: 30px;
 +
}
 +
 +
 +
.plist .project .project-thumbnail{
 +
position: relative;
 +
overflow: hidden;
 +
width: 250px;
 +
height: 200px;
 +
margin-bottom: 30px;
 +
background: #484848;
 +
border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
}
 +
Line 1,386: Line 1,798:
-
#content .project-column .meta a{
+
#pcontent .project-column .meta a{
display: inline;
display: inline;
font-size: 12px;
font-size: 12px;
Line 1,392: Line 1,804:
padding: 3px 10px;
padding: 3px 10px;
text-decoration: none;
text-decoration: none;
-
background: #363636;
+
background: #19293C;
border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
Line 1,398: Line 1,810:
}
}
-
#content .project-column .meta a:hover{ background: #000;}
+
#pcontent .project-column .meta a:hover{ background: #000;}
.project-column .project-title{
.project-column .project-title{
Line 1,425: Line 1,837:
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
}
}
 +
 +
 +
/*---------------- The Nivo Slider styles ---------------------------*/
 +
.nivoSlider {
 +
position:relative;
 +
}
 +
.nivoSlider img {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
}
 +
.nivoSlider a.nivo-imageLink {
 +
position:absolute;
 +
top:0px;
 +
left:0px;
 +
width:100%;
 +
height:100%;
 +
border:0;
 +
padding:0;
 +
margin:0;
 +
z-index:60;
 +
display:none;
 +
}
 +
.nivo-slice {
 +
display:block;
 +
position:absolute;
 +
z-index:50;
 +
height:100%;
 +
}
 +
 +
.nivo-caption {
 +
position:absolute;
 +
left:0px;
 +
bottom:0px;
 +
background:#000;
 +
color:#fff;
 +
opacity:0.8;
 +
width:100%;
 +
z-index:89;
 +
}
 +
.nivo-caption p {
 +
padding: 15px 30px 0px 30px;
 +
margin:0;
 +
line-height: 1.5em;
 +
        color:#fff;
 +
        opacity:1;
 +
}
 +
.nivo-caption slide-text {
 +
        color:#fff;
 +
        opacity:1;
 +
}
 +
.nivo-caption slide-text i {
 +
        color:#fff;
 +
        opacity:1;
 +
}
 +
 +
.nivo-caption a {
 +
display:inline !important;
 +
}
 +
.nivo-html-caption {
 +
    display:none;
 +
}
 +
.nivo-directionNav a {
 +
position:absolute;
 +
top:45%;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-prevNav {
 +
left:0px;
 +
}
 +
.nivo-nextNav {
 +
right:0px;
 +
}
 +
 +
 +
.nivo-controlNav a {
 +
position:relative;
 +
z-index:99;
 +
cursor:pointer;
 +
}
 +
.nivo-controlNav a.active {
 +
font-weight:bold;
 +
}
 +
 +
 +
#slider-holder{
 +
width: 1100px;
 +
height: 448px;
 +
    position:relative;
 +
    left:60px;
 +
background: url(https://static.igem.org/mediawiki/2013/9/99/BGU_slider-shadow2.png) no-repeat center bottom;
 +
}
 +
 +
#slider {
 +
    position:relative;
 +
    width:1100px;
 +
    height: 390px;
 +
    background: url(https://static.igem.org/mediawiki/2013/b/bf/BGU_loading.gif) no-repeat 50% 50%;
 +
 +
}
 +
 +
#slider img {
 +
    position:absolute;
 +
    top:0px;
 +
    left:0px;
 +
    display:none;
 +
 +
}
 +
 +
#slider a {
 +
    border:0;
 +
    display:block;
 +
}
 +
 +
.nivo-controlNav{
 +
position: absolute;
 +
bottom: -28px;
 +
right: 47px;
 +
z-index: 5000;
 +
height: 56px;
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
background: #19293C;
 +
border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
}
 +
 +
.nivo-controlNav a{
 +
display: block;
 +
float: left;
 +
background: url(https://static.igem.org/mediawiki/2013/b/b4/BGU_slider_button.png) no-repeat;
 +
height: 15px;
 +
width: 15px;
 +
margin-top: 21px;
 +
margin-right: 5px;
 +
margin-left: 5px;
 +
text-indent: -9000px;
 +
}
 +
 +
.nivo-controlNav a:hover{ background: url(https://static.igem.org/mediawiki/2013/1/12/BGU_slider_button_on.png)  }
 +
 +
.nivo-controlNav a.active{ background: url(https://static.igem.org/mediawiki/2013/8/89/BGU_slider_button_active.png)  }
 +
 +
.nivo-directionNav a{
 +
display: block;
 +
width: 34px;
 +
height: 34px;
 +
text-indent: -9000px;
 +
 +
}
 +
 +
.nivo-directionNav a.nivo-nextNav{
 +
background: url(https://static.igem.org/mediawiki/2013/c/cf/BGU_slider-right.png) no-repeat transparent; 
 +
margin-right: -9px;
 +
z-index: 1001;
 +
}
 +
 +
.nivo-directionNav a.nivo-prevNav{
 +
background: url(https://static.igem.org/mediawiki/2013/1/14/BGU_slider-left.png) no-repeat transparent;
 +
margin-left: -9px;
 +
z-index: 1001;
 +
}
 +
 +
.nivo-directionNav a.nivo-nextNav:hover{
 +
background: url(https://static.igem.org/mediawiki/2013/c/c8/BGU_slider-right-on.png) no-repeat transparent;
 +
}
 +
 +
.nivo-directionNav a.nivo-prevNav:hover{
 +
background: url(https://static.igem.org/mediawiki/2013/d/dc/BGU_slider-left-on.png) no-repeat transparent;
 +
}
 +
 +
/* FANCY BOX -----------------------------------------------*/
 +
 +
#fancybox-loading {
 +
position: fixed;
 +
top: 50%;
 +
left: 50%;
 +
width: 40px;
 +
height: 40px;
 +
margin-top: -20px;
 +
margin-left: -20px;
 +
cursor: pointer;
 +
overflow: hidden;
 +
z-index: 1104;
 +
display: none;
 +
}
 +
 +
#fancybox-loading div {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 40px;
 +
height: 480px;
 +
background-image: url('https://static.igem.org/mediawiki/2013/1/12/BGU_fancy_loading.png');
 +
}
 +
 +
#fancybox-overlay {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
z-index: 1100;
 +
display: none;
 +
}
 +
 +
#fancybox-tmp {
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
overflow: auto;
 +
display: none;
 +
}
 +
 +
#fancybox-wrap {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
padding: 20px;
 +
z-index: 1101;
 +
outline: none;
 +
display: none;
 +
}
 +
 +
#fancybox-outer {
 +
position: relative;
 +
width: 100%;
 +
height: 100%;
 +
background: #fff;
 +
}
 +
 +
#fancybox-content {
 +
width: 0;
 +
height: 0;
 +
padding: 0;
 +
outline: none;
 +
position: relative;
 +
overflow: hidden;
 +
z-index: 1102;
 +
border: 0px solid #fff;
 +
}
 +
 +
#fancybox-hide-sel-frame {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background: transparent;
 +
z-index: 1101;
 +
}
 +
 +
#fancybox-close {
 +
position: absolute;
 +
top: -15px;
 +
right: -15px;
 +
width: 30px;
 +
height: 30px;
 +
background: transparent url('https://static.igem.org/mediawiki/2013/d/d5/BGU_fancy_close.png');
 +
cursor: pointer;
 +
z-index: 1103;
 +
display: none;
 +
}
 +
 +
#fancybox-error {
 +
color: #444;
 +
font: normal 12px/20px Arial;
 +
padding: 14px;
 +
margin: 0;
 +
}
 +
 +
#fancybox-img {
 +
width: 100%;
 +
height: 100%;
 +
padding: 0;
 +
margin: 0;
 +
border: none;
 +
outline: none;
 +
line-height: 0;
 +
vertical-align: top;
 +
}
 +
 +
#fancybox-frame {
 +
width: 100%;
 +
height: 100%;
 +
border: none;
 +
display: block;
 +
}
 +
 +
#fancybox-left, #fancybox-right {
 +
position: absolute;
 +
bottom: 0px;
 +
height: 100%;
 +
width: 35%;
 +
cursor: pointer;
 +
outline: none;
 +
background: transparent url('https://static.igem.org/mediawiki/2013/a/a7/BGU_blank.gif');
 +
z-index: 1102;
 +
display: none;
 +
}
 +
 +
#fancybox-left {
 +
left: 0px;
 +
}
 +
 +
#fancybox-right {
 +
right: 0px;
 +
}
 +
 +
#fancybox-left-ico, #fancybox-right-ico {
 +
position: absolute;
 +
top: 50%;
 +
left: -9999px;
 +
width: 30px;
 +
height: 30px;
 +
margin-top: -15px;
 +
cursor: pointer;
 +
z-index: 1102;
 +
display: block;
 +
}
 +
 +
#fancybox-left-ico {
 +
background-image: url('https://static.igem.org/mediawiki/2013/5/5f/BGU_fancy_nav_left.png');
 +
}
 +
 +
#fancybox-right-ico {
 +
background-image: url('https://static.igem.org/mediawiki/2013/9/9c/BGU_fancy_nav_right.png');
 +
}
 +
 +
#fancybox-left:hover, #fancybox-right:hover {
 +
visibility: visible; /* IE6 */
 +
}
 +
 +
#fancybox-left:hover span {
 +
left: 20px;
 +
}
 +
 +
#fancybox-right:hover span {
 +
left: auto;
 +
right: 20px;
 +
}
 +
 +
.fancybox-bg {
 +
position: absolute;
 +
padding: 0;
 +
margin: 0;
 +
border: 0;
 +
width: 20px;
 +
height: 20px;
 +
z-index: 1001;
 +
}
 +
 +
#fancybox-bg-n {
 +
top: -20px;
 +
left: 0;
 +
width: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2013/2/24/BGU_fancybox-x.png');
 +
}
 +
 +
#fancybox-bg-ne {
 +
top: -20px;
 +
right: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2013/c/c0/BGU_fancy_shadow_ne.png');
 +
}
 +
 +
#fancybox-bg-e {
 +
top: 0;
 +
right: -20px;
 +
height: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2013/0/0a/BGU_fancy_shadow_e.png');
 +
}
 +
 +
#fancybox-bg-se {
 +
bottom: -20px;
 +
right: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2013/6/68/BGU_fancy_shadow_se.png');
 +
}
 +
 +
#fancybox-bg-s {
 +
bottom: -20px;
 +
left: 0;
 +
width: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2013/2/24/BGU_fancybox-x.png');
 +
background-position: 0px -20px;
 +
}
 +
 +
#fancybox-bg-sw {
 +
bottom: -20px;
 +
left: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2013/6/6e/BGU_fancy_shadow_sw.png');
 +
}
 +
 +
#fancybox-bg-w {
 +
top: 0;
 +
left: -20px;
 +
height: 100%;
 +
background-image: url('https://static.igem.org/mediawiki/2013/d/d6/BGU_fancybox-y.png');
 +
}
 +
 +
#fancybox-bg-nw {
 +
top: -20px;
 +
left: -20px;
 +
background-image: url('https://static.igem.org/mediawiki/2013/c/c7/BGU_fancy_shadow_nw.png');
 +
}
 +
 +
#fancybox-title {
 +
font-family: Helvetica;
 +
font-size: 12px;
 +
z-index: 1102;
 +
}
 +
 +
.fancybox-title-inside {
 +
padding-bottom: 10px;
 +
text-align: center;
 +
color: #333;
 +
background: #fff;
 +
position: relative;
 +
}
 +
 +
.fancybox-title-outside {
 +
padding-top: 10px;
 +
color: #fff;
 +
}
 +
 +
.fancybox-title-over {
 +
position: absolute;
 +
bottom: 0;
 +
left: 0;
 +
color: #FFF;
 +
text-align: left;
 +
}
 +
 +
#fancybox-title-over {
 +
padding: 10px;
 +
background-image: url('https://static.igem.org/mediawiki/2013/7/76/BGU_fancy_title_over.png');
 +
display: block;
 +
}
 +
 +
.fancybox-title-float {
 +
position: absolute;
 +
left: 0;
 +
bottom: -20px;
 +
height: 32px;
 +
}
 +
 +
#fancybox-title-float-wrap {
 +
border: none;
 +
border-collapse: collapse;
 +
width: auto;
 +
}
 +
 +
#fancybox-title-float-wrap td {
 +
border: none;
 +
white-space: nowrap;
 +
}
 +
 +
#fancybox-title-float-left {
 +
padding: 0 0 0 15px;
 +
background: url('https://static.igem.org/mediawiki/2013/d/d8/BGU_fancy_title_left.png') no-repeat;
 +
}
 +
 +
#fancybox-title-float-main {
 +
color: #FFF;
 +
line-height: 29px;
 +
font-weight: bold;
 +
padding: 0 0 3px 0;
 +
background: url('https://static.igem.org/mediawiki/2013/2/24/BGU_fancybox-x.png') 0px -40px;
 +
}
 +
 +
#fancybox-title-float-right {
 +
padding: 0 0 0 15px;
 +
background: url('https://static.igem.org/mediawiki/2013/b/ba/BGU_fancy_title_right.png')  no-repeat; 
 +
}
 +
 +
/* IE6 */
 +
 +
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/d/d5/BGU_fancy_close.png', sizingMethod='scale'); }
 +
 +
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/5/5f/BGU_fancy_nav_left.png', sizingMethod='scale'); }
 +
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/9/9c/BGU_fancy_nav_right.png', sizingMethod='scale'); }
 +
 +
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/7/76/BGU_fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
 +
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/d/d8/BGU_fancy_title_left.png', sizingMethod='scale'); }
 +
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/f/f3/BGU_fancy_title_main.png', sizingMethod='scale'); }
 +
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/b/ba/BGU_fancy_title_right.png', sizingMethod='scale'); }
 +
 +
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
 +
height: expression(this.parentNode.clientHeight + "px");
 +
}
 +
 +
#fancybox-loading.fancybox-ie6 {
 +
position: absolute; margin-top: 0;
 +
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
 +
}
 +
 +
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/1/12/BGU_fancy_loading.png', sizingMethod='scale'); }
 +
 +
/* IE6, IE7, IE8 */
 +
 +
.fancybox-ie .fancybox-bg { background: transparent !important; }
 +
 +
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/a/a4/BGU_fancy_shadow_n.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/c/c0/BGU_fancy_shadow_ne.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/0/0a/BGU_fancy_shadow_e.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/6/68/BGU_fancy_shadow_se.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/0/0b/BGU_fancy_shadow_s.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/6/6e/BGU_fancy_shadow_sw.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/f/f0/BGU_fancy_shadow_w.png.png', sizingMethod='scale'); }
 +
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://static.igem.org/mediawiki/2013/c/c7/BGU_fancy_shadow_nw.png', sizingMethod='scale'); }
 +
 +
/*----------------------- ESSENTIAL STYLES *-----------------------*/
 +
 +
.sf-menu, .sf-menu * {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
        color: #fff;
 +
}
 +
.sf-menu {
 +
line-height: 1.0;
 +
}
 +
.sf-menu ul {
 +
position: absolute;
 +
top: -999em;
 +
width: 10em; /* left offset of submenus need to match (see below) */
 +
}
 +
.sf-menu ul li {
 +
width: 100%;
 +
}
 +
.sf-menu li:hover {
 +
visibility: inherit; /* fixes IE7 'sticky bug' */
 +
}
 +
.sf-menu li {
 +
float: left;
 +
position: relative;
 +
}
 +
.sf-menu a {
 +
display: block;
 +
position: relative;
 +
}
 +
.sf-menu li:hover ul,
 +
.sf-menu li.sfHover ul {
 +
left: 0;
 +
top: 2.5em; /* match top ul list item height */
 +
z-index: 99;
 +
}
 +
ul.sf-menu li:hover li ul,
 +
ul.sf-menu li.sfHover li ul {
 +
top: -999em;
 +
}
 +
ul.sf-menu li li:hover ul,
 +
ul.sf-menu li li.sfHover ul {
 +
left: 10em; /* match ul width */
 +
top: 0;
 +
}
 +
ul.sf-menu li li:hover li ul,
 +
ul.sf-menu li li.sfHover li ul {
 +
top: -999em;
 +
}
 +
ul.sf-menu li li li:hover ul,
 +
ul.sf-menu li li li.sfHover ul {
 +
left: 10em; /* match ul width */
 +
top: 0;
 +
}
 +
 +
/* TABS -----------------------------------------------*/
 +
 +
 +
.tabs {
 +
list-style:none;
 +
margin:0 !important;
 +
padding:0px 0px 60px 0px;
 +
height:200px;
 +
}
 +
 +
body.home ul.tabs {
 +
list-style:none;
 +
margin:0 !important;
 +
padding:5px 30px 0px 30px;
 +
height:30px;
 +
}
 +
 +
 +
/* single tab */
 +
ul.tabs li {
 +
float:left;
 +
text-indent:0;
 +
padding:5px;
 +
margin:0 !important;
 +
list-style-image: none !important;
 +
}
 +
 +
ul.tabs a {
 +
    width:100px;
 +
color: #696969;
 +
font-size:14px;
 +
display:block;
 +
height: 20px; 
 +
line-height:20px;
 +
text-align:center;
 +
text-decoration:none;
 +
padding: 3px 15px;
 +
margin:0px;
 +
margin-right: 10px;
 +
position:relative;
 +
top:1px;
 +
background: #B4C9E1;
 +
border-radius: 6px;
 +
-moz-border-radius: 6px;
 +
-webkit-border-radius: 6px;
 +
}
 +
 +
#pcontent ul.tabs a{
 +
color: #696969;
 +
        text-decoration:none;
 +
}
 +
#pcontent ul.tabs a:hover{
 +
color: #fff;
 +
}
 +
 +
ul.tabs a:active {
 +
outline:none;
 +
}
 +
 +
#pcontent ul.tabs a:hover { background: #879FBA; }
 +
 +
ul.tabs a.current,
 +
#pcontent ul.tabs a.current:hover,
 +
ul.tabs li.current a {
 +
cursor:default !important;
 +
color:#F2F2F1 !important;
 +
display: block;
 +
background: #294360;
 +
}
 +
 +
.panes .pane {
 +
display:none;
 +
}
 +
 +
.panes>div {
 +
    display: none;
 +
    min-height: 200px;
 +
 
 +
}
 +
 +
/* HOME TABS THUMBS ---------------------------------------------------------*/
 +
 +
.panes .blocks-thumbs{
 +
overflow: hidden;
 +
padding-top: 30px;
 +
}
 +
 +
.panes .blocks-thumbs li{
 +
display: block;
 +
overflow: hidden;
 +
float: left;
 +
width: 282px;
 +
height: 315px;
 +
margin: 0px 0px 30px 30px;
 +
 +
}
 +
 +
#pcontent .panes .blocks-thumbs li .header{
 +
font-size: 20px;
 +
margin-bottom: 20px;
 +
text-decoration: none;
 +
color: #696969;
 +
}
 +
 +
.panes .blocks-thumbs li a.thumb{
 +
display: block;
 +
overflow: hidden;
 +
width: 282px;
 +
height: 150px;
 +
margin-bottom: 20px;
 +
border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
-webkit-border-radius: 10px;
 +
}
 +
 +
.panes .blocks-thumbs li a{ display: block; text-decoration: none; }
 +
 +
 +
.panes{
 +
margin-top: -190px;
 +
margin-left:20px;
 +
width:1180px;
 +
}
 +
 +
.panes .plain-text{
 +
padding: 30px 30px;
 +
}
 +
 +
.panes .plain-text a{
 +
text-decoration: none;
 +
}
 +
.tip-twitter {
 +
opacity:0.8;
 +
z-index:1000;
 +
text-align:left;
 +
border-radius:4px;
 +
-moz-border-radius:4px;
 +
-webkit-border-radius:4px;
 +
padding:8px 8px;
 +
max-width:200px;
 +
color:#fff;
 +
background-color:#000;
 +
 +
}
 +
.tip-twitter .tip-inner {
 +
font:bold 11px/14px 'Lucida Grande',sans-serif;
 +
        color:#fff;
 +
}
 +
 +
 +
div.pp_pic_holder a:focus{
 +
outline:none;
 +
}
 +
div.pp_overlay{
 +
background:#000;
 +
display: none;
 +
left:0;
 +
position:absolute;
 +
top:0;
 +
width:100%;
 +
z-index:9500;
 +
}
 +
div.pp_pic_holder{
 +
display: none;
 +
position:absolute;
 +
width:100px;
 +
z-index:10000;
 +
}
 +
.pp_top{height:20px;
 +
position: relative;
 +
}
 +
* html .pp_top{
 +
padding:0 20px;
 +
}
 +
.pp_top .pp_left{
 +
height:20px;
 +
left:0;
 +
position:absolute;
 +
width:20px;
 +
}
 +
.pp_top .pp_middle{
 +
height:20px;
 +
left:20px;
 +
position:absolute;
 +
right:20px;
 +
}
 +
* html .pp_top .pp_middle{
 +
left:0;
 +
position: static;
 +
}
 +
.pp_top .pp_right{
 +
height:20px;
 +
left:auto;
 +
position:absolute;
 +
right:0;
 +
top:0;
 +
width:20px;
 +
}
 +
.pp_content{
 +
height:40px;
 +
min-width:40px;
 +
}
 +
* html .pp_content{
 +
width:40px;
 +
}
 +
.pp_fade{
 +
display: none;
 +
}
 +
.pp_content_container{
 +
position: relative;text-align: left;width:100%;
 +
}
 +
.pp_content_container .pp_left{
 +
padding-left:20px;
 +
}
 +
.pp_content_container .pp_right{
 +
padding-right:20px;
 +
}
 +
.pp_content_container .pp_details{
 +
float: left;margin:10px 0 2px 0;
 +
}
 +
.pp_description{
 +
display: none;margin:0 0 5px 0;
 +
}
 +
.pp_nav{
 +
clear: left;float: left;margin:3px 0 0 0;
 +
}
 +
.pp_nav p{
 +
float: left;margin:2px 4px;
 +
}
 +
.pp_nav .pp_play,.pp_nav .pp_pause{
 +
float: left;margin-right:4px;text-indent: -10000px;
 +
}
 +
a.pp_arrow_previous,a.pp_arrow_next{
 +
display:block;float: left;height:15px;margin-top:3px;overflow: hidden;text-indent: -10000px;width:14px;
 +
}
 +
.pp_hoverContainer{
 +
position:absolute;top:0;width:100%;z-index:2000;
 +
}
 +
.pp_gallery{
 +
display: none;left:50%;margin-top: -50px;position:absolute;z-index:10000;
 +
}
 +
.pp_gallery ul{
 +
float: left;height:35px;margin:0 0 0 5px;overflow: hidden;padding:0;position: relative;
 +
}
 +
.pp_gallery ul a{
 +
border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float: left;height:33px;overflow: hidden;
 +
}
 +
.pp_gallery ul a:hover,.pp_gallery li.selected a{
 +
border-color:#fff;
 +
}
 +
.pp_gallery ul a img{border:0;}.pp_gallery li{
 +
display:block;float: left;margin:0 5px 0 0;padding:0;
 +
}
 +
.pp_gallery li.default a{
 +
display:block;height:33px;width:50px;
 +
}
 +
.pp_gallery li.default a img{
 +
display: none;
 +
}
 +
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{
 +
margin-top:7px !important;
 +
}
 +
a.pp_next{
 +
display:block;float: right;height:100%;text-indent: -10000px;width:49%;
 +
}
 +
a.pp_previous{
 +
display:block;float: left;height:100%;text-indent: -10000px;width:49%;
 +
}
 +
a.pp_expand,a.pp_contract{
 +
cursor: pointer;display: none;height:20px;position:absolute;right:30px;text-indent: -10000px;top:10px;width:20px;z-index:20000;
 +
}
 +
a.pp_close{
 +
display:block;float: right;line-height:22px;text-indent: -10000px;
 +
}
 +
.pp_bottom{
 +
height:20px;position: relative;
 +
}
 +
* html .pp_bottom{
 +
padding:0 20px;
 +
}
 +
.pp_bottom .pp_left{
 +
height:20px;left:0;position:absolute;width:20px;
 +
}
 +
.pp_bottom .pp_middle{
 +
height:20px;left:20px;position:absolute;right:20px;
 +
}
 +
* html .pp_bottom .pp_middle{
 +
left:0;position: static;
 +
}
 +
.pp_bottom .pp_right{
 +
height:20px;left:auto;position:absolute;right:0;top:0;width:20px;
 +
}
 +
.pp_loaderIcon{
 +
display:block;height:24px;left:50%;margin: -12px 0 0 -12px;position:absolute;top:50%;width:24px;
 +
}
 +
#pp_full_res{
 +
line-height:1 !important;
 +
}
 +
#pp_full_res .pp_inline{
 +
text-align: left;
 +
}
 +
#pp_full_res .pp_inline p{
 +
margin:0 0 15px 0;
 +
}
 +
div.ppt{
 +
color:#fff;display: none;font-size:17px;margin:0 0 5px 15px;z-index:9999;
 +
}
 +
.clearfix:after{
 +
content: ".";display:block;height:0;clear:both;visibility: hidden;
 +
}
 +
.clearfix {
 +
display: inline-block;
 +
}
 +
* html .clearfix {
 +
height:1%;
 +
}
 +
.clearfix {
 +
display:block;
 +
}
 +
</style>
</style>
</html>
</html>

Latest revision as of 21:20, 28 October 2013

Retrieved from "http://2013.igem.org/Template:Team:BGU_Israel/style.css"