Template:Team:BGU Israel/style.css

From 2013.igem.org

(Difference between revisions)
 
(142 intermediate revisions not shown)
Line 18: Line 18:
#bodyContent {
#bodyContent {
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: #19293C;  
font-family: Arial, Helvetica, sans-serif;
font-family: Arial, Helvetica, sans-serif;
font-size:  100%;
font-size:  100%;
Line 30: 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 42: Line 42:
vertical-align: baseline;
vertical-align: baseline;
background: transparent;
background: transparent;
-
         color:#ffffff;
+
         color: #19293C;
}
}
 +
#sup {
 +
  bottom: 1ex;
 +
}
 +
body {
body {
line-height: 1;
line-height: 1;
Line 76: 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 102: 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;
   color: #294360;
     }
     }
   
   
-
  .team-member  h10 {
+
  .team-member  h17 {
     position:absolute;
     position:absolute;
     top: 45px;
     top: 45px;
Line 122: Line 287:
  .team-content  {
  .team-content  {
-
     color:#ffffff;
+
     color:#19293C;
     }
     }
.team-content  h6 {
.team-content  h6 {
-
     color:#ffffff;
+
     color:#19293C;
}
}
Line 135: Line 300:
         overflow:hidden;
         overflow:hidden;
         padding-top:20px;
         padding-top:20px;
-
         color:#ffffff;
+
         color:#19293C;
}
}
Line 151: Line 316:
     font-size:18px;
     font-size:18px;
     font-style:bold;
     font-style:bold;
-
     color:#ffffff;
+
     color:#19293C;
     }
     }
Line 159: Line 324:
     font-size:14px;
     font-size:14px;
     font-style:bold;
     font-style:bold;
-
     color:#ffffff;
+
     color:#19293C;
     }
     }
   
   
.advisors  p {
.advisors  p {
-
     color:#ffffff;
+
     color:#19293C;
     font-size:12px;
     font-size:12px;
     }     
     }     
Line 197: Line 362:
#pcontent .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 318: Line 483:
#pcontent 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 329: Line 494:
#pcontent a.link-button-light{
#pcontent a.link-button-light{
background: #f1f1f1;
background: #f1f1f1;
-
color: #363636;
+
color: #19293C;
}
}
Line 337: Line 502:
/* 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 345: 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 353: 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 662: 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 695: 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 728: Line 915:
         background: url(https://static.igem.org/mediawiki/2013/6/64/BGU_notebookBG.png) ;
         background: url(https://static.igem.org/mediawiki/2013/6/64/BGU_notebookBG.png) ;
         color:#000;
         color:#000;
 +
}
 +
 +
#page-content-notebook b, p, .three-fourth{
 +
        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;
}
}
Line 735: Line 952:
margin-bottom: 40px;
margin-bottom: 40px;
}
}
-
 
Line 742: Line 958:
     width:100%;
     width:100%;
     height:30px;
     height:30px;
-
text-align:center;
+
    text-align:center;
-
line-height: 2em;
+
    line-height: 2em;
-
  color:#ffffff;
+
    font-size:16px;
 +
    color:#ffffff;
 +
}
 +
#footer-title p{
 +
    text-align:center;
 +
    line-height: 2em;
 +
    font-size:16px;
 +
    color:#ffffff;
}
}
#footer{
#footer{
Line 778: Line 1,001:
#pcontent a{
#pcontent a{
-
color: #37b2d1;
+
color: #2081C4;
 +
        text-decoration:underline;
}
}
Line 785: Line 1,009:
margin-bottom: 20px;
margin-bottom: 20px;
         font-size:14px;
         font-size:14px;
-
         color:#ffffff;
+
         color:#19293C;
}
}
Line 893: 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 907: 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: #00ff00; }
+
h12 {color: #00B018; }
h13 {color: #FFA800; }
h13 {color: #FFA800; }
 +
h14 {color: #FF00FF; }
/* COLUMNS LAYOUT----------------------------------------------------------*/
/* COLUMNS LAYOUT----------------------------------------------------------*/
Line 918: 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 928: 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 946: Line 1,178:
position:left;
position:left;
width: 660px;
width: 660px;
-
margin-top:30px;
+
margin-top:10px;
}
}
Line 952: Line 1,184:
position:absolute;
position:absolute;
width: 310px;
width: 310px;
-
top:200px;
+
top:240px;
-
right:30px;
+
right:218px;
}
}
Line 980: 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 1,020: 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 1,055: 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,064: Line 1,299:
-webkit-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
}
}
-
 
