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

(Created page with "@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-...")
 
Line 1: Line 1:
 +
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {
 +
    display:none;}
 +
#top-section {
 +
    border: none;
 +
    height: 0px;}
 +
#content {
 +
    border: none;
 +
width:100%;}
 +
 +
 
@charset "UTF-8";
 
@charset "UTF-8";
 
/*@font-face
 
/*@font-face
Line 123: Line 133:
 
}
 
}
 
.nav-logo {
 
.nav-logo {
−
    padding: 0px;
 
−
    margin: 0px;
 
−
    float: left;
 
−
}
 
−
#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;
 
−
}
 
−
 
−
#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: -85px;
 
−
    display: none;
 
−
    height: 80px;
 
−
    padding-top: 15px;
 
−
    z-index: 2;
 
−
}
 
−
#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;
 
−
}
 
−
#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);
 
−
}
 

Revision as of 11:46, 3 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;

}

.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 {