Difference between revisions of "Template:Danci-K8"

 
(295 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Exo+2" rel="stylesheet">
−
 
+
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
 
<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;}
+
#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-color:white; }
+
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: 0px; }
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 15px; font-family: 'Exo 2', sans-serif;}
  
  
Line 18: Line 21:
 
.menu_wrapper {  
 
.menu_wrapper {  
 
/*width:150px; */
 
/*width:150px; */
−
width:200px;
+
                width:200px;
 
height:100vh;  
 
height:100vh;  
 
position:fixed;  
 
position:fixed;  
−
padding:0px;
+
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/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 33: 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;
 
}
 
}
  
 
/* 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 78: Line 86:
 
border-bottom: 1px solid #d3d3d3;   
 
border-bottom: 1px solid #d3d3d3;   
 
text-align:left;  
 
text-align:left;  
−
font-weight:bold;
+
font-weight:light;
 
text-decoration:none;  
 
text-decoration:none;  
 
color:#000000;  
 
color:#000000;  
Line 94: 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 110: Line 119:
 
width:100%;  
 
width:100%;  
 
display: none;   
 
display: none;   
−
font-weight:bold;
+
font-weight:light;
 
cursor:pointer;  
 
cursor:pointer;  
  
Line 136: Line 145:
 
display: inline-block;
 
display: inline-block;
 
border-bottom: 1px solid #d3d3d3;
 
border-bottom: 1px solid #d3d3d3;
−
background-color:white;  
+
background-color:aliceblue;  
 
text-decoration:none;
 
text-decoration:none;
 
color:#000000;  
 
color:#000000;  
Line 144: Line 153:
  
 
.submenu li a:hover  {
 
.submenu li a:hover  {
−
background-color:#000000;  
+
      /*color:#ffb400; */
−
color: #72c9b6;
+
              /*background-color: #0f0f0f;*/
 +
              color: white;
 +
              background-color: #F4A566;
 
}
 
}
  
Line 168: Line 179:
 
/* when hovering on that button */
 
/* when hovering on that button */
 
.collapsable_menu_control:hover {  
 
.collapsable_menu_control:hover {  
−
background-color: #72c9b6;
+
background-color: #92278f;
 
color:#000000;   
 
color:#000000;   
 
}
 
}
  
 
/********************************* CONTENT OF THE PAGE ********************************/
 
/********************************* CONTENT OF THE PAGE ********************************/
 +
 +
 +
        #globalWrapper{
 +
            padding-bottom: 0px;
 +
        }
  
 
/* Wrapper for the content */
 
/* Wrapper for the content */
 
.content_wrapper {
 
.content_wrapper {
 
width: 100%;
 
width: 100%;
−
margin-left:200px;
+
margin-left:240px;
−
padding:10px 0px;  
+
padding:20px 50px 10px 50px;  
 
float:left;  
 
float:left;  
−
background-color:white;  
+
background-image: url("https://static.igem.org/mediawiki/2016/thumb/9/97/K8_bgBlank.jpg/600px-K8_bgBlank.jpg");
 
}
 
}
  
Line 187: Line 203:
 
padding: 10px 0px;
 
padding: 10px 0px;
 
float:left;  
 
float:left;  
−
background-color:white;  
+
/*background-image: url("https://static.igem.org/mediawiki/2016/thumb/9/97/K8_bgBlank.jpg/600px-K8_bgBlank.jpg");*/
 
}
 
}
  
Line 195: Line 211:
  
 
.full_size img {  
 
.full_size img {  
−
padding: 10px 15px;
+
/*padding: 10px 15px;*/
 
width:96.5%;  
 
width:96.5%;  
 
}
 
}
Line 204: Line 220:
 
.half_size img {  
 
.half_size img {  
 
padding: 10px 15px;
 
padding: 10px 15px;
−
width: 93%;  
+
width: 93%;
 +
 
 
}
 
}
  
 +
        .09_size{
 +
 +
width: 90%;
 +
        }
 +
 +
        .01_size{
  
 +
width: 10%;
 +
        }
 
