Difference between revisions of "Team:HFUT-China/wholecss"

(Created page with "html, body { width: 100%; height: 100%; min-width: 800px; font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif"; -webkit-font-smoothing...")
 
 
Line 9: Line 9:
  
 
div.container{
 
div.container{
 +
    margin-top: 44px;
 
     width: 100%;
 
     width: 100%;
 
     height: 100%;
 
     height: 100%;
Line 20: Line 21:
 
     padding-left: 3%;
 
     padding-left: 3%;
 
     margin-top: 5%;
 
     margin-top: 5%;
 +
}
 +
 +
div.sec-title-white{
 +
    border-bottom: 1px solid #CCCCCC;
 
}
 
}
  
Line 25: Line 30:
 
     font-size:2em;
 
     font-size:2em;
 
     color: #666666;
 
     color: #666666;
 +
}
 +
 +
div.sec-title h3.sec-head-white{
 +
    color:#eee;
 
}
 
}
  
Line 46: Line 55:
 
     margin:10px auto;
 
     margin:10px auto;
 
     zoom:1;
 
     zoom:1;
 +
    font-size: 1.1em;
 
}
 
}
  
Line 68: Line 78:
 
     width: 90%;
 
     width: 90%;
 
     height: auto;
 
     height: auto;
−
     margin: 10px auto;
+
     margin: 5px auto;
 
}
 
}
  

Latest revision as of 07:32, 18 September 2015

html, body { width: 100%; 

   height: 100%;
   min-width: 800px;
   font-family: "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;

}

div.container{ 

   margin-top: 44px;
   width: 100%;
   height: 100%;
   padding-bottom: 2%;
   overflow: auto;

}

div.sec-title{ 

   width:95%;
   border-bottom: 1px solid #4C4C4C;
   padding-left: 3%;
   margin-top: 5%;

}

div.sec-title-white{ 

   border-bottom: 1px solid #CCCCCC;

}

div.sec-title h3.sec-head{ 

   font-size:2em;
   color: #666666;

}

div.sec-title h3.sec-head-white{ 

   color:#eee;

}

.info-sec{ 

   width: 100%;
   height: 100%;

}

.info-sec:after{ 

   content: "";
   display: table;
   clear: both;
   width: 0;
   height: 0;

}


div.sec-content{ 

   width: 80%;
   height: 90%;
   margin:10px auto;
   zoom:1;
   font-size: 1.1em;

}

.sec-content .photo{ 

   width: 40%;

   margin-top: 10%;

}

.info, .whole-info{ 

   font-size: 1.3em;
   padding: 10px 10px;
   float: left;

}

.sec-content .info{ 

   width: 50%;
   margin-top: 12%;

}

.sec-content .whole-info{ 

   width: 90%;
   height: auto;
   margin: 5px auto;

}

.sec-content .whole-photo{ 

   width: 90%;
   margin: 10px auto;
   float: right;

}

.left .photo{ 

   float:left;

}

.left .info{ 

   float: right;

}

.right .photo{ 

   float:right;

}

.right .info{ 

   float: left;

}

.clear{ 

   content:"";
   display:table;
   clear:both;

}

.sub-title{ 

   font-size:1.7em;
   width: 80%;
   margin:5% auto 3%;

}