Template:Team:BNU-China/CSS/main

From 2014.igem.org

(Difference between revisions)
 
(180 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 {
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 {
-
font-family:Verdana, Geneva, sans-serif;
 
margin:0;
margin:0;
padding:0;
padding:0;
Line 85: Line 144:
outline : none;
outline : none;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* GENERAL
 +
/*-----------------------------------------------------------------------------------*/
 +
body {
body {
background: #1a1a1a;
background: #1a1a1a;
color: #4d4d4d;
color: #4d4d4d;
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-size: 14px;
}
}
Line 94: Line 157:
font-size: 14px;
font-size: 14px;
line-height: 20px;
line-height: 20px;
 +
        margin-top:5px;
 +
        margin-bottom: 5px;
}
}
a {
a {
-
color: #4d87ab;
+
color: #EA7E73;
text-decoration: none;
text-decoration: none;
-webkit-transition:all 200ms ease-in;
-webkit-transition:all 200ms ease-in;
Line 102: Line 167:
}
}
a:hover {
a:hover {
-
color: #d3573e;
+
color: #999889#999889;
}
}
h1, h2, h3, h4, h5, h6 {
h1, h2, h3, h4, h5, h6 {
font-family: 'Museo500';
font-family: 'Museo500';
-
color: #4d87ab;
+
color: #EA7E73;
font-weight: normal;
font-weight: normal;
-
padding-bottom: 12px;
+
padding-bottom: 10px;
}
}
h1 {
h1 {
font-size: 22px;
font-size: 22px;
line-height: 26px;
line-height: 26px;
 +
        text-align: center;
}
}
h2 {
h2 {
Line 143: Line 209:
}
}
ul li {
ul li {
-
background: transparent url([[File:bullet.png]]) center left no-repeat;
+
background: transparent url('https://static.igem.org/mediawiki/2014/4/46/Bnu_bullet.png') center left no-repeat;
padding-left: 15px;
padding-left: 15px;
}
}
ol {
ol {
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-size: 14px;
list-style: decimal;
list-style: decimal;
Line 158: Line 224:
}
}
.intro {
.intro {
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 21px;
font-size: 21px;
line-height: 31px;
line-height: 31px;
Line 165: Line 231:
}
}
blockquote {
blockquote {
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-size: 18px;
font-weight: normal;
font-weight: normal;
line-height: 25px;
line-height: 25px;
padding-left: 30px;
padding-left: 30px;
-
background: transparent url([[File:quote.png]]) no-repeat left 7px;
+
background: transparent url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat left 7px;
}
}
.hr2 {
.hr2 {
Line 194: Line 260:
}
}
img {
img {
-
display: block;
+
}
-
}
+
img.left {
img.left {
float: left;
float: left;
Line 205: Line 270:
}
}
.lite1 {
.lite1 {
-
color: #4d87ab;
+
color: #EA7E73;
}
}
.lite2 {
.lite2 {
-
border-bottom: 1px dotted #4d87ab;
+
border-bottom: 1px dotted #EA7E73;
}
}
a.button {
a.button {
-
background: #5499c3 url([[File:button.png]]) repeat-x;
+
background: #5499c3;
border: none;
border: none;
-
height: 15px;
 
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
color: #fff;
color: #fff;
-
font-family: 'CharisSILItalic';
+
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-size: 14px;
padding: 6px 15px 6px 15px;
padding: 6px 15px 6px 15px;
Line 227: Line 291:
-moz-transition:all 200ms ease-in;
-moz-transition:all 200ms ease-in;
}
}
 +
 +
.fig {
 +
        background-color: rgba(226,210,197,0.5);
 +
        font-size:12px;
 +
        padding: 8px 20px 8px 20px;
 +
        border-radius: 0.5em 0.5em 0.5em 0.5em;     
 +
}
 +
 +
/* Webkit Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
a.button {padding: 5px 15px 7px 15px;}
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) {
@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 {padding: 5px 15px 7px 15px;}
 +
}
}
 +
a.button.blue {
a.button.blue {
background-color: #5499c3;
background-color: #5499c3;
Line 240: Line 317:
background-color: #4dab96;
background-color: #4dab96;
}
}
 +
a.button.lime {
a.button.lime {
background-color: #92ab4d;
background-color: #92ab4d;
}
}
 +
a.button.red {
a.button.red {
background-color: #ab4d63;
background-color: #ab4d63;
}
}
 +
a.button.purple {
a.button.purple {
background-color: #8d4dab;
background-color: #8d4dab;
}
}
 +
a.button.blue:hover {
a.button.blue:hover {
color: #fff;
color: #fff;
background-color: #ab4d63;
background-color: #ab4d63;
}
}
 +
a.button.green:hover {
a.button.green:hover {
color: #fff;
color: #fff;
Line 262: Line 344:
background-color: #ab4d63;
background-color: #ab4d63;
}
}
 +
a.button.red:hover {
a.button.red:hover {
color: #fff;
color: #fff;
-
background-color: #4d87ab;
+
background-color: #EA7E73;
}
}
 +
a.button.purple:hover {
a.button.purple:hover {
color: #fff;
color: #fff;
background-color: #4dab96;
background-color: #4dab96;
}
}
 +
.dropcap {
.dropcap {
display:block;
display:block;
Line 284: Line 369:
display: block;
display: block;
clear: both;
clear: both;
-
background: url([[File:codebg.jpg]]) repeat;
+
background: url('https://static.igem.org/mediawiki/2014/b/be/Bnu_codebg.jpg') repeat;
line-height: 20px;
line-height: 20px;
font-size: 12px;
font-size: 12px;
Line 316: Line 401:
color:#9e660d;
color:#9e660d;
}
}
 +
 +
/*-----------------------------------------------------------------------------------*/
 +
/* LAYOUT
 +
/*-----------------------------------------------------------------------------------*/
 +
#wrapper {
#wrapper {
width: 960px;
width: 960px;
Line 321: Line 411:
}
}
#header {
#header {
-
padding: 30px 0 25px 0;
+
padding: 0 0 0 0;
display: block;
display: block;
overflow: hidden;
overflow: hidden;
Line 328: Line 418:
.logo {
.logo {
float: left;
float: left;
 +
        margin-top: 10px;
 +
        margin-bottom: 20px;
}
}
.social {
.social {
Line 364: Line 456:
font-size: 12px;
font-size: 12px;
text-align: center;
text-align: center;
 +
        font-weight:bold;
}
}
#footer {
#footer {
Line 386: Line 479:
padding: 0;
padding: 0;
background: none;
background: none;
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-style: normal;
font-size: 14px;
font-size: 14px;
Line 405: Line 498:
ul.latest-posts li span.date {
ul.latest-posts li span.date {
float: left;
float: left;
-
font-family: 'CharisSILItalic';
+
font-family:Georgia, "Times New Roman", Times, serif;
padding-right: 15px;
padding-right: 15px;
padding-top: 2px;
padding-top: 2px;
Line 444: Line 537:
padding: 0;
padding: 0;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* MENU
 +
/*-----------------------------------------------------------------------------------*/
 +
.menu {
.menu {
-
font-family: 'Museo500';
+
        font-family: Georgia, "Times New Roman", Times, serif;
list-style: none;
list-style: none;
-
font-weight: normal;
+
font-weight: bold;
width: 960px;
width: 960px;
padding: 0;
padding: 0;
Line 460: Line 557:
margin: 0;
margin: 0;
list-style-type: none;
list-style-type: none;
-
font-family: 'Museo500';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-style: normal;
letter-spacing: normal;
letter-spacing: normal;
Line 473: Line 570:
.menu ul li a {
.menu ul li a {
display: block;
display: block;
-
padding: 20px 30px;
 
text-decoration: none;
text-decoration: none;
display:block;
display:block;
line-height: 1;
line-height: 1;
border-right: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
-
font-size: 14px;
+
font-size: 15px;
}
}
 +
/* Webkit Fix */
/* Webkit Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
.menu ul li a {padding: 21px 30px 19px;}
.menu ul li a {padding: 21px 30px 19px;}
}
}
 +
* html .menu ul li a {
* html .menu ul li a {
display: inline-block;
display: inline-block;
}
}
.menu ul li a:link, .menu ul li a:visited {
.menu ul li a:link, .menu ul li a:visited {
-
color: #4d4d4d;
+
color: #EA7E73;
}
}
.menu ul li a.active {
.menu ul li a.active {
-
color: #4d87ab;
+
color: #EA7E73;
}
}
.menu ul li a.selected {
.menu ul li a.selected {
background: #fff;
background: #fff;
-
color: #4d87ab;
+
color: #EA7E73;
}
}
.menu ul li a:hover {
.menu ul li a:hover {
-
background: #fff;
+
background: rgba(255,255,255,0.8);
-
color: #4d87ab;
+
color: #999889;
}
}
.menu ul li ul {
.menu ul li ul {
Line 507: Line 605:
visibility: hidden;
visibility: hidden;
width: 170px;
width: 170px;
 +
        border-radius:0 0 0.5em 0.5em;
 +
        background-color: rgba(255,255,255,0.8);
padding: 0;
padding: 0;
-
border-radius:0 0 0.5em 0.5em;
 
-
background-color: #fff;
 
}
}
.menu ul li ul li {
.menu ul li ul li {
Line 515: Line 613:
float: none;
float: none;
padding: 0 17px;
padding: 0 17px;
 +
background-color: #fff;
 +
        border-radius:0 0 0.5em 0.5em;
}
}
.menu ul li ul li:first-child a {
.menu ul li ul li:first-child a {
Line 539: Line 639:
}
}
.quote blockquote {
.quote blockquote {
-
background: #FFF url([[File:quote.png]]) no-repeat 15px 15px;
+
background: #FFF url('https://static.igem.org/mediawiki/2014/c/ce/Bnu_quote.png') no-repeat 15px 15px;
padding: 15px 15px 15px 40px;
padding: 15px 15px 15px 40px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
Line 551: Line 651:
}
}
.quote em {
.quote em {
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-style: normal;
}
}
Line 557: Line 657:
margin-top: -30px;
margin-top: -30px;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* SHOWCASE
 +
/*-----------------------------------------------------------------------------------*/
 +
#awOnePageButton .view-slide {
#awOnePageButton .view-slide {
display: none;
display: none;
Line 563: Line 667:
height: 470px; /* Same as showcase javascript option */
height: 470px; /* Same as showcase javascript option */
overflow: hidden;
overflow: hidden;
 +
}
 +
 +
.showcase-onepage {
 +
/**/
}
}
.showcase {
.showcase {
Line 571: Line 679:
.showcase-content-container {
.showcase-content-container {
background-color: #000;
background-color: #000;
 +
        border-radius: 0.5em 0.5em 0.5em 0.5em;
}
}
.showcase-arrow-previous, .showcase-arrow-next {
.showcase-arrow-previous, .showcase-arrow-next {
Line 576: Line 685:
top: 50%;
top: 50%;
margin-top: -9px;
margin-top: -9px;
-
background: url('[[File:arrows.png]]');
+
background: url('https://static.igem.org/mediawiki/2014/5/5f/Bnu_arrows.png');
width: 25px;
width: 25px;
height: 25px;
height: 25px;
Line 605: Line 714:
}
}
.showcase-plus-anchor {
.showcase-plus-anchor {
-
background-image: url('[[File:plus.png]]');
+
background-image: url('style/images/plus.png');
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
Line 616: Line 725:
text-align: left;
text-align: left;
padding: 5px 8px;
padding: 5px 8px;
-
background-image: url([[File:white-opacity-80.png]]);
+
background-image: url('https://static.igem.org/mediawiki/2014/5/53/Bnu_white-opacity-80.png');
}
}
.showcase-caption {
.showcase-caption {
Line 624: Line 733:
position: absolute;
position: absolute;
bottom: 10px;
bottom: 10px;
-
left: 10px;
 
display: none;
display: none;
width: auto;
width: auto;
-
background-image: url([[File:white-opacity-80.png]]);
+
        background-color: rgba(255,255,255,0.3)
}
}
.showcase-onepage .showcase-content {
.showcase-onepage .showcase-content {
Line 646: Line 754:
text-indent: -99999px;
text-indent: -99999px;
display: inline-block;
display: inline-block;
-
background: url('[[File:navs.png]]');
+
background: url('https://static.igem.org/mediawiki/2014/2/27/Bnu_navs.png');
}
}
.showcase-button-wrapper span:hover, .showcase-button-wrapper span.active {
.showcase-button-wrapper span:hover, .showcase-button-wrapper span.active {
Line 676: Line 784:
}
}
.showcase-thumbnail-cover {
.showcase-thumbnail-cover {
-
background-image: url([[File:black-opacity-40.png]]);
+
background-image: url(style/images/black-opacity-40.png);
position: absolute;
position: absolute;
top: 0;
top: 0;
Line 717: Line 825:
}
}
.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 {
.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([[File:arrows-small.png]]);
+
background-image: url(style/images/arrows-small.png);
background-repeat: no-repeat;
background-repeat: no-repeat;
display: block;
display: block;
Line 753: Line 861:
background-position: -17px 0;
background-position: -17px 0;
}
}
 +
/* Hide button text */
.showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span {
.showcase-thumbnail-button-forward span span, .showcase-thumbnail-button-backward span span {
display: none;
display: none;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* COLUMNS
 +
/*-----------------------------------------------------------------------------------*/
 +
.one-half {
.one-half {
-
width:48%;
+
width:46%;
}
}
.one-third {
.one-third {
width:30.66%;
width:30.66%;
}
}
-
.two-third {
+
.two-third p{
-
width:65.33%;
+
        padding-top: 20px;
}
}
.one-fourth {
.one-fourth {
width:22%;
width:22%;
}
}
 +
.one-fourth img{width:35% !important;}
.three-fourth {
.three-fourth {
width:74%;
width:74%;
Line 798: Line 912:
clear:right;
clear:right;
}
}
-
 
+
/*-----------------------------------------------------------------------------------*/
 +
/* CAROUSEL
 +
/*-----------------------------------------------------------------------------------*/
.carousel {
.carousel {
height: 130px;
height: 130px;
Line 822: Line 938:
.carousel .jcarousel-item img {
.carousel .jcarousel-item img {
padding: 0;
padding: 0;
 +
        border-radius: 0.5em 0.5em 0.5em;
 +
}
 +
.carousel .jcarousel-item img {
 +
        border-radius: 0.5em 0.5em 0.5em !important;
}
}
.carousel .jcarousel-container {
.carousel .jcarousel-container {
Line 843: Line 963:
}
}
#prev, #next {
#prev, #next {
-
background: transparent url(style/images/car-arrow.png) no-repeat;
+
background: transparent url('https://static.igem.org/mediawiki/2014/5/57/Bnu_car-arrow.png') no-repeat;
width: 21px;
width: 21px;
height: 21px;
height: 21px;
Line 867: Line 987:
background-position: bottom right;
background-position: bottom right;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* FORMS
 +
/*-----------------------------------------------------------------------------------*/
.form-container {
.form-container {
Line 896: Line 1,019:
}
}
.forms fieldset {
.forms fieldset {
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-size: 14px;
}
}
Line 931: Line 1,054:
padding: 0 10px;
padding: 0 10px;
color: #4d4d4d;
color: #4d4d4d;
-
font-family: 'PTSansRegular';
+
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-size: 13px;
display: inline;
display: inline;
Line 947: Line 1,070:
resize: none;
resize: none;
color: #4d4d4d;
color: #4d4d4d;
-
font-family: 'PTSansRegular';
+
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-size: 13px;
padding: 5px 10px;
padding: 5px 10px;
Line 961: Line 1,084:
}
}
.forms fieldset .btn-submit {
.forms fieldset .btn-submit {
-
background: #5499c3 url([[File:button.png]]) repeat-x;
+
background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x;
border: none;
border: none;
height: 27px;
height: 27px;
Line 968: Line 1,091:
border-radius: 3px;
border-radius: 3px;
color: #e2e2e2;
color: #e2e2e2;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-size: 14px;
padding: 0 20px 1px 20px;
padding: 0 20px 1px 20px;
Line 995: Line 1,118:
width: 80px;
width: 80px;
padding-top: 5px;
padding-top: 5px;
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-size: 13px;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* FOOTER FORMS
 +
/*-----------------------------------------------------------------------------------*/
#footer .form-container {
#footer .form-container {
Line 1,020: Line 1,146:
}
}
#footer .forms fieldset .btn-submit {
#footer .forms fieldset .btn-submit {
-
background: #5499c3 url([[File:button.png]]) repeat-x;
+
background: #5499c3 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_button.png') repeat-x;
border: none;
border: none;
height: 27px;
height: 27px;
Line 1,027: Line 1,153:
border-radius: 3px;
border-radius: 3px;
color: #e2e2e2;
color: #e2e2e2;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-size: 14px;
padding: 0 20px 1px 20px;
padding: 0 20px 1px 20px;
Line 1,048: Line 1,174:
text-align: right;
text-align: right;
padding-top: 10px;
padding-top: 10px;
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 13px;
font-size: 13px;
}
}
Line 1,065: Line 1,191:
}
}
 +
/* Opera Fix */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
#footer .form-container .loading {
#footer .form-container .loading {
Line 1,079: Line 1,206:
}
}
 +
