m (test footer bar) |
|||
(40 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 { | + | body { |
− | + | background-color: #FFFFFF; | |
− | + | ||
− | + | } | |
− | + | ||
− | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 30px; } | |
− | + | ||
− | |||
/********************************* MENU ********************************/ | /********************************* MENU ********************************/ | ||
Line 23: | Line 22: | ||
height:auto; | height:auto; | ||
position:fixed; | position:fixed; | ||
− | padding:2px 0px 0px | + | padding:2px 0px 0px 16px; |
float:centre; | float:centre; | ||
background-color:#FF0000; | background-color:#FF0000; | ||
Line 207: | Line 206: | ||
.content_wrapper { | .content_wrapper { | ||
width: 100%; | width: 100%; | ||
− | margin: | + | margin-left:150px; |
+ | padding:10px 0px; | ||
+ | float:left; | ||
+ | background-color:#FFFFFF; | ||
+ | |||
} | } | ||
Line 243: | Line 246: | ||
margin: auto; | margin: auto; | ||
padding: 3px 5px; | padding: 3px 5px; | ||
− | background-color: | + | background-color:#FFFFFF; |
/*background-color: #f2f2f2;*/ /*text box colour*/ | /*background-color: #f2f2f2;*/ /*text box colour*/ | ||
} | } | ||
Line 253: | Line 256: | ||
width: 95%; | width: 95%; | ||
font-weight:bold; | font-weight:bold; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
/*STYLING */ | /*STYLING */ | ||
Line 283: | 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: | + | border-bottom:20px; |
color: #000000; | color: #000000; | ||
} | } | ||
Line 290: | Line 277: | ||
/* font and text */ | /* font and text */ | ||
.content_wrapper p { | .content_wrapper p { | ||
− | padding: | + | padding:0px 15px; |
font-size: 13px; | font-size: 13px; | ||
font-family:Tahoma, Geneva, sans-serif; | font-family:Tahoma, Geneva, sans-serif; | ||
Line 418: | 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 433: | 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"> | + | <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"> Achievements </a></li> | |
− | <li> <a href="https://2016.igem.org/Team:Cardiff_Wales/ | + | |
<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 457: | Line 446: | ||
</div> | </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 479: | 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 508: | Line 507: | ||
$(".menu_item").show(); | $(".menu_item").show(); | ||
}); | }); | ||
+ | |||
+ | |||
}); | }); | ||
− | |||
− | |||
− | + | ||
+ | </script> | ||
</html> | </html> |
Latest revision as of 03:31, 28 November 2016