|
|
| Line 1: |
Line 1: |
| | + | {{:Team:NTNU_Trondheim/Style}} |
| | <html> | | <html> |
| | <head> | | <head> |
| − | <link rel="stylesheet" href="https://static.igem.org/mediawiki/2018/b/bf/T--NTNU_Trondheim--style.txt">
| |
| | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> | | <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"> |
| | </head> | | </head> |
| − |
| |
| − | <style>
| |
| − | /* ---- */
| |
| − |
| |
| − | body {
| |
| − | font-family: 'PT Sans', Arial, Verdana;
| |
| − | background-color: #eee;
| |
| − | }
| |
| − |
| |
| − | ul {
| |
| − | list-style-type: none;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | overflow: hidden;
| |
| − | background-color: #333;
| |
| − | }
| |
| − |
| |
| − | li {
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | li a, .dropbtn {
| |
| − | display: inline-block;
| |
| − | color: white;
| |
| − | text-align: center;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − |
| |
| − | li a:hover, .dropdown:hover .dropbtn {
| |
| − | background-color: rgba(0,0,0,0.1);
| |
| − | }
| |
| − |
| |
| − | /* ---- HOVER COLORS NAVIGATION BAR ---- */
| |
| − | li #menu-home:hover { background-color: red; }
| |
| − | li #menu-team:hover { background-color: #ff8a23; }
| |
| − | li #menu-project:hover { background-color: #f8b732; }
| |
| − | li #menu-parts:hover { background-color: #4CAF50; }
| |
| − | li #menu-safety:hover { background-color: #5bc7d8; }
| |
| − | li #menu-hp:hover { background-color: #4286f4; }
| |
| − | li #menu-awards:hover { background-color: #a851db; }
| |
| − |
| |
| − | li.dropdown {
| |
| − | display: inline-block;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content {
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background-color: #f9f9f9;
| |
| − | min-width: 160px;
| |
| − | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| − | z-index: 1;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a {
| |
| − | color: black;
| |
| − | padding: 12px 16px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a:hover {background-color: #f1f1f1}
| |
| − |
| |
| − | .dropdown:hover .dropdown-content {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | html {
| |
| − | padding: 40px;
| |
| − | background: #ecf0f1;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | color: #2c3e50;
| |
| − | text-transform: uppercase;
| |
| − | text-align: center;
| |
| − | font-size: 14px;
| |
| − | line-height: 21px;
| |
| − | letter-spacing: 10px;
| |
| − | margin: 48px auto 0;
| |
| − | }
| |
| − |
| |
| − | h1 + p {
| |
| − | font-size: 14px;
| |
| − | font-family: serif;
| |
| − | font-style: italic;
| |
| − | color: #b5bfc1;
| |
| − | text-align: center;
| |
| − | border-top: 1px dotted #ccc;
| |
| − | width: 360px;
| |
| − | padding: 12px;
| |
| − | margin: 12px auto 48px;
| |
| − | }
| |
| − | </style>
| |
| | | | |
| | | | |