.clear {
 
.clear {
 
clear:both;
 
clear:both;
Line 231: Line 256:
  
 
/* styling for the titles */
 
/* styling for the titles */
−
.content_wrapper h1, .content_wrapper h2 {
+
 
−
padding:5px 15px;  
+
        .brand{
 +
              color: antiquewhite;
 +
              padding-bottom: 10px;
 +
              font-size: 32px;
 +
        }
 +
 
 +
        .content_wrapper h1{
 +
 
 +
              font-size: 48px;
 +
              color: white;
 +
              margin-top: 20px;
 +
              padding: 35px;
 
border-bottom:0px;  
 
border-bottom:0px;  
−
color:#72c9b6;
+
                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;
  
 +
} 
 +
 +
 +
 +
 +
        .content_wrapper h2{
 +
 +
color:#e91d62;
 +
                font-size: 32px;
 +
                padding-bottom: 15px;         
 +
        }
 +
 +
 +
.content_wrapper h3{
 +
 +
              font-size: 28px;
 +
              color:#e91d62;
 +
              line-height: 32px;
 +
 +
        }
 +
 +
        .content_wrapper h4{             
 +
              font-size: 24px;
 +
              color: #ee864d;
 +
              line-height: normal;
 
}
 
}
−
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
+
 
 +
 
 +
        .content_wrapper h5{
 +
              font-size: 18px;
 +
              color: darkcyan;
 +
              margin-top: 25px;
 +
        }
 +
 
 +
 
 +
 
 +
 
 +
        .content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {  
 
padding:5px 15px;  
 
padding:5px 15px;  
 
border-bottom:0px;  
 
border-bottom:0px;  
−
color: #000000;   
+
                font-family: 'Exo 2', sans-serif;   
−
}
+
 
 +
        }
  
  
Line 247: Line 322:
 
.content_wrapper p {  
 
.content_wrapper p {  
 
padding:0px 15px;  
 
padding:0px 15px;  
−
font-size: 13px;
+
font-size: 15px;
−
font-family:Tahoma, Geneva, sans-serif;  
+
font-family: 'Exo 2', sans-serif;  
 
}
 
}
  
 
/* Links */
 
/* Links */
 
.content_wrapper a {  
 
.content_wrapper a {  
−
font-weight: bold;
+
 
 
text-decoration: underline;
 
text-decoration: underline;
−
text-decoration-color:#72c9b6;
+
text-decoration-color:#59b84f;
−
color: #72c9b6;
+
color: #59b84f;
 
-webkit-transition: all 0.4s ease;
 
-webkit-transition: all 0.4s ease;
 
-moz-transition: all 0.4s ease;  
 
-moz-transition: all 0.4s ease;  
Line 266: Line 341:
 
/* hover for the links */
 
/* hover for the links */
 
.content_wrapper a:hover {  
 
.content_wrapper a:hover {  
−
text-decoration:none;
+
text-decoration: underline;
−
color:#000000;
+
color:#72c9b6;
 +
 
 
}
 
}
  
Line 273: Line 349:
 
.content_wrapper ul {
 
.content_wrapper ul {
 
padding:0px 20px;
 
padding:0px 20px;
−
font-size: 13px;
+
font-size: 15px;
−
font-family:Tahoma, Geneva, sans-serif;  
+
                list-style-type: circle;
 +
                list-style-image: none;
 +
font-family: 'Exo 2', sans-serif;  
 
}
 
}
  
Line 280: Line 358:
 
.content_wrapper ol {
 
.content_wrapper ol {
 
padding:0px;  
 
padding:0px;  
−
font-size: 13px;
+
font-size: 15px;
−
font-family:Tahoma, Geneva, sans-serif;  
+
font-family: 'Exo 2', sans-serif;  
 
}
 
}
  
Line 298: Line 376:
 
border: 1px solid #d3d3d3;  
 
border: 1px solid #d3d3d3;  
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 +
font-size: 16px;
 +
font-family: 'Exo 2', sans-serif;
 
}
 
}
  
Line 307: Line 387:
 
border-collapse: collapse;  
 
border-collapse: collapse;  
 
background-color:#f2f2f2;  
 
background-color:#f2f2f2;  
 +
font-size: 18px;
 +
font-family: 'Exo 2', sans-serif;
 
}
 
}
 +
 +
 +
