remove tabs. Skeleton is not a UI framework
This commit is contained in:
parent
015a69fc97
commit
1fb5487ce3
@ -51,7 +51,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="one-third column">
|
<div class="one-third column">
|
||||||
<h3>About Skeleton?</h3>
|
<h3>About Skeleton?</h3>
|
||||||
<p>Skeleton is a small collection of well-organized CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, tabs, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
|
<p>Skeleton is a small collection of well-organized CSS & JS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. It's based on a responsive grid, but also provides very basic CSS for typography, buttons, forms and media queries. Go ahead, resize this super basic page to see the grid in action.</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="one-third column">
|
<div class="one-third column">
|
||||||
<h3>Three Core Principles</h3>
|
<h3>Three Core Principles</h3>
|
||||||
@ -70,12 +70,6 @@
|
|||||||
</div><!-- container -->
|
</div><!-- container -->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- JS
|
|
||||||
================================================== -->
|
|
||||||
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
|
|
||||||
<script src="javascripts/tabs.js"></script>
|
|
||||||
|
|
||||||
<!-- End Document
|
<!-- End Document
|
||||||
================================================== -->
|
================================================== -->
|
||||||
</body>
|
</body>
|
||||||
|
@ -1,29 +0,0 @@
|
|||||||
|
|
||||||
/**
|
|
||||||
* Skeleton V1.1
|
|
||||||
* Copyright 2011, Dave Gamache
|
|
||||||
* www.getskeleton.com
|
|
||||||
* Free to use under the MIT license.
|
|
||||||
* http://www.opensource.org/licenses/mit-license.php
|
|
||||||
* 8/17/2011
|
|
||||||
*/
|
|
||||||
|
|
||||||
(function ($) {
|
|
||||||
// hash change handler
|
|
||||||
function hashchange () {
|
|
||||||
var hash = window.location.hash
|
|
||||||
, el = $('ul.tabs [href*="' + hash + '"]')
|
|
||||||
, content = $(hash)
|
|
||||||
|
|
||||||
if (el.length && !el.hasClass('active') && content.length) {
|
|
||||||
el.closest('.tabs').find('.active').removeClass('active');
|
|
||||||
el.addClass('active');
|
|
||||||
content.show().addClass('active').siblings().hide().removeClass('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// listen on event and fire right away
|
|
||||||
$(window).on('hashchange.skeleton', hashchange);
|
|
||||||
hashchange();
|
|
||||||
$(hashchange);
|
|
||||||
})(jQuery);
|
|
@ -18,7 +18,6 @@
|
|||||||
#Lists
|
#Lists
|
||||||
#Images
|
#Images
|
||||||
#Buttons
|
#Buttons
|
||||||
#Tabs
|
|
||||||
#Forms
|
#Forms
|
||||||
#Misc */
|
#Misc */
|
||||||
|
|
||||||
@ -207,78 +206,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* #Tabs (activate in tabs.js)
|
|
||||||
================================================== */
|
|
||||||
ul.tabs {
|
|
||||||
display: block;
|
|
||||||
margin: 0 0 20px 0;
|
|
||||||
padding: 0;
|
|
||||||
border-bottom: solid 1px #ddd; }
|
|
||||||
ul.tabs li {
|
|
||||||
display: block;
|
|
||||||
width: auto;
|
|
||||||
height: 30px;
|
|
||||||
padding: 0;
|
|
||||||
float: left;
|
|
||||||
margin-bottom: 0; }
|
|
||||||
ul.tabs li a {
|
|
||||||
display: block;
|
|
||||||
text-decoration: none;
|
|
||||||
width: auto;
|
|
||||||
height: 29px;
|
|
||||||
padding: 0px 20px;
|
|
||||||
line-height: 30px;
|
|
||||||
border: solid 1px #ddd;
|
|
||||||
border-width: 1px 1px 0 0;
|
|
||||||
margin: 0;
|
|
||||||
background: #f5f5f5;
|
|
||||||
font-size: 13px; }
|
|
||||||
ul.tabs li a.active {
|
|
||||||
background: #fff;
|
|
||||||
height: 30px;
|
|
||||||
position: relative;
|
|
||||||
top: -4px;
|
|
||||||
padding-top: 4px;
|
|
||||||
border-left-width: 1px;
|
|
||||||
margin: 0 0 0 -1px;
|
|
||||||
color: #111;
|
|
||||||
-moz-border-radius-topleft: 2px;
|
|
||||||
-webkit-border-top-left-radius: 2px;
|
|
||||||
border-top-left-radius: 2px;
|
|
||||||
-moz-border-radius-topright: 2px;
|
|
||||||
-webkit-border-top-right-radius: 2px;
|
|
||||||
border-top-right-radius: 2px; }
|
|
||||||
ul.tabs li:first-child a.active {
|
|
||||||
margin-left: 0; }
|
|
||||||
ul.tabs li:first-child a {
|
|
||||||
border-width: 1px 1px 0 1px;
|
|
||||||
-moz-border-radius-topleft: 2px;
|
|
||||||
-webkit-border-top-left-radius: 2px;
|
|
||||||
border-top-left-radius: 2px; }
|
|
||||||
ul.tabs li:last-child a {
|
|
||||||
-moz-border-radius-topright: 2px;
|
|
||||||
-webkit-border-top-right-radius: 2px;
|
|
||||||
border-top-right-radius: 2px; }
|
|
||||||
|
|
||||||
ul.tabs-content { margin: 0; display: block; }
|
|
||||||
ul.tabs-content > li { display:none; }
|
|
||||||
ul.tabs-content > li.active { display: block; }
|
|
||||||
|
|
||||||
/* Clearfixing tabs for beautiful stacking */
|
|
||||||
ul.tabs:before,
|
|
||||||
ul.tabs:after {
|
|
||||||
content: '\0020';
|
|
||||||
display: block;
|
|
||||||
overflow: hidden;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 0;
|
|
||||||
height: 0; }
|
|
||||||
ul.tabs:after {
|
|
||||||
clear: both; }
|
|
||||||
ul.tabs {
|
|
||||||
zoom: 1; }
|
|
||||||
|
|
||||||
|
|
||||||
/* #Forms
|
/* #Forms
|
||||||
================================================== */
|
================================================== */
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user