Created
December 3, 2012 12:38
-
-
Save smiler/4194777 to your computer and use it in GitHub Desktop.
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
| /* ~~~~ Layout ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| body .hide { display: none; } | |
| .show, .block { display: block; } | |
| .inlshow { display: inline; } | |
| .vab { vertical-align: bottom; } | |
| .vam { vertical-align: middle; } | |
| .vat { vertical-align: top; } | |
| body .iblock { display: inline-block; } | |
| .ohidden { overflow: hidden; } | |
| .oauto { overflow: auto; } | |
| .tdnone { text-decoration: none; } | |
| .pa { position: absolute; } | |
| .pa-left { position: absolute; top: 0px; left: 0px; } | |
| .pa.top { top: 0px; } | |
| .pa.right { right: 0px; } | |
| .pa.bottom { bottom: 0px; } | |
| .pa.left25 { left: 25%; } | |
| .pr { position: relative; } | |
| .left, | |
| .fltlft { float: left; } | |
| .right, | |
| .fltrght { float: right; } | |
| .mh1 { min-height: 100px; } | |
| .mh2 { min-height: 200px !important; } | |
| .mh3 { min-height: 300px !important; } | |
| .mh4 { min-height: 400px; } | |
| .mh5 { min-height: 500px; } | |
| .mh10 { min-height: 10px !important; } | |
| .mh32 { min-height: 32px !important; } | |
| .mh80 { min-height: 80px; } | |
| .mh110 { min-height: 110px !important; } | |
| #mainContent .mh360 { min-height: 360px; } | |
| .maxh500 { max-height: 500px; } | |
| .w50 { width: 50px !important; } | |
| .w100 { width: 100px !important; } | |
| .w110 { width: 110px !important; } | |
| .w150 { width: 150px !important; } | |
| .w165 { width: 165px !important; } | |
| .w180 { width: 180px !important; } | |
| .w190 { width: 190px !important; } | |
| .w200 { width: 200px !important; } | |
| .w300 { width: 300px !important; } | |
| .w400 { width: 400px; } | |
| .w500 { width: 500px; } | |
| .wauto { width: auto !important; } | |
| .w50p { width: 49%; } | |
| .w95p { width: 95%; } | |
| .w100p { width: 100%; } | |
| .h18 { height: 18px !important; line-height: 18px !important; } | |
| .h22 { height: 22px !important; line-height: 22px !important; } | |
| .h26 { height: 26px; line-height: 26px; } | |
| .h28 { height: 28px; line-height: 28px; } | |
| .h50 { height: 50px; } | |
| .h72 { height: 72px; } | |
| .h80 { height: 80px !important; } | |
| .h100 { height: 100px; } | |
| .h120 { height: 120px; } | |
| .h150 { height: 150px; } | |
| .h200 { height: 200px; } | |
| .h300 { height: 300px; } | |
| .h400 { height: 400px; } | |
| .h100p { height: 100%; } | |
| .lh32 { line-height: 32px; } | |
| .min { width: 1%; } | |
| .pointer { cursor: pointer; } | |
| .default { cursor: default; } | |
| .t0 { top: 0; } | |
| .spacer { background-image: url('/images/empty.png'); } | |
| /* ~~~~ Custom classes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| .clearfix:after { | |
| visibility: hidden; | |
| display: block; | |
| font-size: 0; | |
| content: " "; | |
| clear: both; | |
| height: 0; | |
| } | |
| * html .clearfix { zoom: 1; } /* IE6 */ | |
| *:first-child+html .clearfix { zoom: 1; } /* IE7 */ | |
| .clear { clear: both; } | |
| /* ~~~~ Loaders ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| .loader { | |
| background-image: url('/images/thumbs_loading.gif'); | |
| background-position: 50% 50%; | |
| background-repeat: no-repeat; | |
| min-height: 16px; /* 32 */ | |
| padding: 4px 0; | |
| } | |
| .left-loader { | |
| background-image: url('/images/thumbs_loading.gif'); | |
| background-position: 0 50%; | |
| background-repeat: no-repeat; | |
| padding-left: 26px; | |
| } | |
| .large-loader { | |
| background-image: url('/images/large-onwhite-loader.gif'); | |
| background-position: 50% 50%; | |
| background-repeat: no-repeat; | |
| min-height: 80px; | |
| } | |
| /* ~~~~ Border and boxes ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| .bottom-box { border-bottom: 1px solid #ccc; padding: 0 10px 10px 10px; } | |
| .top-box { border-top: 1px solid #ccc; padding: 10px 10px; } | |
| .half-box { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 10px; margin: 0 0 12px; } | |
| .box { | |
| padding: 4px; | |
| border: solid 1px #cfcfcf; | |
| -moz-border-radius: 4px; | |
| -webkit-border-radius: 4px; | |
| border-radius: 4px; | |
| background-color: #fff; | |
| } | |
| .shadow { | |
| -moz-box-shadow: 6px 6px 6px 0 #333; | |
| -webkit-box-shadow: 6px 6px 6px 0 #333; | |
| box-shadow: 6px 6px 6px 0 #333; | |
| } | |
| .small-shadow { | |
| -moz-box-shadow: 3px 3px 3px 0 #333; | |
| -webkit-box-shadow: 3px 3px 3px 0 #333; | |
| box-shadow: 3px 3px 3px 0 #333; | |
| } | |
| .rbr { | |
| padding: 4px; | |
| border: solid 1px #cfcfcf; | |
| -moz-box-shadow: 1px 1px 0 0 #CCCCCC; | |
| -webkit-box-shadow: 1px 1px 0 0 #CCCCCC; | |
| box-shadow: 1px 1px 0 0 #CCCCCC; | |
| -moz-border-radius: 2px; | |
| -webkit-border-radius: 2px; | |
| border-radius: 2px; | |
| } | |
| .box-dark { background: url('/images/bg-popup.png') repeat-x 0 0 #333; border: 1px solid #111; color: #fff; } | |
| .box-dark h2, .box-dark a { color: #fff; } | |
| .border-top { border-top: solid 1px #ccc; } | |
| .border-right { border-right: solid 1px #ccc; } | |
| .border-left { border-left: solid 1px #ccc; } | |
| .border-bottom { border-bottom: solid 1px #ccc; } | |
| .ui-corner-all-small { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } | |
| .ui-corner-all-med { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } | |
| .ui-corner-all-large { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } | |
| .ui-corner-bottom-large { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; } | |
| .ui-corner-top-small { -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;} | |
| .ui-corner-bottom-small { -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;} | |
| .ui-corner-right-small { -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;} | |
| .ui-corner-bottom-med { -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;} | |
| /* .l1-tb { border-top: 1px dotted #ababab; } | |
| .l1-bb { border-bottom: 1px dotted #ababab; } | |
| .l1-bbs { border-bottom: 1px solid #ababab; }*/ | |
| .l1-fb { border: 3px solid #fff; } | |
| .l1-fb2 { border: 1px solid #ccc; } | |
| .red-border { border: 1px solid #f00 !important; } | |
| .orange-border { border: 1px solid #E2A33D; } | |
| .gradient-gray { | |
| /*background-color: #E6EDF3;*/ | |
| border: solid 1px #C8C8C8; | |
| background-image: linear-gradient(bottom, #d7d7d7 20%, #b4b3b3 77%); | |
| background-image: -o-linear-gradient(bottom, #d7d7d7 20%, #b4b3b3 77%); | |
| background-image: -moz-linear-gradient(bottom, #d7d7d7 20%, #b4b3b3 77%); | |
| background-image: -webkit-linear-gradient(bottom, #d7d7d7 20%, #b4b3b3 77%); | |
| background-image: -ms-linear-gradient(bottom, #d7d7d7 20%, #b4b3b3 77%); | |
| background-image: -webkit-gradient( | |
| linear, | |
| left bottom, | |
| left top, | |
| color-stop(0.2, #d7d7d7), | |
| color-stop(0.77, #b4b3b3) | |
| ); | |
| } | |
| .gradient-lightgray { | |
| /*background-color: #E6EDF3;*/ | |
| border: solid 1px #C8C8C8; | |
| background-image: linear-gradient(bottom, #ccc 10%, #eee 77%); | |
| background-image: -o-linear-gradient(bottom, #ccc 10%, #eee 77%); | |
| background-image: -moz-linear-gradient(bottom, #ccc 10%, #eee 77%); | |
| background-image: -webkit-linear-gradient(bottom, #ccc 10%, #eee 77%); | |
| background-image: -ms-linear-gradient(bottom, #ccc 10%, #eee 77%); | |
| background-image: -webkit-gradient( | |
| linear, | |
| left bottom, | |
| left top, | |
| color-stop(0.1, #ccc), | |
| color-stop(0.77, #eee) | |
| ); | |
| } | |
| /* ~~~~ Tables ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| /* ~~~~ Horizontal rulers ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| hr { | |
| background: #d3d3d3; | |
| color: #d3d3d3; | |
| clear: both; | |
| float: none; | |
| width: 100%; | |
| height: 1px; | |
| margin: 0.8em auto; | |
| border: none; | |
| } | |
| * html hr { margin: 0 0 1.2em 0; } /* IE6 fix */ | |
| /* ~~~~ Text styles ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| .txtsize_small2 { } | |
| .txtsize_small1 { font-size: 10px; } | |
| .txtsize_medium1 { font-size: 11px; } | |
| .txtsize_large1 { font-size: 24px; } | |
| .txtsize_32 { font-size: 32px; } | |
| .center, | |
| .txtalgncntr { text-align: center !important; } | |
| .txtalgnrght { text-align: right; } | |
| .txtalgnlft { text-align: left; } | |
| .blkalgncntr { display: block; margin-left: auto; margin-right: auto; } | |
| .autoCenter { margin-left: auto; margin-right: auto; } | |
| .nowrap { white-space: nowrap; } | |
| .bold { font-weight: bold; } | |
| .small { font-size: 0.85em; color: #8e8e8e; } | |
| .large { font-size: 1.15em; } | |
| .black { color: #000; } | |
| .white { color: #fff; } | |
| .green { color: #3a3; } | |
| .yellow { color: #aa3; } | |
| .red { color: #f00; } | |
| .gray { color: #aaa; } | |
| .darkgray { color: #777; } | |
| .orange { color: #D54600 } | |
| .bgblack { background-color: #000; } | |
| .bgwhite { background-color: #fff; } | |
| .bggray { background-color: #eee; } | |
| .bgdarkgray { background-color: #777; } | |
| .bgred { background-color: #fdb7b7; } | |
| .opa25 { -moz-opacity:.25; filter:alpha(opacity=25); opacity:.25; } | |
| .opa50 { -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; } | |
| .opa75 { -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; } | |
| .lhauto { line-height: normal !important; } | |
| .cross { text-decoration: line-through; } | |
| .text-shadow { | |
| text-shadow: 0 1px 0 rgba(0,0,0,.5); | |
| color: #fff; | |
| } | |
| .mpbc { font-family: "MyriadProBoldCondensed", Verdana, Helvetica, Sans-Serif; font-weight: normal; } | |
| @media screen and (-webkit-min-device-pixel-ratio:0) { | |
| .mpbc { | |
| font-family: "MyriadProCondensed", Verdana, Helvetica, Sans-Serif; | |
| font-weight: normal; | |
| } | |
| } | |
| .large-textbox { | |
| font-size: 16px !important; | |
| font-weight: bold !important; | |
| } | |
| /* ~~~~ Headings ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| .h2_greyshadow { | |
| text-transform: uppercase; | |
| color: #bbbaba; | |
| text-shadow: #e5e4e4 0 1px 0px, #a1a0a0 0 -1px 0px; | |
| } | |
| .h2_orange { | |
| text-transform: uppercase; | |
| color: #ca7c1c; | |
| text-shadow: #D7A128 0 1px 0px, #B95B1F 0 -1px 0px; | |
| } | |
| .halftone { background: transparent url('/images/half-tone.png') 0 50% repeat-x; } | |
| /* ~~~~ Margins and Padding ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */ | |
| .p0 { padding: 0; } | |
| .p10 { padding: 10px; } | |
| .p1 { padding: 4px; } .p2 { padding: 8px !important; } .p3 { padding: 12px; } .p4 { padding: 20px; } | |
| .pt0 { padding-top: 0 !important; } .pb0 { padding-bottom: 0 !important; } .pl0 { padding-left: 0; } .pr0 { padding-right: 0; } | |
| .pt1 { padding-top: 4px; } .pt2 { padding-top: 8px; } .pt3 { padding-top: 12px; } .pt4 { padding-top: 25px; } | |
| .pr1 { padding-right: 4px; } .pr2 { padding-right: 8px; } .pr3 { padding-right: 12px; } .pr4 { padding-right: 25px; } | |
| .pb1 { padding-bottom: 4px; } .pb2 { padding-bottom: 8px; } .pb3 { padding-bottom: 12px; } .pb4 { padding-bottom: 25px; } | |
| .pl1 { padding-left: 4px; } .pl2 { padding-left: 8px; } .pl3 { padding-left: 12px; } .pl4 { padding-left: 25px; } | |
| .p3i { padding: 12px !important; } | |
| .hp1 { padding-left: 4px; padding-right: 4px; } | |
| .hp2 { padding-left: 8px !important; padding-right: 8px !important; } | |
| .hp3 { padding-left: 12px; padding-right: 12px; } | |
| .hp4 { padding-left: 20px; padding-right: 20px; } | |
| .hp10 { padding-left: 10px; padding-right: 10px; } | |
| .vp1 { padding-top: 4px !important; padding-bottom: 4px !important; } | |
| .vp2 { padding-top: 8px; padding-bottom: 8px; } | |
| .vp3 { padding-top: 12px; padding-bottom: 12px; } | |
| .vp4 { padding-top: 20px; padding-bottom: 20px; } | |
| .m0 { margin: 0; } | |
| .m1 { margin: 4px; } .m2 { margin: 8px; } .m3 { margin: 12px; } .m4 { margin: 20px; } | |
| .mt0 { margin-top: 0; } .mb0 { margin-bottom: 0 !important; } .ml0 { margin-left: 0; } .mr0 { margin-right: 0; } | |
| .mt1 { margin-top: 4px; } .mt2 { margin-top: 8px; } .mt3 { margin-top: 16px; } .mt4 { margin-top: 20px; } .mt5 { margin-top: 30px; } | |
| .mr1 { margin-right: 4px; } .mr2 { margin-right: 8px; } .mr3 { margin-right: 12px; } .mr4 { margin-right: 20px; } .mr5 { margin-right: 30px; } | |
| .mb1 { margin-bottom: 4px !important; } .mb2 { margin-bottom: 8px; } .mb3 { margin-bottom: 12px; } .mb4 { margin-bottom: 20px; } | |
| .ml1 { margin-left: 4px; } .ml2 { margin-left: 8px; } .ml3 { margin-left: 12px; } .ml4 { margin-left: 20px; } .ml5 { margin-left: 30px; } | |
| .ml16 { margin-left: 16px; } | |
| .hm1 { margin-left: 4px; margin-right: 4px; } | |
| .hm2 { margin-left: 8px; margin-right: 8px; } | |
| .hm3 { margin-left: 12px; margin-right: 12px; } | |
| .hm4 { margin-left: 20px; margin-right: 20px; } | |
| .vm1 { margin-top: 4px; margin-bottom: 4px; } | |
| .vm2 { margin-top: 8px; margin-bottom: 8px; } | |
| .vm3 { margin-top: 12px; margin-bottom: 12px; } | |
| .vm4 { margin-top: 20px; margin-bottom: 20px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment