Team:Aalto-Helsinki/stylesheet.css
From 2014.igem.org
Line 1: | Line 1: | ||
p { | p { | ||
/* font-size:50px; */ | /* font-size:50px; */ | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5, h6 { | ||
+ | border-bottom: 0px; | ||
} | } | ||
Line 9: | Line 13: | ||
a:hover { | a:hover { | ||
color:#90F0E8; | color:#90F0E8; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
Line 53: | Line 53: | ||
overflow: hide; | overflow: hide; | ||
position: initial; | position: initial; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | margin-left:200px; | ||
} | } | ||
Line 60: | Line 64: | ||
} | } | ||
- | #menubar{ | + | #menubar a:hover { |
- | + | color:#90F0E8; | |
} | } | ||
.left-menu:hover { | .left-menu:hover { | ||
- | + | color: #90F0E8; | |
- | + | background-color: transparent; | |
} | } | ||
.right-menu li { | .right-menu li { | ||
- | + | background-color: transparent; | |
} | } | ||
.right-menu li a { | .right-menu li a { | ||
- | + | color: #0AA699; | |
- | + | background-color: transparent; | |
+ | } | ||
+ | |||
+ | .right-menu li a:hover { | ||
+ | color:#90F0E8; | ||
} | } | ||
Revision as of 10:40, 24 July 2014
p {
/* font-size:50px; */
}
h1, h2, h3, h4, h5, h6 {
border-bottom: 0px;
}
a,a:visited {
color:#0AA699;
}
a:hover {
color:#90F0E8;
}
.navbar td{
text-align:center;
}
.navbar .menu-link {
border:1px solid black; height:45px; background-color: #0AA699;
}
.menu-link a {
color:#000000;
}
.navbar td:hover{
background-color: #0AA699;
}
- pagecontent {
margin: 0 auto; margin-top: 5em; width: 50%; padding: 1em; border-radius: 10px;
}
- welcomepage {
}
- top-section {
height: 0px; border: none; width: 980px; margin: 0 auto; padding: 0 0 0 0; background-color: transparent; overflow: hide; position: initial;
}
- menubar{
margin-left:200px;
}
- menubar a {
color:#0AA699; text-decoration: none;
}
- menubar a:hover {
color:#90F0E8;
}
.left-menu:hover {
color: #90F0E8; background-color: transparent;
}
.right-menu li {
background-color: transparent;
} .right-menu li a {
color: #0AA699; background-color: transparent;
}
.right-menu li a:hover {
color:#90F0E8;
}
.clocktitle .clock {
margin-top:2em;
}
/*SIDEBAAAAAAAAARRRRRRR STYYYYLEEEEEES sidebar.css*/
- sidebar.affix-top{
position: static; margin-top:30px; width:228px;
}
- sidebar.affix {
position: fixed; top:70px; width:228px;
}
- wrapper {
padding-left: 200px; transition: all 0.4s ease 0s;
}
- sidebar-wrapper {
margin-left: -250px; left: 250px; width: 200px; position: fixed; height: 100%; overflow-y: auto; z-index: 1000; transition: all 0.4s ease 0s;
}
- page-content-wrapper {
width: 100%;
}
.sidebar-nav {
position: absolute; top: 0; width: 200; list-style: none; margin: 0; padding: 0;
}
.sidebar-nav li {
line-height: 35px; text-indent: 15px;
}
.sidebar-nav li a {
color: #0AA699; display: block; text-decoration: none;
}
.sidebar-nav li ul li{
list-style: none;
}
.sidebar-nav img {
margin-left:20px;
}
.sidebar-nav li a:hover, .sidebar-nav li ul li a.active:hover{
color: white; text-decoration: none; background-color: #8BC4C0;
}
.sidebar-nav li a:hover{ }
.sidebar-nav a.active.submenu{
background-color: #8BC4C0; color:white;
}
.sidebar-nav li a.active{
background-color: #8BC4C0; color:white;
}
.sidebar-nav li ul li a.active{
background-color:white; color:#8BC4C0;
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
height: 65px; line-height: 60px; font-size: 18px;
}
.sidebar-nav > .sidebar-brand a {
color: #0AA699;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff; background: none;
}
.content-header {
height: 65px; line-height: 65px;
}
.content-header h1 {
margin: 0; margin-left: 20px; line-height: 65px; display: inline-block;
}
- menu-toggle {
display: none;
}
.inset {
padding: 20px;
}
@media (max-width:767px) {
- wrapper {
padding-left: 0;
}
- sidebar-wrapper {
left: 0;
}
- wrapper.active {
position: relative; left: 250px;
}
- wrapper.active #sidebar-wrapper {
left: 250px; width: 250px; transition: all 0.4s ease 0s;
}
- menu-toggle {
display: inline-block;
}
.inset {
padding: 15px;
}