Template:Team:BGU Israel/style.css

From 2013.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
Line 42: Line 42:
vertical-align: baseline;
vertical-align: baseline;
background: transparent;
background: transparent;
-
         color:#19293C;
+
         color: #19293C;
}
}
#sup {
#sup {
Line 87: Line 87:
.round-pic {
.round-pic {
 +
  border: 1px solid #cecece;
   border-radius:10px;  
   border-radius:10px;  
   -moz-border-radius:10px;  
   -moz-border-radius:10px;  
Line 92: Line 93:
     }
     }
 +
/* 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 216: 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 337: 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 348: Line 494:
#pcontent a.link-button-light{
#pcontent a.link-button-light{
background: #f1f1f1;
background: #f1f1f1;
-
color: #363636;
+
color: #19293C;
}
}
Line 373: Line 519:
font-size:14px;
font-size:14px;
color:#19293C;
color:#19293C;
 +
        background-color: #F2F2F1;
}
}
Line 854: Line 1,001:
#pcontent a{
#pcontent a{
-
color: #48C1D3;
+
color: #2081C4;
         text-decoration:underline;
         text-decoration:underline;
}
}
Line 990: Line 1,137:
h8{ font-size: 12px; line-height: 1.8em;}
h8{ font-size: 12px; line-height: 1.8em;}
-
h12 {color: #00ff00; }
+
h12 {color: #00B018; }
h13 {color: #FFA800; }
h13 {color: #FFA800; }
h14 {color: #FF00FF; }
h14 {color: #FF00FF; }
Line 1,065: 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: 840px;
+
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,105: 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,140: Line 1,287:
#nav>li ul li a:hover{
#nav>li ul li a:hover{
-
background: #363636;
+
background: #19293C;
}
}
Line 1,292: Line 1,439:
}
}
td.topics_hp:hover {
td.topics_hp:hover {
-
   background: #33455A;
+
   background: #e3e3e3;
   text-decoration: none;
   text-decoration: none;
Line 1,423: 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,431: Line 1,580:
width: 282px;
width: 282px;
height: 267px;
height: 267px;
 +
        color: #fff;
}
}
Line 1,436: 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;
}
}
Line 1,468: Line 1,620:
text-align: left;
text-align: left;
text-decoration: none;
text-decoration: none;
-
color: #ffffff;
+
color: #19293C;
-
background: #fff;
+
background: #E2E9F1;
border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-moz-border-radius: 10px;
Line 1,483: 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,492: Line 1,644:
#pcontent li.active a{
#pcontent li.active a{
-
color: #363636;
+
color: #19293C;
background: #ffd800;
background: #ffd800;
}
}
Line 1,498: 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,556: 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,565: 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,646: 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,723: 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,759: 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,791: 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,185: Line 2,354:
padding: 0;
padding: 0;
list-style: none;
list-style: none;
 +
        color: #fff;
}
}
.sf-menu {
.sf-menu {
Line 2,274: 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,285: Line 2,455:
}
}
#pcontent ul.tabs a:hover{
#pcontent ul.tabs a:hover{
-
color: #ffffff;
+
color: #fff;
}
}
Line 2,292: 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,300: Line 2,470:
color:#F2F2F1 !important;
color:#F2F2F1 !important;
display: block;
display: block;
-
background: #879FBA;
+
background: #294360;
}
}
Line 2,379: 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;
}
}

Latest revision as of 21:20, 28 October 2013

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