"
Template:Team:BNU-China/CSS/main
From 2014.igem.org
(Difference between revisions)
| (50 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 158: | Line 157: | ||
font-size: 14px; | font-size: 14px; | ||
line-height: 20px; | line-height: 20px; | ||
| + | margin-top:5px; | ||
| + | margin-bottom: 5px; | ||
} | } | ||
a { | a { | ||
| Line 177: | Line 178: | ||
font-size: 22px; | font-size: 22px; | ||
line-height: 26px; | line-height: 26px; | ||
| + | text-align: center; | ||
} | } | ||
h2 { | h2 { | ||
| Line 274: | Line 276: | ||
} | } | ||
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 290: | 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 406: | Line 415: | ||
overflow: hidden; | overflow: hidden; | ||
position: relative; | position: relative; | ||
| - | |||
} | } | ||
.logo { | .logo { | ||
float: left; | float: left; | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 20px; | ||
} | } | ||
.social { | .social { | ||
| Line 718: | Line 728: | ||
} | } | ||
.showcase-caption { | .showcase-caption { | ||
| - | |||
color: #000; | color: #000; | ||
padding: 9px 15px 7px 15px; | padding: 9px 15px 7px 15px; | ||
| Line 724: | 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 862: | Line 870: | ||
.one-half { | .one-half { | ||
| - | width: | + | width:46%; |
} | } | ||
.one-third { | .one-third { | ||
| Line 873: | 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 930: | 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,305: | 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,625: | Line 1,640: | ||
} | } | ||
.togglebox div { | .togglebox div { | ||
| - | padding: | + | padding: 60px; |
} | } | ||
.togglebox p { | .togglebox p { | ||
| Line 1,693: | Line 1,708: | ||
} | } | ||
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,702: | 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,996: | Line 2,007: | ||
.map_list ul { | .map_list ul { | ||
font-size: 15px; | font-size: 15px; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
Latest revision as of 22:36, 17 October 2014
