Template:ITESM14/Style

From 2014.igem.org

(Difference between revisions)
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