Difference between revisions of "Template:SJTU-Software/teamCss"

(Created page with "[class*=Content]{ width: 80%; height: 800px; border-radius: 15px; border:1px solid; border-color: white; color:#000; } [class*=-content]{ height:840px; } .mem1{ displa...")
 
 
(One intermediate revision by the same user not shown)
Line 1: Line 1:
[class*=Content]{
+
body{
width: 80%;
+
background: url("https://static.igem.org/mediawiki/2015/5/5f/SJTU-SOFTWARE.background-team.png") scroll no-repeat !important;
height: 800px;
+
background-size: 100% !important;
border-radius: 15px;
+
}
 +
.panelTitle{
 +
text-align: center;
 +
margin-top: 15px;
 +
margin-bottom: 0;
 +
font-size:16px;
 +
color:black;
 +
}
 +
.base-frame{
 +
border-radius: 8px;
 
border:1px solid;
 
border:1px solid;
border-color: white;
+
color:#000;
+
border-color:transparent;
 +
box-shadow: 2px -2px 5px #444;
 +
        background-color:rgba(255,255,255,0.5);
 +
margin:0 auto;
 
}
 
}
[class*=-content]{
+
hr{
height:840px;
+
margin: 10px auto;
 +
width: auto;
 +
border-color: black;
 +
background-color:black;
 +
height:1px;
 
}
 
}
.mem1{
+
hr{
display: none;
+
margin-left:40px;
 +
margin-right:40px;
 
}
 
}
.mem2{
+
hr + p{
display: none;
+
padding-left:40px;
 +
padding-right:40px;
 +
padding-top:0;
 +
padding-bottom: 30px;
 +
color:black;
 +
font-size:14px;
 
}
 
}
.mem3{
+
.members{
display:none;
+
width:60%;
 +
margin: auto;
 
}
 
}
.mem4{
+
.blackAndWhite img{
display: none;
+
width:100%;
 +
margin:18px;
 
}
 
}
.mem5{
+
.blackAndWhite div{
display: none;
+
padding-left: 18px;
 +
padding-right: 18px;
 
}
 
}
.mem6{
+
 
display:none;
+
.aaa{
 +
height: 200px;
 
}
 
}
.mem7{
+
.colorful{
display:none;
+
width:0;
 +
display: none;
 +
position: absolute;
 +
z-index: 1000;
 +
-webkit-transition:width 1s, -webkit-transform 1s;
 +
transform:rotate(360deg);
 +
-webkit-transform:rotate(360deg);
 
}
 
}
.membersNav>a{
+
.advisorPic{
background-color: transparent;
+
height:300px;
border:none;
+
color:#DADADA;
+
 
}
 
}
.membersNav>a:hover{
+
[class*=Content]{
color:#095f8a;
+
width: 80%;
 +
        border-radius: 8px;
 +
border:1px solid;
 +
 +
border-color:transparent;
 +
box-shadow: 2px -2px 5px #444;
 +
        background-color:rgba(255,255,255,0.5);
 +
margin:0 auto;
 
}
 
}

Latest revision as of 10:31, 18 September 2015

body{ background: url("SJTU-SOFTWARE.background-team.png") scroll no-repeat !important; background-size: 100% !important; } .panelTitle{ text-align: center; margin-top: 15px; margin-bottom: 0; font-size:16px; color:black; } .base-frame{ border-radius: 8px; border:1px solid;

border-color:transparent; box-shadow: 2px -2px 5px #444;

       background-color:rgba(255,255,255,0.5);

margin:0 auto; } hr{ margin: 10px auto; width: auto; border-color: black; background-color:black; height:1px; } hr{ margin-left:40px; margin-right:40px; } hr + p{ padding-left:40px; padding-right:40px; padding-top:0; padding-bottom: 30px; color:black; font-size:14px; } .members{ width:60%; margin: auto; } .blackAndWhite img{ width:100%; margin:18px; } .blackAndWhite div{ padding-left: 18px; padding-right: 18px; }

.aaa{ height: 200px; } .colorful{ width:0; display: none; position: absolute; z-index: 1000; -webkit-transition:width 1s, -webkit-transform 1s; transform:rotate(360deg); -webkit-transform:rotate(360deg); } .advisorPic{ height:300px; } [class*=Content]{ width: 80%;

       border-radius: 8px;

border:1px solid;

border-color:transparent; box-shadow: 2px -2px 5px #444;

       background-color:rgba(255,255,255,0.5);

margin:0 auto; }