Template:Team:BNU-China/CSS/main
From 2014.igem.org
(Difference between revisions)
(79 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 --*/ | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear, .center {display: none;} /*-- hides default wiki settings --*/ | ||
Line 44: | Line 43: | ||
.low_version{ | .low_version{ | ||
z-index:-1; | 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{ | .low_version p{ | ||
font-size:15px; | font-size:15px; | ||
- | + | } | |
Line 149: | Line 157: | ||
font-size: 14px; | font-size: 14px; | ||
line-height: 20px; | line-height: 20px; | ||
+ | margin-top:5px; | ||
+ | margin-bottom: 5px; | ||
} | } | ||
a { | a { | ||
- | color: # | + | color: #EA7E73; |
text-decoration: none; | text-decoration: none; | ||
-webkit-transition:all 200ms ease-in; | -webkit-transition:all 200ms ease-in; | ||
Line 157: | Line 167: | ||
} | } | ||
a:hover { | a:hover { | ||
- | color: # | + | color: #999889#999889; |
} | } | ||
h1, h2, h3, h4, h5, h6 { | h1, h2, h3, h4, h5, h6 { | ||
font-family: 'Museo500'; | font-family: 'Museo500'; | ||
- | color: # | + | color: #EA7E73; |
font-weight: normal; | font-weight: normal; | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
Line 168: | Line 178: | ||
font-size: 22px; | font-size: 22px; | ||
line-height: 26px; | line-height: 26px; | ||
+ | text-align: center; | ||
} | } | ||
h2 { | h2 { | ||
Line 259: | Line 270: | ||
} | } | ||
.lite1 { | .lite1 { | ||
- | color: # | + | color: #EA7E73; |
} | } | ||
.lite2 { | .lite2 { | ||
- | border-bottom: 1px dotted # | + | border-bottom: 1px dotted #EA7E73; |
} | } | ||
a.button { | a.button { | ||
- | background: #5499c3 | + | background: #5499c3; |
border: none; | border: none; | ||
- | |||
-webkit-border-radius: 3px; | -webkit-border-radius: 3px; | ||
-moz-border-radius: 3px; | -moz-border-radius: 3px; | ||
Line 281: | Line 291: | ||
-moz-transition:all 200ms ease-in; | -moz-transition:all 200ms ease-in; | ||
} | } | ||
+ | |||
+ | .fig { | ||
+ | background-color: rgba(226,210,197,0.5); | ||
+ | font-size:12px; | ||
+ | padding: 8px 20px 8px 20px; | ||
+ | border-radius: 0.5em 0.5em 0.5em 0.5em; | ||
+ | } | ||
+ | |||
/* Webkit Fix */ | /* Webkit Fix */ | ||
@media screen and (-webkit-min-device-pixel-ratio:0) { | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
Line 329: | Line 347: | ||
a.button.red:hover { | a.button.red:hover { | ||
color: #fff; | color: #fff; | ||
- | background-color: # | + | background-color: #EA7E73; |
} | } | ||
Line 400: | Line 418: | ||
.logo { | .logo { | ||
float: left; | float: left; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
.social { | .social { | ||
Line 550: | Line 570: | ||
.menu ul li a { | .menu ul li a { | ||
display: block; | display: block; | ||
- | |||
text-decoration: none; | text-decoration: none; | ||
display:block; | display:block; | ||
line-height: 1; | line-height: 1; | ||
border-right: 1px solid #b4b4b4; | border-right: 1px solid #b4b4b4; | ||
- | font-size: | + | font-size: 15px; |
} | } | ||
Line 567: | Line 586: | ||
} | } | ||
.menu ul li a:link, .menu ul li a:visited { | .menu ul li a:link, .menu ul li a:visited { | ||
- | color: # | + | color: #EA7E73; |
} | } | ||
.menu ul li a.active { | .menu ul li a.active { | ||
- | color: # | + | color: #EA7E73; |
} | } | ||
.menu ul li a.selected { | .menu ul li a.selected { | ||
background: #fff; | background: #fff; | ||
- | color: # | + | color: #EA7E73; |
} | } | ||
.menu ul li a:hover { | .menu ul li a:hover { | ||
background: rgba(255,255,255,0.8); | background: rgba(255,255,255,0.8); | ||
- | color: # | + | color: #999889; |
} | } | ||
.menu ul li ul { | .menu ul li ul { | ||
Line 660: | 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 713: | Line 733: | ||
position: absolute; | position: absolute; | ||
bottom: 10px; | bottom: 10px; | ||
- | |||
display: none; | display: none; | ||
width: auto; | width: auto; | ||
- | + | background-color: rgba(255,255,255,0.3) | |
} | } | ||
.showcase-onepage .showcase-content { | .showcase-onepage .showcase-content { | ||
Line 851: | Line 870: | ||
.one-half { | .one-half { | ||
- | width: | + | width:46%; |
} | } | ||
.one-third { | .one-third { | ||
Line 862: | Line 881: | ||
width:22%; | width:22%; | ||
} | } | ||
- | .one-fourth img{width: | + | .one-fourth img{width:35% !important;} |
.three-fourth { | .three-fourth { | ||
width:74%; | width:74%; | ||
Line 919: | 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 1,294: | 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; | ||
} | } | ||
/*-----------------------------------------------------------------------------------*/ | /*-----------------------------------------------------------------------------------*/ | ||
Line 1,408: | Line 1,434: | ||
} | } | ||
.post-meta a:hover, .tags a:hover { | .post-meta a:hover, .tags a:hover { | ||
- | color: # | + | color: #999889; |
} | } | ||
a.more { | a.more { | ||
Line 1,493: | Line 1,519: | ||
.tag-list ul li a:hover { | .tag-list ul li a:hover { | ||
- | color: # | + | color: #999889; |
} | } | ||
.cat-list ul li { | .cat-list ul li { | ||
Line 1,517: | Line 1,543: | ||
} | } | ||
.cat-list ul li a:hover { | .cat-list ul li a:hover { | ||
- | color: # | + | color: #999889; |
} | } | ||
ul.ads { | ul.ads { | ||
Line 1,569: | Line 1,595: | ||
.toggle { | .toggle { | ||
width: 100%; | width: 100%; | ||
- | |||
clear:both; | clear:both; | ||
} | } | ||
Line 1,595: | Line 1,620: | ||
-moz-border-radius: 5px; | -moz-border-radius: 5px; | ||
border-radius: 5px; | border-radius: 5px; | ||
+ | font-size: 18px; | ||
} | } | ||
h2.trigger.active { | h2.trigger.active { | ||
- | color: # | + | color: #EA7E73; |
} | } | ||
h2.trigger:hover { | h2.trigger:hover { | ||
- | color: # | + | color: #999889; |
} | } | ||
.togglebox { | .togglebox { | ||
width:80%; | width:80%; | ||
height: auto; | height: auto; | ||
- | background-color: # | + | background-color: #FFF1BF; |
overflow: hidden; | overflow: hidden; | ||
margin: 10px 0; | margin: 10px 0; | ||
border: 1px solid #dedede; | border: 1px solid #dedede; | ||
- | -webkit-border-radius: | + | -webkit-border-radius: 10px; |
- | -moz-border-radius: | + | -moz-border-radius: 10px; |
- | border-radius: | + | border-radius: 10px; |
} | } | ||
.togglebox div { | .togglebox div { | ||
- | padding: | + | padding: 60px; |
} | } | ||
.togglebox p { | .togglebox p { | ||
Line 1,672: | Line 1,698: | ||
text-shadow: none; | text-shadow: none; | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #999889; |
} | } | ||
ul.tabs li a { | ul.tabs li a { | ||
Line 1,679: | Line 1,705: | ||
ul.tabs li a:hover { | ul.tabs li a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #999889; |
} | } | ||
ul.tabs li.active a { | ul.tabs li.active a { | ||
- | border: 1px solid # | + | border: 1px solid #FFF1BF; |
- | color: # | + | color: #EA7E73; |
- | background-color: # | + | background-color: #FFF1BF; |
} | } | ||
.tab_container { | .tab_container { | ||
Line 1,691: | Line 1,717: | ||
float: left; | float: left; | ||
width: 99%; | width: 99%; | ||
- | border: | + | border-bottom: 2px solid rgba(254, 240, 190, 1); |
- | + | ||
margin-top: 10px; | margin-top: 10px; | ||
- | |||
- | |||
- | |||
} | } | ||
.tab_content { | .tab_content { | ||
Line 1,836: | Line 1,858: | ||
} | } | ||
.avatar { | .avatar { | ||
- | width: | + | width: 100px; |
- | height: | + | height: 100px; |
float:left; | float:left; | ||
display:block; | display:block; | ||
+ | margin-left:-30px; | ||
} | } | ||
#comments .message .info .date { | #comments .message .info .date { | ||
Line 1,950: | Line 1,973: | ||
transition: all 0.9s ease-in-out 0.1s; | transition: all 0.9s ease-in-out 0.1s; | ||
cursor:pointer; | cursor:pointer; | ||
+ | opacity: 0.9; | ||
} | } | ||
#navigation:hover{ | #navigation:hover{ | ||
Line 1,962: | Line 1,986: | ||
text-shadow:1px 1px 8px rgba(68, 62, 62, 0.6); | text-shadow:1px 1px 8px rgba(68, 62, 62, 0.6); | ||
color:rgba(63, 100, 206, 1); | color:rgba(63, 100, 206, 1); | ||
+ | font-size: x-large; | ||
} | } | ||
Line 1,980: | Line 2,005: | ||
} | } | ||
- | . | + | .map_list ul { |
- | + | font-size: 15px; | |
} | } | ||
Line 1,987: | Line 2,012: | ||
margin: 1em 0 .5em 0em !important; | margin: 1em 0 .5em 0em !important; | ||
height:2px; | height:2px; | ||
+ | } | ||
+ | |||
+ | #copyright p { | ||
+ | color: #EA7E73; | ||
} | } | ||
Latest revision as of 22:36, 17 October 2014