2 Title: Master styles for screen media
3 Author: Jordan Cooperman, jordan@vectormediagroup.com
6 Welcome, thou wanderer of the interwebs!
7 If you have any questions, Don't be shy. Send me a line!
8 ================================================================
9 ----------------------------------------------------------------
25 ----------------------------------------------------------------*/
33 @import "includes/mixins.scss";
34 @import "includes/grid.scss";
35 @import "includes/type.scss";
38 * media queries included
44 ============================================== */
46 ::-moz-selection { background: #44a1dd; color: #fff; text-shadow: none; }
47 ::selection { background: #44a1dd; color: #fff; text-shadow: none; }
55 border-top: 1px solid #e5e5e5;
56 border-bottom: 1px solid #fff;
57 background-image: url("../img/bg-stripes.png");
58 background-repeat: repeat;
59 background-color: #fff;
63 margin : 10px 0 30px 0;
69 border-bottom: 2px solid $gold;
77 background-image: url("../img/button-bg.png");
78 background-repeat: repeat-x;
79 background-position: left bottom;
82 background-color: $blue;
83 border: 1px solid $dark-blue;
87 background-color: $green;
88 border: 1px solid $dark-green;
92 @include drop-shadow(2px, 2px, 0, $dark-blue);
95 @include drop-shadow(2px, 2px, 0, $dark-green);
105 font-family: "Georgia", "serif";
109 ============================================== */
118 background-image: url("../img/bg-black-noise.gif");
119 background-repeat: repeat;
123 @include drop-shadow(0, 1px, 1px, #888);
124 border-top: 1px solid $gold;
127 border-bottom: 2px solid #333;
129 .container-#{$cols} {
136 .content { background-color: #fff; }
140 ============================================== */
143 @include rounded-side("left", "bottom");
144 @include rounded-side("right", "bottom");
146 background-color: $gold;
149 display: inline-block;
150 vertical-align: middle;
170 display: inline-block;
171 vertical-align: middle;
175 @include transition(color);
179 text-transform: uppercase;
191 background-position: 0 0;
194 background-repeat: no-repeat;
198 text-transform: none;
211 ============================================== */
223 background-image: url("../img/logo-bg.png");
224 background-position: left bottom;
225 background-repeat: no-repeat;
230 ============================================== */
240 display: inline-block;
244 @include transition(color);
271 ============================================== */
285 &.half-width-buttons {
298 background-color: #f5f5f5;
316 ============================================== */
321 text-indent : -9999px;
328 .sprite { background-image : url('../img/finalsclub-sprite-images.png'); }
329 .icon { background-image : url('../img/finalsclub-sprite-icons.png'); }
330 .sprite-school { background-image : url("../img/finalsclub-sprite-schools.gif"); }
333 background-position: 0 0;
338 background-position: -62px 0;
343 background-position: -144px 0;
348 background-position: -216px 0;
353 background-position: -273px 0;
358 background-position: -333px 0;
363 background-position: -413px 0;
368 background-position: -475px 0;
373 background-position: -567px 0;
378 background-position: -622px 0;
383 background-position: -674px 0;
388 background-position: -790px 0;
394 @import "includes/media.scss";
397 ============================================== */
399 .right { float: right !important;}
400 .no-top-margin { margin-top: 0; }
403 padding-bottom: 32px;
405 .yellow { color: $gold; }
406 .half-width { width: 50%; }
407 .centered { text-align: center;}
408 .centered-rt-parent { margin: 0 auto;}