#topics1{
#topics1{
float: left;
float: left;
-
width: 1000px;
+
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:1000px;
 
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,093: 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,104: 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;
}
}
-
.topics-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,148: Line 1,385:
   padding-top:8px;
   padding-top:8px;
   padding-left:10px;
   padding-left:10px;
 +
  text-decoration: none;
}
}
Line 1,170: Line 1,408:
margin-left: auto;
margin-left: auto;
margin-bottom: auto;
margin-bottom: auto;
 +
      text-decoration: none;
 +
}
 +
#topics_hp a{
 +
      text-decoration: none;
}
}
Line 1,179: Line 1,421:
width:100%;
width:100%;
text-align: left;
text-align: left;
-
    text-decoration: none;
+
        text-decoration: none;
}
}
Line 1,186: Line 1,428:
border:0px;
border:0px;
align:center;
align:center;
 +
        text-decoration: none;
 +
}
 +
td.topics_hp {
 +
  text-decoration: none;
 +
}
 +
 +
td.topics_hp:a{
 +
  text-decoration: none;
}
}
td.topics_hp:hover {
td.topics_hp:hover {
-
   background: #5D6875;
+
   background: #e3e3e3;
 +
  text-decoration: none;
}
}
Line 1,205: Line 1,456:
   color:#ffffff;
   color:#ffffff;
   text-decoration: none;
   text-decoration: none;
 +
border-top: solid 3px #FA932B;
}
}
-
.topics_hp h6 {
+
.topics-text_hp h6 {
   text-decoration: none;
   text-decoration: none;
   color:#ffffff;
   color:#ffffff;
   font-size:18px;
   font-size:18px;
-
   font-style:bold;
+
   font-weight:bold;
   padding-top:8px;
   padding-top:8px;
   padding-left:10px;
   padding-left:10px;
Line 1,218: Line 1,470:
}
}
-
.topics_hp p {
+
.topics-text_hp p {
   text-decoration: none;
   text-decoration: none;
   color:#ffffff;
   color:#ffffff;
Line 1,225: Line 1,477:
}
}
-
.topics_hp a {
+
.topics-text_hp a {
   text-decoration: none;
   text-decoration: none;
   color:#ffffff;
   color:#ffffff;
Line 1,288: Line 1,540:
}
}
 +
ol.bulletlist2{
 +
list-style-type: square ;
 +
list-style-position: outside;
 +
margin-left: 70px;
 +
}
 +
li.bulletlist2{
 +
margin-left: 15px;
 +
margin-bottom: 15px;
 +
}
Line 1,309: 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;
}
}
Line 1,317: Line 1,580:
width: 282px;
width: 282px;
height: 267px;
height: 267px;
 +
        color: #fff;
}
}
Line 1,322: Line 1,586:
width: 438px;
width: 438px;
height: 267px;
height: 267px;
 +
      color: #fff;
}
}
#pcontent .gallery li a{
#pcontent .gallery li a{
display: block;
display: block;
 +
        color: #fff;
}
}
 +
#gallery1 {
 +
  width:1000px;
 +
}
 +
