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 /* Styling for Yaffs papers */
 251 .paper, .page {
 252
 253   p {
 254     orphans: 2;
 255     widows: 2;
 256     page-break-before: auto
 257   }
 258   //p { font-size: 16px }
 259   #Frame1 {
 260     img {
 261       clear: left;
 262       margin-top: 1em;
 263     }
 264
 265   }
 266
 267   #Frame2 {
 268     p.frame-contents-western {
 269       font-size: 20px
 270     }
 271     p.frame-contents-western:first-child {
 272       @include hide-text();
 273     }
 274     p.frame-contents-western:last-child {
 275       font-size: 18px;
 276     }
 277   }
 278
 279   table {
 280     border: 1px solid $table-border-color;
 281     > thead,
 282     > tbody,
 283     > tfoot {
 284       > tr {
 285         > th,
 286         > td {
 287           border: 1px solid $table-border-color;
 288           padding: 1ex;
 289         }
 290       }
 291     }
 292     > thead > tr {
 293       > th,
 294       > td {
 295         border-bottom-width: 2px;
 296         padding: 1ex;
 297       }
 298     }
 299   }
 300
 301   /*p.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt }
 302     p.cjk { font-size: 10pt }*/
 303
 304   /*h1 { margin-bottom: 0.21cm }
 305   h1.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt }
 306   h1.cjk { font-family: "DejaVu Sans"; font-size: 16pt }
 307   h1.ctl { font-family: "Lohit Hindi"; font-size: 16pt }
 308   h2 { margin-top: 0.42cm; page-break-before: auto }
 309   h2.western { font-family: "Liberation Sans", sans-serif; font-size: 16pt; font-style: italic }
 310   h2.cjk { font-size: 16pt; font-style: italic; font-weight: normal }
 311   h2.ctl { font-family: "Lohit Hindi"; font-size: 16pt; font-style: italic }
 312   h3 { margin-top: 0.42cm }
 313   h3.western { font-family: "Liberation Sans", sans-serif }
 314   h3.ctl { font-family: "Lohit Hindi" }
 315   h4 { margin-top: 0.42cm }
 316   h4.western { font-family: "Liberation Sans", sans-serif; font-size: 11pt; font-style: italic }
 317   h4.cjk { font-size: 11pt; font-style: italic }
 318   h4.ctl { font-family: "Lohit Hindi"; font-size: 11pt; font-style: italic }
 319   td p { margin-bottom: 0cm }
 320   td p.western { font-family: "Liberation Serif", serif }
 321   td p.cjk { font-size: 10pt }
 322   a:link { so-language: zxx }
 323   */
 324 }