/* Webkit Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
@media screen and (-webkit-min-device-pixel-ratio:0) {  
#footer .forms label {
#footer .forms label {
Line 1,084: Line 1,212:
}
}
}
}
 +
 +
/*-----------------------------------------------------------------------------------*/
 +
/* PORTFOLIO
 +
/*-----------------------------------------------------------------------------------*/
.items {
.items {
Line 1,115: Line 1,247:
.box h4 {
.box h4 {
padding:10px 0 0;
padding:10px 0 0;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
}
}
.box p {
.box p {
padding: 0;
padding: 0;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
}
}
#filtering-nav {
#filtering-nav {
Line 1,134: Line 1,266:
padding: 0 20px 0 0;
padding: 0 20px 0 0;
font-style: normal;
font-style: normal;
-
font-family: 'Museo500';
+
font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
text-transform: uppercase;
font-size: 13px;
font-size: 13px;
Line 1,149: Line 1,281:
}
}
#portfolio .items, #gallery .items {
#portfolio .items, #gallery .items {
-
opacity: 0;
+
opacity: 1;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* PORTFOLIO HOVER
 +
/*-----------------------------------------------------------------------------------*/
 +
.box a, .carousel ul li {
.box a, .carousel ul li {
Line 1,162: Line 1,298:
.play, .zoom, .details {
.play, .zoom, .details {
position: absolute;
position: absolute;
-
background: transparent url([[File:icon-play.png]]) no-repeat center center;
+
background: transparent url('https://static.igem.org/mediawiki/2014/a/a1/Bnu_icon-play.png') no-repeat center center;
}
}
.zoom {
.zoom {
-
background-image: url([[File:icon-zoom.png]]);
+
background-image: url('https://static.igem.org/mediawiki/2014/3/39/Bnu_icon-zoom.png');
}
}
.details {
.details {
-
background-image: url([[File:icon-more.png]]);
+
background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Bnu_icon-more.png');
}
}
.box a span, .carousel ul li a span {
.box a span, .carousel ul li a span {
Line 1,181: Line 1,317:
.overlay {
.overlay {
background-color: rgba(15, 15, 15, 0.4);
background-color: rgba(15, 15, 15, 0.4);
 +
        border-radius: 0.5em 0.5em 0.5em 0.5em;
 +
        color: #FFF1BF;
 +
        font-size: 20px;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* GALLERY
 +
/*-----------------------------------------------------------------------------------*/
#gallery {
#gallery {
margin-top: 40px;
margin-top: 40px;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* BLOG
 +
/*-----------------------------------------------------------------------------------*/
 +
.blog {
.blog {
}
}
Line 1,221: Line 1,367:
border-right: 1px solid #454545;
border-right: 1px solid #454545;
float: left;
float: left;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
}
}
.post-date .day {
.post-date .day {
Line 1,259: Line 1,405:
}
}
.post-meta {
.post-meta {
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-size: 12px;
height: 13px;
height: 13px;
Line 1,265: Line 1,411:
}
}
.comments {
.comments {
-
background: transparent url([[File:icon-comment.png]]) no-repeat left center;
+
background: transparent url('https://static.igem.org/mediawiki/2014/f/f4/Bnu_icon-comment.png') no-repeat left center;
padding-left: 26px;
padding-left: 26px;
margin-right: 10px;
margin-right: 10px;
Line 1,271: Line 1,417:
}
}
.categories {
.categories {
-
background: transparent url([[File:icon-category.png]]) no-repeat left center;
+
background: transparent url('https://static.igem.org/mediawiki/2014/d/d4/Bnu_icon-category.png') no-repeat left center;
padding-left: 22px;
padding-left: 22px;
}
}
.tags {
.tags {
-
background: transparent url([[File:icon-tag.png]]) no-repeat left center;
+
background: transparent url('https://static.igem.org/mediawiki/2014/c/c4/Bnu_icon-tag.png') no-repeat left center;
padding-left: 30px;
padding-left: 30px;
margin-top: 10px;
margin-top: 10px;
padding-top: 5px;
padding-top: 5px;
display: block;
display: block;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-size: 12px;
height: 16px;
height: 16px;
Line 1,288: Line 1,434:
}
}
.post-meta a:hover, .tags a:hover {
.post-meta a:hover, .tags a:hover {
-
color: #d3573e;
+
color: #999889;
}
}
a.more {
a.more {
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
cursor: pointer;
cursor: pointer;
}
}
Line 1,311: Line 1,457:
background: none;
background: none;
padding: 0;
padding: 0;
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
}
}
.page-navi ul li a {
.page-navi ul li a {
Line 1,347: Line 1,493:
height: 24px;
height: 24px;
font-size: 13px;
font-size: 13px;
-
font-family: 'CharisSILItalic';
+
font-family:Georgia, "Times New Roman", Times, serif;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
-
background: #FFF url([[File:search.png]]) 240px center no-repeat;
+
background: #FFF url('https://static.igem.org/mediawiki/2014/7/74/Bnu_search.png') 240px center no-repeat;
}
}
.tag-list ul li {
.tag-list ul li {
Line 1,373: Line 1,519:
.tag-list ul li a:hover {
.tag-list ul li a:hover {
-
color: #d3573e;
+
color: #999889;
}
}
.cat-list ul li {
.cat-list ul li {
Line 1,397: Line 1,543:
}
}
.cat-list ul li a:hover {
.cat-list ul li a:hover {
-
color: #d3573e;
+
color: #999889;
}
}
ul.ads {
ul.ads {
Line 1,429: Line 1,575:
}
}
}
}
 +
 +
/*-----------------------------------------------------------------------------------*/
 +
/* SERVICES
 +
/*-----------------------------------------------------------------------------------*/
 +
.service {
.service {
-
background: transparent url([[File:circle.png]]) no-repeat;
+
background: transparent url('https://static.igem.org/mediawiki/2014/0/07/Bnu_circle.png') no-repeat;
width: 100px;
width: 100px;
height: 100px;
height: 100px;
Line 1,438: Line 1,589:
vertical-align: middle;
vertical-align: middle;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* 18. TOGGLE
 +
/*-----------------------------------------------------------------------------------*/
 +
.toggle {
.toggle {
width: 100%;
width: 100%;
-
padding-bottom: 20px;
 
clear:both;
clear:both;
 +
}
 +
.toggle img.left {
 +
float: left;
 +
margin: 10px 50px 20px 0;
}
}
.toggle-wrapper {
.toggle-wrapper {
Line 1,449: Line 1,607:
width: 550px;
width: 550px;
clear:both;
clear:both;
-
font-size: 15px;
 
margin:0px;
margin:0px;
display: block;
display: block;
cursor: pointer;
cursor: pointer;
background-color: #FFF;
background-color: #FFF;
-
padding: 10px 20px;
+
padding:10px 20px 10px 50px;
color: #4d4d4d;
color: #4d4d4d;
border: 1px solid #dedede;
border: 1px solid #dedede;
Line 1,463: Line 1,620:
-moz-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
 +
        font-size: 18px;
}
}
h2.trigger.active {
h2.trigger.active {
-
color: #4d87ab;
+
color: #EA7E73;
}
}
h2.trigger:hover {
h2.trigger:hover {
-
color: #4d87ab;
+
color: #999889;
}
}
.togglebox {
.togglebox {
-
width:590px;
+
width:80%;
height: auto;
height: auto;
-
background-color: #FFF;
+
background-color: #FFF1BF;
overflow: hidden;
overflow: hidden;
margin: 10px 0;
margin: 10px 0;
border: 1px solid #dedede;
border: 1px solid #dedede;
-
-webkit-border-radius: 5px;
+
-webkit-border-radius: 10px;
-
-moz-border-radius: 5px;
+
-moz-border-radius: 10px;
-
border-radius: 5px;
+
border-radius: 10px;
}
}
.togglebox div {
.togglebox div {
-
padding: 20px;
+
padding: 60px;
}
}
.togglebox p {
.togglebox p {
Line 1,498: Line 1,656:
border-radius: 5px;
border-radius: 5px;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* TABS
 +
/*-----------------------------------------------------------------------------------*/
 +
ul.tabs {
ul.tabs {
margin: 0;
margin: 0;
Line 1,513: Line 1,675:
background: none;
background: none;
padding: 0;
padding: 0;
-
font-family: 'Museo500';
+
font-family: Georgia, "Times New Roman", Times, serif;
}
}
ul.tabs li a {
ul.tabs li a {
Line 1,536: Line 1,698:
text-shadow: none;
text-shadow: none;
text-decoration: none;
text-decoration: none;
-
color: #FFF;
+
color: #999889;
}
}
ul.tabs li a {
ul.tabs li a {
Line 1,543: Line 1,705:
ul.tabs li a:hover {
ul.tabs li a:hover {
text-decoration: none;
text-decoration: none;
-
color: #4d87ab;
+
color: #999889;
}
}
ul.tabs li.active a {
ul.tabs li.active a {
-
border: 1px solid #4d87ab;
+
border: 1px solid #FFF1BF;
-
color: #fff;
+
color: #EA7E73;
-
background-color: #4d87ab;
+
background-color: #FFF1BF;
}
}
.tab_container {
.tab_container {
Line 1,555: Line 1,717:
float: left;
float: left;
width: 99%;
width: 99%;
-
border: 1px solid #dedede;
+
border-bottom: 2px solid rgba(254, 240, 190, 1);
-
background: #FFF;
+
margin-top: 10px;
margin-top: 10px;
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
border-radius: 5px;
 
}
}
.tab_content {
.tab_content {
padding: 15px 15px 15px 15px;
padding: 15px 15px 15px 15px;
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* TABLE
 +
/*-----------------------------------------------------------------------------------*/
table {
table {
Line 1,570: Line 1,731:
border-collapse: collapse;
border-collapse: collapse;
margin-bottom: 20px;
margin-bottom: 20px;
-
background-color: #fff;
+
        background: rgba(255,255,255,0) !important;
color: #6e6e6e;
color: #6e6e6e;
border-bottom:1px solid #dedede;
border-bottom:1px solid #dedede;
}
}
table td {
table td {
-
padding: 8px 10px;
 
border-right:1px solid #dedede;
border-right:1px solid #dedede;
}
}
Line 1,614: Line 1,774:
table.price td.left {
table.price td.left {
text-align: left;
text-align: left;
-
font-weight: bold;
+
 
}
}
table.price td.right {
table.price td.right {
text-align: right;
text-align: right;
-
font-weight: bold;
+
        font-size: 15px;
 +
        padding-right: 10px;
}
}
table.price td h4 {
table.price td h4 {
Line 1,626: Line 1,787:
display: block;
display: block;
font-size: 14px;
font-size: 14px;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-style: normal;
color: #6e6e6e;
color: #6e6e6e;
Line 1,633: Line 1,794:
padding-left: 3px;
padding-left: 3px;
line-height: 18px;
line-height: 18px;
-
font-family: 'CharisSILItalic';
+
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-style: normal;
}
}
.check-icon {
.check-icon {
-
background: transparent url([[File:check-table.png]]) no-repeat center left;
+
background: transparent url('https://static.igem.org/mediawiki/2014/8/88/Bnu_check-table.png') no-repeat center left;
width: 12px;
width: 12px;
height: 10px;
height: 10px;
}
}
.cross {
.cross {
-
background: transparent url([[File:cross.png]]) no-repeat center left;
+
background: transparent url('https://static.igem.org/mediawiki/2014/f/f0/Bnu_cross.png') no-repeat center left;
width: 10px;
width: 10px;
height: 10px;
height: 10px;
Line 1,661: Line 1,822:
height: 100%;
height: 100%;
z-index: 2;
z-index: 2;
-
background: url('[[File:tile.png]]');
+
background: url('https://static.igem.org/mediawiki/2014/d/d0/Bnu_tile.png');
}
}
 +
/*-----------------------------------------------------------------------------------*/
 +
/* COMMENTS
 +
/*-----------------------------------------------------------------------------------*/
 +
#comments {
#comments {
width: 590px;
width: 590px;
 +
margin-left:10%;
 +
margin-top:30px;
}
}
.full-width #comments {
.full-width #comments {
Line 1,684: Line 1,851:
padding: 25px 0 26px 0;
padding: 25px 0 26px 0;
border-bottom: 1px solid #454545;
border-bottom: 1px solid #454545;
-
font-family: 'PTSansRegular';
+
font-family: Georgia, "Times New Roman", Times, serif;
}
}
#comments .user {
#comments .user {
Line 1,691: Line 1,858:
}
}
.avatar {
.avatar {
-
width: 60px;
+
width: 100px;
-
height: 60px;
+
height: 100px;
float:left;
float:left;
display:block;
display:block;
 +
        margin-left:-30px;
}
}
#comments .message .info .date {
#comments .message .info .date {
Line 1,746: Line 1,914:
}
}
#comments ol.commentlist ul.children ul li .message {
#comments ol.commentlist ul.children ul li .message {
-
width:430px;
+
width:80%;
}
}
#comments ol.commentlist ul.children ul ul li .message {
#comments ol.commentlist ul.children ul ul li .message {
Line 1,793: Line 1,961:
margin-top: 40px;
margin-top: 40px;
}
}
 +
 +
 +
