Difference between revisions of "Template:NUDT CHINA"
| Line 5: | Line 5: | ||
// This is the jquery part of your template. | // This is the jquery part of your template. | ||
// Try not modify any of this code too much since it makes your menu work. | // Try not modify any of this code too much since it makes your menu work. | ||
| − | |||
$(document).ready(function() { | $(document).ready(function() { | ||
| Line 84: | Line 83: | ||
</script> | </script> | ||
| − | |||
<style> | <style> | ||
| + | |||
.pure-g{ | .pure-g{ | ||
letter-spacing:-.31em;text-rendering:optimizespeed; | letter-spacing:-.31em;text-rendering:optimizespeed; | ||
| Line 435: | Line 434: | ||
.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small} | .pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small} | ||
| − | |||
| + | </style> | ||
<style> | <style> | ||
| Line 447: | Line 446: | ||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
| + | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
| + | body {background-color:white; } | ||
| + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| + | |||
/**************************************************************** MENU ***************************************************************/ | /**************************************************************** MENU ***************************************************************/ | ||
/* Wrapper for the menu */ | /* Wrapper for the menu */ | ||
| Line 557: | Line 560: | ||
text-align:center; | text-align:center; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
/* Table */ | /* Table */ | ||
| Line 591: | Line 589: | ||
/**********************************LAYOUT CLASSES **********************************/ | /**********************************LAYOUT CLASSES **********************************/ | ||
| + | /* general class for column divs */ | ||
| + | .igem_2017_content_wrapper .column { | ||
| + | padding: 10px 0px; | ||
| + | float:left; | ||
| + | } | ||
/* class for a full width column */ | /* class for a full width column */ | ||
| Line 612: | Line 615: | ||
padding: 10px 15px; | padding: 10px 15px; | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | /********************************* SUPPORT CLASSES ********************************/ | ||
| + | |||
| + | /* class that clears content below*/ | ||
| + | .igem_2017_content_wrapper .clear { | ||
| + | clear:both; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* adds extra spacing when clearing content */ | ||
| + | .igem_2017_content_wrapper .clear.extra_space { | ||
| + | height: 30px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* highlight class, makes content slightly smaller */ | ||
| + | .igem_2017_content_wrapper .highlight { | ||
| + | margin: 0px 15px; | ||
| + | padding: 15px 0px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* highlight class, adds a gray background */ | ||
| + | .igem_2017_content_wrapper .highlight.gray { | ||
| + | background-color: #f2f2f2; | ||
| + | } | ||
| + | |||
| + | /* highlight with decoration blue line on top */ | ||
| + | .igem_2017_content_wrapper .highlight.blue_top { | ||
| + | border-top: 4px solid #3399ff; | ||
| + | } | ||
| + | |||
| + | /* highlight with a full blue border decoration */ | ||
| + | .igem_2017_content_wrapper .highlight.blue_border { | ||
| + | border: 4px solid #3399ff; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* button class */ | ||
| + | .igem_2017_content_wrapper .button{ | ||
| + | max-width: 35%; | ||
| + | margin: 30px auto; | ||
| + | padding: 12px 10px; | ||
| + | background-color: #3399ff; | ||
| + | text-align: center; | ||
| + | color: #ffffff; | ||
| + | -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; | ||
| + | } | ||
| + | |||
| + | /* styling for button on hover */ | ||
| + | .igem_2017_content_wrapper .button:hover{ | ||
| + | background-color: #3399ff; | ||
| + | color: #000000; | ||
| + | } | ||
| + | |||
| + | |||
Revision as of 12:04, 16 October 2017
