Difference between revisions of "Template:Danci-K8"

 
(97 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
<style>
 
<style>
  
 
+
/**https://static.igem.org/mediawiki/2016/b/be/K8_sketch_bg.jpg**/
 
+
/**https://static.igem.org/mediawiki/2016/9/9a/K8_newBG2.jpg**/
 +
/**https://static.igem.org/mediawiki/2016/f/fb/K8_body_bg.png**/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 
/********************************* DEFAULT WIKI SETTINGS  ********************************/
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;background-image: url("https://static.igem.org/mediawiki/2016/f/fb/K8_body_bg.png");}
+
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;background-image: url("https://static.igem.org/mediawiki/2016/thumb/d/df/K8_bg100p.jpg/600px-K8_bg100p.jpg");}
body {background-image: url("https://static.igem.org/mediawiki/2016/f/fb/K8_body_bg.png"); }
+
body {background-image: url("https://static.igem.org/mediawiki/2016/thumb/d/df/K8_bg100p.jpg/600px-K8_bg100p.jpg"); }
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 15px; font-family: 'Exo 2', sans-serif;}
 
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 15px; font-family: 'Exo 2', sans-serif;}
  
Line 25: Line 26:
 
padding:20px;
 
padding:20px;
 
float:left;  
 
float:left;  
/*background-color:#000000;*/
+
/*background-color:https://static.igem.org/mediawiki/2016/thumb/5/59/ThinkstockPhotos-466086125.jpg/600px-ThinkstockPhotos-466086125.jpg;*/
                 background-image: url("https://static.igem.org/mediawiki/2016/1/1e/Denim--texture-12.jpg");
+
                 background-image: url("https://static.igem.org/mediawiki/2016/thumb/5/59/ThinkstockPhotos-466086125.jpg/600px-ThinkstockPhotos-466086125.jpg");
 +
           
 
text-align:left;
 
text-align:left;
 
                 font-family: 'Exo 2', sans-serif;
 
                 font-family: 'Exo 2', sans-serif;
 
+
                box-shadow: 0px 0px 20px 0px #000;
 
}
 
}
  
Line 37: Line 39:
 
margin:-2px 0px 0px -20px;  
 
margin:-2px 0px 0px -20px;  
 
padding: 10px 10px;   
 
padding: 10px 10px;   
border-bottom: 1px solid #272727;  
+
border-bottom: 1px dashed antiquewhite;  
 
font-weight:light;
 
font-weight:light;
 
                 font-size:16px;
 
                 font-size:16px;
color:#797979;  
+
                color:antiquewhite;
 +
/* color:#797979; */
 
cursor: pointer;  
 
cursor: pointer;  
 
                 list-style: none;
 
                 list-style: none;
Line 47: Line 50:
 
/* when hovering on a menu item */
 
/* when hovering on a menu item */
 
.menu_item:hover {  
 
.menu_item:hover {  
color:#e91d62;  
+
/*color:#e91d62; */
background-color: #0f0f0f;
+
background-color: #d8833e;
 
}
 
}
  
Line 99: Line 102:
 
padding: 11px 90px 12px 20px;
 
padding: 11px 90px 12px 20px;
 
text-decoration: none;
 
text-decoration: none;
color:#797979;
+
                color:antiquewhite;
 +
/* color:#797979; */
 
}
 
}
  
.menu_item a:hover {color:#e91d62;}
+
/*.menu_item a:hover {color:#e91d62;}*/
  
  
Line 149: Line 153:
  
 
.submenu li a:hover  {
 
.submenu li a:hover  {
color:#ffb400;  
+
      /*color:#ffb400; */
background-color: #0f0f0f;
+
              /*background-color: #0f0f0f;*/
 +
              color: white;
 +
              background-color: #F4A566;
 
}
 
}
  
Line 178: Line 184:
  
 
/********************************* CONTENT OF THE PAGE ********************************/
 
/********************************* CONTENT OF THE PAGE ********************************/
 +
 +
 +
        #globalWrapper{
 +
            padding-bottom: 0px;
 +
        }
  
 
