Template:Team:BGU Israel/style.css
From 2013.igem.org
(Difference between revisions)
Neta.weiss (Talk | contribs) |
Neta.weiss (Talk | contribs) |
||
(42 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: # | + | 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: # | + | 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: # | + | 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: # | + | 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: # | + | h12 {color: #00B018; } |
h13 {color: #FFA800; } | h13 {color: #FFA800; } | ||
h14 {color: #FF00FF; } | h14 {color: #FF00FF; } | ||
Line 1,069: | Line 1,216: | ||
left: 30px; | left: 30px; | ||
height: 46px; | height: 46px; | ||
- | width: | + | 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: # | + | background: #19293C; |
text-shadow: none; | text-shadow: none; | ||
} | } | ||
Line 1,292: | Line 1,439: | ||
} | } | ||
td.topics_hp:hover { | td.topics_hp:hover { | ||
- | background: # | + | 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: # | + | color: #19293C; |
- | background: # | + | 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: # | + | color: #19293C; |
- | background: # | + | 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: # | + | 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: # | + | 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: # | + | 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: # | + | 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/ | + | 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: # | + | background: #19293C; |
border-radius: 10px; | border-radius: 10px; | ||
-moz-border-radius: 10px; | -moz-border-radius: 10px; | ||
Line 2,275: | Line 2,444: | ||
position:relative; | position:relative; | ||
top:1px; | top:1px; | ||
- | background: # | + | background: #B4C9E1; |
border-radius: 6px; | border-radius: 6px; | ||
-moz-border-radius: 6px; | -moz-border-radius: 6px; | ||
Line 2,286: | Line 2,455: | ||
} | } | ||
#pcontent ul.tabs a:hover{ | #pcontent ul.tabs a:hover{ | ||
- | color: # | + | color: #fff; |
} | } | ||
Line 2,293: | Line 2,462: | ||
} | } | ||
- | #pcontent ul.tabs a:hover { background: # | + | #pcontent ul.tabs a:hover { background: #879FBA; } |
ul.tabs a.current, | ul.tabs a.current, | ||
Line 2,301: | Line 2,470: | ||
color:#F2F2F1 !important; | color:#F2F2F1 !important; | ||
display: block; | display: block; | ||
- | background: # | + | background: #294360; |
} | } | ||
Line 2,380: | 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