Difference between revisions of "Template:Kyoto"

 
(43 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/5/50/Kyotobackground.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;
    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: #ffffff;
              padding-top:0;
+
                padding-top:0;
              padding-bottom:0;
+
                padding-bottom:0;
 
         }
 
         }
  
Line 250: Line 250:
 
/* styling for the titles h1 h2 */
 
/* styling for the titles h1 h2 */
 
h1{  
 
h1{  
                 font-size: 60px;
+
                 font-size: 300%;
 
                 font-family: serif, 'Times New Roman';
 
                 font-family: serif, 'Times New Roman';
 
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;
 
}
 
}
  
         h5 {   margin-left: 10%;
+
         h5 {
 +
                margin-left: 10%;
 
                 margin-right:10%;
 
                 margin-right:10%;
 
                 font-size:200%;
 
                 font-size:200%;
 
                 font-family: serif, 'Times New Roman';
 
                 font-family: serif, 'Times New Roman';
padding:5px 15px;
+
padding:5px 15px;
border-bottom:0px;  
+
color: #78563d;   
color: #000000;   
+
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:60px;
 
                 line-height:60px;
 +
                border-bottom:1px solid #78563d;
 
}
 
}
 
         h6 {
 
         h6 {
 +
                border-bottom:1px solid #78563d;
 +
                margin-left:10%;
 +
                margin-right:10%; 
 
                 font-size:150%;
 
                 font-size:150%;
 
                 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;   
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:60px;
 
                 line-height:60px;
Line 313: Line 317:
 
/* font and text */
 
/* font and text */
 
p {
 
p {
 +
                color:#606060;
 
                 margin-right:10%;
 
                 margin-right:10%;
 
                 margin-left:10%;
 
                 margin-left:10%;
 
                 font-family: serif, 'Times New Roman';
 
                 font-family: serif, 'Times New Roman';
 
padding: 0px 15px;  
 
padding: 0px 15px;  
font-size: 15px;
+
font-size: 140%;
 
                 text-align: left;
 
                 text-align: left;
 
}
 
}
 
/* Links */
 
/* Links */
a {    color:#556c14;
+
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;  
 
-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 332: Line 337:
 
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 */
 
         #header{
 
         #header{
 +
                background-color:#606060;
 
                 position:fixed;
 
                 position:fixed;
 
                 width:90%;
 
                 width:90%;
                 margin:0 5%;
+
                 margin-left:5%;
 +
                margin-right:0;
 +
                z-index:2;
 
         }
 
         }
         ul.nv { position:fixed;
+
         ul.nv {  
                 width:70%;
+
                position:fixed;
 +
                 width:100%;
 
                 min-height: 40px;
 
                 min-height: 40px;
 
                 position: relative;
 
                 position: relative;
                margin-left: 0 auto;
 
 
                 font-size: 0px;
 
                 font-size: 0px;
 +
                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 371: Line 372:
  
 
         ul.nv a {
 
         ul.nv a {
                 background-color: #556c14;  
+
                 background-color: #606060;  
 
                 color: white;               
 
                 color: white;               
                 line-height: 40px;         
+
                 line-height: 60px;         
 
                 text-align: center;         
 
                 text-align: center;         
 
                 text-decoration: none;     
 
                 text-decoration: none;     
Line 389: Line 390:
 
        
 
        
 
         ul.nv ul{
 
         ul.nv ul{
                 width: 100%;
+
                 width: 120%;
 
                 display: none;
 
                 display: none;
 
                 margin: 0px;
 
                 margin: 0px;
Line 399: Line 400:
  
 
         ul.nv ul li {
 
         ul.nv ul li {
                 width: 100%;             
+
                 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 414: Line 416:
 
                 background-color: #aade29;  
 
                 background-color: #aade29;  
 
                 color: #000000;             
 
                 color: #000000;             
 +
        }
 +
        #blank{
 +
          margin-right:30%;
 
         }
 
         }
 
                
 
                
Line 590: Line 595:
 
}
 
}
 
         p{
 
         p{
             font-size: 2em;
+
             font-size: 140%;
 
         }
 
         }
 
</style>
 
</style>

Latest revision as of 15:36, 1 November 2017