"
Template:Queens Canada/subheader
From 2013.igem.org
(Difference between revisions)
| (48 intermediate revisions not shown) | |||
| Line 131: | Line 131: | ||
.header-bg{ | .header-bg{ | ||
background-color:#bf3f3e; | background-color:#bf3f3e; | ||
| - | |||
padding:20px; | padding:20px; | ||
| + | width:100% | ||
| + | min-width:1000px; | ||
} | } | ||
.header-text{ | .header-text{ | ||
| Line 141: | Line 142: | ||
} | } | ||
.header-logo{ | .header-logo{ | ||
| - | + | text-align:center; | |
| + | padding-left:70px; | ||
} | } | ||
.topmenu-bg{ | .topmenu-bg{ | ||
background-color:#f7b99e; | background-color:#f7b99e; | ||
| - | + | width:100%; | |
} | } | ||
.menu{ | .menu{ | ||
| Line 153: | Line 155: | ||
padding:10px; | padding:10px; | ||
min-width:80px; | min-width:80px; | ||
| + | max-width:1280px; | ||
} | } | ||
.menu a:link, a:visited{ | .menu a:link, a:visited{ | ||
| Line 161: | Line 164: | ||
color:white; | color:white; | ||
} | } | ||
| + | |||
| + | .menub{ | ||
| + | font-size:1.5em; | ||
| + | font-family:bebasN; | ||
| + | text-align:center; | ||
| + | padding:5px; | ||
| + | min-width:50px; | ||
| + | max-width:100px; | ||
| + | } | ||
| + | .menub a:link, a:visited{ | ||
| + | color:#bf3f3e; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | .menub a:hover{ | ||
| + | color:white; | ||
| + | } | ||
| + | |||
/**---------FONT----------**/ | /**---------FONT----------**/ | ||
| Line 182: | Line 202: | ||
} | } | ||
| - | . | + | .menuc{ |
| - | + | background-color:#f7b99e; | |
| - | + | height:30px; | |
| + | padding-top:5px; | ||
| + | text-align:center; | ||
| + | } | ||
| + | .menuc li{ | ||
| + | margin: 0 5px; | ||
| + | padding: 0 5px; | ||
| + | display:inline-block; | ||
| + | color:#bf3f3e; | ||
| + | font-size:1.1em; | ||
| + | font-family:bebasN; | ||
| + | } | ||
| + | .menuc li a:link{ | ||
| + | color:#bf3f3e; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | .menuc li a:hover{ | ||
| + | color:white; | ||
| + | } | ||
| + | .menuc li a:visited{ | ||
| + | color:#bf3f3e; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | |||
| + | /**--------FULL PAGE STUFF-------**/ | ||
| + | .tidal{ | ||
| + | max-width:1100px; | ||
| + | margin-left:auto; | ||
| + | margin-right:auto; | ||
} | } | ||
</style> | </style> | ||
| Line 190: | Line 239: | ||
<body> | <body> | ||
| + | <script type="text/javascript"> | ||
| + | |||
| + | $(document).ready(function(){ | ||
| + | $(window).resize(function(){ | ||
| + | if ($(window).width() < 1000){ | ||
| + | $("#top-section").hide(); | ||
| + | $(".menuc").hide(); | ||
| + | $(".disa").show(); | ||
| + | } | ||
| + | else{ | ||
| + | $("#top-section").show(); | ||
| + | $(".menuc").show(); | ||
| + | $(".disa").hide(); | ||
| + | } | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 01:59, 27 September 2013
