Skip to content

Commit 0bfd677

Browse files
darcyclarkedarcyclarke
committed
Added stylez, fixes and more
1 parent 6b3feff commit 0bfd677

File tree

7 files changed

+125
-67
lines changed

7 files changed

+125
-67
lines changed

‎content/assets/css/style.css

Lines changed: 73 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,9 @@
1111
font-size: 100%;
1212
vertical-align: baseline;
1313
background: transparent; }
14+
15+
*:focus
16+
{ outline: none; }
1417

1518
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
1619
{ display: block; }
@@ -1431,7 +1434,8 @@
14311434
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
14321435
box-shadow: 0 2px 5px rgba(0,0,0,0.5);
14331436
position: relative;
1434-
z-index: 20; }
1437+
z-index: 20;
1438+
overflow: hidden; }
14351439

14361440
#container #body .inner
14371441
{ padding: 2%; }
@@ -1455,10 +1459,9 @@
14551459

14561460
/* Sidebar Left */
14571461

1458-
#container #body.sidebar-left .inner {
1459-
width: 72.25%;
1460-
float: right;
1461-
}
1462+
#container #body.sidebar-left .inner
1463+
{ width: 72.25%;
1464+
float: right; }
14621465

14631466
#container #body.sidebar-left #sidebar
14641467
{ float: left;
@@ -1475,10 +1478,10 @@
14751478
#container #body #sidebar
14761479
{ width: 20.5%;
14771480
position: relative;
1478-
display: block;
14791481
background: #eeeeee;
1480-
float: left;
1481-
padding: 0 1.5% 25px; }
1482+
height: 100%;
1483+
padding: 0 1.5% 10000px;
1484+
margin-bottom: -10000px; }
14821485

14831486
#container #body #sidebar ul
14841487
{ float: left;
@@ -1606,6 +1609,18 @@
16061609
padding: 0;
16071610
margin: 0;
16081611
width: 100%; }
1612+
1613+
#sidebar .nav li.active
1614+
{ border: 0; }
1615+
1616+
#sidebar .nav li.active a
1617+
{ color: #fff;
1618+
text-shadow: 0 -1px 1px #000;
1619+
background: #393939;
1620+
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,0.25);
1621+
-moz-box-shadow: inset 0 2px 2px rgba(0,0,0,0.25);
1622+
box-shadow: inset 0 2px 2px rgba(0,0,0,0.25);
1623+
border-top: 1px solid #000; }
16091624

16101625
#sidebar .nav li:last-child
16111626
{ border: none;
@@ -1621,13 +1636,17 @@
16211636
text-decoration: none;
16221637
width: 100%;
16231638
display: block;
1624-
width: 100%;
1625-
padding: 5% 6%; }
1639+
width: 96%;
1640+
padding: 5% 10%;
1641+
margin: -1px 0 0 -8%; }
16261642

16271643
.jquery-learning #sidebar h2
16281644
{ background: url(../i/learning_category_icon.png) no-repeat 0 5px;
16291645
padding-left: 26px; }
16301646

