From 2014.igem.org
(Difference between revisions)
|
|
Line 442: |
Line 442: |
| | | |
| <!--SLIDING SIDE BAR--> | | <!--SLIDING SIDE BAR--> |
- | #wrapper {
| |
- | padding-left: 250px;
| |
- | transition: all 0.4s ease 0s;
| |
- | }
| |
| | | |
- | #sidebar-wrapper {
| |
- | margin-left: -250px;
| |
- | left: 250px;
| |
- | width: 250px;
| |
- | background: #000;
| |
- | position: fixed;
| |
- | height: 100%;
| |
- | overflow-y: auto;
| |
- | z-index: 1000;
| |
- | transition: all 0.4s ease 0s;
| |
- | }
| |
- |
| |
- | #wrapper.active {
| |
- | padding-left: 0;
| |
- | }
| |
- |
| |
- | #wrapper.active #sidebar-wrapper {
| |
- | left: 0;
| |
- | }
| |
- |
| |
- | #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;
| |
- | padding-left: 60px;
| |
- | }
| |
- |
| |
- | .sidebar-nav li a span:before {
| |
- | position: absolute;
| |
- | left: 0;
| |
- | color: #41484c;
| |
- | text-align: center;
| |
- | width: 20px;
| |
- | line-height: 18px;
| |
- | }
| |
- |
| |
- | .sidebar-nav li a:hover,
| |
- | .sidebar-nav li.active {
| |
- | 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;
| |
- | }
| |
- |
| |
- | #menu-toggle {
| |
- | text-decoration: none;
| |
- | }
| |
- |
| |
- | .btn-menu {
| |
- | color: #000;
| |
- | }
| |
- |
| |
- | .inset {
| |
- | padding: 20px;
| |
- | }
| |
| | | |
| </style> | | </style> |
| </html> | | </html> |
Revision as of 21:42, 7 August 2014