Difference between revisions of "Template:Kyoto"

Line 232: Line 232:
 
/********************************* HTML STYLING  *********************************/
 
/********************************* HTML STYLING  *********************************/
 
         #BACKGROUND {
 
         #BACKGROUND {
          background-image: url(https://static.igem.org/mediawiki/2017/5/50/Kyotobackground.jpeg);
+
                background-image: url(https://static.igem.org/mediawiki/2017/5/50/Kyotobackground.jpeg);
    background-position: center center;
+
                background-position: center center;
    background-repeat: no-repeat;
+
                background-repeat: no-repeat;
    background-attachment: fixed;
+
                background-attachment: fixed;
    background-size: cover;
+
                background-size: cover;
  }
+
        }
  
 
         #wrapper {
 
         #wrapper {
              width: 90%;
+
                width: 90%;
              margin: 0 auto;
+
                margin: 0 auto;
              background-color: #e8f0d2;
+
                background-color: #e8f0d2;
              padding-top:0;
+
                padding-top:0;
              padding-bottom:0;
+
                padding-bottom:0;
 
         }
 
         }
  
Line 252: Line 252:
 
                 font-size: 60px;
 
                 font-size: 60px;
 
                 font-family: serif, 'Times New Roman';
 
                 font-family: serif, 'Times New Roman';
padding:120px 5px 15px 15px;
+
padding:35px 5px 15px 15px;  
                padding-bottom: 60px;  
+
 
border-bottom: 0px;  
 
border-bottom: 0px;  
 
color: black;
 
color: black;
Line 309: Line 308:
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:60px;
 
                 line-height:60px;
                margin-left:10%;
 
                margin-right:10%;
 
 
}
 
}
  
Line 324: Line 321:
 
}
 
}
 
/* Links */
 
/* Links */
a {    color:#556c14;
+
a {    color:#000000;
 
-ebkit-transition: all 0.4s ease;
 
-ebkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;  
+
        -moz-transition: all 0.4s ease;  
 
-ms-transition: all 0.4s ease;  
 
-ms-transition: all 0.4s ease;  
 
-o-transition: all 0.4s ease;  
 
-o-transition: all 0.4s ease;  
Line 335: Line 332:
 
a:hover {  
 
a:hover {  
 
text-decoration:underline;
 
text-decoration:underline;
color:#556c14;
 
 
}
 
}
          figcaption {
 
    text-align:center;
 
    font-family: serif, 'Times New Roman';
 
    font-size:25px;
 
  }
 
 
 
  
 
         /* top banner list */
 
         /* top banner list */
Line 349: Line 338:
 
                 position:fixed;
 
                 position:fixed;
 
                 width:70%;
 
                 width:70%;
 +
                margin-left:auto;
 
                 margin-right:0;
 
                 margin-right:0;
 
                 z-index:2;
 
                 z-index:2;
 
         }
 
         }
         ul.nv { position:fixed;
+
         ul.nv {  
 +
                position:fixed;
 
                 width:100%;
 
                 width:100%;
 
                 min-height: 40px;
 
                 min-height: 40px;
 
                 position: relative;
 
                 position: relative;
 
                 font-size: 0px;
 
                 font-size: 0px;
                 margin-left: 45%;
+
                  
 
         }
 
         }
 
        
 
        
 
         ul.nv li {
 
         ul.nv li {
                 width: 13%;
+
                 width: 12.5%;
 
                 display: inline-block;
 
                 display: inline-block;
 
                 list-style-type: none;
 
                 list-style-type: none;
Line 377: Line 368:
 
                 background-color: #556c14;  
 
                 background-color: #556c14;  
 
                 color: white;               
 
                 color: white;               
                 line-height: 60px;         
+
                 line-height: 40px;         
 
                 text-align: center;         
 
                 text-align: center;         
 
                 text-decoration: none;     
 
                 text-decoration: none;     
Line 393: Line 384:
 
        
 
        
 
         ul.nv ul{
 
         ul.nv ul{
                 width: 180%;
+
                 width: 100%;
 
                 display: none;
 
                 display: none;
 
                 margin: 0px;
 
                 margin: 0px;
Line 410: Line 401:
 
         }
 
         }
 
         ul.nv ul li a {
 
         ul.nv ul li a {
                 line-height: 2em;     
+
                 line-height: 1.5em;     
 
                 text-align: center;       
 
                 text-align: center;       
 
                 padding-left: 5px;     
 
                 padding-left: 5px;     

Revision as of 16:29, 31 October 2017