#gallery2 {
 +
  width:1000px;
 +
}
/* PROTOCOLS -----------------------------------------------*/
/* PROTOCOLS -----------------------------------------------*/
Line 1,348: 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,363: 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,372: Line 1,644:
#pcontent li.active a{
#pcontent li.active a{
-
color: #363636;
+
color: #19293C;
background: #ffd800;
background: #ffd800;
}
}
Line 1,378: Line 1,650:
#pcontent .pager li:hover a,
#pcontent .pager li:hover a,
#pcontent .pager li.active a{
#pcontent .pager li.active a{
-
color: #363636;
+
color: #19293C;
background: #ffd800;
background: #ffd800;
}
}
Line 1,436: 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,445: 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,470: 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,495: 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,572: Line 1,881:
margin:0;
margin:0;
line-height: 1.5em;
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 {
.nivo-caption a {
display:inline !important;
display:inline !important;
Line 1,608: Line 1,928:
     position:relative;
     position:relative;
     left:60px;
     left:60px;
-
background: url(https://static.igem.org/mediawiki/2013/c/cc/BGU_slider-shadow.png) no-repeat center bottom;
+
background: url(https://static.igem.org/mediawiki/2013/9/99/BGU_slider-shadow2.png) no-repeat center bottom;
}
}
Line 1,640: Line 1,960:
padding-left: 20px;
padding-left: 20px;
padding-right: 20px;
padding-right: 20px;
-
background: #363636;
+
background: #19293C;
border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
Line 2,034: Line 2,354:
padding: 0;
padding: 0;
list-style: none;
list-style: none;
 +
        color: #fff;
}
}
.sf-menu {
.sf-menu {
Line 2,123: Line 2,444:
position:relative;
position:relative;
top:1px;
top:1px;
-
background: #F2F2F1;
+
background: #B4C9E1;
border-radius: 6px;
border-radius: 6px;
-moz-border-radius: 6px;
-moz-border-radius: 6px;
Line 2,131: Line 2,452:
#pcontent ul.tabs a{
#pcontent ul.tabs a{
color: #696969;
color: #696969;
 +
        text-decoration:none;
}
}
#pcontent ul.tabs a:hover{
#pcontent ul.tabs a:hover{
-
color: #ffffff;
+
color: #fff;
}
}
Line 2,140: Line 2,462:
}
}
-
#pcontent ul.tabs a:hover { background: #4F637B; }
+
#pcontent ul.tabs a:hover { background: #879FBA; }
ul.tabs a.current,
ul.tabs a.current,
Line 2,148: Line 2,470:
color:#F2F2F1 !important;
color:#F2F2F1 !important;
display: block;
display: block;
-
background: #879FBA;
+
background: #294360;
}
}
Line 2,202: Line 2,524:
margin-top: -190px;
margin-top: -190px;
margin-left:20px;
margin-left:20px;
-
width:1000px;
+
width:1180px;
}
}
Line 2,227: Line 2,549:
.tip-twitter .tip-inner {
.tip-twitter .tip-inner {
font:bold 11px/14px 'Lucida Grande',sans-serif;
font:bold 11px/14px 'Lucida Grande',sans-serif;
 +
        color:#fff;
}
}
-
/*---
 
-
div.light_rounded .pp_top .pp_left{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat;
 
-
}
 
-
div.light_rounded .pp_top .pp_middle{
 
-
background:#fff;
 
-
}
 
-
div.light_rounded .pp_top .pp_right{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat;
 
-
}
 
-
div.light_rounded .pp_content .ppt{
 
-
color:#000;
 
-
}
 
-
div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{
 
-
background:#fff;
 
-
}
 
-
div.light_rounded .pp_content{
 
-
background-color:#fff;
 
-
}
 
-
div.light_rounded .pp_next:hover{
 
-
background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded .pp_previous:hover{
 
-
background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded .pp_expand{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded .pp_expand:hover{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded .pp_contract{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded .pp_contract:hover{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded .pp_close{
 
-
width:75px;
 
-
height:22px;
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_rounded #pp_full_res .pp_inline{
 
-
color:#000;
 
-
}
 
-
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{
 
-
margin-top:12px !important;
 
-
}
 
-
div.light_rounded .pp_nav .pp_play{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.light_rounded .pp_nav .pp_pause{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.light_rounded .pp_arrow_previous{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat;
 
-
}
 
-
div.light_rounded .pp_arrow_previous.disabled{
 
-
background-position:0 -87px;cursor:default;
 
-
}
 
-
div.light_rounded .pp_arrow_next{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat;
 
-
}
 
-
div.light_rounded .pp_arrow_next.disabled{
 
-
background-position: -22px -87px;
 
-
cursor:default;
 
-
}
 
-
div.light_rounded .pp_bottom .pp_left{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat;
 
-
}
 
-
div.light_rounded .pp_bottom .pp_middle{
 
-
background:#fff;
 
-
}
 
-
div.light_rounded .pp_bottom .pp_right{
 
-
background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat;
 
-
}
 
-
div.light_rounded .pp_loaderIcon{
 
-
background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
 
-
}
 
-
div.dark_rounded .pp_top .pp_left{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat;
 
-
}
 
-
div.dark_rounded .pp_top .pp_middle{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
 
-
}
 
-
div.dark_rounded .pp_top .pp_right{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat;
 
-
}
 
-
div.dark_rounded .pp_content_container .pp_left{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
 
-
}
 
-
div.dark_rounded .pp_content_container .pp_right{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
 
-
}
 
-
div.dark_rounded .pp_content{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
 
-
}
 
-
div.dark_rounded .pp_next:hover{
 
-
background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .pp_previous:hover{
 
-
background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .pp_expand{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .pp_expand:hover{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .pp_contract{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .pp_contract:hover{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .pp_close{
 
-
width:75px;
 
-
height:22px;
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_rounded .currentTextHolder{
 
-
color:#c4c4c4;
 
-
}
 
-
div.dark_rounded .pp_description{
 
-
color:#fff;
 
-
}
 
-
div.dark_rounded #pp_full_res .pp_inline{
 
-
color:#fff;
 
-
}
 
-
div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{
 
-
margin-top:12px !important;
 
-
}
 
-
div.dark_rounded .pp_nav .pp_play{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.dark_rounded .pp_nav .pp_pause{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.dark_rounded .pp_arrow_previous{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat;
 
-
}
 
-
div.dark_rounded .pp_arrow_previous.disabled{
 
-
background-position:0 -87px;cursor:default;
 
-
}
 
-
div.dark_rounded .pp_arrow_next{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat;
 
-
}
 
-
div.dark_rounded .pp_arrow_next.disabled{
 
-
background-position: -22px -87px;
 
-
cursor:default;
 
-
}
 
-
div.dark_rounded .pp_bottom .pp_left{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat;
 
-
}
 
-
div.dark_rounded .pp_bottom .pp_middle{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat;
 
-
}
 
-
div.dark_rounded .pp_bottom .pp_right{
 
-
background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat;
 
-
}
 
-
div.dark_rounded .pp_loaderIcon{
 
-
background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
 
-
}
 
-
div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{
 
-
background: url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat;
 
-
}
 
-
div.dark_square .currentTextHolder{
 
-
color:#c4c4c4;
 
-
}
 
-
div.dark_square .pp_description{
 
-
color:#fff;
 
-
}
 
-
div.dark_square .pp_loaderIcon{
 
-
background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat;
 
-
}
 
-
div.dark_square .pp_content_container .pp_left{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y;
 
-
}
 
-
div.dark_square .pp_content_container .pp_right{
 
-
background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y;
 
-
}
 
-
div.dark_square .pp_expand{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_square .pp_expand:hover{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_square .pp_contract{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_square .pp_contract:hover{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_square .pp_close{
 
-
width:75px;
 
-
height:22px;
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_square #pp_full_res .pp_inline{
 
-
color:#fff;
 
-
}
 
-
div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{
 
-
margin-top:12px !important;
 
-
}
 
-
div.dark_square .pp_nav .pp_play{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.dark_square .pp_nav .pp_pause{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.dark_square .pp_arrow_previous{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat;
 
-
}
 
-
div.dark_square .pp_arrow_previous.disabled{
 
-
background-position:0 -87px;
 
-
cursor:default;
 
-
}
 
-
div.dark_square .pp_arrow_next{
 
-
background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat;
 
-
}
 
-
div.dark_square .pp_arrow_next.disabled{
 
-
background-position: -22px -87px;
 
-
cursor:default;
 
-
}
 
-
div.dark_square .pp_next:hover{
 
-
background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.dark_square .pp_previous:hover{
 
-
background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{
 
-
background:#fff;
 
-
}
 
-
div.light_square .pp_content .ppt{
 
-
color:#000;
 
-
}
 
-
div.light_square .pp_expand{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_expand:hover{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_contract{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_contract:hover{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_close{
 
-
width:75px;
 
-
height:22px;
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square #pp_full_res .pp_inline{
 
-
color:#000;
 
-
}
 
-
div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{
 
-
margin-top:12px !important;
 
-
}
 
-
div.light_square .pp_nav .pp_play{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.light_square .pp_nav .pp_pause{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
 
-
height:15px;
 
-
width:14px;
 
-
}
 
-
div.light_square .pp_arrow_previous{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat;
 
-
}
 
-
div.light_square .pp_arrow_previous.disabled{
 
-
background-position:0 -87px;
 
-
cursor:default;
 
-
}
 
-
div.light_square .pp_arrow_next{
 
-
background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
 
-
}
 
-
div.light_square .pp_arrow_next.disabled{
 
-
background-position: -22px -87px;
 
-
cursor:default;
 
-
}
 
-
div.light_square .pp_next:hover{
 
-
background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_previous:hover{
 
-
background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.light_square .pp_loaderIcon{
 
-
background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat;
 
-
}
 
-
--*/
 
