Difference between revisions of "Template:Bordeaux"

Line 16: Line 16:
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
−
.menu_wrapper {  
+
/* Wrapper for the menu */
−
width:150px;  
+
.menu_wrapper {  
−
height:100vh;  
+
margin-bottom: 0;
−
position:fixed;  
+
border-bottom: 1px solid rgba(255,255,255,.3);
−
padding:0px;
+
text-transform: uppercase;
−
float:left;  
+
font-family: Montserrat, cursive,"Helvetica Neue",Helvetica,Arial,sans-serif;
−
background-color:#f2f2f2;  
+
background-color: #black;
−
text-align:left;
+
text-align:center;
 
}
 
}
  
 
/* styling for the menu items */
 
/* styling for the menu items */
 
.menu_item {
 
.menu_item {
−
width:100%;  
+
display: inline;
−
margin:-2px 0px 0px -20px;  
+
text-align:center;
−
padding: 10px 10px;
+
font-weight: 700;
−
border-bottom: 1px solid #d3d3d3;  
+
height:100px;
−
font-weight:bold;
+
width:100px;
−
color:#000000;  
+
margin-left:10px;
−
cursor: pointer;  
+
margin-right:10px;
 +
padding: 10px 10px;
 +
clear: both;
 +
font-weight: normal;
 +
line-height: 1.42857143;
 +
white-space: nowrap;
 
}
 
}
  
Line 165: Line 170:
 
color:#000000;   
 
color:#000000;   
 
}
 
}
 +
 +
/********************************* CONTENT OF THE PAGE ********************************/
 +
 +
/* Wrapper for the content */
 +
.content_wrapper {
 +
width: 85%;
 +
margin-left:150px;
 +
padding:10px 0px;
 +
float:left;
 +
background-color:white;
 +
}
 +
 +
/*LAYOUT */
 +
.column  {
 +
padding: 10px 0px;
 +
float:left;
 +
background-color:white;
 +
}
 +
 +
.full_size {
 +
width:100%;
 +
}
 +
 +
.full_size img {
 +
padding: 10px 15px;
 +
width:96.5%;
 +
}
 +
 +
.half_size {
 +
width: 50%;
 +
}
 +
.half_size img {
 +
padding: 10px 15px;
 +
width: 93%;
 +
}
 +
 +
 +
.clear {
 +
clear:both;
 +
}
 +
 +
.highlight {
 +
width: 90%;
 +
margin: auto;
 +
padding: 15px 5px;
 +
background-color: #f2f2f2;
 +
}
 +
 +
.judges-will-not-evaluate {
 +
border: 4px solid #72c9b6;
 +
display: block;
 +
margin: 5px 15px;
 +
width: 95%;
 +
font-weight:bold;
 +
}
 +
 +
 +
/*STYLING */
 +
 +
/* styling for the titles */
 +
.content_wrapper h1, .content_wrapper h2 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color:#72c9b6;
 +
 +
}
 +
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color: #000000; 
 +
}
 +
 +
 +
/* font and text */
 +
.content_wrapper p {
 +
padding:0px 15px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* Links */
 +
.content_wrapper a {
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color:#72c9b6;
 +
color: #72c9b6;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* hover for the links */
 +
.content_wrapper a:hover {
 +
text-decoration:none;
 +
color:#000000;
 +
}
 +
 +
/* non numbered lists */
 +
.content_wrapper ul {
 +
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* numbered lists */
 +
.content_wrapper ol {
 +
padding:0px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* Table */
 +
.content_wrapper table {
 +
width: 97%;
 +
margin:15px 10px;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 +
/* table cells */
 +
.content_wrapper  td {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 +
/* table headers */
 +
.content_wrapper th {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
background-color:#f2f2f2;
 +
}
 +
 +
/* Button class */
 +
.button_click {
 +
margin: 10px auto;
 +
padding: 15px; width:12%; 
 +
text-align:center;
 +
font-weight:bold;
 +
background-color: #72c9b6;
 +
cursor:pointer; 
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* button class on hover */
 +
.button_click:hover { 
 +
background-color:#000000;
 +
color:#72c9b6;
 +
}
 +
 
/********************************* RESPONSIVE STYLING ********************************/
 
/********************************* RESPONSIVE STYLING ********************************/
  
Line 222: Line 386:
  
  
−
<li class="menu_item"> <div class="icon plus"></div>TEAM
+
<li class="menu_item"> <div class="icon plus"></div> TEAM
 
<ul class="submenu">
 
<ul class="submenu">
 
<li> <a href=" https://2016.igem.org/Team:Bordeaux/Team">Team</a> </li>
 
<li> <a href=" https://2016.igem.org/Team:Bordeaux/Team">Team</a> </li>

Revision as of 11:03, 14 June 2016

MENU ▤