"
Template:Team:BNU-China/CSS/main
From 2014.igem.org
(Difference between revisions)
| (184 intermediate revisions not shown) | |||
| Line 1: | Line 1: | ||
<html> | <html> | ||
| + | <head> | ||
<style> | <style> | ||
| - | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/ |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | none;} /*-- hides default wiki settings --*/ | + | |
#top-section { | #top-section { | ||
| Line 35: | Line 29: | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| + | |||
| + | #menubar ul{ | ||
| + | visibility: hidden;} | ||
| + | #menubar:hover ul{ | ||
| + | visibility: visible; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /*low_version*/ | ||
| + | .low_version{ | ||
| + | z-index:-1; | ||
| + | animation:show 30s; | ||
| + | -moz-animation:show 30s; /* Firefox */ | ||
| + | -webkit-animation:show 30s; /* Safari and Chrome */ | ||
| + | -o-animation:show 30s; /* Opera */ | ||
| + | } | ||
| + | @keyframes show | ||
| + | { | ||
| + | from {color:black;} | ||
| + | to {color:#F00;} | ||
| + | } | ||
| + | .low_version p{ | ||
| + | font-size:15px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* RESET | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | |||
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { | ||
margin:0; | margin:0; | ||
| Line 117: | Line 144: | ||
outline : none; | outline : none; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* GENERAL | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
body { | body { | ||
background: #1a1a1a; | background: #1a1a1a; | ||
color: #4d4d4d; | color: #4d4d4d; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 14px; | font-size: 14px; | ||
} | } | ||
| Line 127: | Line 157: | ||
font-size: 14px; | font-size: 14px; | ||
line-height: 20px; | line-height: 20px; | ||
| + | margin-top:5px; | ||
| + | margin-bottom: 5px; | ||
} | } | ||
a { | a { | ||
| - | color: # | + | color: #EA7E73; |
text-decoration: none; | text-decoration: none; | ||
-webkit-transition:all 200ms ease-in; | -webkit-transition:all 200ms ease-in; | ||
| Line 135: | Line 167: | ||
} | } | ||
a:hover { | a:hover { | ||
| - | color: # | + | color: #999889#999889; |
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
font-family: 'Museo500'; | font-family: 'Museo500'; | ||
| - | color: # | + | color: #EA7E73; |
font-weight: normal; | font-weight: normal; | ||
| - | padding-bottom: | + | padding-bottom: 10px; |
} | } | ||
h1 { | h1 { | ||
font-size: 22px; | font-size: 22px; | ||
line-height: 26px; | line-height: 26px; | ||
| + | text-align: center; | ||
} | } | ||
h2 { | h2 { | ||
| Line 176: | Line 209: | ||
} | } | ||
ul li { | ul li { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/4/46/Bnu_bullet.png') center left no-repeat; |
padding-left: 15px; | padding-left: 15px; | ||
} | } | ||
ol { | ol { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 14px; | font-size: 14px; | ||
list-style: decimal; | list-style: decimal; | ||
| Line 191: | Line 224: | ||
} | } | ||
.intro { | .intro { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 21px; | font-size: 21px; | ||
line-height: 31px; | line-height: 31px; | ||
| Line 198: | Line 231: | ||
} | } | ||
blockquote { | blockquote { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 18px; | font-size: 18px; | ||
font-weight: normal; | font-weight: normal; | ||
line-height: 25px; | line-height: 25px; | ||
padding-left: 30px; | padding-left: 30px; | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat left 7px; |
} | } | ||
.hr2 { | .hr2 { | ||
| Line 227: | Line 260: | ||
} | } | ||
img { | img { | ||
| - | + | } | |
| - | } | + | |
img.left { | img.left { | ||
float: left; | float: left; | ||
| Line 238: | Line 270: | ||
} | } | ||
.lite1 { | .lite1 { | ||
| - | color: # | + | color: #EA7E73; |
} | } | ||
.lite2 { | .lite2 { | ||
| - | border-bottom: 1px dotted # | + | border-bottom: 1px dotted #EA7E73; |
} | } | ||
a.button { | a.button { | ||
| - | background: #5499c3 | + | background: #5499c3; |
border: none; | border: none; | ||
| - | |||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
border-radius: 3px; | border-radius: 3px; | ||
color: #fff; | color: #fff; | ||
| - | font-family: | + | font-family:Georgia, "Times New Roman", Times, serif; |
font-size: 14px; | font-size: 14px; | ||
padding: 6px 15px 6px 15px; | padding: 6px 15px 6px 15px; | ||
| Line 260: | Line 291: | ||
-moz-transition:all 200ms ease-in; | -moz-transition:all 200ms ease-in; | ||
} | } | ||
| + | |||
| + | .fig { | ||
| + | background-color: rgba(226,210,197,0.5); | ||
| + | font-size:12px; | ||
| + | padding: 8px 20px 8px 20px; | ||
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
| + | } | ||
| + | |||
/* Webkit Fix */ | /* Webkit Fix */ | ||
@media screen and (-webkit-min-device-pixel-ratio:0) { | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
| Line 308: | Line 347: | ||
a.button.red:hover { | a.button.red:hover { | ||
color: #fff; | color: #fff; | ||
| - | background-color: # | + | background-color: #EA7E73; |
} | } | ||
| Line 330: | Line 369: | ||
display: block; | display: block; | ||
clear: both; | clear: both; | ||
| - | background: url( | + | background: url('https://static.igem.org/mediawiki/2014/b/be/Bnu_codebg.jpg') repeat; |
line-height: 20px; | line-height: 20px; | ||
font-size: 12px; | font-size: 12px; | ||
| Line 363: | Line 402: | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* LAYOUT | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
#wrapper { | #wrapper { | ||
| Line 369: | Line 411: | ||
} | } | ||
#header { | #header { | ||
| - | padding: | + | padding: 0 0 0 0; |
display: block; | display: block; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 376: | Line 418: | ||
.logo { | .logo { | ||
float: left; | float: left; | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 20px; | ||
} | } | ||
.social { | .social { | ||
| Line 412: | Line 456: | ||
font-size: 12px; | font-size: 12px; | ||
text-align: center; | text-align: center; | ||
| + | font-weight:bold; | ||
} | } | ||
#footer { | #footer { | ||
| Line 434: | Line 479: | ||
padding: 0; | padding: 0; | ||
background: none; | background: none; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-style: normal; | font-style: normal; | ||
font-size: 14px; | font-size: 14px; | ||
| Line 453: | Line 498: | ||
ul.latest-posts li span.date { | ul.latest-posts li span.date { | ||
float: left; | float: left; | ||
| - | font-family: | + | font-family:Georgia, "Times New Roman", Times, serif; |
padding-right: 15px; | padding-right: 15px; | ||
padding-top: 2px; | padding-top: 2px; | ||
| Line 492: | Line 537: | ||
padding: 0; | padding: 0; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* MENU | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.menu { | .menu { | ||
| - | + | font-family: Georgia, "Times New Roman", Times, serif; | |
list-style: none; | list-style: none; | ||
| - | font-weight: | + | font-weight: bold; |
width: 960px; | width: 960px; | ||
padding: 0; | padding: 0; | ||
| Line 509: | Line 557: | ||
margin: 0; | margin: 0; | ||
list-style-type: none; | list-style-type: none; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-style: normal; | font-style: normal; | ||
letter-spacing: normal; | letter-spacing: normal; | ||
| Line 522: | Line 570: | ||
.menu ul li a { | .menu ul li a { | ||
display: block; | display: block; | ||
| - | |||
text-decoration: none; | text-decoration: none; | ||
display:block; | display:block; | ||
line-height: 1; | line-height: 1; | ||
border-right: 1px solid #b4b4b4; | border-right: 1px solid #b4b4b4; | ||
| - | font-size: | + | font-size: 15px; |
} | } | ||
| Line 539: | Line 586: | ||
} | } | ||
.menu ul li a:link, .menu ul li a:visited { | .menu ul li a:link, .menu ul li a:visited { | ||
| - | color: # | + | color: #EA7E73; |
} | } | ||
.menu ul li a.active { | .menu ul li a.active { | ||
| - | color: # | + | color: #EA7E73; |
} | } | ||
.menu ul li a.selected { | .menu ul li a.selected { | ||
background: #fff; | background: #fff; | ||
| - | color: # | + | color: #EA7E73; |
} | } | ||
.menu ul li a:hover { | .menu ul li a:hover { | ||
| - | background: | + | background: rgba(255,255,255,0.8); |
| - | color: # | + | color: #999889; |
} | } | ||
.menu ul li ul { | .menu ul li ul { | ||
| Line 557: | Line 604: | ||
display: none; | display: none; | ||
visibility: hidden; | visibility: hidden; | ||
| - | width: | + | width: 170px; |
| + | border-radius:0 0 0.5em 0.5em; | ||
| + | background-color: rgba(255,255,255,0.8); | ||
padding: 0; | padding: 0; | ||
} | } | ||
| Line 565: | Line 614: | ||
padding: 0 17px; | padding: 0 17px; | ||
background-color: #fff; | background-color: #fff; | ||
| + | border-radius:0 0 0.5em 0.5em; | ||
} | } | ||
.menu ul li ul li:first-child a { | .menu ul li ul li:first-child a { | ||
| Line 589: | Line 639: | ||
} | } | ||
.quote blockquote { | .quote blockquote { | ||
| - | background: #FFF url( | + | background: #FFF url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat 15px 15px; |
padding: 15px 15px 15px 40px; | padding: 15px 15px 15px 40px; | ||
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
| Line 601: | Line 651: | ||
} | } | ||
.quote em { | .quote em { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-style: normal; | font-style: normal; | ||
} | } | ||
| Line 607: | Line 657: | ||
margin-top: -30px; | margin-top: -30px; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* SHOWCASE | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | |||
#awOnePageButton .view-slide { | #awOnePageButton .view-slide { | ||
display: none; | display: none; | ||
| Line 625: | Line 679: | ||
.showcase-content-container { | .showcase-content-container { | ||
background-color: #000; | background-color: #000; | ||
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
} | } | ||
.showcase-arrow-previous, .showcase-arrow-next { | .showcase-arrow-previous, .showcase-arrow-next { | ||
| Line 630: | Line 685: | ||
top: 50%; | top: 50%; | ||
margin-top: -9px; | margin-top: -9px; | ||
| - | background: url(' | + | background: url('https://static.igem.org/mediawiki/2014/5/5f/Bnu_arrows.png'); |
width: 25px; | width: 25px; | ||
height: 25px; | height: 25px; | ||
| Line 670: | Line 725: | ||
text-align: left; | text-align: left; | ||
padding: 5px 8px; | padding: 5px 8px; | ||
| - | background-image: url( | + | background-image: url('https://static.igem.org/mediawiki/2014/5/53/Bnu_white-opacity-80.png'); |
} | } | ||
.showcase-caption { | .showcase-caption { | ||
| Line 678: | Line 733: | ||
position: absolute; | position: absolute; | ||
bottom: 10px; | bottom: 10px; | ||
| - | |||
display: none; | display: none; | ||
width: auto; | width: auto; | ||
| - | + | background-color: rgba(255,255,255,0.3) | |
} | } | ||
.showcase-onepage .showcase-content { | .showcase-onepage .showcase-content { | ||
| Line 700: | Line 754: | ||
text-indent: -99999px; | text-indent: -99999px; | ||
display: inline-block; | display: inline-block; | ||
| - | background: url(' | + | background: url('https://static.igem.org/mediawiki/2014/2/27/Bnu_navs.png'); |
} | } | ||
.showcase-button-wrapper span:hover, .showcase-button-wrapper span.active { | .showcase-button-wrapper span:hover, .showcase-button-wrapper span.active { | ||
| Line 811: | Line 865: | ||
display: none; | display: none; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* COLUMNS | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.one-half { | .one-half { | ||
| - | width: | + | width:46%; |
} | } | ||
.one-third { | .one-third { | ||
width:30.66%; | width:30.66%; | ||
} | } | ||
| - | .two-third { | + | .two-third p{ |
| - | + | padding-top: 20px; | |
} | } | ||
.one-fourth { | .one-fourth { | ||
width:22%; | width:22%; | ||
} | } | ||
| + | .one-fourth img{width:35% !important;} | ||
.three-fourth { | .three-fourth { | ||
width:74%; | width:74%; | ||
| Line 854: | Line 912: | ||
clear:right; | clear:right; | ||
} | } | ||
| - | + | /*-----------------------------------------------------------------------------------*/ | |
| + | /* CAROUSEL | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.carousel { | .carousel { | ||
height: 130px; | height: 130px; | ||
| Line 878: | Line 938: | ||
.carousel .jcarousel-item img { | .carousel .jcarousel-item img { | ||
padding: 0; | padding: 0; | ||
| + | border-radius: 0.5em 0.5em 0.5em; | ||
| + | } | ||
| + | .carousel .jcarousel-item img { | ||
| + | border-radius: 0.5em 0.5em 0.5em !important; | ||
} | } | ||
.carousel .jcarousel-container { | .carousel .jcarousel-container { | ||
| Line 899: | Line 963: | ||
} | } | ||
#prev, #next { | #prev, #next { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/5/57/Bnu_car-arrow.png') no-repeat; |
width: 21px; | width: 21px; | ||
height: 21px; | height: 21px; | ||
| Line 923: | Line 987: | ||
background-position: bottom right; | background-position: bottom right; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* FORMS | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | |||
.form-container { | .form-container { | ||
position: relative; | position: relative; | ||
| Line 951: | Line 1,019: | ||
} | } | ||
.forms fieldset { | .forms fieldset { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 14px; | font-size: 14px; | ||
} | } | ||
| Line 986: | Line 1,054: | ||
padding: 0 10px; | padding: 0 10px; | ||
color: #4d4d4d; | color: #4d4d4d; | ||
| - | font-family: | + | font-family:Georgia, "Times New Roman", Times, serif; |
font-size: 13px; | font-size: 13px; | ||
display: inline; | display: inline; | ||
| Line 1,002: | Line 1,070: | ||
resize: none; | resize: none; | ||
color: #4d4d4d; | color: #4d4d4d; | ||
| - | font-family: | + | font-family:Georgia, "Times New Roman", Times, serif; |
font-size: 13px; | font-size: 13px; | ||
padding: 5px 10px; | padding: 5px 10px; | ||
| Line 1,016: | Line 1,084: | ||
} | } | ||
.forms fieldset .btn-submit { | .forms fieldset .btn-submit { | ||
| - | background: #5499c3 url( | + | background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x; |
border: none; | border: none; | ||
height: 27px; | height: 27px; | ||
| Line 1,023: | Line 1,091: | ||
border-radius: 3px; | border-radius: 3px; | ||
color: #e2e2e2; | color: #e2e2e2; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 14px; | font-size: 14px; | ||
padding: 0 20px 1px 20px; | padding: 0 20px 1px 20px; | ||
| Line 1,050: | Line 1,118: | ||
width: 80px; | width: 80px; | ||
padding-top: 5px; | padding-top: 5px; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 13px; | font-size: 13px; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* FOOTER FORMS | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
#footer .form-container { | #footer .form-container { | ||
| Line 1,075: | Line 1,146: | ||
} | } | ||
#footer .forms fieldset .btn-submit { | #footer .forms fieldset .btn-submit { | ||
| - | background: #5499c3 url( | + | background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x; |
border: none; | border: none; | ||
height: 27px; | height: 27px; | ||
| Line 1,082: | Line 1,153: | ||
border-radius: 3px; | border-radius: 3px; | ||
color: #e2e2e2; | color: #e2e2e2; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 14px; | font-size: 14px; | ||
padding: 0 20px 1px 20px; | padding: 0 20px 1px 20px; | ||
| Line 1,103: | Line 1,174: | ||
text-align: right; | text-align: right; | ||
padding-top: 10px; | padding-top: 10px; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 13px; | font-size: 13px; | ||
} | } | ||
| Line 1,142: | Line 1,213: | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* PORTFOLIO | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.items { | .items { | ||
| Line 1,173: | Line 1,247: | ||
.box h4 { | .box h4 { | ||
padding:10px 0 0; | padding:10px 0 0; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
} | } | ||
.box p { | .box p { | ||
padding: 0; | padding: 0; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
} | } | ||
#filtering-nav { | #filtering-nav { | ||
| Line 1,192: | Line 1,266: | ||
padding: 0 20px 0 0; | padding: 0 20px 0 0; | ||
font-style: normal; | font-style: normal; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
text-transform: uppercase; | text-transform: uppercase; | ||
font-size: 13px; | font-size: 13px; | ||
| Line 1,207: | Line 1,281: | ||
} | } | ||
#portfolio .items, #gallery .items { | #portfolio .items, #gallery .items { | ||
| - | opacity: | + | opacity: 1; |
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* PORTFOLIO HOVER | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | |||
.box a, .carousel ul li { | .box a, .carousel ul li { | ||
| Line 1,220: | Line 1,298: | ||
.play, .zoom, .details { | .play, .zoom, .details { | ||
position: absolute; | position: absolute; | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/a/a1/Bnu_icon-play.png') no-repeat center center; |
} | } | ||
.zoom { | .zoom { | ||
| - | background-image: url( | + | background-image: url('https://static.igem.org/mediawiki/2014/3/39/Bnu_icon-zoom.png'); |
} | } | ||
.details { | .details { | ||
| - | background-image: url( | + | background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Bnu_icon-more.png'); |
} | } | ||
.box a span, .carousel ul li a span { | .box a span, .carousel ul li a span { | ||
| Line 1,239: | Line 1,317: | ||
.overlay { | .overlay { | ||
background-color: rgba(15, 15, 15, 0.4); | background-color: rgba(15, 15, 15, 0.4); | ||
| + | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
| + | color: #FFF1BF; | ||
| + | font-size: 20px; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* GALLERY | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
#gallery { | #gallery { | ||
margin-top: 40px; | margin-top: 40px; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* BLOG | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.blog { | .blog { | ||
| Line 1,280: | Line 1,367: | ||
border-right: 1px solid #454545; | border-right: 1px solid #454545; | ||
float: left; | float: left; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
} | } | ||
.post-date .day { | .post-date .day { | ||
| Line 1,318: | Line 1,405: | ||
} | } | ||
.post-meta { | .post-meta { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 12px; | font-size: 12px; | ||
height: 13px; | height: 13px; | ||
| Line 1,324: | Line 1,411: | ||
} | } | ||
.comments { | .comments { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/f/f4/Bnu_icon-comment.png') no-repeat left center; |
padding-left: 26px; | padding-left: 26px; | ||
margin-right: 10px; | margin-right: 10px; | ||
| Line 1,330: | Line 1,417: | ||
} | } | ||
.categories { | .categories { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/d/d4/Bnu_icon-category.png') no-repeat left center; |
padding-left: 22px; | padding-left: 22px; | ||
} | } | ||
.tags { | .tags { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/c/c4/Bnu_icon-tag.png') no-repeat left center; |
padding-left: 30px; | padding-left: 30px; | ||
margin-top: 10px; | margin-top: 10px; | ||
padding-top: 5px; | padding-top: 5px; | ||
display: block; | display: block; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-size: 12px; | font-size: 12px; | ||
height: 16px; | height: 16px; | ||
| Line 1,347: | Line 1,434: | ||
} | } | ||
.post-meta a:hover, .tags a:hover { | .post-meta a:hover, .tags a:hover { | ||
| - | color: # | + | color: #999889; |
} | } | ||
a.more { | a.more { | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| Line 1,370: | Line 1,457: | ||
background: none; | background: none; | ||
padding: 0; | padding: 0; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
} | } | ||
.page-navi ul li a { | .page-navi ul li a { | ||
| Line 1,406: | Line 1,493: | ||
height: 24px; | height: 24px; | ||
font-size: 13px; | font-size: 13px; | ||
| - | font-family: | + | font-family:Georgia, "Times New Roman", Times, serif; |
-webkit-border-radius: 5px; | -webkit-border-radius: 5px; | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
| - | background: #FFF url( | + | background: #FFF url('https://static.igem.org/mediawiki/2014/7/74/Bnu_search.png') 240px center no-repeat; |
} | } | ||
.tag-list ul li { | .tag-list ul li { | ||
| Line 1,432: | Line 1,519: | ||
.tag-list ul li a:hover { | .tag-list ul li a:hover { | ||
| - | color: # | + | color: #999889; |
} | } | ||
.cat-list ul li { | .cat-list ul li { | ||
| Line 1,456: | Line 1,543: | ||
} | } | ||
.cat-list ul li a:hover { | .cat-list ul li a:hover { | ||
| - | color: # | + | color: #999889; |
} | } | ||
ul.ads { | ul.ads { | ||
| Line 1,489: | Line 1,576: | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* SERVICES | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.service { | .service { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/0/07/Bnu_circle.png') no-repeat; |
width: 100px; | width: 100px; | ||
height: 100px; | height: 100px; | ||
| Line 1,499: | Line 1,589: | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* 18. TOGGLE | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
.toggle { | .toggle { | ||
width: 100%; | width: 100%; | ||
| - | |||
clear:both; | clear:both; | ||
| + | } | ||
| + | .toggle img.left { | ||
| + | float: left; | ||
| + | margin: 10px 50px 20px 0; | ||
} | } | ||
.toggle-wrapper { | .toggle-wrapper { | ||
| Line 1,511: | Line 1,607: | ||
width: 550px; | width: 550px; | ||
clear:both; | clear:both; | ||
| - | |||
margin:0px; | margin:0px; | ||
display: block; | display: block; | ||
cursor: pointer; | cursor: pointer; | ||
background-color: #FFF; | background-color: #FFF; | ||
| - | padding: 10px 20px; | + | padding:10px 20px 10px 50px; |
color: #4d4d4d; | color: #4d4d4d; | ||
border: 1px solid #dedede; | border: 1px solid #dedede; | ||
| Line 1,525: | Line 1,620: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
| + | font-size: 18px; | ||
} | } | ||
h2.trigger.active { | h2.trigger.active { | ||
| - | color: # | + | color: #EA7E73; |
} | } | ||
h2.trigger:hover { | h2.trigger:hover { | ||
| - | color: # | + | color: #999889; |
} | } | ||
.togglebox { | .togglebox { | ||
| - | width: | + | width:80%; |
height: auto; | height: auto; | ||
| - | background-color: # | + | background-color: #FFF1BF; |
overflow: hidden; | overflow: hidden; | ||
margin: 10px 0; | margin: 10px 0; | ||
border: 1px solid #dedede; | border: 1px solid #dedede; | ||
| - | -webkit-border-radius: | + | -webkit-border-radius: 10px; |
| - | -moz-border-radius: | + | -moz-border-radius: 10px; |
| - | border-radius: | + | border-radius: 10px; |
} | } | ||
.togglebox div { | .togglebox div { | ||
| - | padding: | + | padding: 60px; |
} | } | ||
.togglebox p { | .togglebox p { | ||
| Line 1,560: | Line 1,656: | ||
border-radius: 5px; | border-radius: 5px; | ||
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* TABS | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
ul.tabs { | ul.tabs { | ||
| Line 1,576: | Line 1,675: | ||
background: none; | background: none; | ||
padding: 0; | padding: 0; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
} | } | ||
ul.tabs li a { | ul.tabs li a { | ||
| Line 1,599: | Line 1,698: | ||
text-shadow: none; | text-shadow: none; | ||
text-decoration: none; | text-decoration: none; | ||
| - | color: # | + | color: #999889; |
} | } | ||
ul.tabs li a { | ul.tabs li a { | ||
| Line 1,606: | Line 1,705: | ||
ul.tabs li a:hover { | ul.tabs li a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
| - | color: # | + | color: #999889; |
} | } | ||
ul.tabs li.active a { | ul.tabs li.active a { | ||
| - | border: 1px solid # | + | border: 1px solid #FFF1BF; |
| - | color: # | + | color: #EA7E73; |
| - | background-color: # | + | background-color: #FFF1BF; |
} | } | ||
.tab_container { | .tab_container { | ||
| Line 1,618: | Line 1,717: | ||
float: left; | float: left; | ||
width: 99%; | width: 99%; | ||
| - | border: | + | border-bottom: 2px solid rgba(254, 240, 190, 1); |
| - | + | ||
margin-top: 10px; | margin-top: 10px; | ||
| - | |||
| - | |||
| - | |||
} | } | ||
.tab_content { | .tab_content { | ||
padding: 15px 15px 15px 15px; | padding: 15px 15px 15px 15px; | ||
} | } | ||
| - | + | /*-----------------------------------------------------------------------------------*/ | |
| + | /* TABLE | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
table { | table { | ||
| Line 1,634: | Line 1,731: | ||
border-collapse: collapse; | border-collapse: collapse; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| - | + | background: rgba(255,255,255,0) !important; | |
color: #6e6e6e; | color: #6e6e6e; | ||
border-bottom:1px solid #dedede; | border-bottom:1px solid #dedede; | ||
} | } | ||
table td { | table td { | ||
| - | |||
border-right:1px solid #dedede; | border-right:1px solid #dedede; | ||
} | } | ||
| Line 1,678: | Line 1,774: | ||
table.price td.left { | table.price td.left { | ||
text-align: left; | text-align: left; | ||
| - | + | ||
} | } | ||
table.price td.right { | table.price td.right { | ||
text-align: right; | text-align: right; | ||
| - | + | font-size: 15px; | |
| + | padding-right: 10px; | ||
} | } | ||
table.price td h4 { | table.price td h4 { | ||
| Line 1,690: | Line 1,787: | ||
display: block; | display: block; | ||
font-size: 14px; | font-size: 14px; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-style: normal; | font-style: normal; | ||
color: #6e6e6e; | color: #6e6e6e; | ||
| Line 1,697: | Line 1,794: | ||
padding-left: 3px; | padding-left: 3px; | ||
line-height: 18px; | line-height: 18px; | ||
| - | font-family: | + | font-family: Georgia, "Times New Roman", Times, serif; |
font-style: normal; | font-style: normal; | ||
} | } | ||
.check-icon { | .check-icon { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/8/88/Bnu_check-table.png') no-repeat center left; |
width: 12px; | width: 12px; | ||
height: 10px; | height: 10px; | ||
} | } | ||
.cross { | .cross { | ||
| - | background: transparent url( | + | background: transparent url('https://static.igem.org/mediawiki/2014/f/f0/Bnu_cross.png') no-repeat center left; |
width: 10px; | width: 10px; | ||
height: 10px; | height: 10px; | ||
| Line 1,725: | Line 1,822: | ||
height: 100%; | height: 100%; | ||
z-index: 2; | z-index: 2; | ||
| - | background: url(' | + | background: url('https://static.igem.org/mediawiki/2014/d/d0/Bnu_tile.png'); |
} | } | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | /* COMMENTS | ||
| + | /*-----------------------------------------------------------------------------------*/ | ||
| + | |||
| + | #comments { | ||
| + | width: 590px; | ||
| + | margin-left:10%; | ||
| + | margin-top:30px; | ||
| + | } | ||
| + | .full-width #comments { | ||
| + | width: 900px; | ||
| + | } | ||
| + | ol.commentlist .message p { | ||
| + | font-style: normal; | ||
| + | clear: both; | ||
| + | padding: 0; | ||
| + | } | ||
| + | ol.commentlist { | ||
| + | list-style:none; | ||
| + | margin:0; | ||
| + | } | ||
| + | ol.commentlist li { | ||
| + | margin: 0; | ||
| + | list-style:none; | ||
| + | background: none; | ||
| + | padding: 25px 0 26px 0; | ||
| + | border-bottom: 1px solid #454545; | ||
| + | font-family: Georgia, "Times New Roman", Times, serif; | ||
| + | } | ||
| + | #comments .user { | ||
| + | float:left; | ||
| + | width:60px; | ||
| + | } | ||
| + | .avatar { | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | float:left; | ||
| + | display:block; | ||
| + | margin-left:-30px; | ||
| + | } | ||
| + | #comments .message .info .date { | ||
| + | float:left; | ||
| + | font-size: 11px; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #comments .info a { | ||
| + | font-size:11px; | ||
| + | float:left; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #comments a.reply-link { | ||
| + | display:block; | ||
| + | margin-left: 10px; | ||
| + | float:right; | ||
| + | text-decoration:none; | ||
| + | font-size:9px; | ||
| + | text-transform: uppercase; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | #comments .message { | ||
| + | background:none; | ||
| + | width:510px; | ||
| + | float:right; | ||
| + | font-size:13px; | ||
| + | line-height:20px; | ||
| + | position:relative; | ||
| + | padding:0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .full-width #comments .message { | ||
| + | width:820px; | ||
| + | } | ||
| + | #comments .info { | ||
| + | margin: 0 0 3px 0; | ||
| + | } | ||
| + | #comments ul.children { | ||
| + | margin:0; | ||
| + | padding:0 0 0 40px; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children li { | ||
| + | padding:25px 0 0 0; | ||
| + | margin: 0; | ||
| + | margin-top: 25px; | ||
| + | border: none; | ||
| + | border-top: 1px solid #454545; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children li .message { | ||
| + | width:470px; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children ul li .message { | ||
| + | width:80%; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children ul ul li .message { | ||
| + | width:390px; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children ul ul ul li .message { | ||
| + | width:350px; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children ul ul ul ul li .message { | ||
| + | width:310px; | ||
| + | } | ||
| + | #comments ol.commentlist ul.children ul ul ul ul ul li .message { | ||
| + | width:270px; | ||
| + | } | ||
| + | .full-width #comments ol.commentlist ul.children li .message { | ||
| + | width:780px; | ||
| + | } | ||
| + | .full-width #comments ol.commentlist ul.children ul li .message { | ||
| + | width:740px; | ||
| + | } | ||
| + | .full-width #comments ol.commentlist ul.children ul ul li .message { | ||
| + | width:700px; | ||
| + | } | ||
| + | .full-width #comments ol.commentlist ul.children ul ul ul li .message { | ||
| + | width:660px; | ||
| + | } | ||
| + | .full-width #comments ol.commentlist ul.children ul ul ul ul li .message { | ||
| + | width:620px; | ||
| + | } | ||
| + | .full-width #comments ol.commentlist ul.children ul ul ul ul ul li .message { | ||
| + | width:580px; | ||
| + | } | ||
| + | #comments .info h3 { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | line-height: 18px; | ||
| + | display: inline; | ||
| + | } | ||
| + | #comments .info h3 a { | ||
| + | font-size: 15px; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | #comments .info h3 a:hover { | ||
| + | } | ||
| + | .comment-form { | ||
| + | margin-top: 40px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*Navigation*/ | ||
| + | #navigation{ | ||
| + | width:150px; | ||
| + | height:150px; | ||
| + | bottom:20px; | ||
| + | right:0px; | ||
| + | position:fixed; | ||
| + | z-index:10000; | ||
| + | transition: all 0.9s ease-in-out 0.1s; | ||
| + | cursor:pointer; | ||
| + | opacity: 0.9; | ||
| + | } | ||
| + | #navigation:hover{ | ||
| + | background-image:url('https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png'); | ||
| + | transition: all 0.9s ease-in-out 0.1s; | ||
| + | } | ||
| + | #navigation:hover img { | ||
| + | opacity:0; | ||
| + | } | ||
| + | |||
| + | .thanks{ | ||
| + | text-shadow:1px 1px 8px rgba(68, 62, 62, 0.6); | ||
| + | color:rgba(63, 100, 206, 1); | ||
| + | font-size: x-large; | ||
| + | } | ||
| + | |||
| + | .maps { | ||
| + | background: rgba(254, 240, 190, 1) !important; | ||
| + | } | ||
| + | |||
| + | .maps:hover * { | ||
| + | background: rgba(254, 240, 190, 0.1) !important; | ||
| + | } | ||
| + | |||
| + | .map_list { | ||
| + | margin-left:10%; | ||
| + | margin-bottom:100px; | ||
| + | } | ||
| + | .map_list *{ | ||
| + | background:none !important; | ||
| + | } | ||
| + | |||
| + | .map_list ul { | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | |||
| + | .member hr { | ||
| + | margin: 1em 0 .5em 0em !important; | ||
| + | height:2px; | ||
| + | } | ||
| + | |||
| + | #copyright p { | ||
| + | color: #EA7E73; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | <!--[if IE 7]> | ||
| + | #footer .form-container { | ||
| + | position: relative; | ||
| + | width: 197px; | ||
| + | margin-left: -15px; | ||
| + | } | ||
| + | |||
| + | #footer .form-container .loading { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #footer .forms fieldset .text-input { | ||
| + | width: 110px; | ||
| + | } | ||
| + | #footer .forms label { | ||
| + | padding-top:6px; | ||
| + | } | ||
| + | |||
| + | .menu ul li a {padding: 21px 30px 19px;} | ||
| + | |||
| + | .forms fieldset .text-input, #footer .forms fieldset .text-input { | ||
| + | height: 22px; | ||
| + | padding: 8px 10px 0; | ||
| + | } | ||
| + | |||
| + | ul.latest-posts li em.month { | ||
| + | line-height: 10px; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | |||
| + | ul.flickr li { | ||
| + | display: inline; | ||
| + | margin: 0 12px 12px 0; | ||
| + | }<![endif]--> | ||
| + | <!--[if IE 8]> | ||
| + | #footer .form-container .loading { | ||
| + | width: 110px; | ||
| + | height: 400px; | ||
| + | } | ||
| + | #footer .forms fieldset .text-input { | ||
| + | width: 110px; | ||
| + | height: 30px; | ||
| + | } | ||
| + | #footer .forms label { | ||
| + | padding-top:6px; | ||
| + | } | ||
| + | |||
| + | .menu ul li a {padding: 21px 30px 19px;} | ||
| + | |||
| + | |||
| + | .forms fieldset .text-input, #footer .forms fieldset .text-input { | ||
| + | height: 22px; | ||
| + | padding: 8px 10px 0; | ||
| + | } | ||
| + | |||
| + | ul.flickr { | ||
| + | margin-top: -15px; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | |||
| + | ul.flickr li { | ||
| + | margin: 0 9px -3px 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | ul.flickr li a { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | ul.flickr li a img { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | display: block; | ||
| + | } | ||
| + | <![endif]--> | ||
| + | <!--[if IE 9]> | ||
| + | #footer .form-container .loading { | ||
| + | width: 110px; | ||
| + | height: 400px; | ||
| + | } | ||
| + | #footer .forms fieldset .text-input { | ||
| + | width: 110px; | ||
| + | height: 30px; | ||
| + | } | ||
| + | #footer .forms label { | ||
| + | padding-top:6px; | ||
| + | } | ||
| + | |||
| + | .menu ul li a {padding: 21px 30px 19px;} | ||
| + | <![endif]--> | ||
| + | |||
</style> | </style> | ||
| + | </head> | ||
| + | </html> | ||
Latest revision as of 22:36, 17 October 2014