/*Navigation*/
 +
#navigation{
 +
width:150px;
 +
height:150px;
 +
bottom:20px;
 +
right:0px;
 +
position:fixed;
 +
z-index:10000;
 +
        transition: all 0.9s ease-in-out 0.1s;
 +
cursor:pointer;
 +
        opacity: 0.9;
 +
}
 +
#navigation:hover{
 +
      background-image:url('https://static.igem.org/mediawiki/2014/6/6a/Bnu_bktn2.png');
 +
      transition: all 0.9s ease-in-out 0.1s;
 +
}
 +
#navigation:hover img {
 +
      opacity:0;
 +
}
 +
 +
.thanks{
 +
text-shadow:1px 1px 8px rgba(68, 62, 62, 0.6);
 +
color:rgba(63, 100, 206, 1);
 +
        font-size: x-large;
 +
}
 +
 +
.maps {
 +
      background: rgba(254, 240, 190, 1) !important;
 +
}
 +
 +
.maps:hover * {
 +
      background: rgba(254, 240, 190, 0.1) !important;
 +
}
 +
 +
.map_list {
 +
margin-left:10%;
 +
        margin-bottom:100px;
 +
}
 +
.map_list *{
 +
background:none !important;
 +
}
 +
 +
.map_list ul {
 +
      font-size: 15px;
 +
}
 +
 +