.content_wrapper tr:hover {background-color: #f5f5f5}
  
 
/* Button class */
 
/* Button class */
Line 329: Line 414:
 
color:#72c9b6;
 
color:#72c9b6;
 
}
 
}
 +
 +
 +
        .fullimg{
 +
                max-width: 100%;
 +
                height: auto;
 +
                border: 1px solid #ddd;
 +
                border-radius: 4px;
 +
                padding: 5px;
 +
background-color:white;
 +
                margin-top:10px;
 +
                margin-bottom:10px;
 +
 +
 +
        }
 +
       
 +
        .imageText{
 +
 +
              text-align: center;
 +
              font-weight: 600;
 +
              margin-top:-15px;
 +
              margin-bottom:25px;
 +
 +
        }
 +
 +
        .imageCenter{
 +
 +
              display: block;
 +
              margin-left: auto;
 +
              margin-right: auto;
 +
              margin-top: 25px;
 +
              margin-bottom:25px;
 +
              border: 3px solid #ddd;
 +
              background: white;
 +
              border-radius: 10px;
 +
         
 +
        }
 +
 +
 +
       
 +
 +
        .imageCenterNB{
 +
 +
              display: block;
 +
              margin-left: auto;
 +
              margin-right: auto;
 +
              margin-top: 25px;
 +
       
 +
        }
 +
 +
        .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{
 +
    margin-top:15px;
 +
    float: left;
 +
 +
}
 +
 +
 +
.social ul {
 +
    overflow: auto;
 +
}
 +
 +
.social ul li {
 +
    list-style-type: none;
 +
    list-style-image:none;
 +
    float: left;
 +
}
 +
 +
.social ul li a i {
 +
 +
    /*color: #797979;*/
 +
    color:antiquewhite;
 +
    width: 30px;
 +
    height: 30px;
 +
    font-size: 28px;
 +
    text-align: center;
 +
    margin-right: 10px;
 +
    padding-top: 15%;
 +
    transition: all 0.2s ease-in-out;
 +
    opacity: .8;
 +
}
 +
 +
 +
.social ul li a i:hover {
 +
    color:#d8833e;
 +
}
 +
 +
.imgOne:hover {
 +
 +
/*
 +
  background-image: url('https://static.igem.org/mediawiki/2016/a/a3/K8_igem_pinkS.png');
 +
*/
 +
 +
background-image: url('https://static.igem.org/mediawiki/2016/4/41/K8_igemS.png');
 +
 +
}
 +
.imgOne {
 +
  background-image: url('https://static.igem.org/mediawiki/2016/d/d0/K8_igem_antique.png');
 +
    opacity: .8;
 +
    margin-left:50px;
 +
 +
}
 +
 +
  
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/
Line 371: Line 608:
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
<meta name="viewport" content="width=device-width, initial-scale=1">  
 
</head>
 
</head>
 +
  
  
Line 378: Line 616:
  
  
 +
 +
<h1 class="brand">Danci-K8</h1>
  
  
Line 419: Line 659:
  
  
−
<li class="menu_item"> <a href="https://2016.igem.org/Team:Danci-K8/Attributions">★  ATTRIBUTIONS </a></li>
+
<li class="menu_item"> <a href="https://2016.igem.org/Team:Danci-K8/Attributions">ATTRIBUTIONS </a></li>
  
  
Line 445: Line 685:
 
</ul>
 
</ul>
  
 +
 +
 +
 +
<div class="social">
 +
<p style="color: antiquewhite; font-size:16px; text-align:center;"> Follow us: </p>
 +
<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://twitter.com/dancigerigem" target="_blank"><i class="fa fa-twitter"></i></a></li>
 +
    <li><a href="https://www.instagram.com/danciger_igem/" target="_blank"><i class="fa fa-instagram"></i> </a></li>
 +
 +
</ul>
 +
 +
 +
 +
<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>
 +
 +
<!--
 +
<ul class="social">
 +
 +
 +
    <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>
 +
 +
 +
 +
 +
 +
 +
</ul>
 +
-->
 
</div>
 
</div>
  
  
 +
</div>
  
  
Line 455: Line 726:
  
  
−
<h1 id="team_name">  </h1>
+
<!-- <h1 id="team_name">  </h1> -->
−
<h4 id="page_name"> </h4>
+
<h1 id="page_name"> </h1>  
  
  

Latest revision as of 19:54, 12 October 2016

Danci-K8

MENU ▤