1647+
.jquery-learning #sidebar .paper
1648+
{ display: none; }
1649+
16311650
.jquery-learning #sidebar .paper.subnav
16321651
{ position: absolute;
16331652
height: 100%;
@@ -1682,13 +1701,13 @@
16821701
.jquery-learning #sidebar .paper.subnav .inner .white_bg
16831702
{ background: #fff;
16841703
margin-top: -110px;
1685-
width: 100%;
1704+
width: 84%;
16861705
height: 100%;
16871706
position: absolute;
16881707
margin-left: -2%; }
16891708

16901709
.jquery-learning #sidebar .paper.subnav .inner .white_bg ul
1691-
{ width: 90%;
1710+
{ padding: 0 6.5% 0 0;
16921711
height: 100%;
16931712
background: #fff url(../i/learning_paper_line_bg.png) repeat-y 0 0;
16941713
position: absolute;
@@ -1703,13 +1722,17 @@
17031722
{ opacity: 1; }
17041723

17051724
.jquery-learning #sidebar .paper.subnav .inner ul li a
1706-
{ font-family: 'Gloria Hallelujah', cursive;
1707-
font-size: 16px;
1725+
{ /* font-family: 'Gloria Hallelujah', cursive; */
1726+
font-size: 14px;
1727+
line-height: 21px;
17081728
font-weight: normal;
17091729
text-decoration: none; }
17101730

1731+
.jquery-learning #sidebar .paper.subnav .inner ul li.active a
1732+
{ font-weight: bold; }
1733+
17111734
.jquery-learning #sidebar .paper.subnav .inner ul li a:hover
1712-
{ border-bottom: 1px dashed #999; }
1735+
{ font-weight: bold; }
17131736

17141737
.jquery-learning #sidebar .paper.subnav .inner ul li
17151738
{ margin: 0 0 11px 44px;
@@ -1735,6 +1758,7 @@
17351758
{ float: left;
17361759
display: block;
17371760
width: 35%;
1761+
min-height: 45px;
17381762
border-right: 1px solid #fff;
17391763
-webkit-box-shadow: 1px 0 0 #b7b7b7; }
17401764

@@ -1771,7 +1795,33 @@
17711795
letter-spacing: 0;
17721796
margin: 4px 0 0 0; }
17731797

1774-
1798+
/*******************************************************************************/
1799+
/* Pagination
1800+
/*******************************************************************************/
1801+
1802+
#body .inner .meta .pagination
1803+
{ }
1804+
1805+
#body .inner .meta .pagination .article
1806+
{ }
1807+
1808+
#body .inner .meta .pagination .previous
1809+
{ }
1810+
1811+
#body .inner .meta .pagination .previous .article
1812+
{ }
1813+
1814+
#body .inner .meta .pagination .previous .direction
1815+
{ }
1816+
1817+
#body .inner .meta .pagination .next
1818+
{ }
1819+
1820+
#body .inner .meta .pagination .next .article
1821+
{ }
1822+
1823+
#body .inner .meta .pagination .next .direction
1824+
{ }
17751825

17761826

17771827
/*******************************************************************************/
@@ -1929,6 +1979,10 @@
19291979
{ padding: 3%;
19301980
width: 94%; }
19311981

1982+
#container #body #sidebar .nav li a
1983+
{ width: 87%;
1984+
margin-left: -3.5%; }
1985+
19321986
footer ul.books
19331987
{ overflow: hidden; }
19341988

@@ -1952,6 +2006,9 @@
19522006
{ text-align: center;
19532007
width: auto;
19542008
float: none; }
2009+
2010+
.jquery-learning #sidebar .paper.subnav
2011+
{ display: none; }
19552012
}
19562013

19572014
@media all and (max-width: 400px){

‎content/assets/i/paginate_bg.png

1.53 KB
Loading

‎content/assets/js/plugins.js

Lines changed: 0 additions & 10 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎content/assets/js/scripts.js

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,15 @@ App.subscribe("init", function(){
1212
// Set Auto Height
1313
//
1414
$(window).bind("load resize", function(){
15-
App.autoHeight();
15+
$(".autoHeight").each(function(){
16+
var el = $(this), parent = el.parent();
17+
if(parent.height() >= el.height("auto").height()){
18+
el.css({"margin-bottom":0,"padding-bottom":"25px","height":parent.height()});
19+
} else {
20+
el.css({"margin-bottom":0,"padding-bottom":"25px","height":el.height("auto").height()});
21+
}
22+
});
23+
$("#container #body").css({"overflow":"visible"});
1624
});
1725

1826
//
@@ -50,11 +58,13 @@ App.subscribe("init", function(){
5058
//
5159
// Project Select Clickoutside
5260
//
53-
$(".project-select").bind("clickoutside", function(e){
54-
var el = $(".toggle-projects");
55-
if(el.hasClass('down')){
56-
el.removeClass("active down");
57-
$("body").animate({"marginTop":"0"}, 300);
61+
$(".project-select").bind("clickoutside", function(e, el){
62+
var target = $(".toggle-projects");
63+
if($(el).parent(".toggle-projects").length != 1){
64+
if(target.hasClass('down')){
65+
target.removeClass("active down");
66+
$("body").css({"marginTop":"0"}, 300);
67+
}
5868
}
5969
});
6070

‎layouts/header.html

Lines changed: 32 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -58,7 +58,7 @@
5858
</a>
5959
</li>
6060
<li>
61-
<a href="#" title="" class="">
61+
<a href="http://qunitjs.com" title="" class="">
6262
<img src="/assets/i/logo-top-qunit.png" alt="QUnit" />
6363
<em>Write solid JavaScript apps by unit testing with QUnit.</em>
6464
</a>
@@ -71,40 +71,38 @@
7171
<header class="border clearfix">
7272
<nav class="constrain clearfix top">
7373
<ul class="projects">
74-
<li class="jquery"><a href="#" title="jQuery">jQuery</a></li>
75-
<li class="jquery-ui"><a href="#" title="jQuery UI">jQuery UI</a></li>
76-
<li class="jquery-mobile"><a href="#" title="jQuery Mobile">jQuery Mobile</a></li>
74+
<li class="jquery"><a href="http://jquery.com" title="jQuery">jQuery</a></li>
75+
<li class="jquery-ui"><a href="http://jqueryui.com" title="jQuery UI">jQuery UI</a></li>
76+
<li class="jquery-mobile"><a href="http://jquerymobile.com" title="jQuery Mobile">jQuery Mobile</a></li>
7777
<li class="toggle-projects"><a href="#" title="All Projects">All Projects</a></li>
7878
</ul>
7979
<ul class="links">
8080
<li class="dropdown"><a href="#" title="Support">Support</a>
8181
<ul>
82-
<li><a href="#" title="Forum">Forum</a></li>
83-
<li><a href="#" title="IRC/Chat">IRC/Chat</a></li>
84-
<li><a href="#" title="Getting Help">Getting Help</a></li>
85-
<li><a href="#" title="Report a Bug">Report a Bug</a></li>
86-
<li><a href="#" title="Enterprise Support">Enterprise Support</a></li>
82+
<li><a href="http://forum.jquery.com/" title="Forum">Forum</a></li>
83+
<li><a href="http://docs.jquery.com/discussion" title="IRC/Chat">IRC/Chat</a></li>
84+
<li><a href="http://bugs.jquery.com/" title="Report a Bug">Report a Bug</a></li>
85+
<li><a href="http://docs.jquery.com/commercial_support" title="Commercial Support">Commercial Support</a></li>
8786
</ul>
8887
</li>
8988
<li class="dropdown"><a href="#" title="Community">Community</a>
9089
<ul>
91-
<li><a href="#" title="Blog">Blog</a></li>
92-
<li><a href="#" title="Podcast">Podcast</a></li>
93-
<li><a href="#" title="Forums">Forums</a></li>
94-
<li><a href="#" title="Meetups">Meetups</a></li>
95-
<li><a href="#" title="Events">Events</a></li>
90+
<li><a href="http://podcast.jquery.com/" title="Podcast">Podcast</a></li>
91+
<li><a href="http://forum.jquery.com/" title="Forums">Forums</a></li>
92+
<li><a href="http://meetups.jquery.com/" title="Meetups">Meetups</a></li>
93+
<li><a href="http://events.jquery.org/" title="Events">Events</a></li>
9694
</ul>
9795
</li>
98-
<li><a href="#" title="Contribute">Contribute</a></li>
99-
<li><a href="#" title="Donate">Donate</a></li>
96+
<li><a href="http://docs.jquery.com/getting_involved" title="Get Involved">Get Involved</a></li>
97+
<li><a href="http://jquery.org/donate/" title="Donate">Donate</a></li>
10098
<li class="dropdown"><a href="#" title="">About</a>
10199
<ul class="last">
102-
<li><a href="#" title="Overview">Overview</a></li>
103-
<li><a href="#" title="Projects">Projects</a></li>
104-
<li><a href="#" title="Team">Team</a></li>
105-
<li><a href="#" title="History">History</a></li>
106-
<li><a href="#" title="Sponsors">Sponsors</a></li>
107-
<li><a href="#" title="Contact">Contact</a></li>
100+
<li><a href="http://jquery.org/about/" title="Overview">Overview</a></li>
101+
<li><a href="http://jquery.org/" title="Projects">Projects</a></li>
102+
<li><a href="http://jquery.org/team/" title="Team">Team</a></li>
103+
<li><a href="http://jquery.org/history/" title="History">History</a></li>
104+
<li><a href="http://jquery.org/license/" title="License">License</a></li>
105+
<li><a href="http://jquery.org/sponsors/" title="Sponsors">Sponsors</a></li>
108106
</ul>
109107
</li>
110108
</ul>
@@ -113,6 +111,7 @@
113111
<!-- /nav -->
114112

115113
<!-- tooltips -->
114+
<!--
116115
<div class="tooltips constrain">
117116
118117
<div class="jquery tooltip">
@@ -123,7 +122,7 @@
123122
<li><a href="http://jquery.com">Overview</a></li>
124123
<li><a href="http://docs.jquery.com/Downloading_jQuery">Download</a></li>
125124
<li><a href="http://plugins.jquery.com">Plugins</a></li>
126-
<li><a href="http://api.jquery.com">API Documentation</a></li>
125+
<li><a href="http://api.jquery.com">API</a></li>
127126
<li><a href="http://learn.jquery.com">Learning</a></li>
128127
</ul>
129128
</div>
@@ -155,6 +154,7 @@
155154
</div>
156155
157156
</div>
157+
-->
158158
<!-- /tooltips -->
159159

160160
<!-- container -->
@@ -174,15 +174,16 @@ <h1><a href="/" title="jQuery">jQuery</a></h1>
174174
<!-- secondary nav -->
175175
<nav class="clearfix">
176176
<ul>
177-
<li><a href="#" title="Overview">Overview</a></li>
178-
<li><a href="#" title="Plugins">Plugins</a></li>
179-
<li><a href="#" title="API Documentation">API Documentation</a></li>
180-
<li class="active"><a href="#" title="Learning">Learning</a></li>
181-
<li><a href="#" title="Development">Development</a></li>
182-
<li><a href="#" title="Download">Download</a></li>
177+
<li><a href="http://plugins.jquery.com/" title="Plugins">Plugins</a></li>
178+
<li><a href="http://api.jquery.com/" title="API">API</a></li>
179+
<li class="active"><a href="http://learn.jquery.com/" title="Learning">Learning</a></li>
180+
<li><a href="http://docs.jquery.com/download" title="Download">Download</a></li>
181+
<li><a href="http://blog.jquery.com/" title="Blog">Blog</a></li>
183182
</ul>
184-
<form method="get" action="" class="search">
185-
<input type="text" id="search" name="search"></li>
183+
<form method="get" action="http://docs.jquery.com/Special:Search" class="search">
184+
<input type="hidden" name="ns0" value="1">
185+
<input type="hidden" name="go" value="">
186+
<input type="text" id="search" name="search"></li>
186187
<label for="search" class="text">Search jQuery.com</label>
187188
<a href="#" class="icon icon-search" title="Submit Search">Submit Search</a>
188189
</form>

0 commit comments

Comments
 (0)