Revision: 6207
Updated Code
at May 9, 2008 07:43 by visuallyspun
Updated Code
/*
Toolbox CSS
Chris Coyier
http://css-tricks.com
*/
/*
LAYOUT TOOLS
*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.layoutCenter{margin:0 auto;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.textLeft{text-align:left;}
/*
PRINT TOOLS
*/
.page-break{page-break-before:always;}
/*
TYPOGRAPHIC TOOLS
*/
.error{border:1px solid #fb4343;padding:3px;color:#fb4343;}
.warning{border:1px solid #d4ac0a;padding:3px;color:#d4ac0a;}
.success{border:1px solid #149b0d;padding:3px;color:#149b0d;}
.callOut{font-size:125%;font-weight:bold;}
.strikeOut{text-decoration:line-through;}
.underline{text-decoration:underline;}
.resetTypeStyle{font-weight:normal;font-style:normal;font-size:100%;text-decoration:none;background-color:none;word-spacing:normal;letter-spacing:0px;text-transform:none;text-indent:0px;}
/*
STYLING EXTRAS
*/
a[href^="mailto"]{background:url(images/emailIcon.png) left center no-repeat;padding-left:10px;}
a[href~=".pdf]{background:url(images/pdfIcon.png) left center no-repeat;padding-left:10px;}
a.button{color:black;border:1px solid black;padding:3px;}
a.button:hover{background:black;color:white;}
.transpBlack{background:url(images/transpBlack.png);}
/*
DISPLAY VALUES
*/
.hide{display:none;}
.show{display:block;}
.invisible{visibility:hidden;}
Revision: 6206
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at May 7, 2008 13:01 by visuallyspun
Initial Code
/*
Toolbox CSS
Chris Coyier
http://css-tricks.com
*/
/*
LAYOUT TOOLS
*/
.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }
.layoutCenter { margin: 0 auto; }
.textCenter { text-align: center; }
.textRight { text-align: right; }
.textLeft { text-align: left; }
/*
PRINT TOOLS
*/
.page-break { page-break-before: always; }
/*
TYPOGRAPHIC TOOLS
*/
.error { border: 1px solid #fb4343; padding: 3px; color: #fb4343; }
.warning { border: 1px solid #d4ac0a; padding: 3px; color: #d4ac0a; }
.success { border: 1px solid #149b0d; padding: 3px; color: #149b0d; }
.callOut { font-size: 125%; font-weight: bold; }
.strikeOut { text-decoration: line-through; }
.underline { text-decoration: underline; }
.resetTypeStyle { font-weight: normal; font-style: normal; font-size: 100%;
text-decoration: none; background-color: none; word-spacing: normal;
letter-spacing: 0px; text-transform: none; text-indent: 0px; }
/*
STYLING EXTRAS
*/
a[href^="mailto"] { background: url(images/emailIcon.png) left center no-repeat; padding-left: 10px; }
a[href~=".pdf] { background: url(images/pdfIcon.png) left center no-repeat; padding-left: 10px; }
a.button { color: black; border: 1px solid black; padding: 3px; }
a.button:hover { background: black; color: white; }
.transpBlack { background: url(images/transpBlack.png); }
/*
DISPLAY VALUES
*/
.hide { display: none; }
.show { display: block; }
.invisible { visibility: hidden; }
Initial URL
http://css-tricks.com/toolbox-css/
Initial Description
Toolbox CSS is styling information that has nothing uniquely to do with any particular website. These are a collection of common styles that can be useful on any web project. How many times have you written a class for clearing a float? Too many, is my guess. The idea with Toolbox CSS is to include a separate stylesheet for these “utility†styles.
Initial Title
Toolbox CSS - Layout, Print and Typographic Tools
Initial Tags
css, textmate
Initial Language
CSS