.member hr {
 +
        margin: 1em 0 .5em 0em !important;
 +
        height:2px;
 +
}
 +
 +
#copyright p {
 +
      color: #EA7E73;
 +
}
 +
 +
 +
 +
<!--[if IE 7]>
 +
#footer .form-container {
 +
position: relative;
 +
width: 197px;
 +
margin-left: -15px;
 +
}
 +
 +
#footer .form-container .loading {
 +
width: 100px;
 +
}
 +
#footer .forms fieldset .text-input {
 +
width: 110px;
 +
}
 +
#footer .forms label {
 +
padding-top:6px;
 +
}
 +
 +
.menu ul li a {padding: 21px 30px 19px;}
 +
 +
.forms fieldset .text-input, #footer .forms fieldset .text-input {
 +
height: 22px;
 +
padding: 8px 10px 0;
 +
}
 +
 +
ul.latest-posts li em.month {
 +
line-height: 10px;
 +
margin-top: 5px;
 +
}
 +
 +
ul.flickr li {
 +
display: inline;
 +
margin: 0 12px 12px 0;
 +
}<![endif]-->
 +
<!--[if IE 8]>
 +
#footer .form-container .loading {
 +
width: 110px;
 +
height: 400px;
 +
}
 +
#footer .forms fieldset .text-input {
 +
