Team:Aalto-Helsinki/stylesheet.css

From 2014.igem.org

Revision as of 11:00, 24 July 2014 by Lauralaa (Talk | contribs)

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;

}

.menu-link a { 

 color:#0AA699;

}

.navbar .menu-link { 

 background-color: #0AA699;

}

.navbar td:hover{ 

 background-color: #000000;

}

  1. menubar a { 
 color:#0AA699;
 text-decoration: none;

}

  1. 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;

}

  1. pagecontent { 
 margin: 0 auto;
 margin-top: 5em;
 width: 50%;
 padding: 1em;
 border-radius: 10px;

}

  1. welcomepage {

}

  1. top-section { 
 height: 0px;
 border: none;
 width: 980px;
 margin: 0 auto;
 padding: 0 0 0 0;
 background-color: transparent;
 overflow: hide;
 position: initial;

}

  1. menubar{ 
 margin-left:200px;

}

.clocktitle .clock { 

 margin-top:2em;

}


/* SIDEBAR STYLES sidebar.css (linkcolors/background included in LINKCOLORS)

  • /
  1. sidebar.affix-top{ 
 position: static;
 margin-top:30px;
 width:228px;

}

  1. sidebar.affix { 
 position: fixed;
 top:70px;
 width:228px;

}

  1. wrapper { 
 padding-left: 200px;
 transition: all 0.4s ease 0s;

}

  1. 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;

}

  1. 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;

}

  1. menu-toggle { 
 display: none;

}

.inset { 

 padding: 20px;

}

@media (max-width:767px) {

  1. wrapper { 
 padding-left: 0;

}

  1. sidebar-wrapper { 
 left: 0;

}

  1. wrapper.active { 
 position: relative;
 left: 250px;

}

  1. wrapper.active #sidebar-wrapper { 
 left: 250px;
 width: 250px;
 transition: all 0.4s ease 0s;

}

  1. menu-toggle { 
 display: inline-block;

}

.inset { 

 padding: 15px;

}

/* SIDEBAR END

  • /
Retrieved from "http://2014.igem.org/Team:Aalto-Helsinki/stylesheet.css"