www.aleph1.co.uk Git - yaffs-website/blob - web/themes/custom/yaffs/scss/style.scss

   1 // Default variables.
   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.
   7 @import 'overrides';
   8
   9 body {
  10   background-color: #fafefe;
  11 }
  12
  13 h1, h2, h3, h4, h5, h6 {
  14   font-family: $font-family-serif;
  15 }
  16
  17 .main-container {
  18   background-color: #fafafa;
  19 }
  20
  21 // Top bar.
  22 header {
  23
  24   .region-navigation-collapsible {
  25
  26     .logo {
  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;
  32
  33       height: 6.5em;
  34
  35       .smaller {
  36         height: 2em;
  37       }
  38
  39     }
  40
  41
  42     .navbar-nav {
  43       margin-top: -0.4em;;
  44     }
  45
  46     #block-mainnavigation {
  47       float: left;
  48     }
  49
  50
  51     .search-block-form {
  52       //margin-top: 2.2em;
  53       margin-top: 2.6em;
  54
  55       input {
  56         width: 30ex;
  57         float: right;
  58       }
  59     }
  60   }
  61
  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;
  67
  68   .smaller {
  69     height: 75px;
  70   }
  71
  72 }
  73
  74 .main-container {
  75   padding-top:75px;
  76 }
  77
  78 /* ----------------------------------------------
  79 * Generated by Animista on 2017-3-17 18:21:18
  80 * http://animista.net
  81 * T: @cssanimista
  82 * ---------------------------------------------- */
  83
  84 /**
  85 * ----------------------------------------
  86 * animation slide-in-bck-center
  87 * ----------------------------------------
  88 */
  89 @keyframes slide-in-bck-center {
  90   0% {
  91     transform: translateZ(700px);
  92     opacity: 0;
  93   }
  94   100% {
  95     transform: translateZ(1);
  96     opacity: 1;
  97   }
  98 }
  99
 100 /**
 101 * ----------------------------------------
 102 * animation kenburns-top
 103 * ----------------------------------------
 104 */
 105 @keyframes kenburns-top {
 106   0% {
 107     transform: scale(1) translateY(0);
 108     transform-origin: 50% 16%;
 109   }
 110   100% {
 111     transform: scale(1.25) translateY(-15px);
 112     transform-origin: top;
 113   }
 114
 115 }
 116
 117 /*****************************/
 118
 119 /**
 120 * Yaffs
 121 */
 122 .highlightlink {
 123   position: absolute;
 124   right: 0;
 125   display: block;
 126 }
 127
 128 .front_highlight.row {
 129   .region {
 130     margin-top: 1em;
 131   }
 132 }
 133
 134 /* Pane 1 - Images */
 135 .container-fluid.front-pane-1 {
 136   margin-top: 35px;
 137   margin-bottom: 35px;
 138 }
 139
 140 /* Pane 2 - Logos */
 141 .container-fluid.front-pane-2 {
 142   background: $yaffs-fade-1;
 143   padding-bottom: 2em;
 144 }
 145
 146 /* Pane 3 - Features */
 147 .container-fluid.front-pane-3 {
 148   margin-top: 35px;
 149   margin-bottom: 35px;
 150 }
 151
 152 /* Pane 4 - documents */
 153 .container-fluid.front-pane-4 {
 154   margin-bottom: 35px;
 155   background: $yaffs-fade-1;
 156
 157   .region-front-pane-4 {
 158     margin-bottom: 35px;
 159   }
 160
 161   .row {
 162     margin-top: 15px;
 163   }
 164
 165   .views-field-field-teaser-image {
 166     float: left;
 167
 168     img {
 169       margin-right: 1em;
 170       margin-top: 1.5em;
 171     }
 172   }
 173
 174   .views-field-title {
 175
 176   }
 177
 178   .views-field-body {
 179     @include clearfix();
 180   }
 181
 182   .views-field-upload-1 {
 183     .file > span {
 184       background-color: inherit;
 185     }
 186   }
 187 }
 188
 189 /* Footer region 1 */
 190 .region-footer-first {
 191   @include make-xs-column(6);
 192 }
 193
 194 /* Footer region 1 */
 195 .region-footer-second {
 196   @include make-xs-column(6);
 197   text-align: right;
 198 }
 199
 200 .yaffs-menu-btn {
 201   @include button-variant(blue, $yaffs-fade-1, blue);
 202 }
 203
 204 .view-id-yaffs_document_highlights {
 205   @include make_row() {}
 206 }
 207
 208 .yaffs-more-docs {
 209   a {
 210     font-weight: bolder;
 211   }
 212 }
 213
 214 .view-yaffs-document-highlights {
 215
 216 }
 217
 218 /* Logos molecule */
 219 .view-id-yaffs_user_logos {
 220
 221   .row {
 222     /* FLex is going to be an issue on IE old. */
 223     display: flex;
 224     justify-content: center;
 225     align-items: center;
 226     margin: 2em;
 227   }
 228
 229 }
 230
 231 /* Features molecule */
 232 .view-id-highlighted_yaffs_features {
 233
 234   .col {
 235     .views-field-field-icon-text {
 236       font-size: 60px;
 237       margin-right: 25px;
 238       float: left;
 239     }
 240
 241     .views-field-title {
 242       @include clearfix();
 243     }
 244
 245     margin-bottom: 35px;
 246
 247   }
 248 }
 249
 250 /* Space the use-cases page. */
 251 .view-id-use_cases, .view-id-use {
 252   .view-header {
 253     .views-field-title {
 254       margin-top: inherit;
 255       padding-top: inherit;
 256       border-top-width: inherit;
 257       border-top-style: inherit;
 258       border-top-color: inherit;
 259     }
 260     .views-field-field-image {
 261       margin-top: inherit;
 262       margin-bottom: inherit;
 263     }
 264   }
 265   .view-content {
 266     .views-field-title {
 267       margin-top: 2.2em;
 268       padding-top: 0;
 269       border-top-width: 1px;
 270       border-top-style: solid;
 271       border-top-color: $yaffs-fade-1;
 272     }
 273     .views-field-field-image {
 274       margin-top: 0.6em;
 275       margin-bottom: 0.6em;
 276     }
 277   }
 278 }
 279
 280 /* For admin, stop the silliness with search rollover stopping clicks on nav links */
 281 .region-navigation-collapsible {
 282   #block-searchform.search-block-form.contextual-region.block.block-search.block-search-form-block {
 283       position: inherit !important;
 284   }
 285 }
 286
 287
 288
 289 // Space the use-cases page.
 290 .view-id-use-case, .view-id-use {
 291   .view-header {
 292     .views-field-title {
 293       margin-top: inherit;
 294       padding-top: inherit;
 295       border-top-width: inherit;
 296       border-top-style: inherit;
 297       border-top-color: inherit;
 298     }
 299     .views-field-field-image {
 300       margin-top: inherit;
 301       margin-bottom: inherit;
 302     }
 303   }
 304   .view-content {
 305     .views-field-title {
 306       margin-top: 2.2em;
 307       padding-top: 0;
 308       border-top-width: 1px;
 309       border-top-style: solid;
 310       border-top-color: $yaffs-fade-1;
 311     }
 312     .views-field-field-image {
 313       margin-top: 0.6em;
 314       margin-bottom: 0.6em;
 315     }
 316   }
 317 }
 318
 319 // For admin, stop the silliness with search rollover stopping clicks on nav links
 320 .search-block-form.contextual-region {
 321   position:static;
 322 }
 323
 324 /* Styling for Yaffs papers */
 325 .paper, .page {
 326
 327   p {
 328     orphans: 2;
 329     widows: 2;
 330     page-break-before: auto
 331   }
 332   //p { font-size: 16px }
 333   #Frame1 {
 334     img {
 335       clear: left;
 336       margin-top: 1em;
 337     }
 338
 339   }
 340
 341   #Frame2 {
 342     p.frame-contents-western {
 343       font-size: 20px
 344     }
 345     p.frame-contents-western:first-child {
 346       @include hide-text();
 347     }
 348     p.frame-contents-western:last-child {
 349       font-size: 18px;
 350     }
 351   }
 352
 353   table {
 354     border: 1px solid $table-border-color;
 355     > thead,
 356     > tbody,
 357     > tfoot {
 358       > tr {
 359         > th,
 360         > td {
 361           border: 1px solid $table-border-color;
 362           padding: 1ex;
 363         }
 364       }
 365     }
 366     > thead > tr {
 367       > th,
 368       > td {
 369         border-bottom-width: 2px;
 370         padding: 1ex;
 371       }
 372     }
 373   }
 374
 375   /*p.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt }
 376     p.cjk { font-size: 10pt }*/
 377
 378   /*h1 { margin-bottom: 0.21cm }
 379   h1.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt }
 380   h1.cjk { font-family: "DejaVu Sans"; font-size: 16pt }
 381   h1.ctl { font-family: "Lohit Hindi"; font-size: 16pt }
 382   h2 { margin-top: 0.42cm; page-break-before: auto }
 383   h2.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt; font-style: italic }
 384   h2.cjk { font-size: 16pt; font-style: italic; font-weight: normal }
 385   h2.ctl { font-family: "Lohit Hindi"; font-size: 16pt; font-style: italic }
 386   h3 { margin-top: 0.42cm }
 387   h3.western { font-family: "Liberation Sans", sans-serif }
 388   h3.ctl { font-family: "Lohit Hindi" }
 389   h4 { margin-top: 0.42cm }
 390   h4.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt; font-style: italic }
 391   h4.cjk { font-size: 11pt; font-style: italic }
 392   h4.ctl { font-family: "Lohit Hindi"; font-size: 11pt; font-style: italic }
 393   td p { margin-bottom: 0cm }
 394   td p.western { font-family: "Liberation Serif", serif }
 395   td p.cjk { font-size: 10pt }
 396   a:link { so-language: zxx }
 397   */
 398 }