-
/*--
 
-
div.facebook .pp_top .pp_left{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat;
 
-
}
 
-
div.facebook .pp_top .pp_middle{
 
-
background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x;
 
-
}
 
-
div.facebook .pp_top .pp_right{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat;
 
-
}
 
-
div.facebook .pp_content .ppt{
 
-
color:#000;
 
-
}
 
-
div.facebook .pp_content_container .pp_left{
 
-
background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y;
 
-
}
 
-
div.facebook .pp_content_container .pp_right{
 
-
background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y;
 
-
}
 
-
div.facebook .pp_content{
 
-
background:#fff;
 
-
}
 
-
div.facebook .pp_expand{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook .pp_expand:hover{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook .pp_contract{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook .pp_contract:hover{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook .pp_close{
 
-
width:22px;
 
-
height:22px;
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook #pp_full_res .pp_inline{
 
-
color:#000;
 
-
}
 
-
div.facebook .pp_loaderIcon{
 
-
background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat;
 
-
}
 
-
div.facebook .pp_arrow_previous{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
 
-
height:22px;
 
-
margin-top:0;
 
-
width:22px;
 
-
}
 
-
div.facebook .pp_arrow_previous.disabled{
 
-
background-position:0 -96px;
 
-
cursor:default;
 
-
}
 
-
div.facebook .pp_arrow_next{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
 
-
height:22px;
 
-
margin-top:0;
 
-
width:22px;
 
-
}
 
-
div.facebook .pp_arrow_next.disabled{
 
-
background-position: -32px -96px;
 
-
cursor:default;
 
-
}
 
-
div.facebook .pp_nav{
 
-
margin-top:0;
 
-
}
 
-
div.facebook .pp_nav p{
 
-
font-size:15px;
 
-
padding:0 3px 0 4px;
 
-
}
 
-
div.facebook .pp_nav .pp_play{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
 
-
height:22px;
 
-
width:22px;
 
-
}
 
-
div.facebook .pp_nav .pp_pause{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
 
-
height:22px;
 
-
width:22px;
 
-
}
 
-
div.facebook .pp_next:hover{
 
-
background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook .pp_previous:hover{
 
-
background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
 
-
cursor: pointer;
 
-
}
 
-
div.facebook .pp_bottom .pp_left{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat;
 
-
}
 
-
div.facebook .pp_bottom .pp_middle{
 
-
background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x;
 
-
}
 
-
div.facebook .pp_bottom .pp_right{
 
-
background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat;
 
-
}
 
-
--*/
 
  div.pp_pic_holder a:focus{
  div.pp_pic_holder a:focus{
  outline:none;
  outline:none;

Latest revision as of 21:20, 28 October 2013

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