Difference between revisions of "Template:Kyoto"

 
(16 intermediate revisions by the same user not shown)
Line 232: Line 232:
 
/********************************* HTML STYLING  *********************************/
 
/********************************* HTML STYLING  *********************************/
 
         #BACKGROUND {
 
         #BACKGROUND {
                 background-image: url(https://static.igem.org/mediawiki/2017/7/77/Igemkyoto2017_background1.jpeg);
+
                 background-image: url(https://static.igem.org/mediawiki/2017/d/d9/Back_gray.png);
 
                 background-position: center center;
 
                 background-position: center center;
 
                 background-repeat: no-repeat;
 
                 background-repeat: no-repeat;
Line 254: Line 254:
 
padding:35px 5px 15px 15px;  
 
padding:35px 5px 15px 15px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
color: black;
+
color: #606060;
 
                 text-align: center;
 
                 text-align: center;
 
                 line-height:120px;
 
                 line-height:120px;
Line 263: Line 263:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom: 0px;  
 
border-bottom: 0px;  
color: black;
+
color:#606060;
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:90px;
 
                 line-height:90px;
Line 271: Line 271:
 
/* styling for the titles  h3 h4 h6*/
 
/* styling for the titles  h3 h4 h6*/
 
h3 {
 
h3 {
                 font-size:30px;
+
                 font-size:300%;
 
                 font-family: serif, 'Times New Roman';
 
                 font-family: serif, 'Times New Roman';
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
color: #000000;   
+
color: #606060;   
 
                 margin-right:10%;
 
                 margin-right:10%;
 
                 margin-left:10%;
 
                 margin-left:10%;
Line 285: Line 285:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
color: #000000;   
+
color: #606060;   
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:60px;
 
                 line-height:60px;
Line 302: Line 302:
 
}
 
}
 
         h6 {
 
         h6 {
 +
                border-bottom:1px solid #78563d;
 
                 margin-left:10%;  
 
                 margin-left:10%;  
 
                 margin-right:10%;   
 
                 margin-right:10%;   
Line 308: Line 309:
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
color: #000000;   
+
color: #606060;   
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:60px;
 
                 line-height:60px;
Line 316: Line 317:
 
/* font and text */
 
/* font and text */
 
p {
 
p {
 +
                color:#606060;
 
                 margin-right:10%;
 
                 margin-right:10%;
 
                 margin-left:10%;
 
                 margin-left:10%;
Line 324: Line 326:
 
}
 
}
 
/* Links */
 
/* Links */
a {    color:#000000;
+
a {    color:#78563d;
 
-ebkit-transition: all 0.4s ease;
 
-ebkit-transition: all 0.4s ease;
 
        -moz-transition: all 0.4s ease;  
 
        -moz-transition: all 0.4s ease;  
Line 339: Line 341:
 
         /* top banner list */
 
         /* top banner list */
 
         #header{
 
         #header{
 +
                background-color:#606060;
 
                 position:fixed;
 
                 position:fixed;
                 width:70%;
+
                 width:90%;
                 margin-left:auto;
+
                 margin-left:5%;
 
                 margin-right:0;
 
                 margin-right:0;
 
                 z-index:2;
 
                 z-index:2;
Line 351: Line 354:
 
                 position: relative;
 
                 position: relative;
 
                 font-size: 0px;
 
                 font-size: 0px;
                 margin-left:50%;
+
                 margin-left:0;
 
         }
 
         }
 
        
 
        
 
         ul.nv li {
 
         ul.nv li {
                 width: 12.5%;
+
                 width: 10%;
 
                 display: inline-block;
 
                 display: inline-block;
 
                 list-style-type: none;
 
                 list-style-type: none;
Line 369: Line 372:
  
 
         ul.nv a {
 
         ul.nv a {
                 background-color: #000000;  
+
                 background-color: #606060;  
 
                 color: white;               
 
                 color: white;               
 
                 line-height: 60px;         
 
                 line-height: 60px;         
Line 387: Line 390:
 
        
 
        
 
         ul.nv ul{
 
         ul.nv ul{
                 width: 150%;
+
                 width: 120%;
 
                 display: none;
 
                 display: none;
 
                 margin: 0px;
 
                 margin: 0px;
Line 397: Line 400:
  
 
         ul.nv ul li {
 
         ul.nv ul li {
                 width: 150%;             
+
                 width: 120%;             
                 border-top: 1px solid ;  
+
                 border-top: 1px solid #ffffff;  
 
                 text-align : center;
 
                 text-align : center;
 
                 font-family: serif, 'Times New Roman';
 
                 font-family: serif, 'Times New Roman';
 
                 white-space:normal;
 
                 white-space:normal;
 +
                font-size:15px;
 
         }
 
         }
 
         ul.nv ul li a {
 
         ul.nv ul li a {
Line 412: Line 416:
 
                 background-color: #aade29;  
 
                 background-color: #aade29;  
 
                 color: #000000;             
 
                 color: #000000;             
 +
        }
 +
        #blank{
 +
          margin-right:30%;
 
         }
 
         }
 
                
 
                

Latest revision as of 15:36, 1 November 2017