Difference between revisions of "Template:William and Mary"
| Line 236: | Line 236: | ||
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { | .igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 { | ||
padding:5px 15px; | padding:5px 15px; | ||
| − | border-bottom: | + | border-bottom: 0px; |
color: #3399ff; | color: #3399ff; | ||
} | } | ||
| Line 447: | Line 447: | ||
} | } | ||
| − | + | body { | |
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | background: #ccc; | ||
| + | } | ||
| + | |||
| + | .igem_2017_menu_wrapper ul { | ||
| + | list-style: none; | ||
| + | background-color: #444; | ||
| + | text-align: center; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .igem_2017_menu_wrapper li { | ||
| + | font-family: 'Oswald', sans-serif; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 40px; | ||
| + | height: 40px; | ||
| + | border-bottom: 1px solid #888; | ||
| + | } | ||
| + | |||
| + | .igem_2017_menu_wrapper a { | ||
| + | text-decoration: none; | ||
| + | color: #fff; | ||
| + | display: block; | ||
| + | transition: .3s background-color; | ||
| + | } | ||
| + | |||
| + | .igem_2017_menu_wrapper a:hover { | ||
| + | background-color: #005f5f; | ||
| + | } | ||
| + | |||
| + | .igem_2017_menu_wrapper a.active { | ||
| + | background-color: #fff; | ||
| + | color: #444; | ||
| + | cursor: default; | ||
| + | } | ||
| + | |||
| + | @media screen and (min-width: 600px) { | ||
| + | .igem_2017_menu_wrapper li { | ||
| + | width: 120px; | ||
| + | border-bottom: none; | ||
| + | height: 50px; | ||
| + | line-height: 50px; | ||
| + | font-size: 1.4em; | ||
| + | } | ||
| + | |||
| + | /* Option 1 - Display Inline */ | ||
| + | .nav li { | ||
| + | display: inline-block; | ||
| + | margin-right: -4px; | ||
| + | } | ||
| + | } | ||
| Line 468: | Line 520: | ||
</head> | </head> | ||
| − | |||
<body class="news"> | <body class="news"> | ||
| − | <header> | + | <header> |
| + | <div class="igem_2017_menu_wrapper"> | ||
| + | <ul> | ||
| + | <li class="home"><a href="#">Home</a></li> | ||
| + | <li class="tutorials"><a class="active" href="#">Tutorials</a></li> | ||
| + | <li class="about"><a href="#">About</a></li> | ||
| + | <li class="news"><a href="#">Newsletter</a></li> | ||
| + | <li class="contact"><a href="#">Contact</a></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | </header> | ||
| + | </body> | ||
| + | |||
| + | |||
<div class="igem_2017_menu_wrapper" > | <div class="igem_2017_menu_wrapper" > | ||
| Line 753: | Line 817: | ||
</div> | </div> | ||
| − | |||
| − | |||
Revision as of 19:18, 14 June 2017
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
William_and_Mary
