Difference between revisions of "Template:Cardiff Wales"

m (test footer bar)
 
(38 intermediate revisions by 4 users not shown)
Line 6: Line 6:
  
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
#content_wrapper { padding:0px; width:100%; margin-top:-0.7%; margin-left:0px;}
+
#content_wrapper { padding:0px; width:100%; margin-top:-0.7%; margin-left:0px; margin-bottom: 30px;}
body {background-image: url(https://static.igem.org/mediawiki/2016/1/17/T--Cardiff_Wales--igembackground4.jpg);
+
body {
              background-repeat: no-repeat;
+
         background-color: #FFFFFF;
         -webkit-background-size: cover; /* pour Chrome et Safari */
+
 
-moz-background-size: cover; /* pour Firefox */
+
    }
-background-size: cover; /* pour Opera */
+
 
background-size: cover;
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 30px; }
        }
+
 
  
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  
 
/********************************* MENU ********************************/
 
/********************************* MENU ********************************/
Line 207: Line 206:
 
.content_wrapper {
 
.content_wrapper {
 
width: 100%;
 
width: 100%;
margin-left:250px;
+
margin-left:150px;
padding:100px 0px;
+
padding:10px 0px;
float:center;
+
float:left;
 +
background-color:#FFFFFF;
 +
 
 
}
 
}
  
Line 245: Line 246:
 
margin: auto;
 
margin: auto;
 
padding: 3px 5px;
 
padding: 3px 5px;
                 background-color:rgba(204,204,204,0.1);
+
                 background-color:#FFFFFF;
 
/*background-color: #f2f2f2;*/          /*text box colour*/
 
/*background-color: #f2f2f2;*/          /*text box colour*/
 
}
 
}
Line 256: Line 257:
 
font-weight:bold;
 
font-weight:bold;
 
}
 
}
.fixedbar {
+
 
background: #000;
+
bottom: 0px;
+
color:#fff;
+
font-family: Arial, Helvetica, sans-serif;
+
left:0;
+
padding: 0px 0;
+
position:fixed;
+
font-size:16px;
+
width:100%;
+
z-index:99999;
+
float:left;
+
vertical-align:middle;
+
margin: 0px 0 0;
+
opacity: 0.95;
+
font-weight: bold;
+
}
+
  
 
/*STYLING */
 
/*STYLING */
Line 285: Line 270:
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
 
.content_wrapper h3, .content_wrapper h4, .content_wrapper h5, .content_wrapper h6 {
 
padding:5px 15px;
 
padding:5px 15px;
border-bottom:0px;
+
border-bottom:20px;
 
color: #000000;
 
color: #000000;
 
}
 
}
Line 292: Line 277:
 
/* font and text */
 
/* font and text */
 
.content_wrapper p {
 
.content_wrapper p {
padding:50px 15px;
+
padding:0px 15px;
 
font-size: 13px;
 
font-size: 13px;
 
font-family:Tahoma, Geneva, sans-serif;
 
font-family:Tahoma, Geneva, sans-serif;
Line 420: Line 405:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
</head>
 
</head>
 +
 +
 +
  
 
<div class="menu_wrapper">
 
<div class="menu_wrapper">
Line 435: Line 423:
 
       <li class="menu_item"> <div class="icon plus"></div> PROJECT
 
       <li class="menu_item"> <div class="icon plus"></div> PROJECT
 
           <ul class="submenu">
 
           <ul class="submenu">
      <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Description">Description </a></li>
+
      <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Description">Cas-Find </a></li>
 
+
<li> <a href="https://2016.igem.org/Team:Cardiff_Wales/mkeima">FUEL Project </a></li>
              <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Results"> Acheivements </a></li>
+
               <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Results"> Achievements </a></li>
               <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/Description#FUEL">FUEL Project </a></li>
+
 
               <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/protocols">  Protocols </a></li>
 
               <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/protocols">  Protocols </a></li>
 
             </ul>
 
             </ul>
Line 460: Line 447:
 
</div>
 
</div>
  
<div class="content_wrapper"></div>
 
  
<div class="fixedBar">123</div>
+
 
 +
<div class="content_wrapper">
  
 
<script>
 
<script>
 +
 
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 
$(document).ready(function() {
 
$(document).ready(function() {
  
 
$("#HQ_page").attr('id','');
 
$("#HQ_page").attr('id','');
 +
  
 
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
Line 485: Line 475:
 
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 
}
 
}
 +
 +
 +
  
 
$('#accordion').find('.menu_item').click(function(){
 
$('#accordion').find('.menu_item').click(function(){
Line 514: Line 507:
 
$(".menu_item").show();
 
$(".menu_item").show();
 
});
 
});
 +
 +
 
});
 
});
</script>
 
  
 +
 +
 +
 +
</script>
  
 
</html>
 
</html>

Latest revision as of 03:31, 28 November 2016