Difference between revisions of "Template:SZMS 15 Shenzhen/indexcss"

Line 223: Line 223:
 
     color: rgb(256,256,256);
 
     color: rgb(256,256,256);
 
     position: relative;
 
     position: relative;
−
     bottom: -80px;
+
     bottom: -70px;
 
     display: none;
 
     display: none;
 
     height: 80px;
 
     height: 80px;

Revision as of 03:06, 18 September 2015

  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
   display:none;}
  1. top-section {
   border: none;
   height: 0px;}
  1. content {
   border: none;

width:100%;}


@charset "UTF-8"; /*@font-face { font-family: NotoSansHans; src: url('../font-face/NotoSansHans-Thin.otf'); }*/ @media screen and (min-width:320px) and (max-width:780px) { #nav-div { width: 100%; 

       margin-left: -33px;

} 

   .nav-li {
       display:none;
   }
   .nav-button {
       display: block;
   }  
   .sub{
       width: 100%;
       margin-bottom: 5px;
   }
   .sub-heading{
       height:896px;
   }

}

@media screen and (min-width:780px) and (max-width:1000px) { #nav-div { width: 100%; } 

   .nav-li {
       display: block;
       width: 14.5%;
   }
   .nav-button {
       display: none;
   } 
   .sub{
       width: 25%;
   }
   .sub-heading{
       height:224px;
   }

}


@media screen and (min-width:1000px) { #nav-div { width:1000px; 

       margin-left: auto;
       margin-right: auto;

} 

   .nav-li {
       display: block;
       width: 150px;
   }
   .nav-button {
       display: none;
   } 
   .sub{
       width: 25%;
   }
   .sub-heading{
       height:224px;
   }

}

body{ 

   margin: 0px;
   padding: 0px;
   font-family: NotoSansHans, NotoSansHans-Thin, Calibri, Arial, sans-serif;
   /*change if necessary*/

}

  1. heading{
   position: relative;
   z-index: 1;
   margin-bottom: 10px;
   cursor:pointer;

} .heading img{ height:100%; display:block; margin:0 auto; } .heading{ text-align:center; } .nav-list{ 

   display: block;
   margin: 0px;

}

.nav-li{ 

   font-family: NotoSansHans, NotoSansHans-Thin, Calibri, Arial, sans-serif;
   float: left;
   list-style-type: none;
   text-align: center;
   line-height: 2.6;

} .nav-logo{ 

   list-style-type: none;

} .nav-list li a{ 

   text-decoration: none;
   display: block;
   color: #FFFFFF;

}

.nav-list li a:hover{ 

   color: #BBBBBB;

}

  1. menubar{
   background-color: rgba(16, 38, 67, 0.7);
   height: 42px;
   top:20px;
   width:100%;
   position: fixed;
   z-index: 3;

}

.nav-logo img{ 

   width:200px;
   padding-top: 4px;
   margin: 0px;

} .nav-logo { 

   padding: 0px;
   margin: 0px;
   float: left;

}

  1. nav-div{
   height:42px;
   z-index: 3;
   margin-top: 0px;
   margin-bottom: 0px;
   padding: 0px;
   position: relative;

} .nav-button { 

   float:left;

} .nav-button img { 

   height:25px;
   margin-top:9px;

}

  1. leftbar_f{
   width:100%;
   height: 100%;
   position: fixed;
   z-index: 2;

} .sub-heading{ 

   margin-left: 5%;
   width: 90%;
   position: relative;
   z-index: 1;

} .sub{ 

   height:220px;
   padding: 0px;
   float: left;

} .subi{ 

   margin-left: 2px;
   margin-right:2px;
   background-color: rgb(240,240,240);
   height: 100%;
   text-align: center;
   font-family: NotoSansHans, NotoSansHans-Thin, Calibri, Arial, sans-serif;
   line-height: 1.3;
   cursor:pointer;
   overflow-y: hidden;
   display:block;

} .subi img{ 

   margin-top:10px;
   width: 80%;
   max-width: 230px;
   margin-bottom: 10px;

} .sub ul{ 

   padding: 0px;
   margin: 0px;

} .bottombar { 

   width: 100%;
   position:relative;
   z-index: 1;
   text-align: center;
   padding-top: 10px;
   padding-bottom: 10px;

} .buttom-intro{ 

   font-family: NotoSansHans, NotoSansHans-Thin, Calibri, Arial, sans-serif;
   font-size: 70%;

} .subi-f{ 

   background-color: rgba(0, 62, 147, 0.6);
   color: rgb(256,256,256);
   position: relative;
   bottom: -70px;
   display: none;
   height: 80px;
   padding-top: 15px;
   z-index: 2;

}

  1. b-intro{
   position: relative;
   width: 90%;
   height: 50px;
   margin: 15px;
   background-color: rgb(235, 235, 235);
   margin-left: 5%;
   margin-right: 5%;
   padding-bottom: 30px;
   padding-top: 30px;

}

  1. b-intro-title{
   vertical-align: middle;
   padding:10px;
   padding-left: 50px;
   font-weight: bold;

} .heading{ 

   top: 50px;
   height: 500px;
   width: 90%;
   z-index: 2;
   position: relative;
   margin-left: 5%;
   margin-bottom: 70px;
   background-color: rgba(16, 38, 67, 0.2);

}