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

(Created page with "[class*=Content]{ width: 80%; height: 1000px; border-radius: 15px; border:1px solid; border-color: white; color:#000; } [class*=-content]{ height:1050px; } .ayr1{ disp...")
 
 
(37 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
[class*=Content]{
 
[class*=Content]{
−
width: 80%;
+
width: 60%;
−
height: 1000px;
+
 
−
border-radius: 15px;
+
 
−
border:1px solid;
+
−
border-color: white;
+
 
color:#000;
 
color:#000;
 +
        margin:auto;
 
}
 
}
 
[class*=-content]{
 
[class*=-content]{
−
height:1050px;
+
 
 +
        margin:auto;
 +
        position:relative;
 
}
 
}
 
.ayr1{
 
.ayr1{
Line 46: Line 47:
 
.hpceNav>a:hover{
 
.hpceNav>a:hover{
 
color:#095f8a;
 
color:#095f8a;
 +
}
 +
svg{
 +
  width: 960px; height: 500px;
 +
  text-align:center;
 +
  margin-left:25%;
 +
  position:relative;
 +
text-align:center;
 +
}
 +
.project{
 +
    margin:auto;
 +
    position:relative;
 +
}
 +
.map{
 +
    width:1092.8x;
 +
    height:902px;
 +
}
 +
.mapf{
 +
    text-align:center;
 +
}
 +
.frame{
 +
width: 60%;
 +
position: relative;
 +
margin: auto;
 +
border-radius: 10px;
 +
box-shadow: 5px 5px 10px 1px gray;
 +
overflow: visible;
 +
        padding-left:20px;
 +
        padding-right:20px;
 +
        padding-top:20px;
 +
        padding-bottom:20px;
 +
}
 +
.frame h1{
 +
        margin:10px;
 +
text-align: center;
 +
margin-bottom: 0px;
 +
padding-top: 20px;
 +
        overflow:visible;
 +
}
 +
 +
.frame p h2{
 +
        margin:10px;
 +
width: 80%;
 +
position: relative;
 +
margin: auto;
 +
font-size: 12px;
 +
        line-height:18px;
 +
}
 +
.project-content{
 +
        width:100%;
 +
}
 +
.hphead{
 +
  width:40%;
 +
  margin:auto;
 +
  color:#545454;
 +
}
 +
.hphead>i{
 +
  font-size:14px;
 +
}
 +
.headers{
 +
  width:60%;
 +
  margin:auto;
 
}
 
}

Latest revision as of 20:24, 18 September 2015

[class*=Content]{ width: 60%;


color:#000; 

       margin:auto;

} [class*=-content]{ 

       margin:auto;
       position:relative;

} .ayr1{ display: none; } .ayr2{ display: none; } .ayr3{ display:none; } .ayr4{ display: none; } .hpce1{ display: none; } .hpce2{ display:none; } .hpce3{ display:none; } .ayrNav>a{ background-color: transparent; border:none; color:#DADADA; } .hpceNav>a{ background-color: transparent; border:none; color:#DADADA; } .ayrNav>a:hover{ color:#095f8a; } .hpceNav>a:hover{ color:#095f8a; } svg{ 

  width: 960px; height: 500px; 
  text-align:center;
  margin-left:25%;
  position:relative;

text-align:center; } .project{ 

   margin:auto;
   position:relative;

} .map{ 

   width:1092.8x;
   height:902px;

} .mapf{ 

   text-align:center;

} .frame{ width: 60%; position: relative; margin: auto; border-radius: 10px; box-shadow: 5px 5px 10px 1px gray; overflow: visible; 

       padding-left:20px;
       padding-right:20px;
       padding-top:20px;
       padding-bottom:20px;

} .frame h1{ 

       margin:10px;

text-align: center; margin-bottom: 0px; padding-top: 20px; 

       overflow:visible;

}

.frame p h2{ 

       margin:10px;

width: 80%; position: relative; margin: auto; font-size: 12px; 

       line-height:18px;

} .project-content{ 

       width:100%;

} .hphead{ 

  width:40%;
  margin:auto;
  color:#545454;

} .hphead>i{ 

  font-size:14px;

} .headers{ 

  width:60%;
  margin:auto;

}