Difference between revisions of "Template:Kyoto"

 
(23 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 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;
color: #68d4ff;   
+
color: #78563d;   
 
                 text-align: left;
 
                 text-align: left;
 
                 line-height:60px;
 
                 line-height:60px;
                 border-bottom:1px solid;
+
                 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%;
Line 321: 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 336: 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 348: 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 366: 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 384: Line 390:
 
        
 
        
 
         ul.nv ul{
 
         ul.nv ul{
                 width: 150%;
+
                 width: 120%;
 
                 display: none;
 
                 display: none;
 
                 margin: 0px;
 
                 margin: 0px;
Line 394: 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 409: 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