Permalink
Browse files

Clean up whitespace and remove div.span-# in lieu of .span-#

  • Loading branch information...
1 parent 7e34b61 commit 2e3e4f59cfcd8265059a063a4a2a8508b6f9f46c @joshuaclayton committed Jan 16, 2010
View
@@ -14,7 +14,7 @@
/* ie.css */
body {text-align:center;}
.container {text-align:left;}
-* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {display:inline;overflow-x:hidden;}
+* html .column, * html .span-1, * html .span-2, * html .span-3, * html .span-4, * html .span-5, * html .span-6, * html .span-7, * html .span-8, * html .span-9, * html .span-10, * html .span-11, * html .span-12, * html .span-13, * html .span-14, * html .span-15, * html .span-16, * html .span-17, * html .span-18, * html .span-19, * html .span-20, * html .span-21, * html .span-22, * html .span-23, * html .span-24 {display:inline;overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
@@ -19,14 +19,14 @@ Usage
2) Use the following HTML code to place the buttons on your site:
- <button type="submit" class="button positive">
- <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
- </button>
+ <button type="submit" class="button positive">
+ <img src="css/blueprint/plugins/buttons/icons/tick.png" alt=""/> Save
+ </button>
- <a class="button" href="/password/reset/">
- <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
- </a>
+ <a class="button" href="/password/reset/">
+ <img src="css/blueprint/plugins/buttons/icons/key.png" alt=""/> Change Password
+ </a>
- <a href="#" class="button negative">
- <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
- </a>
+ <a href="#" class="button negative">
+ <img src="css/blueprint/plugins/buttons/icons/cross.png" alt=""/> Cancel
+ </a>
@@ -1,69 +1,69 @@
-/* --------------------------------------------------------------
-
+/* --------------------------------------------------------------
+
fancy-type.css
* Lots of pretty advanced classes for manipulating text.
-
+
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Indentation instead of line shifts for sibling paragraphs. */
p + p { text-indent:2em; margin-top:-1.5em; }
form p + p { text-indent: 0; } /* Don't want this in forms. */
-
-/* For great looking type, use this code instead of asdf:
- <span class="alt">asdf</span>
+
+/* For great looking type, use this code instead of asdf:
+ <span class="alt">asdf</span>
Best used on prepositions and ampersands. */
-
-.alt {
- color: #666;
- font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
+
+.alt {
+ color: #666;
+ font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
font-style: italic;
font-weight: normal;
}
/* For great looking quote marks in titles, replace "asdf" with:
<span class="dquo">&#8220;</span>asdf&#8221;
- (That is, when the title starts with a quote mark).
- (You may have to change this value depending on your font size). */
-
-.dquo { margin-left: -.5em; }
+ (That is, when the title starts with a quote mark).
+ (You may have to change this value depending on your font size). */
+
+.dquo { margin-left: -.5em; }
/* Reduced size type with incremental leading
(http://www.markboulton.co.uk/journal/comments/incremental_leading/)
- This could be used for side notes. For smaller type, you don't necessarily want to
- follow the 1.5x vertical rhythm -- the line-height is too much.
-
- Using this class, it reduces your font size and line-height so that for
+ This could be used for side notes. For smaller type, you don't necessarily want to
+ follow the 1.5x vertical rhythm -- the line-height is too much.
+
+ Using this class, it reduces your font size and line-height so that for
every four lines of normal sized type, there is five lines of the sidenote. eg:
New type size in em's:
10px (wanted side note size) / 12px (existing base size) = 0.8333 (new type size in ems)
New line-height value:
12px x 1.5 = 18px (old line-height)
- 18px x 4 = 72px
+ 18px x 4 = 72px
72px / 5 = 14.4px (new line height)
14.4px / 10px = 1.44 (new line height in em's) */
p.incr, .incr p {
- font-size: 10px;
- line-height: 1.44em;
- margin-bottom: 1.5em;
+ font-size: 10px;
+ line-height: 1.44em;
+ margin-bottom: 1.5em;
}
/* Surround uppercase words and abbreviations with this class.
Based on work by Jørgen Arnor Gårdsø Lom [http://twistedintellect.com/] */
-
-.caps {
- font-variant: small-caps;
- letter-spacing: 1px;
- text-transform: lowercase;
+
+.caps {
+ font-variant: small-caps;
+ letter-spacing: 1px;
+ text-transform: lowercase;
font-size:1.2em;
line-height:1%;
font-weight:bold;
@@ -15,4 +15,4 @@ Usage
----------------------------------------------------------------
1) Add this line to your HTML:
- <link rel="stylesheet" href="css/blueprint/plugins/link-icons/screen.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/blueprint/plugins/link-icons/screen.css" type="text/css" media="screen, projection">
@@ -1,22 +1,22 @@
-/* --------------------------------------------------------------
-
+/* --------------------------------------------------------------
+
link-icons.css
* Icons for links based on protocol or file type.
-
+
See the Readme file in this folder for additional instructions.
-------------------------------------------------------------- */
/* Use this class if a link gets an icon when it shouldn't. */
-body a.noicon {
- background:transparent none !important;
- padding:0 !important;
- margin:0 !important;
+body a.noicon {
+ background:transparent none !important;
+ padding:0 !important;
+ margin:0 !important;
}
/* Make sure the icons are not cut */
-a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
-a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
+a[href^="http:"], a[href^="mailto:"], a[href^="http:"]:visited,
+a[href$=".pdf"], a[href$=".doc"], a[href$=".xls"], a[href$=".rss"],
a[href$=".rdf"], a[href^="aim:"] {
padding:2px 22px 2px 0;
margin:-2px 0;
@@ -25,16 +25,16 @@ a[href$=".rdf"], a[href^="aim:"] {
}
/* External links */
-a[href^="http:"] { background-image: url(icons/external.png); }
+a[href^="http:"] { background-image: url(icons/external.png); }
a[href^="mailto:"] { background-image: url(icons/email.png); }
a[href^="http:"]:visited { background-image: url(icons/visited.png); }
/* Files */
-a[href$=".pdf"] { background-image: url(icons/pdf.png); }
-a[href$=".doc"] { background-image: url(icons/doc.png); }
-a[href$=".xls"] { background-image: url(icons/xls.png); }
-
+a[href$=".pdf"] { background-image: url(icons/pdf.png); }
+a[href$=".doc"] { background-image: url(icons/doc.png); }
+a[href$=".xls"] { background-image: url(icons/xls.png); }
+
/* Misc */
-a[href$=".rss"],
+a[href$=".rss"],
a[href$=".rdf"] { background-image: url(icons/feed.png); }
-a[href^="aim:"] { background-image: url(icons/im.png); }
+a[href^="aim:"] { background-image: url(icons/im.png); }
@@ -7,4 +7,4 @@ Usage
----------------------------------------------------------------
1) Add this line to your HTML:
- <link rel="stylesheet" href="css/blueprint/plugins/rtl/screen.css" type="text/css" media="screen, projection">
+ <link rel="stylesheet" href="css/blueprint/plugins/rtl/screen.css" type="text/css" media="screen, projection">
@@ -2,23 +2,23 @@
rtl.css
* Mirrors Blueprint for left-to-right languages
-
+
By Ran Yaniv Hartstein [ranh.co.il]
-
+
-------------------------------------------------------------- */
body .container { direction: rtl; }
-body .column, body div.span-1, body div.span-2, body div.span-3, body div.span-4, body div.span-5, body div.span-6, body div.span-7, body div.span-8, body div.span-9, body div.span-10, body div.span-11, body div.span-12, body div.span-13, body div.span-14, body div.span-15, body div.span-16, body div.span-17, body div.span-18, body div.span-19, body div.span-20, body div.span-21, body div.span-22, body div.span-23, body div.span-24 {
+body .column, body .span-1, body .span-2, body .span-3, body .span-4, body .span-5, body .span-6, body .span-7, body .span-8, body .span-9, body .span-10, body .span-11, body .span-12, body .span-13, body .span-14, body .span-15, body .span-16, body .span-17, body .span-18, body .span-19, body .span-20, body .span-21, body .span-22, body .span-23, body .span-24 {
float: right;
margin-right: 0;
margin-left: 10px;
- text-align:right;
+ text-align:right;
}
body div.last { margin-left: 0; }
body table .last { padding-left: 0; }
-body .append-1 { padding-right: 0; padding-left: 40px; }
+body .append-1 { padding-right: 0; padding-left: 40px; }
body .append-2 { padding-right: 0; padding-left: 80px; }
body .append-3 { padding-right: 0; padding-left: 120px; }
body .append-4 { padding-right: 0; padding-left: 160px; }
@@ -42,7 +42,7 @@ body .append-21 { padding-right: 0; padding-left: 840px; }
body .append-22 { padding-right: 0; padding-left: 880px; }
body .append-23 { padding-right: 0; padding-left: 920px; }
-body .prepend-1 { padding-left: 0; padding-right: 40px; }
+body .prepend-1 { padding-left: 0; padding-right: 40px; }
body .prepend-2 { padding-left: 0; padding-right: 80px; }
body .prepend-3 { padding-left: 0; padding-right: 120px; }
body .prepend-4 { padding-left: 0; padding-right: 160px; }
@@ -107,4 +107,4 @@ body pre,body code,body tt { font-family: monospace; }
/* Mirror floats and margins on typographic elements */
body p img { float: right; margin: 1.5em 0 1.5em 1.5em; }
body dd, body ul, body ol { margin-left: 0; margin-right: 1.5em;}
-body td, body th { text-align:right; }
+body td, body th { text-align:right; }
View
@@ -1,26 +1,26 @@
-/* --------------------------------------------------------------
-
+/* --------------------------------------------------------------
+
ie.css
-
+
Contains every hack for Internet Explorer,
so that our core files stay sweet and nimble.
-
+
-------------------------------------------------------------- */
/* Make sure the layout is centered in IE5 */
body { text-align: center; }
.container { text-align: left; }
/* Fixes IE margin bugs */
-* html .column, * html div.span-1, * html div.span-2,
-* html div.span-3, * html div.span-4, * html div.span-5,
-* html div.span-6, * html div.span-7, * html div.span-8,
-* html div.span-9, * html div.span-10, * html div.span-11,
-* html div.span-12, * html div.span-13, * html div.span-14,
-* html div.span-15, * html div.span-16, * html div.span-17,
-* html div.span-18, * html div.span-19, * html div.span-20,
-* html div.span-21, * html div.span-22, * html div.span-23,
-* html div.span-24 { display:inline; overflow-x: hidden; }
+* html .column, * html .span-1, * html .span-2,
+* html .span-3, * html .span-4, * html .span-5,
+* html .span-6, * html .span-7, * html .span-8,
+* html .span-9, * html .span-10, * html .span-11,
+* html .span-12, * html .span-13, * html .span-14,
+* html .span-15, * html .span-16, * html .span-17,
+* html .span-18, * html .span-19, * html .span-20,
+* html .span-21, * html .span-22, * html .span-23,
+* html .span-24 { display:inline; overflow-x: hidden; }
/* Elements
@@ -34,24 +34,24 @@ sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
/* Fixes IE7 missing wrapping of code elements. */
-html>body p code { *white-space: normal; }
+html>body p code { *white-space: normal; }
/* IE 6&7 has problems with setting proper <hr> margins. */
hr { margin:-8px auto 11px; }
/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
img { -ms-interpolation-mode:bicubic; }
-/* Clearing
+/* Clearing
-------------------------------------------------------------- */
-/* Makes clearfix actually work in IE */
+/* Makes clearfix actually work in IE */
.clearfix, .container { display:inline-block; }
* html .clearfix,
* html .container { height:1%; }
-/* Forms
+/* Forms
-------------------------------------------------------------- */
/* Fixes padding on fieldset */
@@ -66,11 +66,11 @@ input.text:focus, input.title:focus { border-color:#666; }
input.text, input.title, textarea, select { margin:0.5em 0; }
input.checkbox, input.radio { position:relative; top:.25em; }
-/* Fixes alignment of inline form elements */
+/* Fixes alignment of inline form elements */
form.inline div, form.inline p { vertical-align:middle; }
form.inline label { position:relative;top:-0.25em; }
form.inline input.checkbox, form.inline input.radio,
-form.inline input.button, form.inline button {
- margin:0.5em 0;
+form.inline input.button, form.inline button {
+ margin:0.5em 0;
}
-button, input.button { position:relative;top:0.25em; }
+button, input.button { position:relative;top:0.25em; }
View
@@ -1,12 +1,12 @@
-/* --------------------------------------------------------------
+/* --------------------------------------------------------------
print.css
* Gives you some sensible styles for printing pages.
* See Readme file in this directory for further instructions.
-
+
Some additions you'll want to make, customized to your markup:
#header, #footer, #navigation { display:none; }
-
+
-------------------------------------------------------------- */
body {
@@ -25,8 +25,8 @@ body {
background: none;
}
-hr {
- background:#ccc;
+hr {
+ background:#ccc;
color:#ccc;
width:100%;
height:2px;
@@ -45,7 +45,7 @@ hr.space {
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif; }
-code { font:.9em "Courier New", Monaco, Courier, monospace; }
+code { font:.9em "Courier New", Monaco, Courier, monospace; }
a img { border:none; }
p img.top { margin-top: 0; }
Oops, something went wrong.

0 comments on commit 2e3e4f5

Please sign in to comment.