3 $horiz_padding: 10*$px;
6 @mixin main-promobox-shape() {
8 padding: 1em $horiz_padding;
15 width: 220*$px - $width_offset;
16 height: 235*$px - 2 * 1.5em;
19 @include main-promobox-shape();
23 width: 220*$px - $width_offset - 2*$horiz_padding;
31 @include main-promobox-shape();
35 text-transform: uppercase;
37 width: 222*$px - 2 * $horiz_padding;
40 padding-bottom: 1.25em;
41 border-bottom-right-radius: 0;
42 border-bottom-left-radius: 0;
45 content: url(/static/img/icons/announce_white.png);
52 /*margin: 1.1em 0 0 0;*/
55 text-transform: uppercase;
74 text-transform: uppercase;
78 margin: -3*$px 0 0 -20*$px;
87 border-radius: 15*$px;
91 text-transform: uppercase;
101 vertical-align: middle;
102 border: 1px solid transparent;
103 border-radius: 10*$px;
115 border: 1px solid white;
119 background-color: #adaeaf;
122 background-color: #f8b323;
125 background-color: #16a487;
128 background-color: #5e6165;
130 // .box5 {background-color: #16a487;}
132 background-color: #f8b323;
135 background-color: #363a3e;
138 background-color: #adaeaf;
141 background-color: #ed7831;
154 text-transform: uppercase;
158 margin: 17*$px 0 17*$px 1.4em;
162 text-transform: uppercase;
170 content: url(/static/img/icons/knowledge_dark.png);
173 content: url(/static/img/icons/activity_dark.png);
175 .lesson-plan:before {
176 content: url(/static/img/icons/lesson-plan_dark.png);
179 content: url(/static/img/icons/reference_dark.png);
181 .knowledge:hover:before {
182 content: url(/static/img/icons/knowledge_orange.png);
184 .activity:hover:before {
185 content: url(/static/img/icons/activity_orange.png);
187 .lesson-plan:hover:before {
188 content: url(/static/img/icons/lesson-plan_orange.png);
190 .reference:hover:before {
191 content: url(/static/img/icons/reference_orange.png);
196 margin: 0 0 30*$px 1.4em;
201 margin-bottom: 0.2em;
212 margin: 0 0 1em 20*$px;
213 text-transform: uppercase;
226 margin-right: 20*$px;
232 text-transform: uppercase;