Difference between revisions of "Template:USTC-Software/style/Practices"

(Created page with " body {font-family:"Roboto";margin:0} p {font-weight:400} #hphead {width:100%} #hpcon {position:relative; left:10%; width:80% } #TAWP1 {float:left; width:500px;}...")
 
 
Line 3: Line 3:
 
p {font-weight:400}
 
p {font-weight:400}
 
#hphead {width:100%}
 
#hphead {width:100%}
−
#hpcon
 
−
{position:relative;
 
−
left:10%;
 
−
width:80%
 
−
}
 
  
 
#TAWP1 {float:left; width:500px;}
 
#TAWP1 {float:left; width:500px;}

Latest revision as of 02:54, 19 September 2015

body {font-family:"Roboto";margin:0} p {font-weight:400} #hphead {width:100%}

#TAWP1 {float:left; width:500px;}

#TAWP2 {float:right; width:500px;}

#TAW {height:400px;} #TACT1 {float:left; width:500px;}


#TACT {height:300px;} #MWHCPIC1 { float:left; position:relative;

height:180px;

} #MWHC1 {float:right; width:500px;} #Fig2 {position:relative; left:4.4%;} 

       #banner1 {
           float: left;
           position: relative;
           left: 10%;
           height: 216px;
           width: 384px;
           border: 1px solid #666;
           overflow: hidden;
       }



       #banner1_list img {
           border: 0px;
       }

       #banner1_bg {
           position: absolute;
           bottom: 0;
           background-color: #000;
           height: 30px;
           filter: Alpha(Opacity=30);
           opacity: 0.3;
           z-index: 1000;
           cursor: pointer;
           
       }

       #banner1_info {
           position: absolute;
           bottom: 0;
           left: 5px;
           height: 22px;
           color: #fff;
           z-index: 1001;
           cursor: pointer;
       }

       #banner1_text {
           position: absolute;
           width: 120px;
           z-index: 1002;
           right: 3px;
           bottom: 3px;
       }

       #banner1 ul {
           position: absolute;
           list-style-type: none;
           filter: Alpha(Opacity=80);
           opacity: 0.8;
           border: 1px solid #fff;
           z-index: 1002;
           margin: 0;
           padding: 0;
           bottom: 3px;
           right: 5px;
       }

           #banner1 ul li {
               padding: 0px 8px;
               float: left;
               display: block;
               color: #FFF;
               border: #e5eaff 1px solid;
               background: #6f4f67;
               cursor: pointer;
           }

               #banner1 ul li.on {
                   background: #900;
               }

       #banner1_list a {
           position: absolute;
       }
 



       #banner2 {
           float: left;
           position: relative;
           height: 216px;
           width: 384px;
           border: 1px solid #666;
           overflow: hidden;
       }

#banner2_list img { 

           border: 0px;
       }

       #banner2_bg {
           position: absolute;
           bottom: 0;
           background-color: #000;
           height: 30px;
           filter: Alpha(Opacity=30);
           opacity: 0.3;
           z-index: 1000;
           cursor: pointer;
           
       }

       #banner2_info {
           position: absolute;
           bottom: 0;
           left: 5px;
           height: 22px;
           color: #fff;
           z-index: 1001;
           cursor: pointer;
       }

       #banner2_text {
           position: absolute;
           width: 120px;
           z-index: 1002;
           right: 3px;
           bottom: 3px;
       }

       #banner2 ul {
           position: absolute;
           list-style-type: none;
           filter: Alpha(Opacity=80);
           opacity: 0.8;
           border: 1px solid #fff;
           z-index: 1002;
           margin: 0;
           padding: 0;
           bottom: 3px;
           right: 5px;
       }

           #banner2 ul li {
               padding: 0px 8px;
               float: left;
               display: block;
               color: #FFF;
               border: #e5eaff 1px solid;
               background: #6f4f67;
               cursor: pointer;
           }

               #banner2 ul li.on {
                   background: #900;
               }

       #banner2_list a {
           position: absolute;
       }

       #banner3 {
           float: left;
           position: relative;
           left: 10%;
           height: 216px;
           width: 384px;
           border: 1px solid #666;
           overflow: hidden;
       }



       #banner3_list img {
           border: 0px;
       }

       #banner3_bg {
           position: absolute;
           bottom: 0;
           background-color: #000;
           height: 30px;
           filter: Alpha(Opacity=30);
           opacity: 0.3;
           z-index: 1000;
           cursor: pointer;
       }

       #banner3_info {
           position: absolute;
           bottom: 0;
           left: 5px;
           height: 22px;
           color: #fff;
           z-index: 1001;
           cursor: pointer;
       }

       #banner3_text {
           position: absolute;
           width: 120px;
           z-index: 1002;
           right: 3px;
           bottom: 3px;
       }

       #banner3 ul {
           position: absolute;
           list-style-type: none;
           filter: Alpha(Opacity=80);
           opacity: 0.8;
           border: 1px solid #fff;
           z-index: 1002;
           margin: 0;
           padding: 0;
           bottom: 3px;
           right: 5px;
       }

           #banner3 ul li {
               padding: 0px 8px;
               float: left;
               display: block;
               color: #FFF;
               border: #e5eaff 1px solid;
               background: #6f4f67;
               cursor: pointer;
           }

               #banner3 ul li.on {
                   background: #900;
               }

       #banner3_list a {
           position: absolute;
       }