Template:Team:BNU-China/CSS/main
From 2014.igem.org
(Difference between revisions)
(179 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<head> | <head> | ||
<style> | <style> | ||
- | + | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/ | |
+ | |||
+ | #top-section { | ||
+ | border: 0 none; | ||
+ | height: 14px; | ||
+ | z-index: 100; | ||
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
+ | |||
+ | #globalWrapper, #content { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | } | ||
+ | |||
+ | html, body, .wrapper { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | 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 { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | border:0; | ||
+ | outline:0; | ||
+ | font-size:100%; | ||
+ | vertical-align:baseline; | ||
+ | background:transparent | ||
+ | } | ||
+ | body { | ||
+ | line-height:1 | ||
+ | } | ||
+ | ol, ul { | ||
+ | list-style:none | ||
+ | } | ||
+ | blockquote, q { | ||
+ | quotes:none | ||
+ | } | ||
+ | blockquote:before, blockquote:after, q:before, q:after { | ||
+ | content:''; | ||
+ | content:none | ||
+ | } | ||
+ | :focus { | ||
+ | outline:0 | ||
+ | } | ||
+ | ins { | ||
+ | text-decoration:none | ||
+ | } | ||
+ | del { | ||
+ | text-decoration:line-through | ||
+ | } | ||
+ | table { | ||
+ | border-collapse:collapse; | ||
+ | border-spacing:0 | ||
+ | } | ||
+ | .clear { | ||
+ | clear:both; | ||
+ | display:block; | ||
+ | overflow:hidden; | ||
+ | visibility:hidden; | ||
+ | width:0; | ||
+ | height:0 | ||
+ | } | ||
+ | .clearfix:after { | ||
+ | clear:both; | ||
+ | content:' '; | ||
+ | display:block; | ||
+ | font-size:0; | ||
+ | line-height:0; | ||
+ | visibility:hidden; | ||
+ | width:0; | ||
+ | height:0 | ||
+ | } | ||
+ | .clearfix { | ||
+ | display:inline-block | ||
+ | } | ||
+ | * html .clearfix { | ||
+ | height:1% | ||
+ | } | ||
+ | .clearfix { | ||
+ | display:block | ||
+ | } | ||
+ | th, td { | ||
+ | margin:0; | ||
+ | padding:0 | ||
+ | } | ||
+ | table { | ||
+ | border-collapse:collapse; | ||
+ | border-spacing:0 | ||
+ | } | ||
+ | .clear { | ||
+ | clear: both; | ||
+ | } | ||
+ | br { | ||
+ | line-height: 10px; | ||
+ | } | ||
+ | input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner { | ||
+ | border : 0px; | ||
+ | } | ||
+ | input[type="submit"]:focus, input[type="button"]:focus { | ||
+ | outline : none; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* GENERAL | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | body { | ||
+ | background: #1a1a1a; | ||
+ | color: #4d4d4d; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | p { | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | margin-top:5px; | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | a { | ||
+ | color: #EA7E73; | ||
+ | text-decoration: none; | ||
+ | -webkit-transition:all 200ms ease-in; | ||
+ | -moz-transition:all 200ms ease-in; | ||
+ | } | ||
+ | a:hover { | ||
+ | color: #999889#999889; | ||
+ | } | ||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: 'Museo500'; | ||
+ | color: #EA7E73; | ||
+ | font-weight: normal; | ||
+ | padding-bottom: 10px; | ||
+ | } | ||
+ | h1 { | ||
+ | font-size: 22px; | ||
+ | line-height: 26px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | h2 { | ||
+ | font-size: 20px; | ||
+ | line-height: 24px; | ||
+ | } | ||
+ | h3 { | ||
+ | font-size: 18px; | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | h4 { | ||
+ | font-size: 16px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | h5 { | ||
+ | font-size: 14px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | h6 { | ||
+ | font-size: 12px; | ||
+ | line-height: 18px; | ||
+ | } | ||
+ | .caps { | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | ul { | ||
+ | font-family: 'CharisSILItalic'; | ||
+ | line-height: 20px; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | ul li { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/4/46/Bnu_bullet.png') center left no-repeat; | ||
+ | padding-left: 15px; | ||
+ | } | ||
+ | ol { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | list-style: decimal; | ||
+ | list-style-position: inside; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | ol li { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .intro { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 21px; | ||
+ | line-height: 31px; | ||
+ | text-align: center; | ||
+ | margin-bottom: -2px; | ||
+ | } | ||
+ | blockquote { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 18px; | ||
+ | font-weight: normal; | ||
+ | line-height: 25px; | ||
+ | padding-left: 30px; | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat left 7px; | ||
+ | } | ||
+ | .hr2 { | ||
+ | border-top: 3px solid #454545; | ||
+ | height: 4px; | ||
+ | border-bottom: 1px solid #454545; | ||
+ | margin: 36px 0; | ||
+ | } | ||
+ | .hr1 { | ||
+ | height: 0; | ||
+ | border-bottom: 1px solid #454545; | ||
+ | margin: 36px 0; | ||
+ | } | ||
+ | .center { | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | p .center { | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | margin: 0 auto 10px; | ||
+ | } | ||
+ | img { | ||
+ | } | ||
+ | img.left { | ||
+ | float: left; | ||
+ | margin: 10px 10px 5px 0; | ||
+ | } | ||
+ | img.right { | ||
+ | float: right; | ||
+ | margin: 10px 0 5px 10px; | ||
+ | } | ||
+ | .lite1 { | ||
+ | color: #EA7E73; | ||
+ | } | ||
+ | .lite2 { | ||
+ | border-bottom: 1px dotted #EA7E73; | ||
+ | } | ||
+ | a.button { | ||
+ | background: #5499c3; | ||
+ | border: none; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | color: #fff; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | padding: 6px 15px 6px 15px; | ||
+ | margin: 10px 0; | ||
+ | display: inline-block; | ||
+ | -webkit-transition:all 200ms ease-in; | ||
+ | -o-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 */ | ||
+ | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
+ | a.button {padding: 5px 15px 7px 15px;} | ||
+ | } | ||
+ | |||
+ | /* Opera Fix */ | ||
+ | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { | ||
+ | a.button {padding: 5px 15px 7px 15px;} | ||
+ | |||
+ | } | ||
+ | |||
+ | a.button.blue { | ||
+ | background-color: #5499c3; | ||
+ | } | ||
+ | |||
+ | a.button.green { | ||
+ | background-color: #4dab96; | ||
+ | } | ||
+ | |||
+ | a.button.lime { | ||
+ | background-color: #92ab4d; | ||
+ | } | ||
+ | |||
+ | a.button.red { | ||
+ | background-color: #ab4d63; | ||
+ | } | ||
+ | |||
+ | a.button.purple { | ||
+ | background-color: #8d4dab; | ||
+ | } | ||
+ | |||
+ | a.button.blue:hover { | ||
+ | color: #fff; | ||
+ | background-color: #ab4d63; | ||
+ | } | ||
+ | |||
+ | a.button.green:hover { | ||
+ | color: #fff; | ||
+ | background-color: #ab4d63; | ||
+ | } | ||
+ | |||
+ | a.button.lime:hover { | ||
+ | color: #fff; | ||
+ | background-color: #ab4d63; | ||
+ | } | ||
+ | |||
+ | a.button.red:hover { | ||
+ | color: #fff; | ||
+ | background-color: #EA7E73; | ||
+ | } | ||
+ | |||
+ | a.button.purple:hover { | ||
+ | color: #fff; | ||
+ | background-color: #4dab96; | ||
+ | } | ||
+ | |||
+ | .dropcap { | ||
+ | display:block; | ||
+ | float:left; | ||
+ | font-size:45px; | ||
+ | padding:0; | ||
+ | margin: 0; | ||
+ | margin:10px 8px 3px 0; | ||
+ | font-family: 'Museo500'; | ||
+ | } | ||
+ | pre { | ||
+ | margin: 5px 0px 40px 0px; | ||
+ | padding: 0 10px 0px 10px; | ||
+ | display: block; | ||
+ | clear: both; | ||
+ | background: url('https://static.igem.org/mediawiki/2014/b/be/Bnu_codebg.jpg') repeat; | ||
+ | line-height: 20px; | ||
+ | font-size: 12px; | ||
+ | border: 1px solid #cfcfcf; | ||
+ | } | ||
+ | .download-box, .warning-box, .info-box, .note-box { | ||
+ | clear:both; | ||
+ | margin: 10px 0px; | ||
+ | text-shadow: none; | ||
+ | padding: 15px 15px 13px 15px; | ||
+ | line-height: 17px; | ||
+ | } | ||
+ | .info-box { | ||
+ | background:#c2ddf9; | ||
+ | border:1px solid #80bbef; | ||
+ | color:#4783b7; | ||
+ | } | ||
+ | .warning-box { | ||
+ | background:#ffcccc; | ||
+ | border:1px solid #ff9999; | ||
+ | color:#c31b00; | ||
+ | } | ||
+ | .download-box { | ||
+ | background:#d1f7b6; | ||
+ | border:1px solid #8bca61; | ||
+ | color:#5e9537; | ||
+ | } | ||
+ | .note-box { | ||
+ | background:#fdebae; | ||
+ | border:1px solid #e6c555; | ||
+ | color:#9e660d; | ||
+ | } | ||
+ | |||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* LAYOUT | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | #wrapper { | ||
+ | width: 960px; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | #header { | ||
+ | padding: 0 0 0 0; | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | } | ||
+ | .logo { | ||
+ | float: left; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .social { | ||
+ | float: right; | ||
+ | position: absolute; | ||
+ | bottom: 25px; | ||
+ | right: 0; | ||
+ | } | ||
+ | .social ul li { | ||
+ | float: left; | ||
+ | margin-left: 1px; | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #container { | ||
+ | width: 900px; | ||
+ | margin: 20px auto; | ||
+ | padding: 30px; | ||
+ | overflow: hidden; | ||
+ | background-color: #fff; | ||
+ | position: relative; | ||
+ | -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | -moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | #copyright { | ||
+ | width: 900px; | ||
+ | margin: 20px auto; | ||
+ | padding: 17px 30px 13px; | ||
+ | background-color: #fff; | ||
+ | -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | -moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | } | ||
+ | #copyright p { | ||
+ | font-size: 12px; | ||
+ | text-align: center; | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | #footer { | ||
+ | padding: 40px 0 0 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | #footer h3 { | ||
+ | margin-bottom: 5px; | ||
+ | } | ||
+ | .footer-top { | ||
+ | border-top: 3px solid #454545; | ||
+ | height: 4px; | ||
+ | border-bottom: 1px solid #454545; | ||
+ | margin: 0 0 36px 0; | ||
+ | } | ||
+ | ul.latest-posts { | ||
+ | margin-bottom: -15px; | ||
+ | overflow: hidden; | ||
+ | padding-left: 2px; | ||
+ | } | ||
+ | ul.latest-posts li { | ||
+ | padding: 0; | ||
+ | background: none; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-style: normal; | ||
+ | font-size: 14px; | ||
+ | padding-top: 10px; | ||
+ | margin-bottom: 10px; | ||
+ | border-top: 1px dashed #454545; | ||
+ | } | ||
+ | ul.latest-posts li a { | ||
+ | color: #4d4d4d; | ||
+ | } | ||
+ | ul.latest-posts li a:hover { | ||
+ | color: #d3573e; | ||
+ | } | ||
+ | ul.latest-posts li:first-child { | ||
+ | padding: 0; | ||
+ | border: none; | ||
+ | } | ||
+ | ul.latest-posts li span.date { | ||
+ | float: left; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | padding-right: 15px; | ||
+ | padding-top: 2px; | ||
+ | text-align: center; | ||
+ | color: #3d3d3d; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | ul.latest-posts li em.day { | ||
+ | font-size: 25px; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | ul.latest-posts li em.month { | ||
+ | font-size: 13px; | ||
+ | text-transform: uppercase; | ||
+ | display: block; | ||
+ | line-height: 8px; | ||
+ | margin-top: 1px; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | ul.flickr { | ||
+ | margin-right: -40px; | ||
+ | margin-bottom: -20px; | ||
+ | overflow: hidden; | ||
+ | display: block; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.flickr li { | ||
+ | padding: 0; | ||
+ | background: none; | ||
+ | display: inline-block; | ||
+ | background-color: #fff; | ||
+ | padding: 0; | ||
+ | margin: 0 8px 8px 0; | ||
+ | } | ||
+ | ul.flickr li img { | ||
+ | width: 58px; | ||
+ | height: 58px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* MENU | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .menu { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | list-style: none; | ||
+ | font-weight: bold; | ||
+ | width: 960px; | ||
+ | padding: 0; | ||
+ | background: #FFF; | ||
+ | -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | -moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.6); | ||
+ | z-index: 1000; | ||
+ | position: relative; | ||
+ | } | ||
+ | .menu ul { | ||
+ | margin: 0; | ||
+ | list-style-type: none; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-style: normal; | ||
+ | letter-spacing: normal; | ||
+ | } | ||
+ | .menu ul li { | ||
+ | position: relative; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | padding: 0; | ||
+ | background: none; | ||
+ | } | ||
+ | .menu ul li a { | ||
+ | display: block; | ||
+ | text-decoration: none; | ||
+ | display:block; | ||
+ | line-height: 1; | ||
+ | border-right: 1px solid #b4b4b4; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | |||
+ | /* Webkit Fix */ | ||
+ | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
+ | .menu ul li a {padding: 21px 30px 19px;} | ||
+ | } | ||
+ | |||
+ | * html .menu ul li a { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | .menu ul li a:link, .menu ul li a:visited { | ||
+ | color: #EA7E73; | ||
+ | } | ||
+ | .menu ul li a.active { | ||
+ | color: #EA7E73; | ||
+ | } | ||
+ | .menu ul li a.selected { | ||
+ | background: #fff; | ||
+ | color: #EA7E73; | ||
+ | } | ||
+ | .menu ul li a:hover { | ||
+ | background: rgba(255,255,255,0.8); | ||
+ | color: #999889; | ||
+ | } | ||
+ | .menu ul li ul { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | display: none; | ||
+ | visibility: hidden; | ||
+ | width: 170px; | ||
+ | border-radius:0 0 0.5em 0.5em; | ||
+ | background-color: rgba(255,255,255,0.8); | ||
+ | padding: 0; | ||
+ | } | ||
+ | .menu ul li ul li { | ||
+ | display: list-item; | ||
+ | float: none; | ||
+ | padding: 0 17px; | ||
+ | background-color: #fff; | ||
+ | border-radius:0 0 0.5em 0.5em; | ||
+ | } | ||
+ | .menu ul li ul li:first-child a { | ||
+ | border: none; | ||
+ | } | ||
+ | .menu ul li ul li ul { | ||
+ | top: 0; | ||
+ | } | ||
+ | .menu ul li ul li a { | ||
+ | margin: 0; | ||
+ | border: none; | ||
+ | padding: 17px 0; | ||
+ | line-height: 1; | ||
+ | border-top: 1px solid #b4b4b4; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | * html .menu { | ||
+ | height: 1%; | ||
+ | } | ||
+ | .quote { | ||
+ | clear: both; | ||
+ | overflow: hidden; | ||
+ | margin-bottom: 25px; | ||
+ | } | ||
+ | .quote blockquote { | ||
+ | background: #FFF url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat 15px 15px; | ||
+ | padding: 15px 15px 15px 40px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | margin-bottom: 10px; | ||
+ | border:1px solid #dedede; | ||
+ | } | ||
+ | .quote span { | ||
+ | float: right; | ||
+ | } | ||
+ | .quote em { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | #piecemaker { | ||
+ | margin-top: -30px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* SHOWCASE | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | #awOnePageButton .view-slide { | ||
+ | display: none; | ||
+ | } | ||
+ | .showcase-load { | ||
+ | height: 470px; /* Same as showcase javascript option */ | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .showcase-onepage { | ||
+ | /**/ | ||
+ | } | ||
+ | .showcase { | ||
+ | position: relative; | ||
+ | margin: 0 auto 33px auto; | ||
+ | height: 426px; | ||
+ | } | ||
+ | .showcase-content-container { | ||
+ | background-color: #000; | ||
+ | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
+ | } | ||
+ | .showcase-arrow-previous, .showcase-arrow-next { | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | margin-top: -9px; | ||
+ | background: url('https://static.igem.org/mediawiki/2014/5/5f/Bnu_arrows.png'); | ||
+ | width: 25px; | ||
+ | height: 25px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .showcase-arrow-previous { | ||
+ | background-position: 0 0; | ||
+ | } | ||
+ | .showcase-arrow-previous:hover { | ||
+ | background-position: 0 -25px; | ||
+ | } | ||
+ | .showcase-arrow-next { | ||
+ | background-position: 25px 0; | ||
+ | } | ||
+ | .showcase-arrow-next:hover { | ||
+ | background-position: -25px -25px; | ||
+ | } | ||
+ | .showcase-content { | ||
+ | background-color: #000; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .showcase-content-wrapper { | ||
+ | text-align: center; | ||
+ | height: 400px; | ||
+ | width: 900px; | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .showcase-plus-anchor { | ||
+ | background-image: url('style/images/plus.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | .showcase-plus-anchor:hover { | ||
+ | background-position: -32px 0; | ||
+ | } | ||
+ | div.showcase-tooltip { | ||
+ | background-color: #fff; | ||
+ | color: #000; | ||
+ | text-align: left; | ||
+ | padding: 5px 8px; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/5/53/Bnu_white-opacity-80.png'); | ||
+ | } | ||
+ | .showcase-caption { | ||
+ | color: #000; | ||
+ | padding: 9px 15px 7px 15px; | ||
+ | text-align: left; | ||
+ | position: absolute; | ||
+ | bottom: 10px; | ||
+ | display: none; | ||
+ | width: auto; | ||
+ | background-color: rgba(255,255,255,0.3) | ||
+ | } | ||
+ | .showcase-onepage .showcase-content { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .showcase-button-wrapper { | ||
+ | clear: both; | ||
+ | margin-top: 15px; | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | margin-right:-7px; | ||
+ | } | ||
+ | .showcase-button-wrapper span { | ||
+ | cursor: pointer; | ||
+ | margin: 3px 7px 0 0; | ||
+ | width: 12px; | ||
+ | height: 12px; | ||
+ | text-indent: -99999px; | ||
+ | display: inline-block; | ||
+ | background: url('https://static.igem.org/mediawiki/2014/2/27/Bnu_navs.png'); | ||
+ | } | ||
+ | .showcase-button-wrapper span:hover, .showcase-button-wrapper span.active { | ||
+ | background-position: 0 -12px; | ||
+ | } | ||
+ | .showcase-thumbnail-container /* Used for backgrounds, no other styling!!! */ { | ||
+ | background-color: #000; | ||
+ | } | ||
+ | .showcase-thumbnail-wrapper { | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .showcase-thumbnail { | ||
+ | width: 120px; | ||
+ | height: 90px; | ||
+ | cursor: pointer; | ||
+ | border: solid 1px #333; | ||
+ | position: relative; | ||
+ | } | ||
+ | .showcase-thumbnail-caption { | ||
+ | position: absolute; | ||
+ | bottom: 2px; | ||
+ | padding-left: 10px; | ||
+ | padding-bottom: 5px; | ||
+ | } | ||
+ | .showcase-thumbnail-content { | ||
+ | padding: 10px; | ||
+ | text-align: center; | ||
+ | padding-top: 25px; | ||
+ | } | ||
+ | .showcase-thumbnail-cover { | ||
+ | background-image: url(style/images/black-opacity-40.png); | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | } | ||
+ | .showcase-thumbnail:hover { | ||
+ | border: solid 1px #999; | ||
+ | } | ||
+ | .showcase-thumbnail:hover .showcase-thumbnail-cover { | ||
+ | display: none; | ||
+ | } | ||
+ | .showcase-thumbnail.active { | ||
+ | border: solid 1px #999; | ||
+ | } | ||
+ | .showcase-thumbnail.active .showcase-thumbnail-cover { | ||
+ | display: none; | ||
+ | } | ||
+ | .showcase-thumbnail-wrapper-horizontal { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | .showcase-thumbnail-wrapper-horizontal .showcase-thumbnail { | ||
+ | margin-right: 10px; | ||
+ | width: 116px; | ||
+ | } | ||
+ | .showcase-thumbnail-wrapper-vertical { | ||
+ | padding: 10px; | ||
+ | } | ||
+ | .showcase-thumbnail-wrapper-vertical .showcase-thumbnail { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward { | ||
+ | padding: 7px; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward { | ||
+ | padding-bottom: 0px; | ||
+ | padding-right: 0px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { | ||
+ | background-image: url(style/images/arrows-small.png); | ||
+ | background-repeat: no-repeat; | ||
+ | display: block; | ||
+ | width: 17px; | ||
+ | height: 17px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward .showcase-thumbnail-vertical { | ||
+ | background-position: 0 -51px; | ||
+ | margin-left: 55px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical { | ||
+ | background-position: -17px -51px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-forward .showcase-thumbnail-vertical { | ||
+ | background-position: 0 -34px; | ||
+ | margin-left: 55px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical { | ||
+ | background-position: -17px -34px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal { | ||
+ | background-position: 0 -17px; | ||
+ | margin-top: 40px; | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal { | ||
+ | background-position: -17px -17px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal { | ||
+ | background-position: 0 0; | ||
+ | margin-top: 40px; | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
+ | .showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal { | ||
+ | background-position: -17px 0; | ||
+ | } | ||
+ | /* Hide button text */ | ||
+ | .showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span { | ||
+ | display: none; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* COLUMNS | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .one-half { | ||
+ | width:46%; | ||
+ | } | ||
+ | .one-third { | ||
+ | width:30.66%; | ||
+ | } | ||
+ | .two-third p{ | ||
+ | padding-top: 20px; | ||
+ | } | ||
+ | .one-fourth { | ||
+ | width:22%; | ||
+ | } | ||
+ | .one-fourth img{width:35% !important;} | ||
+ | .three-fourth { | ||
+ | width:74%; | ||
+ | } | ||
+ | .one-fifth { | ||
+ | width:16.8%; | ||
+ | } | ||
+ | .two-fifth { | ||
+ | width:37.6%; | ||
+ | } | ||
+ | .three-fifth { | ||
+ | width:58.4%; | ||
+ | } | ||
+ | .four-fifth { | ||
+ | width:67.2%; | ||
+ | } | ||
+ | .one-sixth { | ||
+ | width:13.33%; | ||
+ | } | ||
+ | .five-sixth { | ||
+ | width:82.67%; | ||
+ | } | ||
+ | .one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .two-fifth, .three-fifth, .four-fifth, .one-sixth, .five-sixth { | ||
+ | position:relative; | ||
+ | margin-right:4%; | ||
+ | float:left; | ||
+ | } | ||
+ | .last { | ||
+ | margin-right:0 !important; | ||
+ | clear:right; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* CAROUSEL | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | .carousel { | ||
+ | height: 130px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | .carousel ul li { | ||
+ | background: none; | ||
+ | width: 164px; | ||
+ | margin-right: 20px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .jcarousel-direction-rtl { | ||
+ | direction: rtl; | ||
+ | } | ||
+ | .carousel .jcarousel-container { | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .carousel .jcarousel-item { | ||
+ | width: 164px; | ||
+ | height: 130px; | ||
+ | } | ||
+ | .carousel .jcarousel-item img { | ||
+ | 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 { | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | height: 164px; | ||
+ | } | ||
+ | .carousel .jcarousel-clip-horizontal { | ||
+ | width: 900px; | ||
+ | height: 130px; | ||
+ | overflow: hidden; | ||
+ | display: block; | ||
+ | } | ||
+ | .carousel .jcarousel-item { | ||
+ | width: 164px; | ||
+ | height: 130px; | ||
+ | } | ||
+ | #carousel-scroll { | ||
+ | float: right; | ||
+ | margin-top: -42px; | ||
+ | } | ||
+ | #prev, #next { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/5/57/Bnu_car-arrow.png') no-repeat; | ||
+ | width: 21px; | ||
+ | height: 21px; | ||
+ | text-indent: -99999px; | ||
+ | display: block; | ||
+ | -webkit-transition:none; | ||
+ | -o-transition:none; | ||
+ | -moz-transition:none; | ||
+ | } | ||
+ | #prev { | ||
+ | background-position: top left; | ||
+ | float: left; | ||
+ | } | ||
+ | #next { | ||
+ | background-position: top right; | ||
+ | float: right; | ||
+ | margin-left: 6px; | ||
+ | } | ||
+ | #prev:hover { | ||
+ | background-position: bottom left; | ||
+ | } | ||
+ | #next:hover { | ||
+ | background-position: bottom right; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* FORMS | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .form-container { | ||
+ | position: relative; | ||
+ | width: 700px; | ||
+ | } | ||
+ | .form-container .loading { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 400px; | ||
+ | height: 400px; | ||
+ | } | ||
+ | .form-container .loading span { | ||
+ | } | ||
+ | .form-container .response { | ||
+ | display: none; | ||
+ | margin: 15px 0 0 80px; | ||
+ | background:#d1f7b6; | ||
+ | border:1px solid #8bca61; | ||
+ | color:#5e9537; | ||
+ | clear:both; | ||
+ | text-shadow: none; | ||
+ | padding: 15px 15px 13px 15px; | ||
+ | line-height: 17px; | ||
+ | width: 370px; | ||
+ | } | ||
+ | .forms { | ||
+ | } | ||
+ | .forms fieldset { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | } | ||
+ | .forms ol { | ||
+ | list-style: none; | ||
+ | } | ||
+ | .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;} | ||
+ | /* form rows */ | ||
+ | .forms li.form-row { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | .forms li.text-input-row { | ||
+ | } | ||
+ | .forms li.text-area-row { | ||
+ | } | ||
+ | .forms li.checkbox-row { | ||
+ | } | ||
+ | .forms li.radio-row { | ||
+ | } | ||
+ | .forms li.select-row { | ||
+ | } | ||
+ | .forms li.button-row { | ||
+ | } | ||
+ | .forms li.hidden-row { | ||
+ | display: none; | ||
+ | } | ||
+ | /* form input fields */ | ||
+ | |||
+ | .forms fieldset .text-input { | ||
+ | background-color: #fff; | ||
+ | border:1px solid #dedede; | ||
+ | width: 380px; | ||
+ | height: 30px; | ||
+ | padding: 0 10px; | ||
+ | color: #4d4d4d; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 13px; | ||
+ | display: inline; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .forms fieldset .password { | ||
+ | } | ||
+ | .forms fieldset .text-area { | ||
+ | background-color: #fff; | ||
+ | border:1px solid #dedede; | ||
+ | width: 380px; | ||
+ | height: 140px; | ||
+ | resize: none; | ||
+ | color: #4d4d4d; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 13px; | ||
+ | padding: 5px 10px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .forms fieldset .radio { | ||
+ | } | ||
+ | .forms fieldset .checkbox { | ||
+ | } | ||
+ | .forms fieldset .select { | ||
+ | } | ||
+ | .forms fieldset .btn-submit { | ||
+ | background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x; | ||
+ | border: none; | ||
+ | height: 27px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | color: #e2e2e2; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | padding: 0 20px 1px 20px; | ||
+ | cursor: pointer; | ||
+ | margin-left: 80px; | ||
+ | } | ||
+ | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { | ||
+ | .forms fieldset .btn-submit {padding: 0 20px 2px 20px;} | ||
+ | |||
+ | } | ||
+ | .forms li.error input, .forms li.error textarea { | ||
+ | border: 1px #c43131 solid; | ||
+ | } | ||
+ | .forms span.error { | ||
+ | display: none; | ||
+ | } | ||
+ | .forms .button-row span.error { | ||
+ | padding: 0; | ||
+ | display: none; | ||
+ | } | ||
+ | .forms li.focus { | ||
+ | } | ||
+ | .forms label { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | width: 80px; | ||
+ | padding-top: 5px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* FOOTER FORMS | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | #footer .form-container { | ||
+ | position: relative; | ||
+ | width: 197px; | ||
+ | } | ||
+ | #footer .forms li.form-row { | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | #footer .form-container .loading { | ||
+ | width: 130px; | ||
+ | height: 400px; | ||
+ | } | ||
+ | #footer .forms fieldset .text-input { | ||
+ | width: 130px; | ||
+ | height: 30px; | ||
+ | } | ||
+ | |||
+ | #footer .forms fieldset .text-area { | ||
+ | width: 175px; | ||
+ | height: 120px; | ||
+ | } | ||
+ | #footer .forms fieldset .btn-submit { | ||
+ | background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x; | ||
+ | border: none; | ||
+ | height: 27px; | ||
+ | -webkit-border-radius: 3px; | ||
+ | -moz-border-radius: 3px; | ||
+ | border-radius: 3px; | ||
+ | color: #e2e2e2; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 14px; | ||
+ | padding: 0 20px 1px 20px; | ||
+ | cursor: pointer; | ||
+ | margin-left: 0; | ||
+ | } | ||
+ | |||
+ | /* Opera Fix */ | ||
+ | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { | ||
+ | #footer .forms fieldset .btn-submit {padding: 0 20px 2px 20px;} | ||
+ | |||
+ | } | ||
+ | #footer .forms span.error { | ||
+ | display: none; | ||
+ | } | ||
+ | #footer .forms label { | ||
+ | display: block; | ||
+ | float: right; | ||
+ | width: 40px; | ||
+ | text-align: right; | ||
+ | padding-top: 10px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #footer .form-container .response { | ||
+ | display: none; | ||
+ | margin: 15px 0 0 0; | ||
+ | background:#d1f7b6; | ||
+ | border:1px solid #8bca61; | ||
+ | color:#5e9537; | ||
+ | clear:both; | ||
+ | text-shadow: none; | ||
+ | padding: 10px 10px 8px 10px; | ||
+ | line-height: 17px; | ||
+ | width: 173px; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | /* Opera Fix */ | ||
+ | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { | ||
+ | #footer .form-container .loading { | ||
+ | width: 110px; | ||
+ | height: 400px; | ||
+ | } | ||
+ | #footer .forms fieldset .text-input { | ||
+ | width: 110px; | ||
+ | height: 30px; | ||
+ | } | ||
+ | #footer .forms label { | ||
+ | padding-top:6px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Webkit Fix */ | ||
+ | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
+ | #footer .forms label { | ||
+ | padding-top:6px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* PORTFOLIO | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .items { | ||
+ | width: 930px; | ||
+ | } | ||
+ | .box { | ||
+ | padding: 0; | ||
+ | float: left; | ||
+ | } | ||
+ | .col5 { | ||
+ | width: 164px; | ||
+ | margin: 0 20px 20px 0; | ||
+ | } | ||
+ | .col4 { | ||
+ | width: 210px; | ||
+ | margin: 0 20px 20px 0; | ||
+ | } | ||
+ | .col3 { | ||
+ | width: 288px; | ||
+ | margin: 0 21px 21px 0; | ||
+ | } | ||
+ | .col5 img { | ||
+ | max-width: 164px; | ||
+ | } | ||
+ | .col4 img { | ||
+ | max-width: 210px; | ||
+ | } | ||
+ | .col3 img { | ||
+ | max-width: 288px; | ||
+ | } | ||
+ | .box h4 { | ||
+ | padding:10px 0 0; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | .box p { | ||
+ | padding: 0; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | #filtering-nav { | ||
+ | letter-spacing: normal; | ||
+ | margin: 30px 0 30px 0; | ||
+ | padding: 10px 0 9px 0; | ||
+ | border-top:1px solid #b4b4b4; | ||
+ | border-bottom:1px solid #b4b4b4; | ||
+ | } | ||
+ | #filtering-nav li { | ||
+ | list-style: none; | ||
+ | float: left; | ||
+ | background: none; | ||
+ | padding: 0 20px 0 0; | ||
+ | font-style: normal; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | text-transform: uppercase; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #filtering-nav li.active a { | ||
+ | color: #d3573e; | ||
+ | } | ||
+ | .items:after, #filtering-nav:after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | #portfolio .items, #gallery .items { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* PORTFOLIO HOVER | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | |||
+ | .box a, .carousel ul li { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | } | ||
+ | .box a img, .carousel ul li img { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | } | ||
+ | .play, .zoom, .details { | ||
+ | position: absolute; | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/a/a1/Bnu_icon-play.png') no-repeat center center; | ||
+ | } | ||
+ | .zoom { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/3/39/Bnu_icon-zoom.png'); | ||
+ | } | ||
+ | .details { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Bnu_icon-more.png'); | ||
+ | } | ||
+ | .box a span, .carousel ul li a span { | ||
+ | display: none; | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | width: 100%; | ||
+ | z-index: 100; | ||
+ | } | ||
+ | .overlay { | ||
+ | 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 { | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* BLOG | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .blog { | ||
+ | } | ||
+ | .content { | ||
+ | width: 595px; | ||
+ | float: left; | ||
+ | } | ||
+ | .post { | ||
+ | padding-bottom: 45px; | ||
+ | margin-bottom: 45px; | ||
+ | border-bottom: 1px solid #454545; | ||
+ | } | ||
+ | .blog-post .post { | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .sidebar { | ||
+ | width: 265px; | ||
+ | float: right; | ||
+ | } | ||
+ | .sidebar:after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .post-info { | ||
+ | padding-bottom: 22px; | ||
+ | } | ||
+ | .post-date { | ||
+ | width: 115px; | ||
+ | padding-right: 15px; | ||
+ | border-right: 1px solid #454545; | ||
+ | float: left; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | .post-date .day { | ||
+ | font-size: 52px; | ||
+ | float: left; | ||
+ | padding-right: 10px; | ||
+ | line-height: 42px; | ||
+ | } | ||
+ | .post-date .month { | ||
+ | display: block; | ||
+ | font-size: 20px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | .post-date .year { | ||
+ | display: block; | ||
+ | font-size: 18px; | ||
+ | line-height: 15px; | ||
+ | padding-top: 7px; | ||
+ | } | ||
+ | .post-title { | ||
+ | width: 435px; | ||
+ | float: right; | ||
+ | } | ||
+ | .post-title h1 { | ||
+ | padding: 0 0 7px 0; | ||
+ | margin-top: -3px; | ||
+ | } | ||
+ | .post-info:after { | ||
+ | content: ''; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | clear: both; | ||
+ | visibility: hidden; | ||
+ | } | ||
+ | .post iframe { | ||
+ | margin-bottom:10px; | ||
+ | } | ||
+ | .post-meta { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 12px; | ||
+ | height: 13px; | ||
+ | display: block; | ||
+ | } | ||
+ | .comments { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/f/f4/Bnu_icon-comment.png') no-repeat left center; | ||
+ | padding-left: 26px; | ||
+ | margin-right: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | .categories { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/d/d4/Bnu_icon-category.png') no-repeat left center; | ||
+ | padding-left: 22px; | ||
+ | } | ||
+ | .tags { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/c/c4/Bnu_icon-tag.png') no-repeat left center; | ||
+ | padding-left: 30px; | ||
+ | margin-top: 10px; | ||
+ | padding-top: 5px; | ||
+ | display: block; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-size: 12px; | ||
+ | height: 16px; | ||
+ | } | ||
+ | .post-meta a, .tags a { | ||
+ | color: #4d4d4d; | ||
+ | } | ||
+ | .post-meta a:hover, .tags a:hover { | ||
+ | color: #999889; | ||
+ | } | ||
+ | a.more { | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .page-navi { | ||
+ | margin: -35px 0 0 0; | ||
+ | } | ||
+ | .page-navi p { | ||
+ | float: left; | ||
+ | padding: 3px 20px 0 0; | ||
+ | border-right: solid 1px #454545; | ||
+ | margin-right: 20px; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | .page-navi ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | .page-navi ul li { | ||
+ | display: inline; | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | .page-navi ul li a { | ||
+ | float: left; | ||
+ | font-size: 12px; | ||
+ | display: block; | ||
+ | font-style: normal; | ||
+ | line-height: 1; | ||
+ | text-align: center; | ||
+ | padding: 6px 8px 4px 8px; | ||
+ | margin-right: 7px; | ||
+ | color: #4d4d4d; | ||
+ | border: 1px solid transparent; | ||
+ | -webkit-transition:none; | ||
+ | -o-transition:none; | ||
+ | -moz-transition:none; | ||
+ | } | ||
+ | .page-navi ul li a:hover, .page-navi ul li a.current { | ||
+ | text-decoration: none; | ||
+ | background-color: #fff; | ||
+ | border:1px solid #dedede; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .sidebar-box { | ||
+ | margin-bottom: 50px; | ||
+ | } | ||
+ | .searchform input { | ||
+ | background-color: #fff; | ||
+ | border:1px solid #dedede; | ||
+ | color: #4d4d4d; | ||
+ | width: 245px; | ||
+ | padding: 5px 10px; | ||
+ | height: 24px; | ||
+ | font-size: 13px; | ||
+ | font-family:Georgia, "Times New Roman", Times, serif; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | background: #FFF url('https://static.igem.org/mediawiki/2014/7/74/Bnu_search.png') 240px center no-repeat; | ||
+ | } | ||
+ | .tag-list ul li { | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | display: inline-block; | ||
+ | background-color: #fff; | ||
+ | border:1px solid #dedede; | ||
+ | margin: 0 3px 8px 0; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .tag-list ul li a { | ||
+ | padding: 3px 10px; | ||
+ | margin: 0; | ||
+ | color: #4d4d4d; | ||
+ | display: block; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | |||
+ | .tag-list ul li a:hover { | ||
+ | color: #999889; | ||
+ | } | ||
+ | .cat-list ul li { | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | display: block; | ||
+ | background-color: #fff; | ||
+ | border:1px solid #dedede; | ||
+ | margin: 0 0 8px 0; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | .cat-list ul li span { | ||
+ | float: right; | ||
+ | } | ||
+ | .cat-list ul li a { | ||
+ | padding: 3px 10px; | ||
+ | margin: 0; | ||
+ | color: #4d4d4d; | ||
+ | display: block; | ||
+ | text-transform: capitalize; | ||
+ | } | ||
+ | .cat-list ul li a:hover { | ||
+ | color: #999889; | ||
+ | } | ||
+ | ul.ads { | ||
+ | width: 280px; | ||
+ | margin-right: -15px; | ||
+ | } | ||
+ | ul.ads li { | ||
+ | float: left; | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | margin: 0 15px 15px 0; | ||
+ | } | ||
+ | |||
+ | /* Webkit Fix */ | ||
+ | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
+ | .tag-list ul li a { | ||
+ | padding: 2px 10px 4px; | ||
+ | } | ||
+ | .cat-list ul li a { | ||
+ | padding: 2px 10px 4px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /* Opera Fix */ | ||
+ | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { | ||
+ | .tag-list ul li a { | ||
+ | padding: 2px 10px 4px; | ||
+ | } | ||
+ | .cat-list ul li a { | ||
+ | padding: 2px 10px 4px; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* SERVICES | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .service { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/0/07/Bnu_circle.png') no-repeat; | ||
+ | width: 100px; | ||
+ | height: 100px; | ||
+ | display: block; | ||
+ | } | ||
+ | .service img { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* 18. TOGGLE | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | .toggle { | ||
+ | width: 100%; | ||
+ | clear:both; | ||
+ | } | ||
+ | .toggle img.left { | ||
+ | float: left; | ||
+ | margin: 10px 50px 20px 0; | ||
+ | } | ||
+ | .toggle-wrapper { | ||
+ | padding-bottom:5px; | ||
+ | } | ||
+ | h2.trigger { | ||
+ | width: 550px; | ||
+ | clear:both; | ||
+ | margin:0px; | ||
+ | display: block; | ||
+ | cursor: pointer; | ||
+ | background-color: #FFF; | ||
+ | padding:10px 20px 10px 50px; | ||
+ | color: #4d4d4d; | ||
+ | border: 1px solid #dedede; | ||
+ | -webkit-transition:all 200ms ease-in; | ||
+ | -o-transition:all 200ms ease-in; | ||
+ | -moz-transition:all 200ms ease-in; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | h2.trigger.active { | ||
+ | color: #EA7E73; | ||
+ | } | ||
+ | h2.trigger:hover { | ||
+ | color: #999889; | ||
+ | } | ||
+ | .togglebox { | ||
+ | width:80%; | ||
+ | height: auto; | ||
+ | background-color: #FFF1BF; | ||
+ | overflow: hidden; | ||
+ | margin: 10px 0; | ||
+ | border: 1px solid #dedede; | ||
+ | -webkit-border-radius: 10px; | ||
+ | -moz-border-radius: 10px; | ||
+ | border-radius: 10px; | ||
+ | } | ||
+ | .togglebox div { | ||
+ | padding: 60px; | ||
+ | } | ||
+ | .togglebox p { | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | .togglebox p { | ||
+ | line-height: 22px; | ||
+ | } | ||
+ | .tabbed-content { | ||
+ | width: 100%; | ||
+ | overflow: hidden; | ||
+ | margin-bottom: 20px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* TABS | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | ul.tabs { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | float: left; | ||
+ | list-style: none; | ||
+ | width: 100%; | ||
+ | color: #4d4d4d; | ||
+ | } | ||
+ | ul.tabs li { | ||
+ | float: left; | ||
+ | position: relative; | ||
+ | list-style: none; | ||
+ | margin-right: 10px; | ||
+ | background: none; | ||
+ | padding: 0; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | } | ||
+ | ul.tabs li a { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | padding: 8px 10px 8px; | ||
+ | line-height: 1; | ||
+ | text-align: center; | ||
+ | font-weight: normal; | ||
+ | cursor: pointer; | ||
+ | color: #4d4d4d; | ||
+ | text-shadow: none; | ||
+ | border: 1px solid #dedede; | ||
+ | background-color: #FFF; | ||
+ | -webkit-border-radius: 5px; | ||
+ | -moz-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | -webkit-transition:none; | ||
+ | -moz-transition:none; | ||
+ | } | ||
+ | ul.tabs li a:hover { | ||
+ | text-shadow: none; | ||
+ | text-decoration: none; | ||
+ | color: #999889; | ||
+ | } | ||
+ | ul.tabs li a { | ||
+ | float: left; | ||
+ | } | ||
+ | ul.tabs li a:hover { | ||
+ | text-decoration: none; | ||
+ | color: #999889; | ||
+ | } | ||
+ | ul.tabs li.active a { | ||
+ | border: 1px solid #FFF1BF; | ||
+ | color: #EA7E73; | ||
+ | background-color: #FFF1BF; | ||
+ | } | ||
+ | .tab_container { | ||
+ | border-top: none; | ||
+ | clear: both; | ||
+ | float: left; | ||
+ | width: 99%; | ||
+ | border-bottom: 2px solid rgba(254, 240, 190, 1); | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | .tab_content { | ||
+ | padding: 15px 15px 15px 15px; | ||
+ | } | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | /* TABLE | ||
+ | /*-----------------------------------------------------------------------------------*/ | ||
+ | |||
+ | table { | ||
+ | width: 100%; | ||
+ | border-collapse: collapse; | ||
+ | margin-bottom: 20px; | ||
+ | background: rgba(255,255,255,0) !important; | ||
+ | color: #6e6e6e; | ||
+ | border-bottom:1px solid #dedede; | ||
+ | } | ||
+ | table td { | ||
+ | border-right:1px solid #dedede; | ||
+ | } | ||
+ | table td:hover { | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | table th h4 { | ||
+ | margin:0; | ||
+ | } | ||
+ | table th { | ||
+ | padding: 10px; | ||
+ | text-align: left; | ||
+ | border-right:1px solid #dedede; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | table td.center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | table td.last { | ||
+ | background: none; | ||
+ | } | ||
+ | table th.center { | ||
+ | text-align: center; | ||
+ | } | ||
+ | table th.last { | ||
+ | background: none; | ||
+ | } | ||
+ | table tr { | ||
+ | border-left:1px solid #dedede; | ||
+ | border-top:1px solid #dedede; | ||
+ | } | ||
+ | table tr.caption { | ||
+ | border-left:1px solid #dedede; | ||
+ | } | ||
+ | table.price td { | ||
+ | text-align: center; | ||
+ | } | ||
+ | table.price td.left { | ||
+ | text-align: left; | ||
+ | |||
+ | } | ||
+ | table.price td.right { | ||
+ | text-align: right; | ||
+ | font-size: 15px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | table.price td h4 { | ||
+ | margin:0; | ||
+ | } | ||
+ | table.price td h4 span { | ||
+ | display: block; | ||
+ | font-size: 14px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-style: normal; | ||
+ | color: #6e6e6e; | ||
+ | } | ||
+ | table.price td h4 sup { | ||
+ | padding-left: 3px; | ||
+ | line-height: 18px; | ||
+ | font-family: Georgia, "Times New Roman", Times, serif; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | .check-icon { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/8/88/Bnu_check-table.png') no-repeat center left; | ||
+ | width: 12px; | ||
+ | height: 10px; | ||
+ | } | ||
+ | .cross { | ||
+ | background: transparent url('https://static.igem.org/mediawiki/2014/f/f0/Bnu_cross.png') no-repeat center left; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | } | ||
+ | table .check-icon { | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | table span.cross { | ||
+ | display: inline-block; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .scanlines { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | z-index: 2; | ||
+ | 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]> | <!--[if IE 7]> | ||
- | + | #footer .form-container { | |
- | <![endif]--> | + | 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]> | <!--[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]--> | <![endif]--> | ||
<!--[if IE 9]> | <!--[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]--> | <![endif]--> | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 22:36, 17 October 2014