width: 110px;
 +
height: 30px;
 +
}
 +
#footer .forms label {
 +
padding-top:6px;
 +
}
 +
 +
.menu ul li a {padding: 21px 30px 19px;}
 +
 +
 +
.forms fieldset .text-input, #footer .forms fieldset .text-input {
 +
height: 22px;
 +
padding: 8px 10px 0;
 +
}
 +
 +
ul.flickr {
 +
margin-top: -15px;
 +
display: block;
 +
overflow: hidden;
 +
}
 +
 +
ul.flickr li {
 +
margin: 0 9px -3px 0;
 +
padding: 0;
 +
}
 +
 +
ul.flickr li a {
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
ul.flickr li a img {
 +
margin: 0;
 +
padding: 0;
 +
display: block;
 +
}
 +
<![endif]-->
 +
<!--[if IE 9]>
 +
#footer .form-container .loading {
 +
width: 110px;
 +
height: 400px;
 +
}
 +
#footer .forms fieldset .text-input {
 +
width: 110px;
 +
height: 30px;
 +
}
 +
#footer .forms label {
 +
padding-top:6px;
 +
}
 +
 +
.menu ul li a {padding: 21px 30px 19px;}
 +
<![endif]-->
</style>
</style>
</head>
</head>
</html>
</html>

Latest revision as of 22:36, 17 October 2014