Team:Aalto-Helsinki/stylesheet.css
From 2014.igem.org
p {
/* font-size:50px; */
}
h1, h2, h3, h4, h5, h6 {
border-bottom: 0px;
}
/* LINKCOLORS ALL LINK (A) AND HOVER (A:HOVER) COLORS AND STYLES RELATED TO LINKS
- /
a,a:visited {
color:#0AA699;
}
a:hover {
color:#90F0E8;
}
- 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;
}
.sidebar-nav li a {
color: #0AA699; text-decoration: none;
}
.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 a {
color: #0AA699;
}
.sidebar-nav > .sidebar-brand a:hover {
color: #fff; background: none;
}
/* COLORS END
- /
.navbar td{
text-align:center;
}
.navbar .menu-link {
border:1px solid black; height:45px;
}
- 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;
}
.clocktitle .clock {
margin-top:2em;
}
/* SIDEBAR STYLES sidebar.css (linkcolors/background included in LINKCOLORS)
- /
- 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 {
display: block;
}
.sidebar-nav li ul li{
list-style: none;
}
.sidebar-nav img {
margin-left:20px;
}
.sidebar-nav > .sidebar-brand {
height: 65px; line-height: 60px; font-size: 18px;
}
.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;
}
/* SIDEBAR END
- /