"
Template:Queens Canada/subheader
From 2013.igem.org
(Difference between revisions)
| (33 intermediate revisions not shown) | |||
| Line 142: | Line 142: | ||
} | } | ||
.header-logo{ | .header-logo{ | ||
| - | + | text-align:center; | |
| + | padding-left:70px; | ||
} | } | ||
.topmenu-bg{ | .topmenu-bg{ | ||
background-color:#f7b99e; | background-color:#f7b99e; | ||
| - | |||
width:100%; | width:100%; | ||
| - | |||
} | } | ||
.menu{ | .menu{ | ||
| Line 165: | 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 185: | Line 201: | ||
background-color:white; | background-color:white; | ||
} | } | ||
| + | |||
| + | .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-------**/ | /**--------FULL PAGE STUFF-------**/ | ||
.tidal{ | .tidal{ | ||
| - | + | max-width:1100px; | |
| + | margin-left:auto; | ||
| + | margin-right:auto; | ||
} | } | ||
| - | |||
</style> | </style> | ||
</head> | </head> | ||
<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
