Team:UCLA/sams extra css
From 2014.igem.org
(Difference between revisions)
Samichaels (Talk | contribs) |
Samichaels (Talk | contribs) |
||
Line 1: | Line 1: | ||
<html> | <html> | ||
<script type="text/css"> | <script type="text/css"> | ||
- | # | + | #wrapper1 { |
padding-left: 250px; | padding-left: 250px; | ||
transition: all 0.4s ease 0s; | transition: all 0.4s ease 0s; | ||
} | } | ||
- | #sidebar- | + | #sidebar-wrapper1 { |
margin-left: -250px; | margin-left: -250px; | ||
left: 250px; | left: 250px; | ||
Line 18: | Line 18: | ||
} | } | ||
- | # | + | #wrapper1.active { |
padding-left: 0; | padding-left: 0; | ||
} | } | ||
- | # | + | #wrapper1.active #sidebar-wrapper { |
left: 0; | left: 0; | ||
} | } | ||
- | #page-content- | + | #page-content-wrapper1 { |
width: 100%; | width: 100%; | ||
} | } | ||
Line 91: | Line 91: | ||
- | .content- | + | .content-header1 { |
height: 65px; | height: 65px; | ||
line-height: 65px; | line-height: 65px; | ||
} | } | ||
- | .content- | + | .content-header1 h1 { |
margin: 0; | margin: 0; | ||
margin-left: 20px; | margin-left: 20px; | ||
Line 103: | Line 103: | ||
} | } | ||
- | #menu- | + | #menu-toggle1 { |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
- | .btn- | + | .btn-menu1 { |
color: #000; | color: #000; | ||
} | } | ||
Line 117: | Line 117: | ||
@media (max-width:767px) { | @media (max-width:767px) { | ||
- | # | + | #wrapper1 { |
padding-left: 0; | padding-left: 0; | ||
} | } | ||
- | #sidebar- | + | #sidebar-wrapper1 { |
left: 0; | left: 0; | ||
} | } | ||
- | # | + | #wrapper1.active { |
position: relative; | position: relative; | ||
left: 250px; | left: 250px; | ||
} | } | ||
- | # | + | #wrapper1.active #sidebar-wrapper { |
left: 250px; | left: 250px; | ||
width: 250px; | width: 250px; | ||
Line 136: | Line 136: | ||
} | } | ||
- | #menu- | + | #menu-toggle1 { |
display: inline-block; | display: inline-block; | ||
} | } | ||
Line 150: | Line 150: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
/*Menu-toggle*/ | /*Menu-toggle*/ | ||
- | $("#menu- | + | $("#menu-toggle1").click(function(e) { |
e.preventDefault(); | e.preventDefault(); | ||
- | $("# | + | $("#wrapper1").toggleClass("active"); |
}); | }); | ||
Revision as of 21:15, 7 August 2014