2 @import "default-variables";
3 // Bootstrap Framework.
4 @import '../bootstrap/assets/stylesheets/bootstrap';
5 @import '../fonts/font-awesome/scss/font-awesome.scss';
6 // Base-theme overrides.
10 background-color: #fafefe;
13 h1, h2, h3, h4, h5, h6 {
14 font-family: $font-family-serif;
18 background-color: #fafafa;
24 .region-navigation-collapsible {
27 -webkit-transition: height 0.3s;
28 -moz-transition: height 0.3s;
29 -ms-transition: height 0.3s;
30 -o-transition: height 0.3s;
31 transition: height 0.3s;
46 #block-mainnavigation {
62 -webkit-transition: height 0.3s;
63 -moz-transition: height 0.3s;
64 -ms-transition: height 0.3s;
65 -o-transition: height 0.3s;
66 transition: height 0.3s;
78 /* ----------------------------------------------
79 * Generated by Animista on 2017-3-17 18:21:18
82 * ---------------------------------------------- */
85 * ----------------------------------------
86 * animation slide-in-bck-center
87 * ----------------------------------------
89 @keyframes slide-in-bck-center {
91 transform: translateZ(700px);
95 transform: translateZ(1);
101 * ----------------------------------------
102 * animation kenburns-top
103 * ----------------------------------------
105 @keyframes kenburns-top {
107 transform: scale(1) translateY(0);
108 transform-origin: 50% 16%;
111 transform: scale(1.25) translateY(-15px);
112 transform-origin: top;
117 /*****************************/
128 .front_highlight.row {
134 /* Pane 1 - Images */
135 .container-fluid.front-pane-1 {
141 .container-fluid.front-pane-2 {
142 background: $yaffs-fade-1;
146 /* Pane 3 - Features */
147 .container-fluid.front-pane-3 {
152 /* Pane 4 - documents */
153 .container-fluid.front-pane-4 {
155 background: $yaffs-fade-1;
157 .region-front-pane-4 {
165 .views-field-field-teaser-image {
182 .views-field-upload-1 {
184 background-color: inherit;
189 /* Footer region 1 */
190 .region-footer-first {
191 @include make-xs-column(6);
194 /* Footer region 1 */
195 .region-footer-second {
196 @include make-xs-column(6);
201 @include button-variant(blue, $yaffs-fade-1, blue);
204 .view-id-yaffs_document_highlights {
205 @include make_row() {}
214 .view-yaffs-document-highlights {
219 .view-id-yaffs_user_logos {
222 /* FLex is going to be an issue on IE old. */
224 justify-content: center;
231 /* Features molecule */
232 .view-id-highlighted_yaffs_features {
235 .views-field-field-icon-text {
250 /* Space the use-cases page. */
251 .view-id-use_cases, .view-id-use {
255 padding-top: inherit;
256 border-top-width: inherit;
257 border-top-style: inherit;
258 border-top-color: inherit;
260 .views-field-field-image {
262 margin-bottom: inherit;
269 border-top-width: 1px;
270 border-top-style: solid;
271 border-top-color: $yaffs-fade-1;
273 .views-field-field-image {
275 margin-bottom: 0.6em;
282 border-top-width: 1px;
283 border-top-style: solid;
284 border-top-color: $yaffs-fade-1;
289 /* For admin, stop the silliness with search rollover stopping clicks on nav links */
290 .region-navigation-collapsible {
291 #block-searchform.search-block-form.contextual-region.block.block-search.block-search-form-block {
292 position: inherit !important;
298 // Space the use-cases page.
299 .view-id-use-case, .view-id-use {
303 padding-top: inherit;
304 border-top-width: inherit;
305 border-top-style: inherit;
306 border-top-color: inherit;
308 .views-field-field-image {
310 margin-bottom: inherit;
317 border-top-width: 1px;
318 border-top-style: solid;
319 border-top-color: $yaffs-fade-1;
321 .views-field-field-image {
323 margin-bottom: 0.6em;
328 // For admin, stop the silliness with search rollover stopping clicks on nav links
329 .search-block-form.contextual-region {
333 /* Styling for Yaffs papers */
339 page-break-before: auto
341 //p { font-size: 16px }
351 p.frame-contents-western {
354 p.frame-contents-western:first-child {
355 @include hide-text();
357 p.frame-contents-western:last-child {
363 border: 1px solid $table-border-color;
370 border: 1px solid $table-border-color;
378 border-bottom-width: 2px;
384 /*p.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt }
385 p.cjk { font-size: 10pt }*/
387 /*h1 { margin-bottom: 0.21cm }
388 h1.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt }
389 h1.cjk { font-family: "DejaVu Sans"; font-size: 16pt }
390 h1.ctl { font-family: "Lohit Hindi"; font-size: 16pt }
391 h2 { margin-top: 0.42cm; page-break-before: auto }
392 h2.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt; font-style: italic }
393 h2.cjk { font-size: 16pt; font-style: italic; font-weight: normal }
394 h2.ctl { font-family: "Lohit Hindi"; font-size: 16pt; font-style: italic }
395 h3 { margin-top: 0.42cm }
396 h3.western { font-family: "Liberation Sans", sans-serif }
397 h3.ctl { font-family: "Lohit Hindi" }
398 h4 { margin-top: 0.42cm }
399 h4.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt; font-style: italic }
400 h4.cjk { font-size: 11pt; font-style: italic }
401 h4.ctl { font-family: "Lohit Hindi"; font-size: 11pt; font-style: italic }
402 td p { margin-bottom: 0cm }
403 td p.western { font-family: "Liberation Serif", serif }
404 td p.cjk { font-size: 10pt }
405 a:link { so-language: zxx }