/* Wrapper for the content */
 
/* Wrapper for the content */
Line 183: Line 194:
 
width: 100%;
 
width: 100%;
 
margin-left:240px;
 
margin-left:240px;
padding:20px 0px 0px 50px;  
+
padding:20px 50px 10px 50px;  
 
float:left;  
 
float:left;  
background-image: url("https://static.igem.org/mediawiki/2016/f/fb/K8_body_bg.png");
+
background-image: url("https://static.igem.org/mediawiki/2016/thumb/9/97/K8_bgBlank.jpg/600px-K8_bgBlank.jpg");
 
}
 
}
  
Line 192: Line 203:
 
padding: 10px 0px;
 
padding: 10px 0px;
 
float:left;  
 
float:left;  
background-image: url("https://static.igem.org/mediawiki/2016/f/fb/K8_body_bg.png");
+
/*background-image: url("https://static.igem.org/mediawiki/2016/thumb/9/97/K8_bgBlank.jpg/600px-K8_bgBlank.jpg");*/
 
}
 
}
  
Line 213: Line 224:
 
}
 
}
  
 +
        .09_size{
  
 +
width: 90%;
 +
        }
 +
 +
        .01_size{
 +
 +
width: 10%;
 +
        }
 
.clear {
 
.clear {
 
clear:both;
 
clear:both;
Line 246: Line 265:
 
         .content_wrapper h1{
 
         .content_wrapper h1{
  
               font-size: 40px;
+
               font-size: 48px;
               color: #1195e7;
+
               color: white;
 
               margin-top: 20px;
 
               margin-top: 20px;
               padding-bottom: 20px;
+
               padding: 35px;
 
border-bottom:0px;  
 
border-bottom:0px;  
                 font-family: 'Exo 2', sans-serif;   
+
                 font-family: 'Exo 2', sans-serif;
 +
              background-image: url("https://static.igem.org/mediawiki/2016/1/1c/K8_title_bg8.png");
 +
              background-repeat: no-repeat;
 +
 
 +
}  
 +
 
  
        }
 
  
  
Line 273: Line 296:
  
 
         .content_wrapper h4{               
 
         .content_wrapper h4{               
               font-size: 32px;
+
               font-size: 24px;
               color: #1195e7;
+
               color: #ee864d;
 +
              line-height: normal;
 
}
 
}
  
Line 409: Line 433:
 
               text-align: center;
 
               text-align: center;
 
               font-weight: 600;
 
               font-weight: 600;
 +
              margin-top:-15px;
 +
              margin-bottom:25px;
  
 
         }
 
         }
Line 418: Line 444:
 
               margin-right: auto;
 
               margin-right: auto;
 
               margin-top: 25px;
 
               margin-top: 25px;
 +
              margin-bottom:25px;
 
               border: 3px solid #ddd;
 
               border: 3px solid #ddd;
 
               background: white;
 
               background: white;
