Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Updated LESS variables across all files

Updated LESS variables across all files
Updated License to Apache License to match Bootstrap
Bug fixes
  • Loading branch information...
commit 3a3692fb27d4a563429c9590fb0debbbeb7d49e4 1 parent b2271b1
Andy Clarke authored
View
BIN  320andup.esproj/Project.espressostorage
Binary file not shown
View
BIN  320andup.esproj/user.andyclarke.espressostorage
Binary file not shown
View
8 320andup.html
@@ -621,12 +621,12 @@ <h3 class="h4">Table (table-bordered and table-striped)</h3>
</nav>
<footer role="contentinfo">
-<small>320 and Up, a Fashionably Flexible responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
-<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://creativecommons.org/licenses/MIT/">Creative Commons MIT</a> license.</small>
+<small>320 and Up, a Fashionably Flexible &#169; responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
+<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</small>
</footer>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
View
176 LICENSE.txt
@@ -0,0 +1,176 @@
+Apache License
+ Version 2.0, January 2004
+ http://www.apache.org/licenses/
+
+ TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+ 1. Definitions.
+
+ "License" shall mean the terms and conditions for use, reproduction,
+ and distribution as defined by Sections 1 through 9 of this document.
+
+ "Licensor" shall mean the copyright owner or entity authorized by
+ the copyright owner that is granting the License.
+
+ "Legal Entity" shall mean the union of the acting entity and all
+ other entities that control, are controlled by, or are under common
+ control with that entity. For the purposes of this definition,
+ "control" means (i) the power, direct or indirect, to cause the
+ direction or management of such entity, whether by contract or
+ otherwise, or (ii) ownership of fifty percent (50%) or more of the
+ outstanding shares, or (iii) beneficial ownership of such entity.
+
+ "You" (or "Your") shall mean an individual or Legal Entity
+ exercising permissions granted by this License.
+
+ "Source" form shall mean the preferred form for making modifications,
+ including but not limited to software source code, documentation
+ source, and configuration files.
+
+ "Object" form shall mean any form resulting from mechanical
+ transformation or translation of a Source form, including but
+ not limited to compiled object code, generated documentation,
+ and conversions to other media types.
+
+ "Work" shall mean the work of authorship, whether in Source or
+ Object form, made available under the License, as indicated by a
+ copyright notice that is included in or attached to the work
+ (an example is provided in the Appendix below).
+
+ "Derivative Works" shall mean any work, whether in Source or Object
+ form, that is based on (or derived from) the Work and for which the
+ editorial revisions, annotations, elaborations, or other modifications
+ represent, as a whole, an original work of authorship. For the purposes
+ of this License, Derivative Works shall not include works that remain
+ separable from, or merely link (or bind by name) to the interfaces of,
+ the Work and Derivative Works thereof.
+
+ "Contribution" shall mean any work of authorship, including
+ the original version of the Work and any modifications or additions
+ to that Work or Derivative Works thereof, that is intentionally
+ submitted to Licensor for inclusion in the Work by the copyright owner
+ or by an individual or Legal Entity authorized to submit on behalf of
+ the copyright owner. For the purposes of this definition, "submitted"
+ means any form of electronic, verbal, or written communication sent
+ to the Licensor or its representatives, including but not limited to
+ communication on electronic mailing lists, source code control systems,
+ and issue tracking systems that are managed by, or on behalf of, the
+ Licensor for the purpose of discussing and improving the Work, but
+ excluding communication that is conspicuously marked or otherwise
+ designated in writing by the copyright owner as "Not a Contribution."
+
+ "Contributor" shall mean Licensor and any individual or Legal Entity
+ on behalf of whom a Contribution has been received by Licensor and
+ subsequently incorporated within the Work.
+
+ 2. Grant of Copyright License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ copyright license to reproduce, prepare Derivative Works of,
+ publicly display, publicly perform, sublicense, and distribute the
+ Work and such Derivative Works in Source or Object form.
+
+ 3. Grant of Patent License. Subject to the terms and conditions of
+ this License, each Contributor hereby grants to You a perpetual,
+ worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+ (except as stated in this section) patent license to make, have made,
+ use, offer to sell, sell, import, and otherwise transfer the Work,
+ where such license applies only to those patent claims licensable
+ by such Contributor that are necessarily infringed by their
+ Contribution(s) alone or by combination of their Contribution(s)
+ with the Work to which such Contribution(s) was submitted. If You
+ institute patent litigation against any entity (including a
+ cross-claim or counterclaim in a lawsuit) alleging that the Work
+ or a Contribution incorporated within the Work constitutes direct
+ or contributory patent infringement, then any patent licenses
+ granted to You under this License for that Work shall terminate
+ as of the date such litigation is filed.
+
+ 4. Redistribution. You may reproduce and distribute copies of the
+ Work or Derivative Works thereof in any medium, with or without
+ modifications, and in Source or Object form, provided that You
+ meet the following conditions:
+
+ (a) You must give any other recipients of the Work or
+ Derivative Works a copy of this License; and
+
+ (b) You must cause any modified files to carry prominent notices
+ stating that You changed the files; and
+
+ (c) You must retain, in the Source form of any Derivative Works
+ that You distribute, all copyright, patent, trademark, and
+ attribution notices from the Source form of the Work,
+ excluding those notices that do not pertain to any part of
+ the Derivative Works; and
+
+ (d) If the Work includes a "NOTICE" text file as part of its
+ distribution, then any Derivative Works that You distribute must
+ include a readable copy of the attribution notices contained
+ within such NOTICE file, excluding those notices that do not
+ pertain to any part of the Derivative Works, in at least one
+ of the following places: within a NOTICE text file distributed
+ as part of the Derivative Works; within the Source form or
+ documentation, if provided along with the Derivative Works; or,
+ within a display generated by the Derivative Works, if and
+ wherever such third-party notices normally appear. The contents
+ of the NOTICE file are for informational purposes only and
+ do not modify the License. You may add Your own attribution
+ notices within Derivative Works that You distribute, alongside
+ or as an addendum to the NOTICE text from the Work, provided
+ that such additional attribution notices cannot be construed
+ as modifying the License.
+
+ You may add Your own copyright statement to Your modifications and
+ may provide additional or different license terms and conditions
+ for use, reproduction, or distribution of Your modifications, or
+ for any such Derivative Works as a whole, provided Your use,
+ reproduction, and distribution of the Work otherwise complies with
+ the conditions stated in this License.
+
+ 5. Submission of Contributions. Unless You explicitly state otherwise,
+ any Contribution intentionally submitted for inclusion in the Work
+ by You to the Licensor shall be under the terms and conditions of
+ this License, without any additional terms or conditions.
+ Notwithstanding the above, nothing herein shall supersede or modify
+ the terms of any separate license agreement you may have executed
+ with Licensor regarding such Contributions.
+
+ 6. Trademarks. This License does not grant permission to use the trade
+ names, trademarks, service marks, or product names of the Licensor,
+ except as required for reasonable and customary use in describing the
+ origin of the Work and reproducing the content of the NOTICE file.
+
+ 7. Disclaimer of Warranty. Unless required by applicable law or
+ agreed to in writing, Licensor provides the Work (and each
+ Contributor provides its Contributions) on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+ implied, including, without limitation, any warranties or conditions
+ of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+ PARTICULAR PURPOSE. You are solely responsible for determining the
+ appropriateness of using or redistributing the Work and assume any
+ risks associated with Your exercise of permissions under this License.
+
+ 8. Limitation of Liability. In no event and under no legal theory,
+ whether in tort (including negligence), contract, or otherwise,
+ unless required by applicable law (such as deliberate and grossly
+ negligent acts) or agreed to in writing, shall any Contributor be
+ liable to You for damages, including any direct, indirect, special,
+ incidental, or consequential damages of any character arising as a
+ result of this License or out of the use or inability to use the
+ Work (including but not limited to damages for loss of goodwill,
+ work stoppage, computer failure or malfunction, or any and all
+ other commercial damages or losses), even if such Contributor
+ has been advised of the possibility of such damages.
+
+ 9. Accepting Warranty or Additional Liability. While redistributing
+ the Work or Derivative Works thereof, You may choose to offer,
+ and charge a fee for, acceptance of support, warranty, indemnity,
+ or other liability obligations and/or rights consistent with this
+ License. However, in accepting such obligations, You may act only
+ on Your own behalf and on Your sole responsibility, not on behalf
+ of any other Contributor, and only if You agree to indemnify,
+ defend, and hold each Contributor harmless for any liability
+ incurred by, or claims asserted against, such Contributor by reason
+ of your accepting any such warranty or additional liability.
+
+ END OF TERMS AND CONDITIONS
View
241 css/320andup.css
@@ -125,12 +125,12 @@ body {
margin: 0;
padding: 0;
width: 100%;
+ background-color: transparent;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 16px;
font-size: 1.6rem;
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
- line-height: 1.4;
- color: #404040;
- background-color: transparent;
+ line-height: 1.4em;
+ color: #000000;
}
/* Typography =================================================== */
h1,
@@ -295,7 +295,7 @@ pre,
code,
kbd,
samp {
- font-family: "Monaco", Courier New, monospace;
+ font-family: Monaco, Courier New, monospace;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.5em;
@@ -336,14 +336,14 @@ a {
color: #013568;
}
a:visited {
- color: #011b35;
+ color: #000203;
}
a:hover {
color: #011b35;
}
a:focus {
outline: thin dotted;
- color: #000203;
+ color: #000000;
}
a:hover,
a:active {
@@ -355,21 +355,9 @@ a:active {
padding: 8px 35px 8px 14px;
background-color: #fcf8e3;
border: 1px solid #f2e187;
- -webkit-border-top-right-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-top-left-radius: 2px;
- -moz-border-radius-topright: 2px;
- -moz-border-radius-bottomright: 2px;
- -moz-border-radius-bottomleft: 2px;
- -moz-border-radius-topleft: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
@@ -556,21 +544,9 @@ a:active {
margin-bottom: 1.5em;
background-color: #f3f5f6;
border: 1px solid #c7ced6;
- -webkit-border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -moz-border-radius-topright: 4px;
- -moz-border-radius-bottomright: 4px;
- -moz-border-radius-bottomleft: 4px;
- -moz-border-radius-topleft: 4px;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
-webkit-box-shadow: inset 0 1px 11px rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 1px 11px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 1px 11px rgba(0, 0, 0, 0.15);
@@ -580,21 +556,9 @@ a:active {
}
.well-small {
padding: 6px;
- -webkit-border-top-right-radius: 2px;
- -webkit-border-bottom-right-radius: 2px;
- -webkit-border-bottom-left-radius: 2px;
- -webkit-border-top-left-radius: 2px;
- -moz-border-radius-topright: 2px;
- -moz-border-radius-bottomright: 2px;
- -moz-border-radius-bottomleft: 2px;
- -moz-border-radius-topleft: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- border-top-left-radius: 2px;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
}
.well p:last-child {
margin-bottom: 0;
@@ -1158,9 +1122,9 @@ legend {
margin-bottom: 3em;
*margin-left: -7px;
padding: 0;
- color: #404040;
+ color: #000000;
border: 0;
- border-bottom: 1px solid #c7ced6;
+ border-bottom: 1px solid #2d353e;
white-space: normal;
}
legend small {
@@ -1203,7 +1167,7 @@ label {
display: block;
margin-bottom: 0.1875em;
font-weight: bold;
- color: #404040;
+ color: #000000;
cursor: pointer;
}
input,
@@ -1214,8 +1178,13 @@ select {
padding: 4px;
margin-bottom: 0.375em;
background-color: #ffffff;
- border: 1px solid #c7ced6;
- color: #404040;
+ border: 1px solid #2d353e;
+ color: #000000;
+}
+input:hover,
+textarea:hover,
+select:hover {
+ border-color: #8c9bab;
}
label input,
label textarea,
@@ -1238,21 +1207,9 @@ input[type="radio"] {
*margin-top: 0;
line-height: normal;
cursor: pointer;
- -webkit-border-top-right-radius: 0;
- -webkit-border-bottom-right-radius: 0;
- -webkit-border-bottom-left-radius: 0;
- -webkit-border-top-left-radius: 0;
- -moz-border-radius-topright: 0;
- -moz-border-radius-bottomright: 0;
- -moz-border-radius-bottomleft: 0;
- -moz-border-radius-topleft: 0;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
border: 0 \9;
}
input[type="checkbox"],
@@ -1350,7 +1307,7 @@ textarea[readonly] {
}
input:focus,
textarea:focus {
- border-color: #000000;
+ border-color: #8c9bab;
outline: 0;
outline: thin dotted \9;
}
@@ -1415,21 +1372,9 @@ input:-moz-placeholder {
padding-left: 14px;
padding-right: 14px;
margin-bottom: 0;
- -webkit-border-top-right-radius: 14px;
- -webkit-border-bottom-right-radius: 0;
- -webkit-border-bottom-left-radius: 0;
- -webkit-border-top-left-radius: 0;
- -moz-border-radius-topright: 14px;
- -moz-border-radius-bottomright: 0;
- -moz-border-radius-bottomleft: 0;
- -moz-border-radius-topleft: 0;
- border-top-right-radius: 14px;
- border-bottom-right-radius: 0;
- border-bottom-left-radius: 0;
- border-top-left-radius: 0;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ -webkit-border-radius: 14px;
+ -moz-border-radius: 14px;
+ border-radius: 14px;
}
.form-search label {
display: inline-block;
@@ -1460,7 +1405,7 @@ input:-moz-placeholder {
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
- line-height: 1.5;
+ line-height: 1.4em;
color: #404040;
text-align: center;
vertical-align: middle;
@@ -1474,24 +1419,12 @@ input:-moz-placeholder {
background-repeat: repeat-x;
border: 1px solid #cccccc;
border-bottom-color: #b3b3b3;
- -webkit-border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -moz-border-radius-topright: 4px;
- -moz-border-radius-bottomright: 4px;
- -moz-border-radius-bottomleft: 4px;
- -moz-border-radius-topleft: 4px;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
- -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
- -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
- box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
cursor: pointer;
*margin-left: .3em;
}
@@ -1681,37 +1614,73 @@ a.btn-extlarge:hover {
}
.btn-group .btn:first-child {
margin-left: 0;
- -webkit-border-top-left-radius: 2px;
- -moz-border-radius-topleft: 2px;
- border-top-left-radius: 2px;
+ -webkit-border-top-right-radius: 2px;
+ -webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 2px;
+ -webkit-border-top-left-radius: 0;
+ -moz-border-radius-topright: 2px;
+ -moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 2px;
+ -moz-border-radius-topleft: 0;
+ border-top-right-radius: 2px;
+ border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
+ border-top-left-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
}
.btn-group .btn:last-child {
- -webkit-border-top-right-radius: 2px;
- -moz-border-radius-topright: 2px;
- border-top-right-radius: 2px;
+ -webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 2px;
+ -webkit-border-bottom-left-radius: 0;
+ -webkit-border-top-left-radius: 2px;
+ -moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 2px;
+ -moz-border-radius-bottomleft: 0;
+ -moz-border-radius-topleft: 2px;
+ border-top-right-radius: 0;
border-bottom-right-radius: 2px;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 2px;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
}
.btn-group .btn.large:first-child {
margin-left: 0;
- -webkit-border-top-left-radius: 4px;
- -moz-border-radius-topleft: 4px;
- border-top-left-radius: 4px;
+ -webkit-border-top-right-radius: 4px;
+ -webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 4px;
+ -webkit-border-top-left-radius: 0;
+ -moz-border-radius-topright: 4px;
+ -moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 4px;
+ -moz-border-radius-topleft: 0;
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 0;
border-bottom-left-radius: 4px;
+ border-top-left-radius: 0;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
}
.btn-group .btn.large:last-child {
- -webkit-border-top-right-radius: 4px;
- -moz-border-radius-topright: 4px;
- border-top-right-radius: 4px;
+ -webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 4px;
+ -webkit-border-bottom-left-radius: 0;
+ -webkit-border-top-left-radius: 4px;
+ -moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 4px;
+ -moz-border-radius-bottomleft: 0;
+ -moz-border-radius-topleft: 4px;
+ border-top-right-radius: 0;
border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 4px;
+ -webkit-background-clip: padding-box;
+ -moz-background-clip: padding;
+ background-clip: padding-box;
}
.btn-toolbar {
clear: both;
@@ -1736,10 +1705,10 @@ table th,
table td {
padding: 8px;
vertical-align: top;
- border-top: 1px solid #c7ced6;
+ border-top: 1px solid #8c9bab;
font-size: 14px;
font-size: 1.4rem;
- line-height: 1.5;
+ line-height: 1.4em;
text-align: left;
}
table th {
@@ -1755,21 +1724,21 @@ table thead:first-child tr:first-child td {
border-top: 0;
}
table tbody + tbody {
- border-top: 2px solid #c7ced6;
+ border-top: 2px solid #8c9bab;
}
.table-condensed th,
.table-condensed td {
padding: 4px 5px;
}
.table-bordered {
- border: 1px solid #c7ced6;
+ border: 1px solid #8c9bab;
border-left: 0;
border-collapse: separate;
*border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
- border-left: 1px solid #e4e8ec;
+ border-left: 1px solid #8c9bab;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
@@ -1778,7 +1747,7 @@ table tbody + tbody {
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
- background-color: #e4e8ec;
+ background-color: #6e8196;
}
.table tbody tr td,
.table tbody tr th {
@@ -1789,7 +1758,7 @@ table tbody + tbody {
}
.table tbody tr:hover td,
.table tbody tr:hover th {
- background-color: #e4e8ec;
+ background-color: #8c9bab;
}
/* Banner =================================================== */
[role="banner"] {
@@ -1808,21 +1777,9 @@ table tbody + tbody {
overflow: hidden;
background-color: #586879;
border: 1px solid #4d5b6a;
- -webkit-border-top-right-radius: 4px;
- -webkit-border-bottom-right-radius: 4px;
- -webkit-border-bottom-left-radius: 4px;
- -webkit-border-top-left-radius: 4px;
- -moz-border-radius-topright: 4px;
- -moz-border-radius-bottomright: 4px;
- -moz-border-radius-bottomleft: 4px;
- -moz-border-radius-topleft: 4px;
- border-top-right-radius: 4px;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- border-top-left-radius: 4px;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
color: #f3f5f6;
font-size: 32px;
font-size: 3.2rem;
@@ -1978,7 +1935,7 @@ table tbody + tbody {
dl,
address,
small {
- line-height: 1.5;
+ line-height: 1.4em;
}
[role="banner"] a[href="#navigation"] {
display: none !important;
View
239 css/theme.css
@@ -0,0 +1,239 @@
+/* ============================================================
+
+320 and Up by Andy Clarke
+Version: 3.0
+URL: http://stuffandnonsense.co.uk/projects/320andup/
+Apache License: v2.0. http://www.apache.org/licenses/LICENSE-2.0
+
+Website theme for:
+http://stuffandnonsense.co.uk/projects/320andup/
+
+============================================================ */
+/* Variables =================================================== */
+/* Mixins =================================================== */
+.clearfix {
+ *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+ display: table;
+ content: "";
+}
+.clearfix:after {
+ clear: both;
+}
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+ position: static;
+ clip: auto;
+ height: auto;
+ width: auto;
+ margin: 0;
+ overflow: visible;
+}
+html {
+ background: #2d353e url(../img/body.png) repeat 0 0;
+ font-size: 62.5%;
+ -webkit-overflow-scrolling: touch;
+ -webkit-tap-highlight-color: #6e8196;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+}
+body {
+ margin: 0;
+ padding: 1.5em 0 0 0;
+ width: 100%;
+ font-size: 16px;
+ font-size: 1.6rem;
+ font-family: "facitweb-1", "facitweb-2", sans-serif;
+ line-height: 1.4;
+ color: #c1c5ca;
+ background-color: transparent;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-weight: 700;
+}
+a,
+a:visited,
+a:hover,
+a:active,
+a:focus {
+ color: #ffffff;
+}
+a:active,
+a:focus {
+ position: relative;
+ top: 1px;
+ outline: none;
+}
+.btn {
+ display: inline-block;
+ *display: inline;
+ /* IE7 inline-block hack */
+
+ *zoom: 1;
+ *margin-left: .3em;
+ padding: 11px 22px;
+ font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 14px;
+ font-size: 1.4rem;
+ font-weight: bold;
+ line-height: 1.5;
+ color: #ffffff;
+ text-align: center;
+ vertical-align: middle;
+ background-color: #22282f;
+ cursor: pointer;
+ text-decoration: none;
+}
+.btn:first-child {
+ margin-bottom: 1.5em;
+}
+.list-bordered li {
+ border-bottom-color: #22282f;
+}
+[role="banner"] {
+ margin: 0 auto 1.5em;
+ width: 90%;
+ border-bottom: 10px solid #22282f;
+}
+[role="banner"] hgroup {
+ width: 100%;
+ padding-top: 190px;
+ background: transparent url(../img/banner-160.png) no-repeat 50% 0;
+ text-align: center;
+}
+[role="banner"] h1 {
+ font-size: 48px;
+ font-size: 4.8rem;
+}
+[role="banner"] .btn-group {
+ text-align: center;
+}
+[role="banner"] a[href="#navigation"] {
+ display: none;
+ background-color: #424e5c;
+ border: 1px solid #22282f;
+ color: #ffffff;
+}
+.content {
+ margin: 0 auto;
+ width: 90%;
+}
+[role="navigation"] {
+ background-color: #424e5c;
+ border: 1px solid #22282f;
+}
+[role="banner"] h1 {
+ margin-bottom: 0.375em;
+}
+[role="banner"] a[href="http://stuffandnonsense.co.uk/projects/320andup/"] {
+ display: block;
+ text-decoration: none;
+}
+.grids {
+ width: 90%;
+ margin: 0 auto 1.5em;
+ padding: 1.5em 0;
+ border-top: 5px solid #22282f;
+ border-bottom: 5px solid #22282f;
+}
+.grid {
+ border-bottom: 1px solid #22282f;
+}
+.furniture-letter {
+ overflow: hidden;
+ margin: 0;
+ line-height: 44px;
+}
+.furniture-letter span {
+ display: block;
+ float: left;
+ margin: 0 12px 0 0;
+ height: 44px;
+ width: 44px;
+ background-color: #424e5c;
+ border: 1px solid #181c20;
+ font-size: 32px;
+ font-size: 3.2rem;
+ font-weight: bold;
+ line-height: 44px;
+ text-align: center;
+ color: #ffffff;
+}
+[role="contentinfo"] {
+ background-color: rgba(0, 0, 0, 0.25);
+ border-top: 5px solid #22282f;
+}
+@media only screen and (min-width: 480px) {
+ .btn:first-child {
+ margin-bottom: 0;
+ }
+}
+@media only screen and (min-width: 600px) {
+ [role="banner"] hgroup {
+ padding-top: 0;
+ padding-left: 100px;
+ width: 100%;
+ min-height: 100px;
+ background: transparent url(../img/banner-80.png) no-repeat 0 0;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ text-align: left;
+ }
+ [role="banner"] .btn-group {
+ text-align: left;
+ padding-left: 100px;
+ }
+}
+@media only screen and (min-width: 768px) {
+ [role="banner"],
+ [role="navigation"] p,
+ .content,
+ [role="contentinfo"] small {
+ width: 60%;
+ }
+ [role="navigation"] {
+ display: table-header-group;
+ background-color: rgba(0, 0, 0, 0.25);
+ border-bottom-width: 5px;
+ }
+}
+@media only screen and (min-width: 992px) {
+ [role="navigation"] p,
+ .content,
+ [role="contentinfo"] small {
+ width: 80%;
+ }
+ [role="banner"] {
+ width: 80%;
+ height: 240px;
+ padding-right: 240px;
+ background: transparent url(../img/header.png) no-repeat 100% 100%;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ [role="banner"] hgroup {
+ padding-left: 0;
+ background-image: none;
+ }
+ [role="banner"] .btn-group {
+ padding-left: 0;
+ }
+ .grids h2 {
+ margin-bottom: 1.5em;
+ text-align: center;
+ }
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
+
+}
View
8 index.html
@@ -106,12 +106,12 @@ <h2 class="h3">&#8216;320 and Up&#8217; contains:</h2>
</nav>
<footer role="contentinfo">
-<small>320 and Up, a Fashionably Flexible responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
-<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://creativecommons.org/licenses/MIT/">Creative Commons MIT</a> license.</small>
+<small>320 and Up, a Fashionably Flexible &#169; responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
+<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</small>
</footer>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="js/jquery-1.7.1.min.js"><\/script>')</script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
View
3  less/768.less
@@ -23,7 +23,7 @@ ul,
dl,
address,
small {
-line-height : 1.5; }
+line-height : @baselineheight; }
// 3. COLOUR ==============================
// 4. TEXTURE ==============================
@@ -48,6 +48,7 @@ width : 90%; }
// 11 MAIN ==============================
// COMPLEMENTARY ==============================
// CONTENTINFO ==============================
+
// 7. VENDOR-SPECIFIC ==============================
// 8. MODERNIZR ==============================
// 9. TEMPLATE SPECIFICS ==============================
View
50 less/buttons.less
@@ -16,10 +16,10 @@ display : inline-block;
*zoom : 1;
padding : 6px 11px 6px;
margin-bottom : 0;
-.sans-serif;
+font-family : @basefont;
.font-size(12);
font-weight : bold;
-line-height : 1.5;
+line-height : @baselineheight;
color : @darkgrey;
text-align : center;
vertical-align : middle;
@@ -27,10 +27,8 @@ background-color : @lightergrey;
.greygrad;
border : 1px solid darken(@lightergrey, 10%);
border-bottom-color : darken(@lightergrey, 20%);
-.border-radius(4px, 4px, 4px, 4px);
--webkit-box-shadow : inset 0 1px 0 rgba(255,255,255,.25);
--moz-box-shadow : inset 0 1px 0 rgba(255,255,255,.25);
-box-shadow : inset 0 1px 0 rgba(255,255,255,.25);
+.rounded(4px);
+.box-shadow(0 1px 0 rgba(255,255,255,.25));
cursor : pointer;
*margin-left : .3em;
@@ -144,9 +142,7 @@ font-weight : 200;
letter-spacing : 1px;
line-height : normal;
color : @white;
--webkit-border-radius : 4px;
--moz-border-radius : 4px;
-border-radius : 4px; }
+.rounded(4px); }
a.btn-extlarge,
a.btn-extlarge:hover {
@@ -160,9 +156,7 @@ color : @white; }
padding : 11px 22px;
.font-size(14);
line-height : normal;
--webkit-border-radius : 4px;
--moz-border-radius : 4px;
-border-radius : 4px; }
+.rounded(4px); }
.btn-small {
padding : 6px 10px;
@@ -184,43 +178,21 @@ margin-bottom : @baseline; }
position : relative;
float : left;
margin-left : -1px;
--webkit-border-radius : 0;
--moz-border-radius : 0;
-border-radius : 0; }
+.rounded(0); }
.btn-group .btn:first-child {
margin-left: 0;
--webkit-border-top-left-radius : 2px;
--moz-border-radius-topleft : 2px;
-border-top-left-radius : 2px;
--webkit-border-bottom-left-radius : 2px;
--moz-border-radius-bottomleft : 2px;
-border-bottom-left-radius : 2px; }
+.border-radius(2px, 0, 2px, 0); }
.btn-group .btn:last-child {
--webkit-border-top-right-radius : 2px;
--moz-border-radius-topright : 2px;
-border-top-right-radius : 2px;
--webkit-border-bottom-right-radius : 2px;
--moz-border-radius-bottomright : 2px;
-border-bottom-right-radius : 2px; }
+.border-radius(0, 2px, 0, 2px); }
.btn-group .btn.large:first-child {
margin-left : 0;
--webkit-border-top-left-radius : 4px;
--moz-border-radius-topleft : 4px;
-border-top-left-radius : 4px;
--webkit-border-bottom-left-radius : 4px;
--moz-border-radius-bottomleft : 4px;
-border-bottom-left-radius : 4px; }
+.border-radius(4px, 0, 4px, 0); }
.btn-group .btn.large:last-child {
--webkit-border-top-right-radius : 4px;
--moz-border-radius-topright : 4px;
-border-top-right-radius : 4px;
--webkit-border-bottom-right-radius : 4px;
--moz-border-radius-bottomright : 4px;
-border-bottom-right-radius : 4px; }
+.border-radius(0, 4px, 0, 4px); }
.btn-toolbar {
clear : both;
View
2  less/elements.less
@@ -42,7 +42,7 @@ padding : 0; }
.list-bordered li {
margin-bottom : @baseline / 4;
padding-bottom : @baseline / 4;
-border-bottom : 1px dashed lighten(@basecolor, 60%); }
+border-bottom : 1px dashed @bordercolor; }
.list-bordered li:last-child {
margin-bottom : 0;
View
27 less/forms.less
@@ -23,9 +23,9 @@ width : 100%;
margin-bottom : @baseline * 2;
*margin-left : -7px;
padding : 0;
-color : @darkgrey;
+color : @textcolor;
border : 0;
-border-bottom : 1px solid lighten(@basecolor, 60%);
+border-bottom : 1px solid @inputborder;
white-space : normal; }
legend small {
@@ -56,14 +56,14 @@ input,
button,
select,
textarea {
-.sans-serif();
+font-family : @basefont;
.box-sizing(border-box); }
label {
display : block;
margin-bottom : @baseline / 8;
font-weight : bold;
-color : @darkgrey;
+color : @textcolor;
cursor : pointer; }
input,
@@ -73,9 +73,14 @@ display : inline-block;
width : 100%;
padding : 4px;
margin-bottom : @baseline / 4;
-background-color : @inputbackgroundcolor;
-border : 1px solid lighten(@basecolor, 60%);
-color : @darkgrey; }
+background-color : @inputbackground;
+border : 1px solid @inputborder;
+color : @textcolor;
+
+&:hover {
+border-color : @inputhover; }
+
+}
label input,
label textarea,
@@ -98,7 +103,7 @@ margin : 3px 0;
*margin-top : 0;
line-height : normal;
cursor : pointer;
-.border-radius(0);
+.rounded(0);
border : 0 \9; }
input[type="checkbox"],
@@ -137,7 +142,7 @@ line-height : 28px; }
select {
width : auto;
-background-color : @inputbackgroundcolor;
+background-color : @inputbackground;
.font-size(13); }
select[multiple],
@@ -189,7 +194,7 @@ cursor : not-allowed; }
input:focus,
textarea:focus {
-border-color : darken(@inputbordercolor, 60%);
+border-color : @inputfocus;
outline : 0;
outline : thin dotted \9; }
@@ -256,7 +261,7 @@ margin-bottom : 0; }
padding-left : 14px;
padding-right : 14px;
margin-bottom : 0;
-.border-radius(14px); }
+.rounded(14px); }
.form-search label {
display : inline-block; }
View
9 less/mixins.less
@@ -17,15 +17,6 @@
font-size : @font-size * 1px;
font-size : ~"@{rem}rem"; }
-.sans-serif() {
-font-family : "Helvetica Neue", Helvetica, Arial, sans-serif; }
-
-.serif() {
-font-family : Cambria, Georgia, Times, "Times New Roman"; }
-
-.monospace() {
-font-family : "Monaco", Courier New, monospace; }
-
.text-overflow() {
overflow : hidden;
text-overflow : ellipsis;
View
2  less/page.less
@@ -25,7 +25,7 @@ white-space : nowrap;
overflow : hidden;
background-color : lighten(@basecolor, 20%);
border : 1px solid lighten(@basecolor, 15%);
-.border-radius(4px,4px,4px,4px);
+.rounded(4px);
color : lighten(@basecolor, 75%);
.font-size(32);
line-height : 42px;
View
10 less/site.less
@@ -12,7 +12,7 @@
// 1. ROOT ==============================
html {
-background : @white;
+background : @bodycolor;
font-size : 62.5%;
-webkit-overflow-scrolling : touch;
-webkit-tap-highlight-color : lighten(@basecolor, 75%);
@@ -23,11 +23,11 @@ body {
margin : 0;
padding : 0;
width : 100%;
+background-color : transparent;
+font-family : @basefont;
.font-size();
-.sans-serif();
-line-height : 1.4;
-color : @darkgrey;
-background-color : transparent; }
+line-height : @baselineheight;
+color : @textcolor; }
// 2. TYPOGRAPHY ==============================
// 3. COLOUR ==============================
View
18 less/tables.less
@@ -13,17 +13,17 @@ table {
width : 100%;
max-width : 100%;
margin-bottom : @baseline;
-border-collapse: collapse;
+border-collapse : collapse;
border-spacing : 0;
-background-color : transparent; }
+background-color : @tablebackground; }
table th,
table td {
padding : 8px;
vertical-align : top;
-border-top : 1px solid lighten(@basecolor, 60%);
+border-top : 1px solid @tableborder;
.font-size(14);
-line-height : 1.5;
+line-height : @baselineheight;
text-align : left; }
table th {
@@ -39,7 +39,7 @@ table thead:first-child tr:first-child td {
border-top : 0; }
table tbody + tbody {
-border-top : 2px solid lighten(@basecolor, 60%); }
+border-top : 2px solid @tableborder; }
// CONDENSED ====================================================
@@ -50,14 +50,14 @@ padding : 4px 5px; }
// BORDERED ====================================================
.table-bordered {
-border : 1px solid lighten(@basecolor, 60%);
+border : 1px solid @tableborder;
border-left : 0;
border-collapse : separate;
*border-collapse : collapsed; }
.table-bordered th,
.table-bordered td {
-border-left : 1px solid lighten(@basecolor, 70%); }
+border-left : 1px solid @tableborder; }
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
@@ -68,7 +68,7 @@ border-top : 0; }
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
-background-color : lighten(@basecolor, 70%); }
+background-color : @tablestripe; }
.table tbody tr td,
.table tbody tr th {
@@ -79,4 +79,4 @@ transition : background-color .25s 0 linear; }
.table tbody tr:hover td,
.table tbody tr:hover th {
-background-color : lighten(@basecolor, 70%); }
+background-color : @tablehover; }
View
12 less/texture.less
@@ -16,8 +16,8 @@ margin-bottom : @baseline;
padding : 8px 35px 8px 14px;
background-color : @alertcolor;
border : 1px solid darken(@alertcolor, 20%);
-.border-radius(2px, 2px, 2px, 2px);
-.sans-serif;
+.rounded(2px);
+font-family : @basefont;
.font-size(14);
color : darken(@alertcolor, 60%); }
@@ -84,9 +84,7 @@ font-weight : bold;
white-space : nowrap;
color : @white;
background-color : @lightgrey;
--webkit-border-radius : 9px;
--moz-border-radius : 9px;
-border-radius : 9px; }
+.rounded(9px); }
.badge:hover {
color : @white;
@@ -208,7 +206,7 @@ padding : 11px;
margin-bottom : @baseline;
background-color : lighten(@basecolor, 75%);
border : 1px solid lighten(@basecolor, 60%);
-.border-radius(4px,4px,4px,4px);
+.rounded(4px);
.box-shadow(inset 0 1px 11px rgba(0,0,0,.15)); }
.well-large {
@@ -216,7 +214,7 @@ padding : 22px; }
.well-small {
padding : 6px;
-.border-radius(2px,2px,2px,2px); }
+.rounded(2px); }
.well p:last-child {
margin-bottom : 0; }
View
14 less/typography.less
@@ -121,8 +121,8 @@ font-weight : normal; }
blockquote {
margin : 0 0 @baseline -24px;
padding-left : 24px;
-border-left : 1px solid lighten(@basecolor, 60%);
-.serif();
+border-left : 1px solid @bordercolor;
+font-family : @altfont;
font-style : normal; }
blockquote:before,
@@ -133,7 +133,7 @@ content : '';
content : none; }
abbr[title] {
-border-bottom : 1px dotted lighten(@basecolor, 60%);
+border-bottom : 1px dotted @bordercolor;
cursor : help; }
b, strong {
@@ -148,16 +148,16 @@ margin : 1em 0;
padding : 0;
height : 1px;
border : 0;
-border-top : 1px solid lighten(@basecolor, 60%); }
+border-top : 1px solid @bordercolor; }
ins {
background-color : lighten(@basecolor, 75%);
-color : @black;
+color : @textcolor;
text-decoration : none; }
mark {
background-color : lighten(@basecolor, 75%);
-color : @black;
+color : @textcolor;
font-style : italic;
font-weight : bold; }
@@ -165,7 +165,7 @@ pre,
code,
kbd,
samp {
-.monospace;
+font-family : @codefont;
.font-size(14);
line-height : @baseline; }
View
8 less/upstarts/320andup-modules/example.html
@@ -147,12 +147,12 @@
</div><!-- / content -->
<footer role="contentinfo">
-<small>320 and Up, a Fashionably Flexible responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
-<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://creativecommons.org/licenses/MIT/">Creative Commons MIT</a> license.</small>
+<small>320 and Up, a Fashionably Flexible &#169; responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
+<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</small>
</footer>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="../../../js/jquery-1.7.1.min.js"><\/script>')</script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="../../../js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="../../../js/plugins.js"></script>
<script src="../../../js/script.js"></script>
View
8 less/upstarts/320andup-modules/index.html
@@ -118,12 +118,12 @@
</div><!-- / content -->
<footer role="contentinfo">
-<small>320 and Up, a Fashionably Flexible responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
-<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://creativecommons.org/licenses/MIT/">Creative Commons MIT</a> license.</small>
+<small>320 and Up, a Fashionably Flexible &#169; responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
+<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</small>
</footer>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="../../js/jquery-1.7.1.min.js"><\/script>')</script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="../../../js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="../../../js/plugins.js"></script>
<script src="../../../js/script.js"></script>
View
8 less/upstarts/320andup-panels/index.html
@@ -198,12 +198,12 @@ <h3 class="entry-title h4"><a href="#">Entry title</a></h3>
</div><!-- / full -->
<footer role="contentinfo">
-<small>320 and Up, a Fashionably Flexible responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
-<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://creativecommons.org/licenses/MIT/">Creative Commons MIT</a> license.</small>
+<small>320 and Up, a Fashionably Flexible &#169; responsive web design boilerplate by <a href="http://stuffandnonsense.co.uk">Andy Clarke</a>.</small>
+<small>&#8216;320 and Up&#8217; wouldn&#8217;t be possible without <a href="http://html5boilerplate.com/">HTML5 Boilerplate</a>, <a href="http://framelessgrid.com/">Frameless grid</a> and <a href="http://twitter.github.com/bootstrap/">Bootstrap</a>. Licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache License, Version 2.0</a>.</small>
</footer>
-<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-<script>window.jQuery || document.write('<script src="../../../js/jquery-1.7.1.min.js"><\/script>')</script>
+<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+<script>window.jQuery || document.write('<script src="../../../js/jquery-1.7.2.min.js"><\/script>')</script>
<script src="../../../js/plugins.js"></script>
<script src="../../../js/script.js"></script>
View
37 less/variables.less
@@ -10,23 +10,35 @@
/* Variables =================================================== */
// 1. ROOT ==============================
+
+@bodycolor : @white;
+@textcolor : @black;
+
// 2. TYPOGRAPHY ==============================
+@basefont : "Helvetica Neue", Helvetica, Arial, sans-serif;
@basefontsize : 16;
-@baselineheight : 1.5em;
+@baselineheight : 1.4em;
+@baseheadingfont : inherit;
+@baseheadingfontweight : bold;
+
+@altfont : Cambria, Georgia, Times, "Times New Roman";
+@altlineheight : 1.35em;
+
+@codefont : Monaco, Courier New, monospace;
// 3. COLOUR ==============================
@basecolor : rgb(45,53,62);
@compcolor : spin(@basecolor, 180);
-@textColor : @black;
+@bordercolor : lighten(@basecolor, 60%);
// Links
@linkcolor : rgb(1,53,104);
@linkcolorhover : darken(@linkcolor, 10);
-@linkcolorvisited : @linkcolorhover;
-@linkcolorfocus : darken(@linkcolorhover, 10);
+@linkcolorvisited : darken(@linkcolorhover, 10);
+@linkcolorfocus : darken(@linkcolorvisited, 10);
// greyscale
@@ -49,8 +61,21 @@
// 4. TEXTURE ==============================
-@inputbackgroundcolor : @white;
-@inputbordercolor : @basecolor;
+// tables
+
+@tablebackground : transparent;
+@tablestripe : lighten(@basecolor, 30%);
+@tablehover : lighten(@basecolor, 40%);
+@tableborder : lighten(@basecolor, 40%);
+
+// forms
+
+@inputbackground : @white;
+@inputborder : @basecolor;
+@inputhover : lighten(@basecolor, 40%);
+@inputfocus : lighten(@basecolor, 40%);
+
+@placeholdercolor : @lightgrey;
// 6. LAYOUT ==============================
Please sign in to comment.
Something went wrong with that request. Please try again.