"

From 2014.igem.org

Revision as of 11:51, 11 June 2014 (view source) Vaakapallo (Talk | contribs) ← Older edit		Revision as of 11:23, 12 June 2014 (view source) Vaakapallo (Talk | contribs) Newer edit →
Line 38:		Line 38:
	background-color: gray;		background-color: gray;
	}		}
		+
		+	#top-section {
		+	height: 0px;
		+	border: none;
		+	width: 980px;
		+	margin: 0 auto;
		+	padding: 0 0 0 0;
		+	background-color: transparent;
		+	overflow: hide;
		+	}
		+
		+	/*SIDEBAAAAAAAAARRRRRRR  STYYYYLEEEEEES  sidebar.css*/
	#sidebar.affix-top{		#sidebar.affix-top{
Line 51:		Line 63:
	}		}
-	/*sidebar.css*/
	#wrapper {		#wrapper {
	padding-left: 250px;		padding-left: 250px;

---

Revision as of 11:23, 12 June 2014

p { /* font-size:50px; */ }

.navbar td{ text-align:center; }

.navbar .menu-link { border:1px solid black; height:45px; background-color: #e7e7e7; }

.menu-link a { color:#000000; }

.navbar td:hover{ background-color: #d3d3d3; }

1. pagecontent {

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

1. welcomepage {

margin: 0 auto; margin-top: 5em; width: 50%; padding: 1em; border-radius: 10px; color: white; background-color: gray; }

1. top-section {

height: 0px; border: none; width: 980px; margin: 0 auto; padding: 0 0 0 0; background-color: transparent; overflow: hide; }

/*SIDEBAAAAAAAAARRRRRRR STYYYYLEEEEEES sidebar.css*/

1. sidebar.affix-top{

position: static; margin-top:30px; width:228px; }

1. sidebar.affix {

position: fixed; top:70px; width:228px; }

1. wrapper {

 padding-left: 250px;
 transition: all 0.4s ease 0s;

}

1. sidebar-wrapper {

 margin-left: -250px;
 left: 250px;
 width: 250px;
 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: 250px;
 list-style: none;
 margin: 0;
 padding: 0;

}

.sidebar-nav li {

 line-height: 40px;
 text-indent: 20px;

}

.sidebar-nav li a {

 color: #999999;
 display: block;
 text-decoration: none;

}

.sidebar-nav li a:hover {

 color: #fff;
 background: rgba(255,255,255,0.2);
 text-decoration: none;

}

.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: #999999;

}

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

}

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;

}