Created
January 30, 2014 15:48
-
-
Save marcosfreitas/8711472 to your computer and use it in GitHub Desktop.
Extra configurations on css classes to use in your site. They helps fast implement atributes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Extra styles to template | |
* author: marcos freitas at c4network.com.br; | |
*/ | |
/* SUMMARY */ | |
/* | |
1 - Extra configurations to use on site | |
*/ | |
/* ========================================================================== | |
Extra configurations to use on site | |
========================================================================== */ | |
*:focus {outline: none;} | |
/* Extra offset vertical classes */ | |
.voffset { margin-top: 2px; } | |
.voffset1 { margin-top: 5px; } | |
.voffset2 { margin-top: 10px; } | |
.voffset3 { margin-top: 15px; } | |
.voffset4 { margin-top: 30px; } | |
.voffset5 { margin-top: 40px; } | |
.voffset6 { margin-top: 60px; } | |
.voffset7 { margin-top: 80px; } | |
.voffset8 { margin-top: 100px; } | |
.voffset9 { margin-top: 150px; } | |
/* Border Radius*/ | |
.radius4px{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;} | |
.radius7px{-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;} | |
.radius14px{-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;} | |
.radius17px{-webkit-border-radius: 17px;-moz-border-radius: 17px;border-radius: 17px;} | |
.radius20px{-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} | |
/** | |
* Nulling border-radius on elements and her childs | |
*/ | |
.null.radius, .null.radius:hover, .null.radius *, .null.radius:hover * {-webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;} | |
/* Nulling shadow */ | |
.null.shadow, .null.shadow:hover, .null.shadow *, .null.shadow:hover * {-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important;} | |
/* Padding */ | |
.pad5{padding: 5px;} | |
.pad10{padding: 10px;} | |
.null-pad{padding: 0px;} | |
/* Margin */ | |
.null-margin{margin: 0px !important;} | |
.null-margin-bottom{margin-bottom: 0px !important;} | |
.null-margin-top{margin-top: 0px !important;} | |
.null-margin-left{margin-left: 0px !important;} | |
.null-margin-right{margin-right: 0px !important;} | |
/* | |
* Configuration of fonts | |
*/ | |
body, body * {font-family: 'Open Sans'; font-weight: 400;} | |
.font.OpenSans, .font.OpenSans * {font-family: 'Open Sans' !important; font-weight: 400 !important;} | |
/* | |
* Font-weight definitions | |
*/ | |
.font.light {font-weight: 300 !important;} | |
.font.semi.bold {font-weight: 600 !important;} | |
.font.bold {font-weight: 700 !important;} | |
.null-bold:not(b), | |
.null-bold:not(strong){font-weight: normal !important;} | |
/* Font sizes */ | |
.font8px{font-size: 8px;} | |
.font10px{font-size: 10px;}.font11px{font-size: 11px;}.font12px{font-size: 12px;} | |
.font13px{font-size: 13px;}.font14px{font-size: 14px;}.font16px{font-size: 16px;} | |
.font18px{font-size: 18px;}.font19px{font-size: 19px;}.font20px{font-size: 20px;} | |
.font22px{font-size: 22px;}.font25px{font-size: 25px;}.font27px{font-size: 27px;} | |
.font30px{font-size: 30px;}.font35px{font-size: 35px;}.font48px{font-size: 48px;} | |
.font52px{font-size: 52px;}.font55px{font-size: 55px;} | |
/* | |
* Transitions classes | |
*/ | |
.transition.slow {-webkit-transition: 1s linear all;-moz-transition: 1s linear all;-ms-transition: 1s linear all;-o-transition: 1s linear all;transition: 1s linear all;} | |
.transition.medium {-webkit-transition: .5s linear all;-moz-transition: .5s linear all;-ms-transition: .5s linear all;-o-transition: .5s linear all;transition: .5s linear all;} | |
.transition.fast {-webkit-transition: .2s linear all;-moz-transition: .2s linear all;-ms-transition: .2s linear all;-o-transition: .2s linear all;transition: .2s linear all;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment