BitGoblin/Bones
1
0
Fork 0
Code Issues 5 Pull Requests Packages Projects Releases Wiki Activity

refining README and cleaning up base.css

Browse Source
This commit is contained in:
Dave Gamache 2011-08-30 09:55:14 -07:00
parent 95f9b37dc5
commit 737336c221
2 changed files with 26 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.markdown
View File

@ -1,6 +1,6 @@
<h1>Skeleton</h1> <h1>Skeleton</h1>
<h3>A Beautiful Boilerplate for Responsive, Mobile-Friendly Development</h3> <h3>A Beautiful Boilerplate for Responsive, Mobile-Friendly Development</h3>
<p><strong>This is a small collection of 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.</strong></p> <p><strong>Skeleton is a small collection of CSS &amp; one JS file that will help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone.</strong></p>
<p>Check out the docs and homepage here: <a href="http://www.getskeleton.com">www.getskeleton.com</a>.</p> <p>Check out the docs and homepage here: <a href="http://www.getskeleton.com">www.getskeleton.com</a>.</p>
@ -11,4 +11,4 @@
<li><strong>Style Agnostic</strong>: Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.</li> <li><strong>Style Agnostic</strong>: Skeleton is not a UI framework. It's a development kit that provides the most basic styles as a foundation, but is ready to adopt whatever your design or style is.</li>
</ul> </ul>
<p><strong>The ultimate goal</strong> is to build the best starting point for front-end development with an emphasis on simple, responsive design. Help me get there by submitting bugs, feature suggestions or anything you think is missing here on Github or email me at hi@getskeleton.com. <strong>I'm committed to making this awesome, so please use this in your next project and let me know what rocked and what sucked!</strong></p> <p><strong>The ultimate goal</strong> is to build the best starting point for front-end development with an emphasis on simple, responsive design. Help me get there by submitting bugs, feature suggestions or anything you think is missing here on Github or email me at hi@getskeleton.com. <strong>I'm committed to making this awesome, so please use Skeleton in your next project and let me know what rocked and what sucked!</strong></p>

48
stylesheets/base.css
View File

@ -10,20 +10,20 @@
/* Table of Content /* Table of Content
================================================== ==================================================
#Reset & Basics # Reset & Basics
#Basic Styles # Basic Styles
#Site Styles # Site Styles
#Typography # Typography
#Links # Links
#Lists # Lists
#Images # Images
#Buttons # Buttons
#Tabs # Tabs
#Forms # Forms
#Misc */ # Misc */
/* #Reset & Basics (Inspired by E. Meyers) /* # Reset & Basics (Inspired by E. Meyers)
================================================== */ ================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; margin: 0;
@ -49,7 +49,7 @@
border-spacing: 0; } border-spacing: 0; }
/* #Basic Styles /* # Basic Styles
================================================== */ ================================================== */
body { body {
background: #fff; background: #fff;
@ -60,11 +60,11 @@
} }
/* #Typography /* # Typography
================================================== */ ================================================== */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
color: #181818; color: #181818;
font-family: "Georgia", "Times New Roman", sans-serif; font-family: "Georgia", "Times New Roman", serif;
font-weight: normal; } font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;} h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
@ -90,17 +90,15 @@
blockquote cite:before { content: "\2014 \0020"; } blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
/* # Links
/* #Links
================================================== */ ================================================== */
a, a:visited { color: #333; text-decoration: underline; outline: 0; } a, a:visited { color: #333; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; } a:hover, a:focus { color: #000; }
p a, p a:visited { line-height: inherit; } p a, p a:visited { line-height: inherit; }
/* #Lists /* # Lists
================================================== */ ================================================== */
ul, ol { margin-bottom: 20px; } ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; } ul { list-style: none outside; }
@ -117,7 +115,7 @@
ul.large li { line-height: 21px; } ul.large li { line-height: 21px; }
li p { line-height: 21px; } li p { line-height: 21px; }
/* #Images /* # Images
================================================== */ ================================================== */
img.scale-with-grid { img.scale-with-grid {
@ -125,7 +123,7 @@
height: auto; } height: auto; }
/* #Buttons /* # Buttons
================================================== */ ================================================== */
a.button, a.button,
@ -200,7 +198,7 @@
text-align: center; } text-align: center; }
/* #Tabs (activate in tabs.js) /* # Tabs (activate in tabs.js)
================================================== */ ================================================== */
ul.tabs { ul.tabs {
display: block; display: block;
@ -272,7 +270,7 @@
zoom: 1; } zoom: 1; }
/* #Forms /* # Forms
================================================== */ ================================================== */
form { form {
@ -326,10 +324,12 @@
font-size: 13px; font-size: 13px;
color: #444; } color: #444; }
/* #Misc /* # Misc
================================================== */ ================================================== */
.remove-bottom { margin-bottom: 0 !important; } .remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; } .half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; } .add-bottom { margin-bottom: 20px !important; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }