Template:Team:BNU-China/CSS/main

From 2014.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
<style>
<style>
-
/*clean the default css*/
 
#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 5s;
+
         animation:show 30s;
-
         -moz-animation:show 5s; /* Firefox */
+
         -moz-animation:show 30s; /* Firefox */
-
         -webkit-animation:show 5s; /* Safari and Chrome */
+
         -webkit-animation:show 30s; /* Safari and Chrome */
-
         -o-animation:show 5s; /* Opera */
+
         -o-animation:show 30s; /* Opera */
}
}
-
@keyframes myfirst
+
@keyframes show
{
{
-
from {display:none;}
+
from {color:black;}
-
to {background:yellow;}
+
to {color:#F00;}
}
}
.low_version p{
.low_version p{
font-size:15px;
font-size:15px;
-
color:#F00;}
+
}
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 url('https://static.igem.org/mediawiki/2014/4/45/Bnu_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;
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 409: Line 418:
.logo {
.logo {
float: left;
float: left;
 +
        margin-top: 10px;
 +
        margin-bottom: 20px;
}
}
.social {
.social {
Line 668: 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 721: Line 733:
position: absolute;
position: absolute;
bottom: 10px;
bottom: 10px;
-
left: 10px;
 
display: none;
display: none;
width: auto;
width: auto;
-
background-image: url('https://static.igem.org/mediawiki/2014/5/53/Bnu_white-opacity-80.png');
+
        background-color: rgba(255,255,255,0.3)
}
}
.showcase-onepage .showcase-content {
.showcase-onepage .showcase-content {
Line 859: Line 870:
.one-half {
.one-half {
-
width:48%;
+
width:46%;
}
}
.one-third {
.one-third {
Line 870: Line 881:
width:22%;
width:22%;
}
}
-
.one-fourth img{width:20% !important;}
+
.one-fourth img{width:35% !important;}
.three-fourth {
.three-fourth {
width:74%;
width:74%;
Line 927: 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,302: 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,622: Line 1,640:
}
}
.togglebox div {
.togglebox div {
-
padding: 20px;
+
padding: 60px;
}
}
.togglebox p {
.togglebox p {
Line 1,690: Line 1,708:
}
}
ul.tabs li.active a {
ul.tabs li.active a {
-
border: 1px solid #EA7E73;
+
border: 1px solid #FFF1BF;
-
color: #fff;
+
color: #EA7E73;
-
background-color: #EA7E73;
+
background-color: #FFF1BF;
}
}
.tab_container {
.tab_container {
Line 1,699: 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 {
Line 1,844: 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,958: 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,991: Line 2,007:
.map_list ul {
.map_list ul {
       font-size: 15px;
       font-size: 15px;
-
}
 
-
 
-
.member {
 
-
        margin-left: 5%;
 
-
}
 
-
 
-
.member p {
 
-
        text-indent: 0em !important;
 
}
}

Latest revision as of 22:36, 17 October 2014

Retrieved from "http://2014.igem.org/Template:Team:BNU-China/CSS/main"