Template:ITESM14/Style
From 2014.igem.org
(Difference between revisions)
Ejzardainc (Talk | contribs) |
Ejzardainc (Talk | contribs) |
||
Line 6: | Line 6: | ||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
- | <link href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_reset.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | + | <!--<link href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_reset.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> |
Line 12: | Line 12: | ||
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet"> | ||
<!--<link href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_main.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">--> | <!--<link href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_main.css?action=raw&ctype=text/css" type="text/css" rel="stylesheet">--> | ||
+ | |||
+ | <style> | ||
+ | /* Remove logo and search */ | ||
+ | div#p-logo, div#search-controls { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Center wiki-menu; set font & bg (as fallback) color */ | ||
+ | div#top-section { | ||
+ | margin: 0px auto; | ||
+ | width: 930px; | ||
+ | height: 20px; | ||
+ | color: #d4c6b6; | ||
+ | background: #411c03 url('https://static.igem.org/mediawiki/2013/b/b3/TUM13_brown-top-bg.png') repeat-x 50% 0%; | ||
+ | } | ||
+ | |||
+ | /* Set font and positions */ | ||
+ | div#menubar { | ||
+ | font-weight: bold; | ||
+ | font-size: 13px; | ||
+ | line-height: 20px; | ||
+ | } | ||
+ | |||
+ | div#menubar.right-menu { | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | div#menubar.left-menu { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Start header style =================================================== */ | ||
+ | |||
+ | /* Hide page title (it would appear before the header) */ | ||
+ | h1.firstHeading { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | body { | ||
+ | font-family: 'Yanone Kaffeesatz'; | ||
+ | background: url('background.svg'); | ||
+ | } | ||
+ | |||
+ | h1 { | ||
+ | color: ff0060; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | font-size: 20px; | ||
+ | font-weight: lighter; | ||
+ | } | ||
+ | |||
+ | .navbar-default { | ||
+ | background-color: #451d8e; | ||
+ | border-color: #ff0060; | ||
+ | } | ||
+ | .navbar-default .navbar-brand { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-text { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | #nav_bar .navbar-default .navbar-nav > li > a { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { | ||
+ | color: f4ff3b; | ||
+ | background-color: #ff0060; | ||
+ | } | ||
+ | .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { | ||
+ | color: f4ff3b; | ||
+ | background-color: #ff0060; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle { | ||
+ | border-color: #ff0060; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { | ||
+ | background-color: #ff0060; | ||
+ | } | ||
+ | .navbar-default .navbar-toggle .icon-bar { | ||
+ | background-color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-collapse, | ||
+ | .navbar-default .navbar-form { | ||
+ | border-color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-link { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-link:hover { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | |||
+ | @media (max-width: 767px) { | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | ||
+ | color: f4ff3b; | ||
+ | } | ||
+ | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
+ | color: f4ff3b; | ||
+ | background-color: #ff0060; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .mypic { | ||
+ | z-index: 2000; | ||
+ | } | ||
+ | |||
+ | .main-content { | ||
+ | z-index: -4; | ||
+ | margin-top: 220; | ||
+ | } | ||
+ | |||
+ | .well { | ||
+ | z-index: -6; | ||
+ | background-color: #ffffff; | ||
+ | border: 0px; | ||
+ | border-radius: 0px; | ||
+ | opacity: 0.9; | ||
+ | } | ||
+ | </style> | ||
+ | |||
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'> |
Revision as of 09:38, 31 August 2014