|
|
| Line 233: |
Line 233: |
| | outline : none; | | 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;
| |
| - | }
| |
| - | 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;
| |
| - | }
| |
| - | 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('') 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 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x;
| |
| - | border: none;
| |
| - | height: 15px;
| |
| - | -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:48%;
| |
| - | }
| |
| - | .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: 20px;
| |
| - | }
| |
| - | .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 #EA7E73;
| |
| - | color: #fff;
| |
| - | background-color: #EA7E73;
| |
| - | }
| |
| - | .tab_container {
| |
| - | border-top: none;
| |
| - | clear: both;
| |
| - | float: left;
| |
| - | width: 99%;
| |
| - | border: 1px solid #dedede;
| |
| - | background: #FFF;
| |
| - | margin-top: 10px;
| |
| - | -webkit-border-radius: 5px;
| |
| - | -moz-border-radius: 5px;
| |
| - | border-radius: 5px;
| |
| - | }
| |
| - | .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 {
| |
| - | margin-left: 5%;
| |
| - | }
| |
| - |
| |
| - | .member p {
| |
| - | text-indent: 0em !important;
| |
| - | }
| |
| - |
| |
| - | .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>
| |
| | /* ------------------------------------------------------------------------ | | /* ------------------------------------------------------------------------ |
| | This you can edit. | | This you can edit. |
"
