Template:Team:BGU Israel/style.css
From 2013.igem.org
(Difference between revisions)
Neta.weiss (Talk | contribs) |
Neta.weiss (Talk | contribs) |
||
(204 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | <html> | |
- | + | <style> | |
+ | |||
+ | #contentSub, #search-controls, #footer-box, #catlinks, #p-logo { | ||
+ | display:none;} | ||
+ | .firstHeading { | ||
+ | height:0px; | ||
+ | visibility:hidden; | ||
+ | } | ||
+ | #top-section { | ||
+ | border: none; | ||
+ | font-size:12px; | ||
+ | height: 0px;} | ||
+ | #content { | ||
+ | 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 6: | 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 18: | 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 51: | 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 77: | 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 147: | 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 268: | 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 280: | 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 298: | 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 306: | 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 358: | Line 592: | ||
} | } | ||
- | /* INFO BOXES | + | /* INFO BOXES ---------------------------------------------------------*/ |
.info-add, | .info-add, | ||
Line 615: | 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 648: | 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 683: | 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 695: | 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 729: | 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 798: | 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 832: | Line 1,106: | ||
} | } | ||
- | body.home # | + | body.home #pcontent{ |
padding-top: 250px; | padding-top: 250px; | ||
} | } | ||
Line 843: | 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 857: | 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 865: | 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 875: | 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 893: | Line 1,178: | ||
position:left; | position:left; | ||
width: 660px; | width: 660px; | ||
- | margin-top: | + | margin-top:10px; |
} | } | ||
Line 899: | Line 1,184: | ||
position:absolute; | position:absolute; | ||
width: 310px; | width: 310px; | ||
- | top: | + | top:240px; |
- | right: | + | right:218px; |
} | } | ||
Line 927: | 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 967: | 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 975: | Line 1,260: | ||
#nav>li ul{ | #nav>li ul{ | ||
display: block; | display: block; | ||
- | margin-top: - | + | margin-top: -15px; |
+ | width:160px; | ||
background: #6F849C; | background: #6F849C; | ||
border-radius: 0px 0px 10px 10px; | border-radius: 0px 0px 10px 10px; | ||
Line 994: | 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,000: | 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,009: | 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,038: | 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,049: | 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,093: | Line 1,385: | ||
padding-top:8px; | padding-top:8px; | ||
padding-left:10px; | padding-left:10px; | ||
+ | text-decoration: none; | ||
} | } | ||
Line 1,108: | 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,118: | Line 1,493: | ||
width: 1200px; | width: 1200px; | ||
margin-left: 30px; | margin-left: 30px; | ||
+ | font-size:14px; | ||
} | } | ||
Line 1,123: | Line 1,499: | ||
#page-content .h1{ | #page-content .h1{ | ||
- | color: # | + | color: #ffffff; |
+ | } | ||
+ | |||
+ | #page-content .h4{ | ||
+ | color: #ffffff; | ||
} | } | ||
Line 1,148: | 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,153: | 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,167: | 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 li{ | #Protocols li{ | ||
Line 1,235: | 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,250: | 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,258: | 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,323: | 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,332: | 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,357: | 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,376: | Line 1,798: | ||
- | # | + | #pcontent .project-column .meta a{ |
display: inline; | display: inline; | ||
font-size: 12px; | font-size: 12px; | ||
Line 1,382: | 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,388: | Line 1,810: | ||
} | } | ||
- | # | + | #pcontent .project-column .meta a:hover{ background: #000;} |
.project-column .project-title{ | .project-column .project-title{ | ||
Line 1,415: | 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> | ||
+ | </html> |
Latest revision as of 21:20, 28 October 2013