Newer
Older
// Custom Variables for de_l152 -- inherits from finc, which inherits from BS, which inherits from root
// see Bootstrap's _variables.scss for default values
// FONTS
// ubuntu-mono-regular - latin
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 400;
src: url('fonts/ubuntu-mono-v8-latin-regular.eot'); // IE9 Compat Modes
src: local('Ubuntu Mono'), local('UbuntuMono-Regular'),
url('fonts/ubuntu-mono-v8-latin-regular.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/ubuntu-mono-v8-latin-regular.woff2') format('woff2'), // Super Modern Browsers
url('fonts/ubuntu-mono-v8-latin-regular.woff') format('woff'), // Modern Browsers
url('fonts/ubuntu-mono-v8-latin-regular.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/ubuntu-mono-v8-latin-regular.svg#UbuntuMono') format('svg'); // Legacy iOS
}
// ubuntu-mono-italic - latin
@font-face {
font-family: 'Ubuntu Mono';
font-style: italic;
font-weight: 400;
src: url('fonts/ubuntu-mono-v8-latin-italic.eot'); // IE9 Compat Modes
src: local('Ubuntu Mono Italic'), local('UbuntuMono-Italic'),
url('fonts/ubuntu-mono-v8-latin-italic.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/ubuntu-mono-v8-latin-italic.woff2') format('woff2'), // Super Modern Browsers
url('fonts/ubuntu-mono-v8-latin-italic.woff') format('woff'), // Modern Browsers
url('fonts/ubuntu-mono-v8-latin-italic.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/ubuntu-mono-v8-latin-italic.svg#UbuntuMono') format('svg'); // Legacy iOS
}
// ubuntu-mono-700 - latin
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 700;
src: url('fonts/ubuntu-mono-v8-latin-700.eot'); // IE9 Compat Modes
src: local('Ubuntu Mono Bold'), local('UbuntuMono-Bold'),
url('fonts/ubuntu-mono-v8-latin-700.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/ubuntu-mono-v8-latin-700.woff2') format('woff2'), // Super Modern Browsers
url('fonts/ubuntu-mono-v8-latin-700.woff') format('woff'), // Modern Browsers
url('fonts/ubuntu-mono-v8-latin-700.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/ubuntu-mono-v8-latin-700.svg#UbuntuMono') format('svg'); // Legacy iOS
}
// ubuntu-mono-700italic - latin
@font-face {
font-family: 'Ubuntu Mono';
font-style: italic;
font-weight: 700;
src: url('fonts/ubuntu-mono-v8-latin-700italic.eot'); // IE9 Compat Modes
src: local('Ubuntu Mono Bold Italic'), local('UbuntuMono-BoldItalic'),
url('fonts/ubuntu-mono-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/ubuntu-mono-v8-latin-700italic.woff2') format('woff2'), // Super Modern Browsers
url('fonts/ubuntu-mono-v8-latin-700italic.woff') format('woff'), // Modern Browsers
url('fonts/ubuntu-mono-v8-latin-700italic.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/ubuntu-mono-v8-latin-700italic.svg#UbuntuMono') format('svg'); // Legacy iOS
}
// open-sans-regular - latin
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('fonts/open-sans-v16-latin-regular.eot'); // IE9 Compat Modes
src: local('Open Sans Regular'), local('OpenSans-Regular'),
url('fonts/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/open-sans-v16-latin-regular.woff2') format('woff2'), // Super Modern Browsers
url('fonts/open-sans-v16-latin-regular.woff') format('woff'), // Modern Browsers
url('fonts/open-sans-v16-latin-regular.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/open-sans-v16-latin-regular.svg#OpenSans') format('svg'); // Legacy iOS
}
// open-sans-italic - latin
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('fonts/open-sans-v16-latin-italic.eot'); // IE9 Compat Modes
src: local('Open Sans Italic'), local('OpenSans-Italic'),
url('fonts/open-sans-v16-latin-italic.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/open-sans-v16-latin-italic.woff2') format('woff2'), // Super Modern Browsers
url('fonts/open-sans-v16-latin-italic.woff') format('woff'), // Modern Browsers
url('fonts/open-sans-v16-latin-italic.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/open-sans-v16-latin-italic.svg#OpenSans') format('svg'); // Legacy iOS
}
// open-sans-700 - latin
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('fonts/open-sans-v16-latin-700.eot'); // IE9 Compat Modes
src: local('Open Sans Bold'), local('OpenSans-Bold'),
url('fonts/open-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/open-sans-v16-latin-700.woff2') format('woff2'), // Super Modern Browsers
url('fonts/open-sans-v16-latin-700.woff') format('woff'), // Modern Browsers
url('fonts/open-sans-v16-latin-700.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/open-sans-v16-latin-700.svg#OpenSans') format('svg'); // Legacy iOS
}
// open-sans-700italic - latin
@font-face {
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('fonts/open-sans-v16-latin-700italic.eot'); // IE9 Compat Modes
src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
url('fonts/open-sans-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), // IE6-IE8
url('fonts/open-sans-v16-latin-700italic.woff2') format('woff2'), // Super Modern Browsers
url('fonts/open-sans-v16-latin-700italic.woff') format('woff'), // Modern Browsers
url('fonts/open-sans-v16-latin-700italic.ttf') format('truetype'), // Safari, Android, iOS
url('fonts/open-sans-v16-latin-700italic.svg#OpenSans') format('svg'); // Legacy iOS
// IcoMoon Custom Icons Font
// for crisp results, use font sizes that are a multiple of 16px
$imo-css-prefix: 'icon' !default;
$imo-version: '3z7emw' !default;
$imo-font-path: 'fonts/icomoon' !default;
$imo-font-size-base: 18px !default;
$imo-v-align: 0% !default; //-14.28571429%
@font-face {
font-family: 'icomoon';
src: url('#{$imo-font-path}/icomoon.eot?v=#{$imo-version}');
src: url('#{$imo-font-path}/icomoon.eot?#iefix&v=#{$imo-version}') format('embedded-opentype'),
url('#{$imo-font-path}/icomoon.woff2?v=#{$imo-version}') format('woff2'),
url('#{$imo-font-path}/icomoon.woff?v=#{$imo-version}') format('woff'),
url('#{$imo-font-path}/icomoon.ttf?v=#{$imo-version}') format('truetype'),
url('#{$imo-font-path}/icomoon.svg?v=#{$imo-version}#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
@import 'iconfont';
// IcoMoon Custom Icons Font - END
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
//// Base font size
$font-size-base: 18px !default;
//// We use these to define default font stacks
$font-family-sans-serif: 'Open Sans', Helvetica, Roboto, Arial, sans-serif !default;
// $font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif !default;
$font-family-monospace: 'Ubuntu Mono', Consolas, 'Liberation Mono', Courier, monospace !default;
//// SET FONT SIZES using the following pattern!
// !! This is the only way, font sizes will be adapted proportionally !!
//// font-size: ($font-size-base * 1.5)
//// OR us the em-calculator function below, like so: font-size: em(14)
//// There are also the variables $font-size-large and $...small which are calculated
//// $font-size-base * 1.25 --> ~18px and $font-size-base * 0.85 --> ~12px
//$font-size-breadcrumbs: ($font-size-base * .85) !default;
// Default line height
//$line-height-base: 1.5 !default;
// COLORS
$amber: #f7c525; // rgb(247, 197, 37)
$azure: #004fe7; // rgb(0, 79, 231) // 'Azure'
$asphalt: #707071; // rgb(112, 112, 113)
$midnight: #00205d; // rgb(0, 32, 93)
$midnight-light: #edf3ff; // rgb(237, 243, 255)
$midnight-medium: #dfe9fc; // rgb(223, 233, 252)
$seafoam: #2bedca; // rgb(43, 237, 202)
$violet: #a10df2; // rgb(161, 13, 242)
$brand-primary: $azure !default;
$brand-secondary: $seafoam !default;
$brand-danger: #e7006b !default; // rgb(231, 0, 107)
//$brand-info: #008cba !default; // FIXME: Which color will info boxes have?
$brand-success: #00c092 !default; // rgb(0, 192, 146)
$brand-warning: $amber !default; // rgb(247, 197, 37)
$header-bg-color: $midnight;
//// ALERTS (see states, above, and compiled.scss - Code needs to go there to overwrite defaults)
//// FORM ELEMENTS
//$select-bg-color: $ghost !default;
//// BORDERS
//$border-color: $iron !default;
//// Note that the nav-tabs have a different border color, use the following variable in your SCSS to change it
// $nav-tabs-border-color: $gainsboro !default; // defined in BS _variables.scss
// Default border styles
//$border-default-styles: 1px solid $border-color !default;
//// BUTTONS
////// Use darker text color when default-buttons are used on white BG (new class: bth-transparent
////// for updateCart in search results, date-range slider in sidebar and adv search
////// NOTE that the hover states use the default color too!
//$btn-primary-color: $white !default;
//$btn-primary-bg: $brand-primary !default;
// $btn-primary-color: $btn-primary-color !default; // already defined this way in BS _variables, use this variable to change it
// $btn-primary-bg: $brand-primary !default; // already defined this way in BS _variables, use this variable to change it
//// BADGES (elements in sidebar that hold the hit numbers)
//$badge-bg: transparent !default;
//$badge-color: $jet !default;
//// Sidebar Badge/fa Colors
//$sidebar-badge-fa-color: darken($brand-secondary, 40%) !default;
//// Accordion/Collapse Toggler
//// Dropdown Background - this is used for ALL dropdowns, incl. the language selector;
//// originally defined under BS _variables.scss, and used in _dropdowns.scss; you could use a value such as
//// $dropdown-link-hover-color: lighten($brand-primary, 15%);
//// $dropdown-link-hover-bg: lighten($brand-primary, 50%);
//// Other variables include $dropdown-link-active-color; $dropdown-link-active-bg; $dropdown-link-color ...
//// Tooltips (default bg is black)
//$tooltip-color: $snow !default;
//$tooltip-bg: lighten($brand-primary, 20%) !default;
//$tooltip-arrow-color: $tooltip-bg !default;
//// ELEMENT COLORS
//$body-bg: $snow !default;
//// Main content are bg
//$main-bg: $white !default;
//// Header and header elements colors
//$header-bg-color: $gainsboro !default;
//$navbar-bg-color: $header-bg-color !default;
//$navbar-fixed-bg-color: $header-bg-color !default;
// ++ Height of textbox with adlr claim in header (home page)
$header-text-box-height-xs: 514px;
// ++ Height of navbar in header for XS and SM
$navbar-header-height-xs-sm: 85px;
// ++ Height and width of the search input field - XS
$search-input-height-xs: 68px;
$search-input-width-xs: 296px;
// ++ Height and width of the search input field - Tablet
$search-input-height-sm: 92px;
$search-input-width-sm: 716px;
// ++ Height and width of the search input field - DESKTOP
$search-input-height-lg: 92px; // + 3px border
$search-input-width-lg: 710px; // + 3px border
//// Breadcrumbs
//$breadcrumb-bg: $brand-primary !default;
//$breadcrumb-color: $btn-primary-color !default;
//// Link color for breadcrumb .active
//$breadcrumb-active-color: $btn-primary-color !default;
//// Sidebar item hover effect (doesn't exist in VF out-of-the-box); active is for selected facets
//$sidebar-item-hover-bg: transparentize($brand-secondary, .9) !default;
//$sidebar-item-active-hover-bg: transparentize($brand-primary, .1) !default;
//// ELEMENT COLORS - END
// COLORS - END
// DIMENSIONS
//// The general gutter width (padding between columns) is calculated like so: '$grid-gutter-width / 2'
//// which gives you the left or right gutter width; this can be taken further by using '$grid-gutter-width / 1.5' etc
$grid-gutter-width: 30px !default;
//// Navbar gets a minimum-height of 50px by default, activate and change here!
// For fixed navbars ('navbar-fixed-top' in 'header.phtml'),
// the body requires a padding-bottom of the same height
// as the navbar because of postition.fixed
// When using 'affix' instead of 'navbar-fixed-top',
// set '$navbar-height', '$navbar-height-xs' and '$navbar-height-sm' to '=0'
// or set the paddings-top under 'body' in compiled.scss to '=0'; see also the comment in header.phtml
$navbar-height: 0 !default;
$navbar-height-sm: $navbar-height !default;
// Set navbar-height for small devices, USE px as rem will throw an error
// $navbar-height-xs: $navbar-height + 40px !default;
$navbar-height-xs: $navbar-height !default;
// $navbar-max-height-xs: $navbar-height + 40px !default;
$navbar-max-height-xs: $navbar-height !default;
//// Top-padding for #content -> .row first-of-type (and .sidebar) - change this value to change both;
//// sidebar gets an additional padding on half the content-top-padding for better horizontal alignment
$content-top-padding: $grid-gutter-width / 2 !default; // default = 30px / 2 = 15px
$content-l-r-padding: $grid-gutter-width / 2 !default; // default = 30px / 2 = 15px
//// Sidebar item padding
//$sidebar-item-padding: .75em 1em !default;
//// Table cell padding - adjust in themes to avoid content jumps when switching tabs
// $table-cell-padding: 5px !default;
// JS Tree
// left padding on JSTree child icon elements
//$jstree-li-left-padding: 1.5em !default;
//// MODAL dimensions
//$modal-lg: 900px !default;
//$modal-md: 600px !default;
//$modal-sm: 300px !default;
// BREADCRUMBS
//// Separator between breadcrumb elements, use this variable to change it
//// $breadcrumb-separator: '/' !default;
// GET RID of ALL ROUND CORNERS
//$border-radius-base: 0 !default;
//$border-radius-large: 0 !default;
//$border-radius-small: 0 !default;
//$pager-border-radius: 0 !default;
//$badge-border-radius: 0 !default;
//// labels.scss uses no variable! Therefore it will be necessary
//// to overwite in compiled.scss!!, Fixme when done more elegantly in BS
//$label-radius: 0 !default;
// GET RID of ALL ROUND CORNERS - END
// ALIGNMENTS
//// Align tops of elements to transparent button-content in same row (e.g. header: searchbox content + navigation on right-hand side)
// $button-top-padding: 6px;
//// Text alignment 'more'-toggles in sidebar;
//// default is center. If center alignment is desired, comment out this next line
//// and the '.narrow-toggle ...' in compiled.scss
//$narrow-toggle-text-alignment: left !default;
//// Pagination (Search results) AND searchtools (Search results)
//// Default is left, we use centered alignment. If left is desired,
//// comment out next mixing and '.pagination ...' and 'searchtools ...' in compiled.scss
// ALIGNMENTS - END
// FUNCTIONS
// FUNCTIONS - END