Difference between revisions of "Template:BNU-China/CSS/final"

Line 1: Line 1:
−
.math>span:last-child {
+
.group-list {
−
    border:none !important;
+
display: inline-block;
 +
width: 100%;
 +
height: 30px;
 +
position: relative;
 +
top: 20px;
 +
text-align: center;
 
}
 
}
−
.w_a:hover, .w_a:visited {
+
.group-list>li {
−
    text-decoration: none !important;
+
display: inline-block;
 +
margin: 0;
 +
padding: 0 10px;
 +
border-right-style: outset;
 +
color: #272f30;
 +
font-size: 20px;
 +
line-height: 30px;
 +
text-decoration: none;
 +
cursor: pointer;
 
}
 
}
−
@font-face {
+
.group-list>li:last-child {
−
font-family: "SF Pro Display";
+
border-right-style: none;
−
src: url("https://static.igem.org/mediawiki/2017/6/68/T--BNU-China--SanFranciscoDisplay-Light.otf");
+
 
}
 
}
−
@font-face {
+
.group-list>li:hover {
−
font-family: "Quicksand";
+
color: #e5b051;
−
src: url("https://static.igem.org/mediawiki/2017/6/63/T--BNU-China--Quicksand.otf");
+
 
}
 
}
−
@font-face {
+
.team-row {
−
font-family: "SF Text";
+
display: inline-block;
−
src: url("https://static.igem.org/mediawiki/2017/1/19/T--BNU-China--SanFranciscoText-Regular.otf");
+
width: 100%;
 +
position: relative;
 +
text-align: center;
 +
top: 60px;
 +
/*background-color: rgb(247,237,183);*/
 
}
 
}
−
@font-face {
+
.team-member {
−
font-family: "Cicero Sans";
+
display: inline-block;
−
src: url("https://static.igem.org/mediawiki/2017/9/9f/T--BNU-China--CiceroSans.ttf");
+
position: relative;
 +
top: 0px;
 +
width: 300px;
 +
height: 200px;
 +
padding: 0;
 +
/*background-color: #90551e;*/
 
}
 
}
−
@font-face {
+
.member-img {
−
font-family: "adr";
+
width: 300px;
−
src: url("https://static.igem.org/mediawiki/2017/2/21/T--BNU-China--adr.ttf");
+
height: 200px;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: 0;
 
}
 
}
−
@font-face {
+
.member-name {
−
font-family: "Regular";
+
width: 300px;
−
src: url("https://static.igem.org/mediawiki/2017/c/c2/T--BNU-China--Regular.ttf");
+
height: 30px;
 +
line-height: 30px;
 +
margin: 0 !important;
 +
padding: 0;
 +
position: absolute;
 +
top: 0;
 +
color: white;
 +
font-size: 20px;
 +
text-align: center;
 +
opacity: 1;
 +
z-index: 4;
 
}
 
}
−
@font-face {
+
.member-intro {
−
font-family: "Open Sans";
+
display: none;
−
src: url("https://static.igem.org/mediawiki/2017/3/39/T--BNU-China--OpenSans.ttf");
+
width: 300px;
 +
height: 180px;
 +
margin: 0;
 +
position: absolute;
 +
top: 20px;
 +
padding: 5px;
 +
color: white;
 +
text-indent: 16px;
 +
font-size: 15px !important;
 +
z-index: 4;
 
}
 
}
−
@font-face {
+
.member-cute {
−
font-family: "arlrdbd";
+
width: 300px;
−
src: url("https://static.igem.org/mediawiki/2017/1/1b/T--BNU-China--arlrdbd.ttf");
+
position: absolute;
 +
top: 30%;
 +
height: 40%;
 +
font-family: "adr" !important;
 +
color: white;
 +
text-align: center !important;
 +
font-size: 15px !important;
 +
z-index: 4;
 
}
 
}
−
@font-face {
+
@media screen and (max-width:911px) {
−
font-family: "Segoe Print";
+
    #w_Panel>ul>li {
−
src: url("https://static.igem.org/mediawiki/2017/3/39/T--BNU-China--segoe.ttf");
+
        font-size: 15px;
 +
    }
 +
    #w_Panel>ul>li>ul>li>p {
 +
        font-size: 10px;
 +
    }
 
}
 
}
  
−
#w_text>p {
+
@media screen and (max-width:767px) {
−
font-family: "Times New Roman" !important;
+
    .team-row {
−
text-align: justify !important;
+
        left: 25%;
 +
        width: 75%;
 +
        top: 100px;
 +
    }
 
}
 
}
−
#w_nav .w_a {
+
 
−
font-family: "Segoe Print" !important;
+
@media screen and (max-width:480px) {
−
}
+
    .team-row {
−
#w_menu .w_a {
+
        left: 30%;
−
font-family: "Quicksand" !important;
+
        width: 70%;
−
}
+
        top: 100px;
−
#w_menu p {
+
    }
−
font-family: "Quicksand" !important;
+
−
}
+
−
#w_navMenu p {
+
−
text-align: right !important;
+
−
}
+
−
#w_text h1,h2,h3{
+
−
font-family: "Quicksand" !important;
+
−
}
+
−
#w_text h3{
+
−
font-weight:900;
+
−
}
+
−
#abstract h1{
+
−
font-family: "Quicksand" !important;
+
−
}
+
−
#w_text a{
+
−
color:rgb(224,64,28);
+
 
}
 
}

Revision as of 14:14, 23 October 2017

.group-list { display: inline-block; width: 100%; height: 30px; position: relative; top: 20px; text-align: center; } .group-list>li { display: inline-block; margin: 0; padding: 0 10px; border-right-style: outset; color: #272f30; font-size: 20px; line-height: 30px; text-decoration: none; cursor: pointer; } .group-list>li:last-child { border-right-style: none; } .group-list>li:hover { color: #e5b051; } .team-row { display: inline-block; width: 100%; position: relative; text-align: center; top: 60px; /*background-color: rgb(247,237,183);*/ } .team-member { display: inline-block; position: relative; top: 0px; width: 300px; height: 200px; padding: 0; /*background-color: #90551e;*/ } .member-img { width: 300px; height: 200px; position: absolute; top: 0; left: 0; z-index: 0; } .member-name { width: 300px; height: 30px; line-height: 30px; margin: 0 !important; padding: 0; position: absolute; top: 0; color: white; font-size: 20px; text-align: center; opacity: 1; z-index: 4; } .member-intro { display: none; width: 300px; height: 180px; margin: 0; position: absolute; top: 20px; padding: 5px; color: white; text-indent: 16px; font-size: 15px !important; z-index: 4; } .member-cute { width: 300px; position: absolute; top: 30%; height: 40%; font-family: "adr" !important; color: white; text-align: center !important; font-size: 15px !important; z-index: 4; } @media screen and (max-width:911px) { 

   #w_Panel>ul>li {
       font-size: 15px;
   }
   #w_Panel>ul>li>ul>li>p {
       font-size: 10px;
   }

}

@media screen and (max-width:767px) { 

   .team-row {
       left: 25%;
       width: 75%;
       top: 100px;
   }

}

@media screen and (max-width:480px) { 

   .team-row {
       left: 30%;
       width: 70%;
       top: 100px;
   }

}