Line 423: Line 450:
 
            
 
            
 
         }
 
         }
 +
 +
 +
       
  
 
         .imageCenterNB{
 
         .imageCenterNB{
Line 433: Line 463:
 
         }
 
         }
  
 +
        .quote{             
  
 +
              border: 3px solid #2f6fab;
 +
              background: white;
 +
              border-radius: 10px;
 +
              padding:10px;
 +
              margin-bottom:25px;
 +
}
 +
 +
        .quote1{
 +
 +
 +
            padding:10px;
 +
            margin-bottom:25px;   
 +
            border: 30px solid transparent;
 +
 
 +
            -webkit-border-image: url(https://static.igem.org/mediawiki/2016/a/a9/K8_nb_cover.png) 80 stretch; /* Safari 3.1-5 */
 +
 +
            -o-border-image: url(https://static.igem.org/mediawiki/2016/a/a9/K8_nb_cover.png) 80 stretch; /* Opera 11-12.1 */
 +
 +
              border-image: url(https://static.igem.org/mediawiki/2016/a/a9/K8_nb_cover.png) 80 stretch;
 +
 +
 +
}
 +
 +
 +
 +
              .youTube{
 +
                 
 +
              text-align: center;
 +
              margin-bottom:50px;
 +
              margin-top: 25px;
 +
              margin-left: auto;
 +
              margin-right: auto;
 +
              width: 900px;
 +
              height: 506px;
 +
 +
 +
border: 15px solid transparent;
 +
 
 +
    -webkit-border-image: url(https://static.igem.org/mediawiki/2016/thumb/4/48/K8_frame1.png/120px-K8_frame1.png) 20 stretch; /* Safari 3.1-5 */
 +
    -o-border-image: url(https://static.igem.org/mediawiki/2016/thumb/4/48/K8_frame1.png/120px-K8_frame1.png) 20 stretch; /* Opera 11-12.1 */
 +
    border-image: url(https://static.igem.org/mediawiki/2016/thumb/4/48/K8_frame1.png/120px-K8_frame1.png) 20 stretch;"
 +
 +
 +
 +
}
  
 
/*********************************  Social *******************************************/
 
/*********************************  Social *******************************************/
Line 456: Line 532:
 
  .social ul li a i {
 
  .social ul li a i {
  
     color: #797979;
+
     /*color: #797979;*/
 +
    color:antiquewhite;
 
     width: 30px;
 
     width: 30px;
 
     height: 30px;
 
     height: 30px;
Line 469: Line 546:
  
 
  .social ul li a i:hover {
 
  .social ul li a i:hover {
     color:#e91d62;  
+
     color:#d8833e;  
 
}
 
}
  
Line 482: Line 559:
 
}
 
}
 
.imgOne {
 
.imgOne {
   background-image: url('https://static.igem.org/mediawiki/2016/2/2d/K8_igem_greyS.png');
+
   background-image: url('https://static.igem.org/mediawiki/2016/d/d0/K8_igem_antique.png');
 
     opacity: .8;
 
     opacity: .8;
 
     margin-left:50px;
 
     margin-left:50px;
Line 612: Line 689:
  
 
<div class="social">
 
<div class="social">
<p style="color: #979797; font-size:16px; text-align:center;"> Follow us: </p>
+
<p style="color: antiquewhite; font-size:16px; text-align:center;"> Follow us: </p>
 
<ul class="social">
 
<ul class="social">
 
     <li><a href="https://www.facebook.com/profile.php?id=100012468752013&hc_ref=SEARCH&fref=nf" target="_blank"><i class="fa fa-facebook"></i></a></li>
 
     <li><a href="https://www.facebook.com/profile.php?id=100012468752013&hc_ref=SEARCH&fref=nf" target="_blank"><i class="fa fa-facebook"></i></a></li>
Line 622: Line 699:
  
  
<p style="color: #979797; font-size:16px; text-align:center;">Thanks to: </p>
+
<p style="color: antiquewhite; font-size:16px; text-align:center;">Thanks to: </p>
 
<a href="https://2016.igem.org/Main_Page" target="_blank"><img class="imgOne" src=" https://static.igem.org/mediawiki/2016/5/55/K8_placeHolder.png" style="width:100px; height:80px;"></a>
 
<a href="https://2016.igem.org/Main_Page" target="_blank"><img class="imgOne" src=" https://static.igem.org/mediawiki/2016/5/55/K8_placeHolder.png" style="width:100px; height:80px;"></a>
  
Line 629: Line 706:
  
  
     <li><a href="https://2016.igem.org/Main_Page"><img src=" https://static.igem.org/mediawiki/2016/archive/0/09/20160817074301%21K8_igem_grey.png" style="width:100px; height:80px;"></a></li>
+
     <li><a href="https://2016.igem.org/Main_Page"><img src=" https://static.igem.org/mediawiki/2016/d/d0/K8_igem_antique.png" style="width:100px; height:80px;"></a></li>
  
  

Latest revision as of 19:54, 12 October 2016