Template:Team:BGU Israel/style.css
From 2013.igem.org
(Difference between revisions)
Neta.weiss (Talk | contribs) |
Neta.weiss (Talk | contribs) |
||
(191 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style> | <style> | ||
- | #contentSub, #search-controls | + | #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: | + | font-size:12px; |
height: 0px;} | height: 0px;} | ||
#content { | #content { | ||
border: none; | border: none; | ||
+ | top:5px; | ||
width:100%} | 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 | + | 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 | + | .team-member h16 { |
position:absolute; | position:absolute; | ||
top: 15px; | top: 15px; | ||
left:150px; | left:150px; | ||
font-size:16px; | font-size:16px; | ||
- | font- | + | font-weight:bold; |
+ | color: #294360; | ||
+ | } | ||
+ | |||
+ | .team-member b { | ||
+ | font-size:11px; | ||
+ | font-weight:bold; | ||
+ | color: #294360; | ||
} | } | ||
- | .team-member | + | .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; | |
+ | } | ||
- | |||
- | color: # | + | .team-content { |
- | + | color:#19293C; | |
+ | } | ||
+ | .team-content h6 { | ||
+ | color:#19293C; | ||
} | } | ||
+ | |||
+ | /* ADVISORS -----------------------------------------------*/ | ||
+ | |||
+ | .advisors{ | ||
+ | display: block; | ||
+ | overflow:hidden; | ||
+ | padding-top:20px; | ||
+ | color:#19293C; | ||
+ | } | ||
+ | |||
+ | .advisors img { | ||
- | + | width:150px; | |
- | + | height:150px; | |
- | + | padding-right:10px; | |
- | + | -moz-border-radius: 10px; | |
- | + | -webkit-border-radius: 10px; | |
- | + | ||
} | } | ||
- | + | ||
- | + | .advisors h1 { | |
- | + | padding-top:0px; | |
- | + | font-size:18px; | |
- | font-size: | + | |
font-style:bold; | font-style:bold; | ||
+ | color:#19293C; | ||
+ | |||
} | } | ||
- | + | ||
- | + | .advisors h6 { | |
- | + | padding-top:0px; | |
- | + | font-size:14px; | |
- | + | font-style:bold; | |
- | font- | + | color:#19293C; |
} | } | ||
+ | |||
+ | .advisors p { | ||
+ | color:#19293C; | ||
+ | font-size:12px; | ||
+ | } | ||
+ | |||
+ | |||
Line 157: | Line 359: | ||
} | } | ||
- | # | + | #pcontent .ui-accordion .ui-accordion-header>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 278: | Line 480: | ||
/* LINK BUTTON -------------------------------------------------------*/ | /* LINK BUTTON -------------------------------------------------------*/ | ||
- | # | + | #pcontent a.link-button, |
- | # | + | #pcontent a.link-button-light{ |
display: table; | display: table; | ||
- | background: # | + | background: #19293C; |
color: #f1f1f1; | color: #f1f1f1; | ||
text-decoration: none; | text-decoration: none; | ||
Line 290: | Line 492: | ||
} | } | ||
- | # | + | #pcontent a.link-button-light{ |
background: #f1f1f1; | background: #f1f1f1; | ||
- | color: # | + | color: #19293C; |
} | } | ||
- | # | + | #pcontent a.link-button:hover{ background: #000000; } |
- | # | + | #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; | ||
- | |||
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: # | + | color: #19293C; |
padding:10px; | padding:10px; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
Line 625: | Line 849: | ||
body { | body { | ||
line-height: 1; | line-height: 1; | ||
- | color: # | + | 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: # | + | 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: | + | 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; | |
- | + | 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: | ||
} | } | ||
- | # | + | #pcontent a{ |
- | color: # | + | color: #2081C4; |
+ | text-decoration:underline; | ||
} | } | ||
- | # | + | #pcontent p{ |
margin-bottom: 20px; | margin-bottom: 20px; | ||
+ | font-size:14px; | ||
+ | color:#19293C; | ||
} | } | ||
- | # | + | #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; | ||
- | |||
} | } | ||
Line 842: | Line 1,106: | ||
} | } | ||
- | body.home # | + | 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: | + | 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: | + | margin-top:10px; |
} | } | ||
Line 909: | Line 1,184: | ||
position:absolute; | position:absolute; | ||
width: 310px; | width: 310px; | ||
- | top: | + | top:240px; |
- | right: | + | right:218px; |
} | } | ||
Line 937: | Line 1,212: | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
- | + | z-index:5001; | |
top: 120px; | top: 120px; | ||
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 977: | 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,012: | Line 1,287: | ||
#nav>li ul li a:hover{ | #nav>li ul li a:hover{ | ||
- | background: # | + | background: #19293C; |
+ | } | ||
+ | #nav>li ul li:last-child { | ||
+ | margin-bottom:5px; | ||
} | } | ||
Line 1,021: | Line 1,299: | ||
-webkit-border-radius: 0px 0px 10px 10px; | -webkit-border-radius: 0px 0px 10px 10px; | ||
} | } | ||
- | |||
#topics1{ | #topics1{ | ||
float: left; | float: left; | ||
- | width: | + | width: 1100px; |
- | margin-left: | + | 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 ; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
text-align: left; | text-align: left; | ||
- | + | text-decoration: none; | |
} | } | ||
+ | #topics_hp a{ | ||
+ | text-decoration: none; | ||
+ | } | ||
td.topics, th.topics{ | td.topics, th.topics{ | ||
Line 1,050: | Line 1,328: | ||
} | } | ||
td.topics:hover { | td.topics:hover { | ||
- | background: # | + | background: #33455A; |
+ | text-decoration: none; | ||
} | } | ||
.topic-pic { | .topic-pic { | ||
- | width: | + | width:360px; |
height:240px; | height:240px; | ||
align:center; | align:center; | ||
Line 1,061: | Line 1,340: | ||
} | } | ||
.topics-text { | .topics-text { | ||
- | width: | + | 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: | + | width:420px; |
height:240px; | height:240px; | ||
align:center; | align:center; | ||
+ | |||
} | } | ||
.topics-text1 { | .topics-text1 { | ||
- | width: | + | 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,105: | Line 1,385: | ||
padding-top:8px; | padding-top:8px; | ||
padding-left:10px; | padding-left:10px; | ||
+ | text-decoration: none; | ||
} | } | ||
Line 1,120: | 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,130: | Line 1,493: | ||
width: 1200px; | width: 1200px; | ||
margin-left: 30px; | margin-left: 30px; | ||
+ | font-size:14px; | ||
} | } | ||
Line 1,135: | Line 1,499: | ||
#page-content .h1{ | #page-content .h1{ | ||
- | color: # | + | color: #ffffff; |
+ | } | ||
+ | |||
+ | #page-content .h4{ | ||
+ | color: #ffffff; | ||
} | } | ||
Line 1,160: | 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,165: | Line 1,556: | ||
/* GALLERY -----------------------------------------------*/ | /* GALLERY -----------------------------------------------*/ | ||
- | # | + | #pcontent .gallery{ |
display: block; | display: block; | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
- | # | + | #pcontent .gallery li{ |
display: block; | display: block; | ||
float: left; | float: left; | ||
Line 1,179: | 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; | ||
} | } | ||
- | # | + | #pcontent .gallery.three-cols li{ |
width: 282px; | width: 282px; | ||
height: 267px; | height: 267px; | ||
+ | color: #fff; | ||
} | } | ||
- | # | + | #pcontent .gallery.two-cols li{ |
width: 438px; | width: 438px; | ||
height: 267px; | height: 267px; | ||
+ | color: #fff; | ||
} | } | ||
- | # | + | #pcontent .gallery li a{ |
display: block; | display: block; | ||
+ | color: #fff; | ||
} | } | ||
+ | #gallery1 { | ||
+ | width:1000px; | ||
+ | } | ||
- | + | #gallery2 { | |
- | + | width:1000px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* PROTOCOLS -----------------------------------------------*/ | /* PROTOCOLS -----------------------------------------------*/ | ||
Line 1,247: | 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,262: | 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,270: | Line 1,643: | ||
- | # | + | #pcontent li.active a{ |
- | color: # | + | color: #19293C; |
background: #ffd800; | background: #ffd800; | ||
} | } | ||
- | # | + | #pcontent .pager li:hover a, |
- | # | + | #pcontent .pager li.active a{ |
- | color: # | + | color: #19293C; |
background: #ffd800; | background: #ffd800; | ||
} | } | ||
Line 1,335: | 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,344: | 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,369: | 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,388: | Line 1,798: | ||
- | # | + | #pcontent .project-column .meta a{ |
display: inline; | display: inline; | ||
font-size: 12px; | font-size: 12px; | ||
Line 1,394: | 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,400: | Line 1,810: | ||
} | } | ||
- | # | + | #pcontent .project-column .meta a:hover{ background: #000;} |
.project-column .project-title{ | .project-column .project-title{ | ||
Line 1,471: | 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,507: | 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,539: | 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 1,933: | Line 2,354: | ||
padding: 0; | padding: 0; | ||
list-style: none; | list-style: none; | ||
+ | color: #fff; | ||
} | } | ||
.sf-menu { | .sf-menu { | ||
Line 1,988: | Line 2,410: | ||
margin:0 !important; | margin:0 !important; | ||
padding:0px 0px 60px 0px; | padding:0px 0px 60px 0px; | ||
- | + | height:200px; | |
} | } | ||
Line 2,022: | 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,028: | Line 2,450: | ||
} | } | ||
- | # | + | #pcontent ul.tabs a{ |
color: #696969; | color: #696969; | ||
+ | text-decoration:none; | ||
} | } | ||
- | # | + | #pcontent ul.tabs a:hover{ |
- | color: # | + | color: #fff; |
} | } | ||
Line 2,039: | Line 2,462: | ||
} | } | ||
- | # | + | #pcontent ul.tabs a:hover { background: #879FBA; } |
ul.tabs a.current, | ul.tabs a.current, | ||
- | # | + | #pcontent ul.tabs a.current:hover, |
ul.tabs li.current a { | ul.tabs li.current a { | ||
cursor:default !important; | cursor:default !important; | ||
color:#F2F2F1 !important; | color:#F2F2F1 !important; | ||
display: block; | display: block; | ||
- | background: # | + | background: #294360; |
} | } | ||
Line 2,077: | Line 2,500: | ||
} | } | ||
- | # | + | #pcontent .panes .blocks-thumbs li .header{ |
font-size: 20px; | font-size: 20px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
Line 2,099: | Line 2,522: | ||
.panes{ | .panes{ | ||
- | margin-top: - | + | margin-top: -190px; |
- | margin-left: | + | margin-left:20px; |
- | width: | + | width:1180px; |
} | } | ||
Line 2,126: | 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.pp_pic_holder a:focus{ | div.pp_pic_holder a:focus{ | ||
outline:none; | outline:none; |
Latest revision as of 21:20, 28 October 2013