Difference between revisions of "Team:USTC/css/indexstyle"

(Blanked the page)
 
Line 1: Line 1:
#fullpage .section{padding:0;}
 
ol,ul{list-style:none}
 
del{text-decoration:line-through}
 
table{border-collapse:collapse;border-spacing:0}
 
#logo{position:relative;}
 
#logo img{position:absolute;z-index:2;width:200px;}
 
#menu > li{display:inline-block;margin:10px;color:#000;background:#fff;background:rgba(255,255,255,0.5);-webkit-border-radius:10px;border-radius:10px;}
 
#menu > li.active{background:#666;background:rgba(0,0,0,0.5);color:#fff;}
 
#menu > li a{text-decoration:none;color:#000;}
 
#menu > li.active a:hover{color:#000;}
 
#menu > li:hover{background:rgba(255,255,255,0.8);}
 
#menu > li a,#menu li.active a{padding:9px 18px;display:block;}
 
#menu > li.active a{color:#fff;}
 
#menu{position:relative;top:0;right:0;height:0px;z-index:70;width:100%;padding:0;margin:0;float:right!important;}
 
#welcome{background:#FFF;position:relative;overflow:hidden;-webkit-transition:all 2000ms ease;-moz-transition:all 2000ms ease;-ms-transition:all 2000ms ease;-o-transition:all 2000ms ease;transition:all 2000ms ease}
 
#welcome .slider .slides li img{opacity:0.7;}
 
#welcome .slider {background-color:black;!important}
 
#welcome .container{z-index:999;-webkit-transition:all 2000ms ease;-moz-transition:all 2000ms ease;-ms-transition:all 2000ms ease;-o-transition:all 2000ms ease;transition:all 2000ms ease}
 
#welcome h2{font-size:30px;font-weight:200;color:#FFF}
 
#welcome img{cursor:pointer}
 
#welcome .container{position:relative;z-index:999;text-align:center;}
 
#navi .row{margin-bottom:0;}
 
.check-inview{transition:all 500ms ease}
 
.check-inview.fadeup{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}
 
.check-inview.inview.fadeup{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
 
.navi-inview{transition:all 500ms ease}
 
.navi-inview.fadeup{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}
 
.navi-inview.inview.fadeup{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
 
#navi .card-image{position:relative;}
 
#navi{background-color:rgb(50,50,50);background-image:url(https://static.igem.org/mediawiki/2015/9/92/USTC-index-Background.png);background-position:right top;background-repeat:no-repeat;}
 
#navi img{top:0;left:0;}
 
#navi .card-image span{position:absolute;z-index:4;text-align:left;bottom:0;left:0;width:100%;font-size:180%;font-weight:500;line-height:116%;padding:5px;background:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-ms-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.6));background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6));}
 
#navi .card{margin-bottom:7px;}
 
.loading {position:fixed;width:100%;height:100%;background-color: #ffffff;z-index:100;}
 
.preloader-wrapper{left: 50%;top:50%;}
 
.Footer .col:nth-child(2) img{width:30px;}
 
.Footer{position:absolute;bottom:8px;width:100%;}
 
.Footer .col:nth-child(1){text-align:left;}
 
.Footer .col:nth-child(1) img{height:30px;}
 
#navi-dropdown {border-radius:5px}
 
#navi-dropdown li>a { padding: 0.6rem 0.4rem;color: black;font-weight:400; }
 
#constitution .container .row img { width: 100%;}
 
#constitution .container .row div { transition:all 1000ms ease;display: inline;text-align: center;color: white; }
 
#constitution .row .col.s2 { width:18%;margin:0 1% 0 1%;}
 
.container .row {margin-bottom:0px;}
 
#constitution .container > .row:nth-child(3) .col.s2 {background-color:rgba(0,0,0,0.3);border-radius:5px;padding:5px 5px 15px 5px;}
 
#constitution .container > .row:nth-child(3) .col.s2 > h5 {color:white;}
 
  
#intro div.container > div:nth-child(2) > div > div:before {content:" ";background-repeat:no-repeat;background-position:center center;background-size:contain;position:absolute;width:100%;height:100%;top:0;left:0;}
 
#intro div.container > div:nth-child(2) > div:nth-child(1) > div:before {background-image:url(https://static.igem.org/mediawiki/2015/b/b1/USTC-index-fast.png);opacity:0.2;}
 
#intro div.container > div:nth-child(2) > div:nth-child(2) > div:before {background-image:url(https://static.igem.org/mediawiki/2015/1/18/USTC-index-toolbox.png);opacity:0.3;}
 
#intro div.container > div:nth-child(2) > div:nth-child(3) > div:before {background-image:url(https://static.igem.org/mediawiki/2015/c/cd/USTC-index-gear.png);opacity:0.2;}
 
 
#tutorial div.container > div:nth-child(2) > div > div > div > h4 {text-align:center;}
 
#tutorial div.container > div:nth-child(2) > div:nth-child(1) > div > div > h4 > img {width:105px;}
 
#tutorial div.container > div:nth-child(2) > div:nth-child(2) > div > div > h4 > img {width:95px;}
 
#tutorial div.container > div:nth-child(2) > div:nth-child(3) > div > div > h4 > img {width:105px;}
 
 
#intro,#constitution,#tutorial {background-image:url(https://static.igem.org/mediawiki/2015/f/fd/USTC-index-Background_1.png);background-position:100% 0%;background-repeat:no-repeat;}
 

Latest revision as of 12:34, 18 September 2015