rdrew
6 years ago
commit
ebf525294b
1698 changed files with 96149 additions and 0 deletions
@ -0,0 +1,587 @@
|
||||
/*! |
||||
* Bootstrap v3.3.7 (http://getbootstrap.com) |
||||
* Copyright 2011-2016 Twitter, Inc. |
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) |
||||
*/ |
||||
.btn-default, |
||||
.btn-primary, |
||||
.btn-success, |
||||
.btn-info, |
||||
.btn-warning, |
||||
.btn-danger { |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .2); |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075); |
||||
} |
||||
.btn-default:active, |
||||
.btn-primary:active, |
||||
.btn-success:active, |
||||
.btn-info:active, |
||||
.btn-warning:active, |
||||
.btn-danger:active, |
||||
.btn-default.active, |
||||
.btn-primary.active, |
||||
.btn-success.active, |
||||
.btn-info.active, |
||||
.btn-warning.active, |
||||
.btn-danger.active { |
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); |
||||
} |
||||
.btn-default.disabled, |
||||
.btn-primary.disabled, |
||||
.btn-success.disabled, |
||||
.btn-info.disabled, |
||||
.btn-warning.disabled, |
||||
.btn-danger.disabled, |
||||
.btn-default[disabled], |
||||
.btn-primary[disabled], |
||||
.btn-success[disabled], |
||||
.btn-info[disabled], |
||||
.btn-warning[disabled], |
||||
.btn-danger[disabled], |
||||
fieldset[disabled] .btn-default, |
||||
fieldset[disabled] .btn-primary, |
||||
fieldset[disabled] .btn-success, |
||||
fieldset[disabled] .btn-info, |
||||
fieldset[disabled] .btn-warning, |
||||
fieldset[disabled] .btn-danger { |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
} |
||||
.btn-default .badge, |
||||
.btn-primary .badge, |
||||
.btn-success .badge, |
||||
.btn-info .badge, |
||||
.btn-warning .badge, |
||||
.btn-danger .badge { |
||||
text-shadow: none; |
||||
} |
||||
.btn:active, |
||||
.btn.active { |
||||
background-image: none; |
||||
} |
||||
.btn-default { |
||||
text-shadow: 0 1px 0 #fff; |
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
||||
background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); |
||||
background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #dbdbdb; |
||||
border-color: #ccc; |
||||
} |
||||
.btn-default:hover, |
||||
.btn-default:focus { |
||||
background-color: #e0e0e0; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-default:active, |
||||
.btn-default.active { |
||||
background-color: #e0e0e0; |
||||
border-color: #dbdbdb; |
||||
} |
||||
.btn-default.disabled, |
||||
.btn-default[disabled], |
||||
fieldset[disabled] .btn-default, |
||||
.btn-default.disabled:hover, |
||||
.btn-default[disabled]:hover, |
||||
fieldset[disabled] .btn-default:hover, |
||||
.btn-default.disabled:focus, |
||||
.btn-default[disabled]:focus, |
||||
fieldset[disabled] .btn-default:focus, |
||||
.btn-default.disabled.focus, |
||||
.btn-default[disabled].focus, |
||||
fieldset[disabled] .btn-default.focus, |
||||
.btn-default.disabled:active, |
||||
.btn-default[disabled]:active, |
||||
fieldset[disabled] .btn-default:active, |
||||
.btn-default.disabled.active, |
||||
.btn-default[disabled].active, |
||||
fieldset[disabled] .btn-default.active { |
||||
background-color: #e0e0e0; |
||||
background-image: none; |
||||
} |
||||
.btn-primary { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #245580; |
||||
} |
||||
.btn-primary:hover, |
||||
.btn-primary:focus { |
||||
background-color: #265a88; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-primary:active, |
||||
.btn-primary.active { |
||||
background-color: #265a88; |
||||
border-color: #245580; |
||||
} |
||||
.btn-primary.disabled, |
||||
.btn-primary[disabled], |
||||
fieldset[disabled] .btn-primary, |
||||
.btn-primary.disabled:hover, |
||||
.btn-primary[disabled]:hover, |
||||
fieldset[disabled] .btn-primary:hover, |
||||
.btn-primary.disabled:focus, |
||||
.btn-primary[disabled]:focus, |
||||
fieldset[disabled] .btn-primary:focus, |
||||
.btn-primary.disabled.focus, |
||||
.btn-primary[disabled].focus, |
||||
fieldset[disabled] .btn-primary.focus, |
||||
.btn-primary.disabled:active, |
||||
.btn-primary[disabled]:active, |
||||
fieldset[disabled] .btn-primary:active, |
||||
.btn-primary.disabled.active, |
||||
.btn-primary[disabled].active, |
||||
fieldset[disabled] .btn-primary.active { |
||||
background-color: #265a88; |
||||
background-image: none; |
||||
} |
||||
.btn-success { |
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); |
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); |
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #3e8f3e; |
||||
} |
||||
.btn-success:hover, |
||||
.btn-success:focus { |
||||
background-color: #419641; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-success:active, |
||||
.btn-success.active { |
||||
background-color: #419641; |
||||
border-color: #3e8f3e; |
||||
} |
||||
.btn-success.disabled, |
||||
.btn-success[disabled], |
||||
fieldset[disabled] .btn-success, |
||||
.btn-success.disabled:hover, |
||||
.btn-success[disabled]:hover, |
||||
fieldset[disabled] .btn-success:hover, |
||||
.btn-success.disabled:focus, |
||||
.btn-success[disabled]:focus, |
||||
fieldset[disabled] .btn-success:focus, |
||||
.btn-success.disabled.focus, |
||||
.btn-success[disabled].focus, |
||||
fieldset[disabled] .btn-success.focus, |
||||
.btn-success.disabled:active, |
||||
.btn-success[disabled]:active, |
||||
fieldset[disabled] .btn-success:active, |
||||
.btn-success.disabled.active, |
||||
.btn-success[disabled].active, |
||||
fieldset[disabled] .btn-success.active { |
||||
background-color: #419641; |
||||
background-image: none; |
||||
} |
||||
.btn-info { |
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); |
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #28a4c9; |
||||
} |
||||
.btn-info:hover, |
||||
.btn-info:focus { |
||||
background-color: #2aabd2; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-info:active, |
||||
.btn-info.active { |
||||
background-color: #2aabd2; |
||||
border-color: #28a4c9; |
||||
} |
||||
.btn-info.disabled, |
||||
.btn-info[disabled], |
||||
fieldset[disabled] .btn-info, |
||||
.btn-info.disabled:hover, |
||||
.btn-info[disabled]:hover, |
||||
fieldset[disabled] .btn-info:hover, |
||||
.btn-info.disabled:focus, |
||||
.btn-info[disabled]:focus, |
||||
fieldset[disabled] .btn-info:focus, |
||||
.btn-info.disabled.focus, |
||||
.btn-info[disabled].focus, |
||||
fieldset[disabled] .btn-info.focus, |
||||
.btn-info.disabled:active, |
||||
.btn-info[disabled]:active, |
||||
fieldset[disabled] .btn-info:active, |
||||
.btn-info.disabled.active, |
||||
.btn-info[disabled].active, |
||||
fieldset[disabled] .btn-info.active { |
||||
background-color: #2aabd2; |
||||
background-image: none; |
||||
} |
||||
.btn-warning { |
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); |
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #e38d13; |
||||
} |
||||
.btn-warning:hover, |
||||
.btn-warning:focus { |
||||
background-color: #eb9316; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-warning:active, |
||||
.btn-warning.active { |
||||
background-color: #eb9316; |
||||
border-color: #e38d13; |
||||
} |
||||
.btn-warning.disabled, |
||||
.btn-warning[disabled], |
||||
fieldset[disabled] .btn-warning, |
||||
.btn-warning.disabled:hover, |
||||
.btn-warning[disabled]:hover, |
||||
fieldset[disabled] .btn-warning:hover, |
||||
.btn-warning.disabled:focus, |
||||
.btn-warning[disabled]:focus, |
||||
fieldset[disabled] .btn-warning:focus, |
||||
.btn-warning.disabled.focus, |
||||
.btn-warning[disabled].focus, |
||||
fieldset[disabled] .btn-warning.focus, |
||||
.btn-warning.disabled:active, |
||||
.btn-warning[disabled]:active, |
||||
fieldset[disabled] .btn-warning:active, |
||||
.btn-warning.disabled.active, |
||||
.btn-warning[disabled].active, |
||||
fieldset[disabled] .btn-warning.active { |
||||
background-color: #eb9316; |
||||
background-image: none; |
||||
} |
||||
.btn-danger { |
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); |
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-color: #b92c28; |
||||
} |
||||
.btn-danger:hover, |
||||
.btn-danger:focus { |
||||
background-color: #c12e2a; |
||||
background-position: 0 -15px; |
||||
} |
||||
.btn-danger:active, |
||||
.btn-danger.active { |
||||
background-color: #c12e2a; |
||||
border-color: #b92c28; |
||||
} |
||||
.btn-danger.disabled, |
||||
.btn-danger[disabled], |
||||
fieldset[disabled] .btn-danger, |
||||
.btn-danger.disabled:hover, |
||||
.btn-danger[disabled]:hover, |
||||
fieldset[disabled] .btn-danger:hover, |
||||
.btn-danger.disabled:focus, |
||||
.btn-danger[disabled]:focus, |
||||
fieldset[disabled] .btn-danger:focus, |
||||
.btn-danger.disabled.focus, |
||||
.btn-danger[disabled].focus, |
||||
fieldset[disabled] .btn-danger.focus, |
||||
.btn-danger.disabled:active, |
||||
.btn-danger[disabled]:active, |
||||
fieldset[disabled] .btn-danger:active, |
||||
.btn-danger.disabled.active, |
||||
.btn-danger[disabled].active, |
||||
fieldset[disabled] .btn-danger.active { |
||||
background-color: #c12e2a; |
||||
background-image: none; |
||||
} |
||||
.thumbnail, |
||||
.img-thumbnail { |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
} |
||||
.dropdown-menu > li > a:hover, |
||||
.dropdown-menu > li > a:focus { |
||||
background-color: #e8e8e8; |
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.dropdown-menu > .active > a, |
||||
.dropdown-menu > .active > a:hover, |
||||
.dropdown-menu > .active > a:focus { |
||||
background-color: #2e6da4; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.navbar-default { |
||||
background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
||||
background-image: -o-linear-gradient(top, #fff 0%, #f8f8f8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8)); |
||||
background-image: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075); |
||||
} |
||||
.navbar-default .navbar-nav > .open > a, |
||||
.navbar-default .navbar-nav > .active > a { |
||||
background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
||||
background-image: -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2)); |
||||
background-image: linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075); |
||||
} |
||||
.navbar-brand, |
||||
.navbar-nav > li > a { |
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .25); |
||||
} |
||||
.navbar-inverse { |
||||
background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%); |
||||
background-image: -o-linear-gradient(top, #3c3c3c 0%, #222 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222)); |
||||
background-image: linear-gradient(to bottom, #3c3c3c 0%, #222 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
||||
background-repeat: repeat-x; |
||||
border-radius: 4px; |
||||
} |
||||
.navbar-inverse .navbar-nav > .open > a, |
||||
.navbar-inverse .navbar-nav > .active > a { |
||||
background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
||||
background-image: -o-linear-gradient(top, #080808 0%, #0f0f0f 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f)); |
||||
background-image: linear-gradient(to bottom, #080808 0%, #0f0f0f 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
||||
box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25); |
||||
} |
||||
.navbar-inverse .navbar-brand, |
||||
.navbar-inverse .navbar-nav > li > a { |
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); |
||||
} |
||||
.navbar-static-top, |
||||
.navbar-fixed-top, |
||||
.navbar-fixed-bottom { |
||||
border-radius: 0; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a, |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:hover, |
||||
.navbar .navbar-nav .open .dropdown-menu > .active > a:focus { |
||||
color: #fff; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
} |
||||
.alert { |
||||
text-shadow: 0 1px 0 rgba(255, 255, 255, .2); |
||||
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05); |
||||
} |
||||
.alert-success { |
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc)); |
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #b2dba1; |
||||
} |
||||
.alert-info { |
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0)); |
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #9acfea; |
||||
} |
||||
.alert-warning { |
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0)); |
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #f5e79e; |
||||
} |
||||
.alert-danger { |
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3)); |
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #dca7a7; |
||||
} |
||||
.progress { |
||||
background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
||||
background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5)); |
||||
background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-success { |
||||
background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
||||
background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44)); |
||||
background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-info { |
||||
background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
||||
background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5)); |
||||
background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-warning { |
||||
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
||||
background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f)); |
||||
background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-danger { |
||||
background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
||||
background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c)); |
||||
background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.progress-bar-striped { |
||||
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); |
||||
} |
||||
.list-group { |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .075); |
||||
} |
||||
.list-group-item.active, |
||||
.list-group-item.active:hover, |
||||
.list-group-item.active:focus { |
||||
text-shadow: 0 -1px 0 #286090; |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2b669a 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2b669a 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #2b669a; |
||||
} |
||||
.list-group-item.active .badge, |
||||
.list-group-item.active:hover .badge, |
||||
.list-group-item.active:focus .badge { |
||||
text-shadow: none; |
||||
} |
||||
.panel { |
||||
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, .05); |
||||
} |
||||
.panel-default > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8)); |
||||
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-primary > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4)); |
||||
background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-success > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
||||
background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6)); |
||||
background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-info > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
||||
background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3)); |
||||
background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-warning > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
||||
background-image: -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc)); |
||||
background-image: linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.panel-danger > .panel-heading { |
||||
background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
||||
background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc)); |
||||
background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
} |
||||
.well { |
||||
background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
||||
background-image: -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5)); |
||||
background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); |
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); |
||||
background-repeat: repeat-x; |
||||
border-color: #dcdcdc; |
||||
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
||||
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); |
||||
} |
||||
/*# sourceMappingURL=bootstrap-theme.css.map */ |
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@ -0,0 +1,13 @@
|
||||
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
|
||||
require('../../js/transition.js') |
||||
require('../../js/alert.js') |
||||
require('../../js/button.js') |
||||
require('../../js/carousel.js') |
||||
require('../../js/collapse.js') |
||||
require('../../js/dropdown.js') |
||||
require('../../js/modal.js') |
||||
require('../../js/tooltip.js') |
||||
require('../../js/popover.js') |
||||
require('../../js/scrollspy.js') |
||||
require('../../js/tab.js') |
||||
require('../../js/affix.js') |
||||
@ -0,0 +1,26 @@
|
||||
uuid: e60d9f56-445e-4cc6-bcc3-7dd8c67d0731 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
config: |
||||
- system.menu.account |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: uCxBkmn8nAjFy-knz10-h4thb-cLqOV0ShdghP5jqGk |
||||
id: magazineplus_account_menu |
||||
theme: magazineplus |
||||
region: sidebar_first |
||||
weight: -4 |
||||
provider: null |
||||
plugin: 'system_menu_block:account' |
||||
settings: |
||||
id: 'system_menu_block:account' |
||||
label: 'User account menu' |
||||
provider: system |
||||
label_display: visible |
||||
level: 1 |
||||
depth: 1 |
||||
visibility: { } |
||||
@ -0,0 +1,25 @@
|
||||
uuid: 1b3db873-89f4-4f17-87fe-b4203d275ddc |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: gFQlRUVmgo6XNdpTe6foIloEDOJbK7uPIt4SY_R7xNk |
||||
id: magazineplus_branding |
||||
theme: magazineplus |
||||
region: header_top_first |
||||
weight: -6 |
||||
provider: null |
||||
plugin: system_branding_block |
||||
settings: |
||||
id: system_branding_block |
||||
label: 'Site branding' |
||||
provider: system |
||||
label_display: '0' |
||||
use_site_logo: true |
||||
use_site_name: true |
||||
use_site_slogan: true |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: 90a1e7d8-bf47-45a0-841e-2299c73b1107 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: lw0w0uLBSowYrQ0BnNUBW5ahq0VYVAhZWSIxolujjic |
||||
id: magazineplus_breadcrumbs |
||||
theme: magazineplus |
||||
region: highlighted_top |
||||
weight: -6 |
||||
provider: null |
||||
plugin: system_breadcrumb_block |
||||
settings: |
||||
id: system_breadcrumb_block |
||||
label: Breadcrumbs |
||||
provider: system |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: 0a28cb2c-d966-453c-bd35-00d6316d202d |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: r_q_QXafqMXMY87a4vlNDa0PXg7tXyIq1BShaD5qJB0 |
||||
id: magazineplus_content |
||||
theme: magazineplus |
||||
region: content |
||||
weight: 0 |
||||
provider: null |
||||
plugin: system_main_block |
||||
settings: |
||||
id: system_main_block |
||||
label: 'Main page content' |
||||
provider: system |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,20 @@
|
||||
uuid: aedb4969-4a2f-4030-b337-ec0dc17b0804 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: 9OoDSvRzT4me3jF9QIGukqEm0spHrSf42l8PCjMEP2E |
||||
id: magazineplus_local_actions |
||||
theme: magazineplus |
||||
region: content |
||||
weight: -7 |
||||
provider: null |
||||
plugin: local_actions_block |
||||
settings: |
||||
id: local_actions_block |
||||
label: 'Primary admin actions' |
||||
provider: core |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: b8f227cf-c090-4fe3-9124-892d4ea6b629 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: Ok68zlSpUL-Mz10SZmIPxMlF-Kt3yh2qYH6cAH6BLts |
||||
id: magazineplus_local_tasks |
||||
theme: magazineplus |
||||
region: content |
||||
weight: -7 |
||||
provider: null |
||||
plugin: local_tasks_block |
||||
settings: |
||||
id: local_tasks_block |
||||
label: Tabs |
||||
provider: core |
||||
label_display: '0' |
||||
primary: true |
||||
secondary: true |
||||
visibility: { } |
||||
@ -0,0 +1,26 @@
|
||||
uuid: 2114538b-0bae-44f1-99ef-0815e9cd72de |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
config: |
||||
- system.menu.main |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: Q-hloXu4O_kre5oDwCieO1gTejbX6qfwQxmQdjNlHuU |
||||
id: magazineplus_main_menu |
||||
theme: magazineplus |
||||
region: header |
||||
weight: -6 |
||||
provider: null |
||||
plugin: 'system_menu_block:main' |
||||
settings: |
||||
id: 'system_menu_block:main' |
||||
label: 'Main navigation' |
||||
provider: system |
||||
label_display: '0' |
||||
level: 1 |
||||
depth: 1 |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: 5818ddfc-5b37-4dd2-b688-45227d4b11a8 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: ChUWAilV6oDjpOkzVDrnAfhz_SZC3w8cG23QNyf81uo |
||||
id: magazineplus_messages |
||||
theme: magazineplus |
||||
region: system_messages |
||||
weight: -6 |
||||
provider: null |
||||
plugin: system_messages_block |
||||
settings: |
||||
id: system_messages_block |
||||
label: 'Status messages' |
||||
provider: system |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,20 @@
|
||||
uuid: f7ee9e55-147c-4ebc-8893-08a697794eee |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: BHeSmz8McZdY1qtIgPdYd_MexLfm6iUcfbnW-Mru-Es |
||||
id: magazineplus_page_title |
||||
theme: magazineplus |
||||
region: content |
||||
weight: -7 |
||||
provider: null |
||||
plugin: page_title_block |
||||
settings: |
||||
id: page_title_block |
||||
label: 'Page title' |
||||
provider: core |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,26 @@
|
||||
uuid: 30b25ddd-680f-4bf1-a23e-956da1b166d7 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
config: |
||||
- system.menu.tools |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: ynO2yKZAHVatPS0VbbPLZ9nXA7QDybWr2TBTdZYELJI |
||||
id: magazineplus_tools |
||||
theme: magazineplus |
||||
region: sidebar_first |
||||
weight: -5 |
||||
provider: null |
||||
plugin: 'system_menu_block:tools' |
||||
settings: |
||||
id: 'system_menu_block:tools' |
||||
label: Tools |
||||
provider: system |
||||
label_display: visible |
||||
level: 1 |
||||
depth: 0 |
||||
visibility: { } |
||||
@ -0,0 +1,173 @@
|
||||
breadcrumb_separator: 'fa-angle-right' |
||||
scroll_to_top_display: true |
||||
scroll_to_top_icon: 'fa-angle-up' |
||||
scroll_to_top_region: 'footer-bottom-to-top-enabled' |
||||
color_scheme: 'gray' |
||||
page_container_border: false |
||||
animations_state: true |
||||
slideout_background_color: 'region--light-typography region--dark-background' |
||||
slideout_side: 'left' |
||||
slideout_touch_swipe: true |
||||
slideout_blocks_paddings: false |
||||
slideout_region_paddings: false |
||||
pre_header_layout_container: 'container-fluid' |
||||
pre_header_background_color: 'region--dark-typography region--white-background' |
||||
pre_header_blocks_paddings: false |
||||
pre_header_region_paddings: false |
||||
header_top_highlighted_layout_container: 'container' |
||||
header_top_highlighted_background_color: 'region--dark-typography region--gray-background' |
||||
header_top_highlighted_animation_effect: 'fadeIn' |
||||
header_top_highlighted_blocks_paddings: false |
||||
header_top_highlighted_region_paddings: false |
||||
header_top_layout_container: 'container' |
||||
header_top_background_color: 'region--dark-typography region--white-background' |
||||
header_top_animation_effect: 'no-animation' |
||||
header_top_blocks_paddings: false |
||||
header_top_region_paddings: false |
||||
header_layout_container: 'container' |
||||
header_background_color: 'region--dark-typography region--white-background' |
||||
header_blocks_paddings: false |
||||
header_region_paddings: true |
||||
fixed_header: true |
||||
display_fixed_site_name: true |
||||
display_fixed_logo: true |
||||
banner_layout_container: 'container-fluid' |
||||
banner_background_color: 'region--dark-typography region--white-background' |
||||
banner_blocks_paddings: false |
||||
banner_region_paddings: false |
||||
highlighted_top_layout_container: 'container-fluid' |
||||
highlighted_top_separator: 'region--no-separator' |
||||
highlighted_top_background_color: 'region--light-typography region--dark-background' |
||||
highlighted_top_animation_effect: 'fadeIn' |
||||
highlighted_top_blocks_paddings: true |
||||
highlighted_top_region_paddings: true |
||||
highlighted_layout_container: 'container' |
||||
highlighted_separator: 'region--no-separator' |
||||
highlighted_background_color: 'region--dark-typography region--white-background' |
||||
highlighted_animation_effect: 'fadeIn' |
||||
highlighted_blocks_paddings: false |
||||
highlighted_region_paddings: false |
||||
content_top_layout_container: 'container' |
||||
content_top_background_color: 'region--dark-typography region--gray-background' |
||||
content_top_animation_effect: 'fadeIn' |
||||
content_top_blocks_paddings: false |
||||
content_top_region_paddings: false |
||||
content_top_highlighted_layout_container: 'container-fluid' |
||||
content_top_highlighted_separator: 'region--no-separator' |
||||
content_top_highlighted_background_color: 'region--dark-typography region--white-background' |
||||
content_top_highlighted_animation_effect: 'fadeIn' |
||||
content_top_highlighted_blocks_paddings: false |
||||
content_top_highlighted_region_paddings: false |
||||
pre_content_layout_container: 'container' |
||||
pre_content_separator: 'region--no-separator' |
||||
pre_content_background_color: 'region--dark-typography region--white-background' |
||||
pre_content_animation_effect: 'no-animation' |
||||
pre_content_blocks_paddings: false |
||||
pre_content_region_paddings: true |
||||
main_content_separator: 'region--no-separator' |
||||
main_content_animation_effect: 'fadeIn' |
||||
main_content_blocks_paddings: false |
||||
main_content_region_paddings: false |
||||
sidebar_first_animation_effect: 'fadeInLeft' |
||||
sidebar_first_blocks_paddings: false |
||||
sidebar_first_region_paddings: false |
||||
sidebar_second_animation_effect: 'fadeInRight' |
||||
sidebar_second_blocks_paddings: false |
||||
sidebar_second_region_paddings: false |
||||
content_bottom_layout_container: 'container' |
||||
content_bottom_separator: 'region--no-separator' |
||||
content_bottom_background_color: 'region--light-typography region--dark-background' |
||||
content_bottom_animation_effect: 'fadeIn' |
||||
content_bottom_blocks_paddings: false |
||||
content_bottom_region_paddings: false |
||||
featured_top_layout_container: 'container' |
||||
featured_top_separator: 'region--no-separator' |
||||
featured_top_background_color: 'region--dark-typography region--white-background' |
||||
featured_top_animation_effect: 'fadeIn' |
||||
featured_top_blocks_paddings: false |
||||
featured_top_region_paddings: false |
||||
featured_layout_container: 'container' |
||||
featured_separator: 'region--separator-border-top' |
||||
featured_background_color: 'region--dark-typography region--gray-background' |
||||
featured_animation_effect: 'fadeIn' |
||||
featured_blocks_paddings: false |
||||
featured_region_paddings: false |
||||
featured_bottom_layout_container: 'container' |
||||
featured_bottom_separator: 'region--no-separator' |
||||
featured_bottom_background_color: 'region--dark-typography region--gray-background' |
||||
featured_bottom_animation_effect: 'fadeIn' |
||||
featured_bottom_blocks_paddings: false |
||||
featured_bottom_region_paddings: false |
||||
sub_featured_layout_container: 'container-fluid' |
||||
sub_featured_separator: 'region--no-separator' |
||||
sub_featured_background_color: 'region--dark-typography region--white-background' |
||||
sub_featured_animation_effect: 'fadeIn' |
||||
sub_featured_blocks_paddings: false |
||||
sub_featured_region_paddings: false |
||||
footer_top_layout_container: 'container-fluid' |
||||
footer_top_separator: 'region--no-separator' |
||||
footer_top_background_color: 'region--dark-typography region--white-background' |
||||
footer_top_animation_effect: 'fadeIn' |
||||
footer_top_blocks_paddings: true |
||||
footer_top_region_paddings: true |
||||
footer_layout_container: 'container' |
||||
footer_separator: 'region--no-separator' |
||||
footer_background_color: 'region--light-typography region--dark-background' |
||||
footer_animation_effect: 'fadeIn' |
||||
footer_blocks_paddings: false |
||||
footer_region_paddings: false |
||||
footer_bottom_layout_container: 'container' |
||||
footer_bottom_separator: 'region--no-separator' |
||||
footer_bottom_background_color: 'region--light-typography region--dark-background' |
||||
footer_bottom_blocks_paddings: false |
||||
footer_bottom_region_paddings: false |
||||
subfooter_layout_container: 'container' |
||||
subfooter_separator: 'region--no-separator' |
||||
subfooter_background_color: 'region--dark-typography region--white-background' |
||||
subfooter_bottom_blocks_paddings: false |
||||
subfooter_bottom_region_paddings: false |
||||
reading_time: true |
||||
share_links: true |
||||
share_links_print_position: "bottom" |
||||
print_button: true |
||||
font_resize: true |
||||
post_progress: true |
||||
affix_side: true |
||||
layout_mode: 'wide' |
||||
headings_font_family: 'hff-14' |
||||
headings_wide_spacing: false |
||||
paragraph_font_family: 'pff-13' |
||||
paragraph_responsive_typography: true |
||||
sitename_font_family: 'sff-14' |
||||
sitename_italic: true |
||||
slogan_font_family: 'slff-14' |
||||
rs_slideshow_fullscreen_effect: 'random' |
||||
rs_slideshow_fullscreen_effect_time: '10' |
||||
rs_slideshow_fullscreen_navigation_style: 'vertical_thumbs' |
||||
rs_slideshow_fullscreen_bullets_position: 'right' |
||||
rs_slideshow_fullscreen_touch_swipe: true |
||||
transparent_header_state: false |
||||
transparent_header_opacity: '90' |
||||
rs_slideshow_boxedwidth_effect: 'random' |
||||
rs_slideshow_boxedwidth_effect_time: '10' |
||||
rs_slideshow_boxedwidth_initial_height: '450' |
||||
rs_slideshow_boxedwidth_navigation_style: 'vertical_thumbs' |
||||
rs_slideshow_boxedwidth_bullets_position: 'center' |
||||
rs_slideshow_boxedwidth_touch_swipe: true |
||||
rs_slideshow_internal_effect: 'fade' |
||||
rs_slideshow_internal_effect_time: '10' |
||||
rs_slideshow_internal_initial_height: '450' |
||||
rs_slideshow_internal_navigation_style: 'vertical_thumbs' |
||||
rs_slideshow_internal_banner_bullets_position: 'center' |
||||
rs_slideshow_internal_touch_swipe: true |
||||
rs_slideshow_caption_opacity: '40' |
||||
in_page_slider_effect: 'slide' |
||||
owl_posts_autoplay: true |
||||
owl_posts_effect_time: '5' |
||||
owl_square_posts_autoplay: false |
||||
owl_square_posts_effect_time: '5' |
||||
owl_posts_slider_autoplay: false |
||||
owl_posts_slider_effect_time: '5' |
||||
owl_testimonials_autoplay: true |
||||
owl_testimonials_effect_time: '5' |
||||
google_maps_key: 'AIzaSyDyL-4KyWw_3hp-0jmZLGcJ3zMWkkJ44VI' |
||||
@ -0,0 +1,26 @@
|
||||
uuid: 84e51059-92d2-423b-b51d-be5f0f2bd504 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
config: |
||||
- system.menu.footer |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: qNB3MdzOoKsMJbzAbpyTvL2pEZ03K8_see8NBZWXqiA |
||||
id: magazineplus_footer |
||||
theme: magazineplus |
||||
region: footer_bottom_second |
||||
weight: -6 |
||||
provider: null |
||||
plugin: 'system_menu_block:footer' |
||||
settings: |
||||
id: 'system_menu_block:footer' |
||||
label: 'Footer menu' |
||||
provider: system |
||||
label_display: '0' |
||||
level: 1 |
||||
depth: 0 |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: be6ecaf4-43ba-4d20-8967-a5e9918d8f20 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- help |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: IEayb4QHxMzXoS3iz2PaAbHft7aTLySjf5BMM6iFDM0 |
||||
id: magazineplus_help |
||||
theme: magazineplus |
||||
region: content |
||||
weight: -7 |
||||
provider: null |
||||
plugin: help_block |
||||
settings: |
||||
id: help_block |
||||
label: Help |
||||
provider: help |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: 33ed8c77-80cb-42ae-8fc3-37a6c23d7a75 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- system |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: D9H9uRke2-KbcQD92BYXJl1y87fWHhoVNnmQWVfQYGw |
||||
id: magazineplus_powered |
||||
theme: magazineplus |
||||
region: sub_footer_first |
||||
weight: -6 |
||||
provider: null |
||||
plugin: system_powered_by_block |
||||
settings: |
||||
id: system_powered_by_block |
||||
label: 'Powered by Drupal' |
||||
provider: system |
||||
label_display: '0' |
||||
visibility: { } |
||||
@ -0,0 +1,22 @@
|
||||
uuid: a7c5447b-257d-4426-baba-daa1c3e89bf0 |
||||
langcode: en |
||||
status: true |
||||
dependencies: |
||||
module: |
||||
- search |
||||
theme: |
||||
- magazineplus |
||||
_core: |
||||
default_config_hash: rnK8mDkKDQGWnWeSVn5xpkA79FoQtfw11Zjzkwcq2y4 |
||||
id: magazineplus_search |
||||
theme: magazineplus |
||||
region: sidebar_first |
||||
weight: -6 |
||||
provider: null |
||||
plugin: search_form_block |
||||
settings: |
||||
id: search_form_block |
||||
label: Search |
||||
provider: search |
||||
label_display: visible |
||||
visibility: { } |
||||
@ -0,0 +1,5 @@
|
||||
# Schema for the configuration files of the Magazine+ theme. |
||||
|
||||
magazineplus.settings: |
||||
type: theme_settings |
||||
label: 'Magazine+ settings' |
||||
@ -0,0 +1,456 @@
|
||||
/* |
||||
* @file |
||||
* Overall specifications for Magazine+. |
||||
*/ |
||||
body { |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
line-height: 1.6; |
||||
color: #2d2d2d; |
||||
-webkit-font-smoothing: antialiased; |
||||
text-rendering: optimizelegibility; |
||||
} |
||||
|
||||
/*Paragraphs and links*/ |
||||
p { |
||||
margin: 0; |
||||
padding: 0 0 15px 0; |
||||
} |
||||
p.large { |
||||
font-size: 18px; |
||||
line-height: 1.45; |
||||
} |
||||
p.highlighted { |
||||
background-color: #f4f4f4; |
||||
display: inline-block; |
||||
padding: 10px 40px; |
||||
margin-bottom: 45px; |
||||
border-radius: 50px; |
||||
font-size: 16px; |
||||
} |
||||
.region--gray-background p.highlighted { |
||||
background-color: #ffffff; |
||||
} |
||||
.region--light-typography p.highlighted { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
a { |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
text-decoration: none; |
||||
} |
||||
a:hover { |
||||
text-decoration: none; |
||||
} |
||||
a:focus { |
||||
outline: none; |
||||
text-decoration: none; |
||||
} |
||||
p a { |
||||
text-decoration: underline; |
||||
} |
||||
p a:hover, |
||||
p a:focus { |
||||
text-decoration: none; |
||||
} |
||||
.region--light-typography.region--dark-background a.is-active { |
||||
color: #ddd; |
||||
} |
||||
a.link--bordered, |
||||
.link--bordered a { |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
} |
||||
a.link--bordered:hover, |
||||
.link--bordered a:hover { |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
text-decoration: none; |
||||
border-color: transparent; |
||||
} |
||||
.region--light-typography a.link--bordered, |
||||
.region--light-typography .link--bordered a { |
||||
border-color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
.region--light-typography a.link--bordered:hover, |
||||
.region--light-typography .link--bordered a:hover { |
||||
border-color: transparent; |
||||
text-decoration: none; |
||||
} |
||||
a.link--hover-style-2, |
||||
.link--hover-style-2 a { |
||||
-webkit-transition: all 0.3s; |
||||
-moz-transition: all 0.3s; |
||||
-ms-transition: all 0.3s; |
||||
-o-transition: all 0.3s; |
||||
transition: all 0.3s; |
||||
position: relative; |
||||
display: block; |
||||
} |
||||
a.link--hover-style-2:before, |
||||
.link--hover-style-2 a:before { |
||||
position: absolute; |
||||
left: -15px; |
||||
top: 50%; |
||||
margin-top: -5px; |
||||
font-family: "FontAwesome"; |
||||
font-size: 10px; |
||||
line-height: 1; |
||||
-webkit-transition: all 0.3s; |
||||
-moz-transition: all 0.3s; |
||||
-ms-transition: all 0.3s; |
||||
-o-transition: all 0.3s; |
||||
transition: all 0.3s; |
||||
-webkit-transition-delay: 0s; /* Safari */ |
||||
transition-delay: 0s; |
||||
opacity: 0; |
||||
filter: alpha(opacity=0); |
||||
content: "\f105"; |
||||
} |
||||
a.link--hover-style-2:hover, |
||||
.link--hover-style-2 a:hover { |
||||
padding-left: 20px; |
||||
text-decoration: none; |
||||
} |
||||
a.link--hover-style-2:hover:before, |
||||
.link--hover-style-2 a:hover:before { |
||||
left: 0; |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
-webkit-transition-delay: 0.1s; /* Safari */ |
||||
transition-delay: 0.1s; |
||||
} |
||||
.region--light-typography.region--dark-background a.link--hover-style-2:before, |
||||
.region--light-typography.region--dark-background .link--hover-style-2 a:before { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography.region--dark-background .text--dark, |
||||
.region--light-typography.region--black-background .text--dark { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography.region--colored-background .text--colored, |
||||
.region--light-typography.region--black-background .text--colored { |
||||
color: #ffffff; |
||||
} |
||||
.text--drop-cap:first-letter { |
||||
float: left; |
||||
font-size: 5em; |
||||
line-height: 0.8; |
||||
padding-top: 0px; |
||||
padding-right: 12px; |
||||
} |
||||
|
||||
/*Regions with light and dark typography*/ |
||||
.region--light-typography { |
||||
color: #ffffff; |
||||
} |
||||
.subfooter.region--light-typography.region--dark-background, |
||||
.subfooter.region--light-typography.region--black-background { |
||||
color: #9c9c9c; |
||||
} |
||||
.region--light-typography a, |
||||
.region--light-typography a.link--dark, |
||||
.region--light-typography .link--dark a { |
||||
color: #ffffff; |
||||
text-decoration: underline; |
||||
} |
||||
.region--light-typography a:hover, |
||||
.region--light-typography a:focus, |
||||
.region--light-typography a.link--dark:hover, |
||||
.region--light-typography a.link--dark:focus, |
||||
.region--light-typography .link--dark a:hover, |
||||
.region--light-typography .link--dark a:focus { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Basic elements*/ |
||||
img { |
||||
height: auto; |
||||
max-width: 100%; |
||||
} |
||||
img.img--bordered, |
||||
.img--bordered img { |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: #e7e7e7; |
||||
} |
||||
.region--light-typography img.img--bordered, |
||||
.region--light-typography .img--bordered img { |
||||
border-color: rgba(255, 255, 255, 0.15); |
||||
} |
||||
code, |
||||
pre { |
||||
word-wrap: break-word; |
||||
word-break: break-all; |
||||
white-space: pre; |
||||
white-space: pre-wrap; |
||||
font-family: 'Source Code Pro', Consolas, Monaco, Courier; |
||||
} |
||||
pre { |
||||
background: #f4f4f4; |
||||
border: none; |
||||
border-left: 5px solid #d3d1cd; |
||||
-webkit-border-radius: 0px; |
||||
-moz-border-radius: 0px; |
||||
border-radius: 0px; |
||||
color: #2d2d2d; |
||||
padding: 20px; |
||||
font-size: 14px; |
||||
max-height: 62px; |
||||
overflow: hidden; |
||||
margin: 40px 0 40px 45px; |
||||
} |
||||
pre:hover { |
||||
max-height: 10000px; |
||||
-webkit-transition: all ease-in-out 2s; |
||||
-moz-transition: all ease-in-out 2s; |
||||
-o-transition: all ease-in-out 2s; |
||||
-ms-transition: all ease-in-out 2s; |
||||
transition: all ease-in-out 2s; |
||||
} |
||||
blockquote { |
||||
padding: 25px 0 5px; |
||||
margin: 0 0 25px; |
||||
border-left-width: 0px; |
||||
position: relative; |
||||
font-style: italic; |
||||
} |
||||
blockquote p { |
||||
font-size: 18px; |
||||
line-height: 1.65; |
||||
} |
||||
.paragraph-responsive-typography-enabled blockquote p { |
||||
font-size: calc(1.5*(0.9em + 0.3vw)); |
||||
} |
||||
p + blockquote { |
||||
margin-top: 30px; |
||||
} |
||||
blockquote:before { |
||||
content: ""; |
||||
width: 170px; |
||||
height: 5px; |
||||
background-color: #f4f4f4; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
blockquote p:first-child:before { |
||||
content: "“" |
||||
} |
||||
blockquote footer { |
||||
font-style: normal; |
||||
color: #2d2d2d; |
||||
} |
||||
.region--light-typography blockquote footer { |
||||
color: #ffffff; |
||||
} |
||||
.region--gray-background blockquote:before { |
||||
background-color: #eaeaea; |
||||
} |
||||
.region--colored-background blockquote:before, |
||||
.region--black-background blockquote:before, |
||||
.region--dark-background blockquote:before { |
||||
background-color: #ffffff; |
||||
} |
||||
hr { |
||||
border-top: 1px solid #f4f4f4; |
||||
margin-bottom: 40px; |
||||
margin-top: 40px; |
||||
} |
||||
.region--gray-background hr { |
||||
border-color: #e7e7e7; |
||||
} |
||||
.region--light-typography hr { |
||||
border-color: #ffffff; |
||||
} |
||||
|
||||
/*Headings*/ |
||||
h1, |
||||
h2, |
||||
h3, |
||||
h4, |
||||
h5, |
||||
h6 { |
||||
line-height: 1.20; |
||||
padding: 0; |
||||
margin: 20px 0 15px 0; |
||||
font-weight: 400; |
||||
} |
||||
.headings-wide-spacing-enabled h1, |
||||
.headings-wide-spacing-enabled h2, |
||||
.headings-wide-spacing-enabled h3, |
||||
.headings-wide-spacing-enabled h4, |
||||
.headings-wide-spacing-enabled h5, |
||||
.headings-wide-spacing-enabled h6 { |
||||
letter-spacing: 0.2em; |
||||
text-transform: uppercase; |
||||
} |
||||
h1 { |
||||
font-size: 40px; |
||||
} |
||||
h2 { |
||||
font-size: 35px; |
||||
} |
||||
h3 { |
||||
font-size: 30px; |
||||
} |
||||
h4 { |
||||
font-size: 26px; |
||||
} |
||||
h5 { |
||||
font-size: 24px; |
||||
} |
||||
h6 { |
||||
font-size: 18px; |
||||
} |
||||
h1.title { |
||||
margin-top: 0; |
||||
} |
||||
h1.page-title { |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
/*resposinve text align*/ |
||||
@media (min-width: 1200px) { |
||||
.lg-text-center { |
||||
text-align: center; |
||||
} |
||||
} |
||||
@media (min-width: 992px) and (max-width: 1199px) { |
||||
.md-text-center { |
||||
text-align: center; |
||||
} |
||||
} |
||||
@media (min-width: 768px) and (max-width: 991px) { |
||||
.sm-text-center { |
||||
text-align: center; |
||||
} |
||||
} |
||||
@media (max-width: 767px) { |
||||
.xs-text-center { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
/*Block title*/ |
||||
.block-title { |
||||
margin-bottom: 30px; |
||||
margin-top: 0; |
||||
line-height: 1.2; |
||||
font-size: 30px; |
||||
} |
||||
.block-title--large { |
||||
font-size: 40px; |
||||
margin-bottom: 15px; |
||||
} |
||||
.block-title--extra-large { |
||||
font-size: 50px; |
||||
margin-bottom: 15px; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.block-title--large { |
||||
font-size: 30px; |
||||
} |
||||
.block-title--extra-large { |
||||
font-size: 35px; |
||||
} |
||||
} |
||||
.headings-wide-spacing-enabled .block-title--large { |
||||
letter-spacing: 0.55em; |
||||
text-transform: uppercase; |
||||
} |
||||
h2.block-title { |
||||
padding-bottom: 15px; |
||||
margin: 0 0 20px 0; |
||||
border-bottom-width: 2px; |
||||
border-bottom-style: solid; |
||||
border-bottom-color: #eeeeee; |
||||
line-height: 1.2; |
||||
text-transform: uppercase; |
||||
font-weight: 400; |
||||
} |
||||
.region--light-typography h2.block-title { |
||||
border-bottom-color: rgba(255,255,255,0.1); |
||||
} |
||||
h2.title, |
||||
nav > h2, |
||||
.block-search > h2 { |
||||
font-size: 30px; |
||||
padding-top: 15px; |
||||
margin: 0 0 40px 0; |
||||
border-width: 2px 0 0 0; |
||||
border-top-style: solid; |
||||
border-color: #eeeeee; |
||||
font-weight: 400; |
||||
text-align: center; |
||||
} |
||||
.sidebar__section h2.title, |
||||
.sidebar__section nav > h2, |
||||
.sidebar__section .block-search > h2, |
||||
.slideout__section h2.title, |
||||
.slideout__section nav > h2, |
||||
.slideout__section .block-search > h2, |
||||
.footer__section h2.title, |
||||
.footer__section nav > h2, |
||||
.footer__section .block-search > h2, |
||||
.footer-bottom__section h2.title, |
||||
.footer-bottom__section nav > h2, |
||||
.footer-bottom__section .block-search > h2, |
||||
.subfooter__section h2.title, |
||||
.subfooter__section nav > h2, |
||||
.subfooter__section .block-search > h2 { |
||||
font-size: 18px; |
||||
padding-top: 8px; |
||||
padding-bottom: 25px; |
||||
margin-bottom: 30px; |
||||
border-width: 0 0 2px 0; |
||||
border-bottom-style: solid; |
||||
border-color: #eeeeee; |
||||
text-transform: uppercase; |
||||
text-align: left; |
||||
} |
||||
.region--light-typography h2.title, |
||||
.region--light-typography nav > h2, |
||||
.region--light-typography .block-search > h2 { |
||||
border-color: rgba(255,255,255,0.1); |
||||
} |
||||
|
||||
/*footer regions*/ |
||||
@media (max-width: 991px) { |
||||
.footer__section h2.title, |
||||
.footer__section nav > h2, |
||||
.footer__section .block-search > h2, |
||||
.footer-bottom__section h2.title, |
||||
.footer-bottom__section nav > h2, |
||||
.footer-bottom__section .block-search > h2, |
||||
.subfooter__section h2.title, |
||||
.subfooter__section nav > h2, |
||||
.subfooter__section .block-search > h2 { |
||||
margin-bottom: 20px; |
||||
} |
||||
} |
||||
|
||||
/* Content region overrides */ |
||||
.region-content h2.title, |
||||
.region-content nav > h2, |
||||
.region-content .block-search > h2 { |
||||
margin: 20px 0; |
||||
} |
||||
|
||||
/*spacing*/ |
||||
.bottom-spacing-small { |
||||
padding-bottom: 25px; |
||||
} |
||||
.bottom-spacing-medium { |
||||
padding-bottom: 50px; |
||||
} |
||||
.bottom-spacing-large { |
||||
padding-bottom: 90px; |
||||
} |
||||
@ -0,0 +1,539 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s layout. |
||||
*/ |
||||
|
||||
/*Regions background colors*/ |
||||
.region--white-background { |
||||
background-color: #ffffff; |
||||
} |
||||
.region--gray-background { |
||||
background-color: #f4f4f4; |
||||
} |
||||
.region--black-background { |
||||
background-color: #1d1d1d; |
||||
} |
||||
.region--white-pattern { |
||||
background-image: url('../../images/white-pattern.png'); |
||||
background-repeat: repeat; |
||||
background-position: 0 0; |
||||
} |
||||
|
||||
/*header-top-highlighted*/ |
||||
.header-top-highlighted__container { |
||||
position: relative; |
||||
z-index: 498; |
||||
} |
||||
.header-top-highlighted__section { |
||||
font-size: 13px; |
||||
} |
||||
|
||||
/*header-top layout*/ |
||||
.header-top__container { |
||||
padding: 70px 0 65px; |
||||
} |
||||
.header-top__container p:last-child:first-child { |
||||
padding-bottom: 0; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.header-top__container { |
||||
padding: 40px 0 25px; |
||||
} |
||||
.header-top__section { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
/*header layout*/ |
||||
.header-container { |
||||
padding: 0; |
||||
position: relative; |
||||
z-index: 100; |
||||
} |
||||
.region--white-background + div header.header.region--white-background, |
||||
.region--white-background + header.header.region--white-background { |
||||
border-width: 1px 0; |
||||
border-color: #eeeeee transparent; |
||||
} |
||||
header.header.region--white-background { |
||||
border-bottom-color: #eeeeee; |
||||
border-style: solid; |
||||
border-width: 0 0 1px 0; |
||||
} |
||||
.header__container { |
||||
padding: 20px 0; |
||||
position: relative; |
||||
} |
||||
.header-first { |
||||
padding: 5px 0; |
||||
} |
||||
@media (max-width:767px) { |
||||
.header__container { |
||||
padding: 15px 0; |
||||
} |
||||
} |
||||
|
||||
/*Regions spacing*/ |
||||
.banner { |
||||
padding: 85px 0 100px; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.banner { |
||||
padding: 50px 0 60px; |
||||
} |
||||
} |
||||
.content-top__section { |
||||
padding: 80px 0; |
||||
} |
||||
.content-top-highlighted__section { |
||||
padding: 90px 0 80px; |
||||
} |
||||
.page-container-border-enabled .pre-content { |
||||
width: auto; |
||||
} |
||||
.pre-content__section { |
||||
padding: 100px 0; |
||||
} |
||||
.main-content__section, |
||||
.sidebar__section { |
||||
padding: 90px 0 70px; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.main-content__section, |
||||
.sidebar__section { |
||||
padding: 60px 0 70px; |
||||
} |
||||
} |
||||
.region--white-background:not(.region--no-paddings) ~ .region--white-background .main-content__section, |
||||
.region--gray-background:not(.region--no-paddings) ~ .region--gray-background .main-content__section, |
||||
.region--colored-background:not(.region--no-paddings) ~ .region--colored-background .main-content__section, |
||||
.region--dark-background:not(.region--no-paddings) ~ .region--dark-background .main-content__section, |
||||
.region--black-background:not(.region--no-paddings) ~ .region--black-background .main-content__section, |
||||
.region--white-background:not(.region--no-paddings) ~ .region--white-background .sidebar__section, |
||||
.region--gray-background:not(.region--no-paddings) ~ .region--gray-background .sidebar__section, |
||||
.region--colored-background:not(.region--no-paddings) ~ .region--colored-background .sidebar__section, |
||||
.region--dark-background:not(.region--no-paddings) ~ .region--dark-background .sidebar__section, |
||||
.region--black-background:not(.region--no-paddings) ~ .region--black-background .sidebar__section { |
||||
padding-top: 0; |
||||
} |
||||
|
||||
@media (min-width: 1200px) { |
||||
.layout-sidebar-second .main-content__section { |
||||
padding-right: 35px; |
||||
} |
||||
.layout-sidebar-first .main-content__section { |
||||
padding-left: 35px; |
||||
} |
||||
} |
||||
@media (max-width: 991px) { |
||||
.sidebar__section { |
||||
padding-top: 0; |
||||
} |
||||
} |
||||
.content-bottom__section { |
||||
padding: 100px 0 70px; |
||||
} |
||||
.featured-top__section { |
||||
padding: 100px 0 70px; |
||||
} |
||||
.featured__section { |
||||
padding: 90px 0 80px; |
||||
} |
||||
.featured-bottom__section { |
||||
padding: 90px 0 80px; |
||||
} |
||||
.sub-featured__section { |
||||
padding: 90px 0 80px; |
||||
} |
||||
.highlighted-top__section { |
||||
padding: 60px 0; |
||||
} |
||||
.banner.region--white-background ~ .region--white-background .highlighted-top__section, |
||||
.banner.region--gray-background ~ .region--gray-background .highlighted-top__section, |
||||
.banner.region--colored-background ~ .region--colored-background .highlighted-top__section, |
||||
.banner.region--dark-background ~ .region--dark-background .highlighted-top__section, |
||||
.banner.region--black-background ~ .region--black-background .highlighted-top__section { |
||||
padding: 0 0 60px; |
||||
} |
||||
.highlighted__section { |
||||
padding: 90px 0 120px; |
||||
} |
||||
.banner.region--white-background ~ .system-messages + .region--white-background .highlighted__section, |
||||
.banner.region--gray-background ~ .system-messages + .region--gray-background .highlighted-_section, |
||||
.banner.region--colored-background ~ .system-messages + .region--colored-background .highlightop__section, |
||||
.banner.region--dark-background ~ .system-messages + .region--dark-background .highlighted-_section, |
||||
.banner.region--black-background ~ .system-messages + .region--black-background .highlighted__section { |
||||
padding: 0 0 120px; |
||||
} |
||||
.footer-top__section { |
||||
padding: 90px 0 80px; |
||||
} |
||||
|
||||
/*Footer*/ |
||||
.footer { |
||||
position: relative; |
||||
} |
||||
.footer__section { |
||||
padding: 90px 0; |
||||
} |
||||
@media (max-width:767px) { |
||||
.footer__section { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
/*Footer bottom*/ |
||||
.footer-bottom__container { |
||||
padding: 60px 0; |
||||
} |
||||
.region--black-background + .region--black-background .footer-bottom__container, |
||||
.region--colored-background + .region--colored-background .footer-bottom__container, |
||||
.region--dark-background + .region--dark-background .footer-bottom__container, |
||||
.region--white-background + .region--white-background .footer-bottom__container, |
||||
.region--gray-background + .region--gray-background .footer-bottom__container { |
||||
padding-top: 0; |
||||
} |
||||
|
||||
@media (max-width:767px) { |
||||
.footer-bottom__section { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
/*Subfooter*/ |
||||
.subfooter { |
||||
border-top-width: 1px; |
||||
border-top-style: solid; |
||||
border-top-color: transparent; |
||||
} |
||||
.subfooter.region--separator-incline-diagonal, |
||||
.subfooter.region--separator-decline-diagonal, |
||||
.subfooter.region--separator-border-top { |
||||
border-width: 0; |
||||
} |
||||
.subfooter__container { |
||||
padding: 25px 0; |
||||
} |
||||
.region--black-background + .region--black-background.subfooter { |
||||
border-top-color: #393939; |
||||
} |
||||
.region--colored-background + .region--colored-background.subfooter { |
||||
border-top-color: rgba(255, 255, 255, 0.06); |
||||
} |
||||
.region--dark-background + .region--dark-background.subfooter { |
||||
border-top-color: rgba(255, 255, 255, 0.06); |
||||
} |
||||
.region--white-background + .region--white-background.subfooter, |
||||
.region--gray-background + .region--gray-background.subfooter { |
||||
border-top-color: #eaeaea; |
||||
} |
||||
.subfooter__section { |
||||
font-size: 12px; |
||||
} |
||||
.col-md-6 .subfooter__section.subfooter-second { |
||||
text-align: right; |
||||
} |
||||
.headings-wide-spacing-enabled .subfooter__section { |
||||
letter-spacing: 0.2em; |
||||
text-transform: uppercase; |
||||
} |
||||
@media (max-width: 991px) { |
||||
.subfooter__section { |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
/*Regions Separators*/ |
||||
/*border top*/ |
||||
.region--separator-border-top:before { |
||||
height: 1px; |
||||
max-width: 1140px; |
||||
display: block; |
||||
margin: 0 auto; |
||||
} |
||||
@media (max-width: 1170px) { |
||||
.region--separator-border-top:before { |
||||
margin: 0 15px; |
||||
} |
||||
} |
||||
.region--white-background + .region--white-background.region--separator-border-top:before, |
||||
.region--gray-background + .region--gray-background.region--separator-border-top:before { |
||||
background-color: #e5e5e5; |
||||
} |
||||
.region--colored-background + .region--colored-background.region--separator-border-top:before, |
||||
.region--dark-background + .region--dark-background.region--separator-border-top:before, |
||||
.region--black-background + .region--black-background.region--separator-border-top:before { |
||||
background-color: rgba(255, 255, 255, 0.5); |
||||
} |
||||
|
||||
/*incline diagonal*/ |
||||
.region--separator-incline-diagonal { |
||||
padding-top: 210px; |
||||
position: relative; |
||||
overflow: hidden; |
||||
} |
||||
.region--separator-incline-diagonal:before { |
||||
position: absolute; |
||||
top: 0; |
||||
left: -5%; |
||||
height: 140px; |
||||
width: 110%; |
||||
display: block; |
||||
} |
||||
.region--white-background + .region--separator-incline-diagonal:before { |
||||
background: linear-gradient(to bottom right, #ffffff 49.5%, transparent 50%); |
||||
} |
||||
.region--gray-background + .region--separator-incline-diagonal:before { |
||||
background: linear-gradient(to bottom right, #f4f4f4 49.5%, transparent 50%); |
||||
} |
||||
.region--black-background + .region--separator-incline-diagonal:before { |
||||
background: linear-gradient(to bottom right, #1d1d1d 49.5%, transparent 50%); |
||||
} |
||||
.region--white-background + .region--white-background.region--separator-incline-diagonal:before, |
||||
.region--gray-background + .region--gray-background.region--separator-incline-diagonal:before, |
||||
.region--colored-background + .region--colored-background.region--separator-incline-diagonal:before, |
||||
.region--dark-background + .region--dark-background.region--separator-incline-diagonal:before, |
||||
.region--black-background + .region--black-background.region--separator-incline-diagonal:before { |
||||
background: none; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.region--separator-incline-diagonal { |
||||
padding-top: 100px; |
||||
} |
||||
.region--separator-incline-diagonal:before { |
||||
height: 70px; |
||||
} |
||||
} |
||||
|
||||
/*decline diagonal*/ |
||||
.region--separator-decline-diagonal { |
||||
padding-top: 210px; |
||||
position: relative; |
||||
overflow: hidden; |
||||
} |
||||
.region--separator-decline-diagonal:before { |
||||
position: absolute; |
||||
top: 0; |
||||
left: -5%; |
||||
height: 140px; |
||||
width: 110%; |
||||
display: block; |
||||
} |
||||
.region--white-background + .region--separator-decline-diagonal:before { |
||||
background: linear-gradient(to bottom left, #ffffff 49.5%, transparent 50%); |
||||
} |
||||
.region--gray-background + .region--separator-decline-diagonal:before { |
||||
background: linear-gradient(to bottom left, #f4f4f4 49.5%, transparent 50%); |
||||
} |
||||
.region--black-background + .region--separator-decline-diagonal:before { |
||||
background: linear-gradient(to bottom left, #1d1d1d 49.5%, transparent 50%); |
||||
} |
||||
.region--white-background + .region--white-background.region--separator-decline-diagonal:before, |
||||
.region--gray-background + .region--gray-background.region--separator-decline-diagonal:before, |
||||
.region--colored-background + .region--colored-background.region--separator-decline-diagonal:before, |
||||
.region--dark-background + .region--dark-background.region--separator-decline-diagonal:before, |
||||
.region--black-background + .region--black-background.region--separator-decline-diagonal:before { |
||||
background: none; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.region--separator-decline-diagonal { |
||||
padding-top: 100px; |
||||
} |
||||
.region--separator-decline-diagonal:before { |
||||
height: 70px; |
||||
} |
||||
} |
||||
|
||||
/*Region paddings reset*/ |
||||
.region--no-paddings, |
||||
.slideout.region--no-paddings, |
||||
.region--no-paddings .header-top__container, |
||||
.region--no-paddings .header__container, |
||||
.region--no-paddings .content-top__section, |
||||
.region--no-paddings .content-top-highlighted__section, |
||||
.region--no-paddings .pre-content__section, |
||||
.region--no-paddings .main-content__section, |
||||
.region--no-paddings .sidebar__section, |
||||
.region--no-paddings .sidebar__section, |
||||
.region--no-paddings .content-bottom__section, |
||||
.region--no-paddings .featured-top__section, |
||||
.region--no-paddings .featured__section, |
||||
.region--no-paddings .featured-bottom__section, |
||||
.region--no-paddings .sub-featured__section, |
||||
.region--no-paddings .highlighted-top__section, |
||||
.region--no-paddings .highlighted__section, |
||||
.region--no-paddings .footer-top__section, |
||||
.region--no-paddings .footer__section, |
||||
.region--no-paddings .footer-bottom__container, |
||||
.region--no-paddings .subfooter__container { |
||||
padding-top: 0; |
||||
padding-bottom: 0; |
||||
} |
||||
|
||||
/*Bordered Container*/ |
||||
.container--bordered-left { |
||||
padding-left: 70px; |
||||
border-width: 0 0 0 3px; |
||||
border-color: #efefef; |
||||
border-style: solid; |
||||
} |
||||
|
||||
/*Custom Grid*/ |
||||
.grid-gutter-0 { |
||||
margin-right: 0px; |
||||
margin-left: 0px; |
||||
} |
||||
.container-fluid .grid-gutter-0 { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
.grid-gutter-0 .col-lg-6, |
||||
.grid-gutter-0 .col-lg-4, |
||||
.grid-gutter-0 .col-lg-3, |
||||
.grid-gutter-0 .col-md-6, |
||||
.grid-gutter-0 .col-md-4, |
||||
.grid-gutter-0 .col-md-3, |
||||
.grid-gutter-0 .col-sm-6, |
||||
.grid-gutter-0 .col-sm-4, |
||||
.grid-gutter-0 .col-sm-3, |
||||
.grid-gutter-0 .col-xs-6, |
||||
.grid-gutter-0 .col-xs-4, |
||||
.grid-gutter-0 .col-xs-3 { |
||||
padding-left: 0px; |
||||
padding-right: 0px; |
||||
} |
||||
.grid-gutter-5 { |
||||
margin-right: -5px; |
||||
margin-left: -5px; |
||||
} |
||||
.container-fluid .grid-gutter-5 { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
.grid-gutter-5 .col-lg-6, |
||||
.grid-gutter-5 .col-lg-4, |
||||
.grid-gutter-5 .col-lg-3, |
||||
.grid-gutter-5 .col-md-6, |
||||
.grid-gutter-5 .col-md-4, |
||||
.grid-gutter-5 .col-md-3, |
||||
.grid-gutter-5 .col-sm-6, |
||||
.grid-gutter-5 .col-sm-4, |
||||
.grid-gutter-5 .col-sm-3, |
||||
.grid-gutter-5 .col-xs-6, |
||||
.grid-gutter-5 .col-xs-4, |
||||
.grid-gutter-5 .col-xs-3 { |
||||
padding-left: 5px; |
||||
padding-right: 5px; |
||||
margin-bottom: 10px; |
||||
} |
||||
.grid-gutter-10 { |
||||
margin-right: -10px; |
||||
margin-left: -10px; |
||||
} |
||||
.container-fluid .grid-gutter-10 { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
.grid-gutter-10 .col-lg-6, |
||||
.grid-gutter-10 .col-lg-4, |
||||
.grid-gutter-10 .col-lg-3, |
||||
.grid-gutter-10 .col-md-6, |
||||
.grid-gutter-10 .col-md-4, |
||||
.grid-gutter-10 .col-md-3, |
||||
.grid-gutter-10 .col-sm-6, |
||||
.grid-gutter-10 .col-sm-4, |
||||
.grid-gutter-10 .col-sm-3, |
||||
.grid-gutter-10 .col-xs-6, |
||||
.grid-gutter-10 .col-xs-4, |
||||
.grid-gutter-10 .col-xs-3 { |
||||
padding-left: 10px; |
||||
padding-right: 10px; |
||||
margin-bottom: 20px; |
||||
} |
||||
|
||||
/*Layout Mode*/ |
||||
.boxed .banner__section { |
||||
overflow: hidden; |
||||
} |
||||
@media (min-width:768px) { |
||||
.boxed .page-container { |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
position: relative; |
||||
background-color: #fff; |
||||
border-left: 1px solid #c2c2c2; |
||||
border-right: 1px solid #c2c2c2; |
||||
border-bottom: 1px solid #c2c2c2; |
||||
} |
||||
.boxed .page-container { |
||||
width: 750px; |
||||
} |
||||
.onscroll.boxed .page-container .header-container .header.js-fixed { |
||||
width: 748px; |
||||
} |
||||
.boxed.page-container-border-enabled .page-container, |
||||
.onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed { |
||||
width: 780px; |
||||
} |
||||
} |
||||
@media (min-width:992px) { |
||||
.boxed .page-container { |
||||
width: 970px; |
||||
} |
||||
.onscroll.boxed .page-container .header-container .header.js-fixed { |
||||
width: 968px; |
||||
} |
||||
.boxed.page-container-border-enabled .page-container, |
||||
.onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed { |
||||
width: 1000px; |
||||
} |
||||
} |
||||
@media (min-width:1200px) { |
||||
.boxed .page-container { |
||||
width: 1170px; |
||||
} |
||||
.onscroll.boxed .page-container .header-container .header.js-fixed { |
||||
width: 1168px; |
||||
} |
||||
.boxed.page-container-border-enabled .page-container, |
||||
.onscroll.boxed.page-container-border-enabled .page-container .header-container .js-fixed { |
||||
width: 1200px; |
||||
} |
||||
} |
||||
|
||||
/*Bordered page container */ |
||||
.page-container-border-enabled .page-container { |
||||
border-width: 10px; |
||||
border-style: solid; |
||||
overflow: hidden; |
||||
} |
||||
.page-container-border-enabled .page-container > div, |
||||
.page-container-border-enabled .page-container > .footer { |
||||
margin-left: -10px; |
||||
margin-right: -10px; |
||||
} |
||||
.page-container-border-enabled .page-container > .js-transparent-header, |
||||
.page-container-border-enabled .container-fluid .grid-gutter-10, |
||||
.page-container-border-enabled .container-fluid .grid-gutter-5, |
||||
.page-container-border-enabled .container-fluid .grid-gutter-0 { |
||||
margin-left: 0; |
||||
margin-right: 0; |
||||
} |
||||
@media (min-width: 992px) { |
||||
.page-container-border-enabled .page-container { |
||||
border-width: 15px; |
||||
} |
||||
.page-container-border-enabled .page-container > div, |
||||
.page-container-border-enabled .page-container > .footer { |
||||
margin-left: -15px; |
||||
margin-right: -15px; |
||||
} |
||||
.page-container-border-enabled .page-container > .js-transparent-header, |
||||
.page-container-border-enabled .container-fluid .grid-gutter-10, |
||||
.page-container-border-enabled .container-fluid .grid-gutter-5, |
||||
.page-container-border-enabled .container-fluid .grid-gutter-0, |
||||
.page-container-border-enabled .container-fluid .field--mt-background-image-block { |
||||
margin-left: 0; |
||||
margin-right: 0; |
||||
} |
||||
} |
||||
@ -0,0 +1,9 @@
|
||||
/** |
||||
* @file |
||||
* Use this CSS file to override base CSS rules |
||||
*/ |
||||
|
||||
/* Set default font weight to 300 for better typography in high-density screens */ |
||||
/*body { |
||||
font-weight: 300; |
||||
}*/ |
||||
@ -0,0 +1,700 @@
|
||||
/** |
||||
* @file |
||||
* Font Families. |
||||
*/ |
||||
|
||||
/*body*/ |
||||
body.pff-01 { |
||||
font-family: 'Merriweather', Georgia, Times New Roman, Serif; |
||||
} |
||||
body.pff-02 { |
||||
font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-03 { |
||||
font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-04 { |
||||
font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-05 { |
||||
font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-06 { |
||||
font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-07 { |
||||
font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-08 { |
||||
font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; |
||||
} |
||||
body.pff-09 { |
||||
font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-10 { |
||||
font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; |
||||
} |
||||
body.pff-11 { |
||||
font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-12 { |
||||
font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; |
||||
} |
||||
body.pff-13 { |
||||
font-family: Georgia, Times New Roman, Serif; |
||||
} |
||||
body.pff-14 { |
||||
font-family: 'Playfair Display', Times New Roman, Serif; |
||||
} |
||||
body.pff-15 { |
||||
font-family: 'Philosopher', Georgia, Times New Roman, Serif; |
||||
} |
||||
body.pff-17 { |
||||
font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-18 { |
||||
font-family: 'Playfair Display SC', Georgia, Times New Roman, Serif; |
||||
} |
||||
body.pff-19 { |
||||
font-family: 'Cabin', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-20 { |
||||
font-family: 'Noto Sans', Arial, Helvetica Neue, Sans-serif; |
||||
} |
||||
body.pff-21 { |
||||
font-family: Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-22 { |
||||
font-family: 'Droid Serif', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-23 { |
||||
font-family: 'PT Serif', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-24 { |
||||
font-family: 'Vollkorn', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-25 { |
||||
font-family: 'Alegreya', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-26 { |
||||
font-family: 'Noto Serif', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-27 { |
||||
font-family: 'Crimson Text', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-28 { |
||||
font-family: 'Gentium Book Basic', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-29 { |
||||
font-family: 'Volkhov', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-30 { |
||||
font-family: Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-33 { |
||||
font-family: 'Fira Sans', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
body.pff-34 { |
||||
font-family: 'Lora', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
body.pff-35 { |
||||
font-family: 'Quattrocento Sans', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-37 { |
||||
font-family: 'Work Sans', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-38 { |
||||
font-family: 'Open Sans Condensed', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-39 { |
||||
font-family: 'PT Sans Narrow', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-40 { |
||||
font-family: 'Archivo Narrow', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-41 { |
||||
font-family: 'Ubuntu Condensed', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-42 { |
||||
font-family: 'Arimo', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
body.pff-43 { |
||||
font-family: 'Libre Franklin', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
|
||||
/*headings*/ |
||||
.hff-01 h1, |
||||
.hff-01 h2, |
||||
.hff-01 h3, |
||||
.hff-01 h4, |
||||
.hff-01 h5, |
||||
.hff-01 h6, |
||||
.hff-01 .tp-caption__title, |
||||
.hff-01 .tp-caption__subtitle, |
||||
.sff-01 .site-name, |
||||
.slff-01 .site-slogan, |
||||
.hff-01 .nav-tab__title { |
||||
font-family: 'Merriweather', Georgia, Times New Roman, Serif; |
||||
} |
||||
|
||||
.hff-02 h1, |
||||
.hff-02 h2, |
||||
.hff-02 h3, |
||||
.hff-02 h4, |
||||
.hff-02 h5, |
||||
.hff-02 h6, |
||||
.hff-02 .tp-caption__title, |
||||
.hff-02 .tp-caption__subtitle, |
||||
.sff-02 .site-name, |
||||
.slff-02 .site-slogan, |
||||
.hff-02 .nav-tab__title { |
||||
font-family: 'Source Sans Pro', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-03 h1, |
||||
.hff-03 h2, |
||||
.hff-03 h3, |
||||
.hff-03 h4, |
||||
.hff-03 h5, |
||||
.hff-03 h6, |
||||
.hff-03 .tp-caption__title, |
||||
.hff-03 .tp-caption__subtitle, |
||||
.sff-03 .site-name, |
||||
.slff-03 .site-slogan, |
||||
.hff-03 .nav-tab__title { |
||||
font-family: 'Ubuntu', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-04 h1, |
||||
.hff-04 h2, |
||||
.hff-04 h3, |
||||
.hff-04 h4, |
||||
.hff-04 h5, |
||||
.hff-04 h6, |
||||
.hff-04 .tp-caption__title, |
||||
.hff-04 .tp-caption__subtitle, |
||||
.sff-04 .site-name, |
||||
.slff-04 .site-slogan, |
||||
.hff-04 .nav-tab__title { |
||||
font-family: 'PT Sans', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-05 h1, |
||||
.hff-05 h2, |
||||
.hff-05 h3, |
||||
.hff-05 h4, |
||||
.hff-05 h5, |
||||
.hff-05 h6, |
||||
.hff-05 .tp-caption__title, |
||||
.hff-05 .tp-caption__subtitle, |
||||
.sff-05 .site-name, |
||||
.slff-05 .site-slogan, |
||||
.hff-05 .nav-tab__title { |
||||
font-family: 'Roboto', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-06 h1, |
||||
.hff-06 h2, |
||||
.hff-06 h3, |
||||
.hff-06 h4, |
||||
.hff-06 h5, |
||||
.hff-06 h6, |
||||
.hff-06 .tp-caption__title, |
||||
.hff-06 .tp-caption__subtitle, |
||||
.sff-06 .site-name, |
||||
.slff-06 .site-slogan, |
||||
.hff-06 .nav-tab__title { |
||||
font-family: 'Open Sans', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-07 h1, |
||||
.hff-07 h2, |
||||
.hff-07 h3, |
||||
.hff-07 h4, |
||||
.hff-07 h5, |
||||
.hff-07 h6, |
||||
.hff-07 .tp-caption__title, |
||||
.hff-07 .tp-caption__subtitle, |
||||
.sff-07 .site-name, |
||||
.slff-07 .site-slogan, |
||||
.hff-07 .nav-tab__title { |
||||
font-family: 'Lato', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-08 h1, |
||||
.hff-08 h2, |
||||
.hff-08 h3, |
||||
.hff-08 h4, |
||||
.hff-08 h5, |
||||
.hff-08 h6, |
||||
.hff-08 .tp-caption__title, |
||||
.hff-08 .tp-caption__subtitle, |
||||
.sff-08 .site-name, |
||||
.slff-08 .site-slogan, |
||||
.hff-08 .nav-tab__title { |
||||
font-family: 'Roboto Condensed', Arial Narrow, Arial, Sans-serif; |
||||
} |
||||
.hff-09 h1, |
||||
.hff-09 h2, |
||||
.hff-09 h3, |
||||
.hff-09 h4, |
||||
.hff-09 h5, |
||||
.hff-09 h6, |
||||
.hff-09 .tp-caption__title, |
||||
.hff-09 .tp-caption__subtitle, |
||||
.sff-09 .site-name, |
||||
.slff-09 .site-slogan, |
||||
.hff-09 .nav-tab__title { |
||||
font-family: 'Exo', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-10 h1, |
||||
.hff-10 h2, |
||||
.hff-10 h3, |
||||
.hff-10 h4, |
||||
.hff-10 h5, |
||||
.hff-10 h6, |
||||
.hff-10 .tp-caption__title, |
||||
.hff-10 .tp-caption__subtitle, |
||||
.sff-10 .site-name, |
||||
.slff-10 .site-slogan, |
||||
.hff-10 .nav-tab__title { |
||||
font-family: 'Roboto Slab', Trebuchet MS, Sans-serif; |
||||
} |
||||
.hff-11 h1, |
||||
.hff-11 h2, |
||||
.hff-11 h3, |
||||
.hff-11 h4, |
||||
.hff-11 h5, |
||||
.hff-11 h6, |
||||
.hff-11 .tp-caption__title, |
||||
.hff-11 .tp-caption__subtitle, |
||||
.sff-11 .site-name, |
||||
.slff-11 .site-slogan, |
||||
.hff-11 .nav-tab__title { |
||||
font-family: 'Raleway', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-12 h1, |
||||
.hff-12 h2, |
||||
.hff-12 h3, |
||||
.hff-12 h4, |
||||
.hff-12 h5, |
||||
.hff-12 h6, |
||||
.hff-12 .tp-caption__title, |
||||
.hff-12 .tp-caption__subtitle, |
||||
.sff-12 .site-name, |
||||
.slff-12 .site-slogan, |
||||
.hff-12 .nav-tab__title { |
||||
font-family: 'Josefin Sans', Georgia, Times New Roman, Serif; |
||||
} |
||||
.hff-13 h1, |
||||
.hff-13 h2, |
||||
.hff-13 h3, |
||||
.hff-13 h4, |
||||
.hff-13 h5, |
||||
.hff-13 h6, |
||||
.hff-13 .tp-caption__title, |
||||
.hff-13 .tp-caption__subtitle, |
||||
.sff-13 .site-name, |
||||
.slff-13 .site-slogan, |
||||
.hff-13 .nav-tab__title { |
||||
font-family: Georgia, Times New Roman, Serif; |
||||
} |
||||
.hff-14 h1, |
||||
.hff-14 h2, |
||||
.hff-14 h3, |
||||
.hff-14 h4, |
||||
.hff-14 h5, |
||||
.hff-14 h6, |
||||
.hff-14 .tp-caption__title, |
||||
.hff-14 .tp-caption__subtitle, |
||||
.sff-14 .site-name, |
||||
.slff-14 .site-slogan, |
||||
.hff-14 .nav-tab__title { |
||||
font-family: 'Playfair Display', Times New Roman, Serif; |
||||
} |
||||
.hff-15 h1, |
||||
.hff-15 h2, |
||||
.hff-15 h3, |
||||
.hff-15 h4, |
||||
.hff-15 h5, |
||||
.hff-15 h6, |
||||
.hff-15 .tp-caption__title, |
||||
.hff-15 .tp-caption__subtitle, |
||||
.sff-15 .site-name, |
||||
.slff-15 .site-slogan, |
||||
.hff-15 .nav-tab__title { |
||||
font-family: 'Philosopher', Georgia, Times New Roman, Serif; |
||||
} |
||||
.hff-16 h1, |
||||
.hff-16 h2, |
||||
.hff-16 h3, |
||||
.hff-16 h4, |
||||
.hff-16 h5, |
||||
.hff-16 h6, |
||||
.hff-16 .tp-caption__title, |
||||
.hff-16 .tp-caption__subtitle, |
||||
.sff-16 .site-name, |
||||
.slff-16 .site-slogan, |
||||
.hff-16 .nav-tab__title { |
||||
font-family: 'Cinzel', Georgia, Times New Roman, Serif; |
||||
} |
||||
.hff-17 h1, |
||||
.hff-17 h2, |
||||
.hff-17 h3, |
||||
.hff-17 h4, |
||||
.hff-17 h5, |
||||
.hff-17 h6, |
||||
.hff-17 .tp-caption__title, |
||||
.hff-17 .tp-caption__subtitle, |
||||
.sff-17 .site-name, |
||||
.slff-17 .site-slogan, |
||||
.hff-17 .nav-tab__title { |
||||
font-family: 'Oswald', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-18 h1, |
||||
.hff-18 h2, |
||||
.hff-18 h3, |
||||
.hff-18 h4, |
||||
.hff-18 h5, |
||||
.hff-18 h6, |
||||
.hff-18 .tp-caption__title, |
||||
.hff-18 .tp-caption__subtitle, |
||||
.sff-18 .site-name, |
||||
.slff-18 .site-slogan, |
||||
.hff-18 .nav-tab__title { |
||||
font-family: 'Playfair Display SC', Georgia, Times New Roman, Serif; |
||||
} |
||||
.hff-19 h1, |
||||
.hff-19 h2, |
||||
.hff-19 h3, |
||||
.hff-19 h4, |
||||
.hff-19 h5, |
||||
.hff-19 h6, |
||||
.hff-19 .tp-caption__title, |
||||
.hff-19 .tp-caption__subtitle, |
||||
.sff-19 .site-name, |
||||
.slff-19 .site-slogan, |
||||
.hff-19 .nav-tab__title { |
||||
font-family: 'Cabin', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-20 h1, |
||||
.hff-20 h2, |
||||
.hff-20 h3, |
||||
.hff-20 h4, |
||||
.hff-20 h5, |
||||
.hff-20 h6, |
||||
.hff-20 .tp-caption__title, |
||||
.hff-20 .tp-caption__subtitle, |
||||
.sff-20 .site-name, |
||||
.slff-20 .site-slogan, |
||||
.hff-20 .nav-tab__title { |
||||
font-family: 'Noto Sans', Arial, Helvetica Neue, Sans-serif; |
||||
} |
||||
.hff-21 h1, |
||||
.hff-21 h2, |
||||
.hff-21 h3, |
||||
.hff-21 h4, |
||||
.hff-21 h5, |
||||
.hff-21 h6, |
||||
.hff-21 .tp-caption__title, |
||||
.hff-21 .tp-caption__subtitle, |
||||
.sff-21 .site-name, |
||||
.slff-21 .site-slogan, |
||||
.hff-21 .nav-tab__title { |
||||
font-family: Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-22 h1, |
||||
.hff-22 h2, |
||||
.hff-22 h3, |
||||
.hff-22 h4, |
||||
.hff-22 h5, |
||||
.hff-22 h6, |
||||
.hff-22 .tp-caption__title, |
||||
.hff-22 .tp-caption__subtitle, |
||||
.sff-22 .site-name, |
||||
.slff-22 .site-slogan, |
||||
.hff-22 .nav-tab__title { |
||||
font-family: 'Droid Serif', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-23 h1, |
||||
.hff-23 h2, |
||||
.hff-23 h3, |
||||
.hff-23 h4, |
||||
.hff-23 h5, |
||||
.hff-23 h6, |
||||
.hff-23 .tp-caption__title, |
||||
.hff-23 .tp-caption__subtitle, |
||||
.sff-23 .site-name, |
||||
.slff-23 .site-slogan, |
||||
.hff-23 .nav-tab__title { |
||||
font-family: 'PT Serif', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-24 h1, |
||||
.hff-24 h2, |
||||
.hff-24 h3, |
||||
.hff-24 h4, |
||||
.hff-24 h5, |
||||
.hff-24 h6, |
||||
.hff-24 .tp-caption__title, |
||||
.hff-24 .tp-caption__subtitle, |
||||
.sff-24 .site-name, |
||||
.slff-24 .site-slogan, |
||||
.hff-24 .nav-tab__title { |
||||
font-family: 'Vollkorn', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-25 h1, |
||||
.hff-25 h2, |
||||
.hff-25 h3, |
||||
.hff-25 h4, |
||||
.hff-25 h5, |
||||
.hff-25 h6, |
||||
.hff-25 .tp-caption__title, |
||||
.hff-25 .tp-caption__subtitle, |
||||
.sff-25 .site-name, |
||||
.slff-25 .site-slogan, |
||||
.hff-25 .nav-tab__title { |
||||
font-family: 'Alegreya', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-26 h1, |
||||
.hff-26 h2, |
||||
.hff-26 h3, |
||||
.hff-26 h4, |
||||
.hff-26 h5, |
||||
.hff-26 h6, |
||||
.hff-26 .tp-caption__title, |
||||
.hff-26 .tp-caption__subtitle, |
||||
.sff-26 .site-name, |
||||
.slff-26 .site-slogan, |
||||
.hff-26 .nav-tab__title { |
||||
font-family: 'Noto Serif', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-27 h1, |
||||
.hff-27 h2, |
||||
.hff-27 h3, |
||||
.hff-27 h4, |
||||
.hff-27 h5, |
||||
.hff-27 h6, |
||||
.hff-27 .tp-caption__title, |
||||
.hff-27 .tp-caption__subtitle, |
||||
.sff-27 .site-name, |
||||
.slff-27 .site-slogan, |
||||
.hff-27 .nav-tab__title { |
||||
font-family: 'Crimson Text', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-28 h1, |
||||
.hff-28 h2, |
||||
.hff-28 h3, |
||||
.hff-28 h4, |
||||
.hff-28 h5, |
||||
.hff-28 h6, |
||||
.hff-28 .tp-caption__title, |
||||
.hff-28 .tp-caption__subtitle, |
||||
.sff-28 .site-name, |
||||
.slff-28 .site-slogan, |
||||
.hff-28 .nav-tab__title { |
||||
font-family: 'Gentium Book Basic', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-29 h1, |
||||
.hff-29 h2, |
||||
.hff-29 h3, |
||||
.hff-29 h4, |
||||
.hff-29 h5, |
||||
.hff-29 h6, |
||||
.hff-29 .tp-caption__title, |
||||
.hff-29 .tp-caption__subtitle, |
||||
.sff-29 .site-name, |
||||
.slff-29 .site-slogan, |
||||
.hff-29 .nav-tab__title { |
||||
font-family: 'Volkhov', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-30 h1, |
||||
.hff-30 h2, |
||||
.hff-30 h3, |
||||
.hff-30 h4, |
||||
.hff-30 h5, |
||||
.hff-30 h6, |
||||
.hff-30 .tp-caption__title, |
||||
.hff-30 .tp-caption__subtitle, |
||||
.sff-30 .site-name, |
||||
.slff-30 .site-slogan, |
||||
.hff-30 .nav-tab__title { |
||||
font-family: Times, Times New Roman, Serif; |
||||
} |
||||
.hff-31 h1, |
||||
.hff-31 h2, |
||||
.hff-31 h3, |
||||
.hff-31 h4, |
||||
.hff-31 h5, |
||||
.hff-31 h6, |
||||
.hff-31 .tp-caption__title, |
||||
.hff-31 .tp-caption__subtitle, |
||||
.sff-31 .site-name, |
||||
.slff-31 .site-slogan, |
||||
.hff-31 .nav-tab__title { |
||||
font-family: 'Alegreya SC', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-32 h1, |
||||
.hff-32 h2, |
||||
.hff-32 h3, |
||||
.hff-32 h4, |
||||
.hff-32 h5, |
||||
.hff-32 h6, |
||||
.hff-32 .tp-caption__title, |
||||
.hff-32 .tp-caption__subtitle, |
||||
.sff-32 .site-name, |
||||
.slff-32 .site-slogan, |
||||
.hff-32 .nav-tab__title { |
||||
font-family: 'Montserrat', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-33 h1, |
||||
.hff-33 h2, |
||||
.hff-33 h3, |
||||
.hff-33 h4, |
||||
.hff-33 h5, |
||||
.hff-33 h6, |
||||
.hff-33 .tp-caption__title, |
||||
.hff-33 .tp-caption__subtitle, |
||||
.sff-33 .site-name, |
||||
.slff-33 .site-slogan, |
||||
.hff-33 .nav-tab__title { |
||||
font-family: 'Fira Sans', Helvetica Neue, Arial, Sans-serif; |
||||
} |
||||
.hff-34 h1, |
||||
.hff-34 h2, |
||||
.hff-34 h3, |
||||
.hff-34 h4, |
||||
.hff-34 h5, |
||||
.hff-34 h6, |
||||
.hff-34 .tp-caption__title, |
||||
.hff-34 .tp-caption__subtitle, |
||||
.sff-34 .site-name, |
||||
.slff-34 .site-slogan, |
||||
.hff-34 .nav-tab__title { |
||||
font-family: 'Lora', Georgia, Times, Times New Roman, Serif; |
||||
} |
||||
.hff-35 h1, |
||||
.hff-35 h2, |
||||
.hff-35 h3, |
||||
.hff-35 h4, |
||||
.hff-35 h5, |
||||
.hff-35 h6, |
||||
.hff-35 .tp-caption__title, |
||||
.hff-35 .tp-caption__subtitle, |
||||
.sff-35 .site-name, |
||||
.slff-35 .site-slogan, |
||||
.hff-35 .nav-tab__title { |
||||
font-family: 'Quattrocento Sans', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-36 h1, |
||||
.hff-36 h2, |
||||
.hff-36 h3, |
||||
.hff-36 h4, |
||||
.hff-36 h5, |
||||
.hff-36 h6, |
||||
.hff-36 .tp-caption__title, |
||||
.hff-36 .tp-caption__subtitle, |
||||
.sff-36 .site-name, |
||||
.slff-36 .site-slogan, |
||||
.hff-36 .nav-tab__title { |
||||
font-family: 'Julius Sans One', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-37 h1, |
||||
.hff-37 h2, |
||||
.hff-37 h3, |
||||
.hff-37 h4, |
||||
.hff-37 h5, |
||||
.hff-37 h6, |
||||
.hff-37 .tp-caption__title, |
||||
.hff-37 .tp-caption__subtitle, |
||||
.sff-37 .site-name, |
||||
.slff-37 .site-slogan, |
||||
.hff-37 .nav-tab__title { |
||||
font-family: 'Work Sans', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-38 h1, |
||||
.hff-38 h2, |
||||
.hff-38 h3, |
||||
.hff-38 h4, |
||||
.hff-38 h5, |
||||
.hff-38 h6, |
||||
.hff-38 .tp-caption__title, |
||||
.hff-38 .tp-caption__subtitle, |
||||
.sff-38 .site-name, |
||||
.slff-38 .site-slogan, |
||||
.hff-38 .nav-tab__title { |
||||
font-family: 'Open Sans Condensed', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-39 h1, |
||||
.hff-39 h2, |
||||
.hff-39 h3, |
||||
.hff-39 h4, |
||||
.hff-39 h5, |
||||
.hff-39 h6, |
||||
.hff-39 .tp-caption__title, |
||||
.hff-39 .tp-caption__subtitle, |
||||
.sff-39 .site-name, |
||||
.slff-39 .site-slogan, |
||||
.hff-39 .nav-tab__title { |
||||
font-family: 'PT Sans Narrow', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-40 h1, |
||||
.hff-40 h2, |
||||
.hff-40 h3, |
||||
.hff-40 h4, |
||||
.hff-40 h5, |
||||
.hff-40 h6, |
||||
.hff-40 .tp-caption__title, |
||||
.hff-40 .tp-caption__subtitle, |
||||
.sff-40 .site-name, |
||||
.slff-40 .site-slogan, |
||||
.hff-40 .nav-tab__title { |
||||
font-family: 'Archivo Narrow', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-41 h1, |
||||
.hff-41 h2, |
||||
.hff-41 h3, |
||||
.hff-41 h4, |
||||
.hff-41 h5, |
||||
.hff-41 h6, |
||||
.hff-41 .tp-caption__title, |
||||
.hff-41 .tp-caption__subtitle, |
||||
.sff-41 .site-name, |
||||
.slff-41 .site-slogan, |
||||
.hff-41 .nav-tab__title { |
||||
font-family: 'Ubuntu Condensed', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-42 h1, |
||||
.hff-42 h2, |
||||
.hff-42 h3, |
||||
.hff-42 h4, |
||||
.hff-42 h5, |
||||
.hff-42 h6, |
||||
.hff-42 .tp-caption__title, |
||||
.hff-42 .tp-caption__subtitle, |
||||
.sff-42 .site-name, |
||||
.slff-42 .site-slogan, |
||||
.hff-42 .nav-tab__title { |
||||
font-family: 'Arimo', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
.hff-43 h1, |
||||
.hff-43 h2, |
||||
.hff-43 h3, |
||||
.hff-43 h4, |
||||
.hff-43 h5, |
||||
.hff-43 h6, |
||||
.hff-43 .tp-caption__title, |
||||
.hff-43 .tp-caption__subtitle, |
||||
.sff-43 .site-name, |
||||
.slff-43 .site-slogan, |
||||
.hff-43 .nav-tab__title { |
||||
font-family: 'Libre Franklin', Helvetica Neue, Arial, sans-serif; |
||||
} |
||||
|
||||
/*maintenance page*/ |
||||
body.maintenance-page { |
||||
font-family: 'Playfair Display', Times New Roman, Serif; |
||||
} |
||||
.maintenance-page h1, |
||||
.maintenance-page h2, |
||||
.maintenance-page h3, |
||||
.maintenance-page h4, |
||||
.maintenance-page h5, |
||||
.maintenance-page h6, |
||||
.maintenance-page .site-name, |
||||
.maintenance-page .site-slogan { |
||||
font-family: 'Playfair Display', Times New Roman, Serif; |
||||
} |
||||
@ -0,0 +1,179 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s accordions. |
||||
*/ |
||||
|
||||
/*Style 1*/ |
||||
.panel-group { |
||||
margin: 0 0 25px 0; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: #eaeaea; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
overflow: hidden; |
||||
} |
||||
.panel-group .panel { |
||||
-webkit-border-radius: 0px; |
||||
-moz-border-radius: 0px; |
||||
border-radius: 0px; |
||||
border-width: 0 0 1px 0; |
||||
border-color: #eaeaea; |
||||
background-color: transparent; |
||||
box-shadow: none; |
||||
} |
||||
.panel-group .panel:last-child { |
||||
border-bottom: none; |
||||
} |
||||
.panel-group .panel + .panel { |
||||
margin: 0; |
||||
} |
||||
.panel-default > .panel-heading { |
||||
background-color: #ffffff; |
||||
padding: 0; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
-o-border-radius: 0; |
||||
border-radius: 0; |
||||
} |
||||
.panel-title a { |
||||
font-weight: 400; |
||||
text-transform: uppercase; |
||||
font-size: 12px; |
||||
padding: 20px; |
||||
display: inline-block; |
||||
width: 100%; |
||||
text-decoration: none; |
||||
display: inline-block; |
||||
background-color: #f4f4f4; |
||||
} |
||||
.headings-wide-spacing-enabled .panel-title a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.panel-title a.collapsed { |
||||
background-color: #ffffff; |
||||
} |
||||
.panel-title a:hover, |
||||
.panel-title a:focus { |
||||
background-color: #f4f4f4; |
||||
} |
||||
.panel:first-child .panel-title a { |
||||
border-radius: 5px 5px 0 0; |
||||
} |
||||
.panel:last-child .panel-title a { |
||||
border-radius: 0 0 5px 5px; |
||||
} |
||||
.panel-title a i { |
||||
padding-right: 5px; |
||||
} |
||||
.panel-heading--trigger-icon .panel-title a { |
||||
position: relative; |
||||
padding-right: 65px; |
||||
} |
||||
.panel-heading--trigger-icon .panel-title a:after { |
||||
position: absolute; |
||||
width: 30px; |
||||
height: 30px; |
||||
text-align: center; |
||||
font-size: 14px; |
||||
color: #ffffff; |
||||
top: 50%; |
||||
right: 30px; |
||||
margin-top: -15px; |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
-o-border-radius: 100%; |
||||
border-radius: 100%; |
||||
font-family: "FontAwesome"; |
||||
line-height: 30px; |
||||
content: "\f106"; |
||||
-webkit-transition: background-color 0.2s ease-in-out; |
||||
-moz-transition: background-color 0.2s ease-in-out; |
||||
-ms-transition: background-color 0.2s ease-in-out; |
||||
-o-transition: background-color 0.2s ease-in-out; |
||||
transition: background-color 0.2s ease-in-out; |
||||
} |
||||
.headings-wide-spacing-enabled .panel-heading--trigger-icon .panel-title a:after { |
||||
letter-spacing: 0; |
||||
} |
||||
.panel-heading--trigger-icon .panel-title a.collapsed:after { |
||||
content: "\f107"; |
||||
} |
||||
.panel-title span { |
||||
display: inline-block; |
||||
padding-right: 5px; |
||||
} |
||||
.panel-body { |
||||
padding: 20px; |
||||
background-color: #fff; |
||||
color: #2d2d2d; |
||||
} |
||||
.panel-default > .panel-heading + .panel-collapse > .panel-body { |
||||
border-top-color: #eaeaea; |
||||
} |
||||
.panel:last-child .panel-body { |
||||
border-radius: 0 0 5px 5px; |
||||
} |
||||
|
||||
/*accrodions @colored-regions*/ |
||||
.region--gray-background .panel-title a { |
||||
background-color: #ffffff; |
||||
} |
||||
|
||||
/*Style 2*/ |
||||
.panel-group.panel-group--style-2 { |
||||
border-width: 0px; |
||||
-webkit-border-radius: 0px; |
||||
-moz-border-radius: 0px; |
||||
border-radius: 0px; |
||||
overflow: visible; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel { |
||||
border-width: 0; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel + .panel { |
||||
margin-top: 10px; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel-default > .panel-heading { |
||||
background-color: transparent; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel .panel-title a { |
||||
border-radius: 0px; |
||||
color: #ffffff; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel-default > .panel-heading + .panel-collapse > .panel-body { |
||||
border-top: none; |
||||
padding: 15px 25px; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel-heading--trigger-icon .panel-title a { |
||||
padding-right: 35px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel-heading--trigger-icon .panel-title a:after { |
||||
right: 10px; |
||||
content: "\f056"; |
||||
background-color: transparent; |
||||
color: inherit; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel-heading--trigger-icon .panel-title a.collapsed:after { |
||||
content: "\f055"; |
||||
} |
||||
.panel-group.panel-group--style-2 .panel-body { |
||||
background-color: transparent; |
||||
color: inherit; |
||||
} |
||||
|
||||
/*Style 2 @colored regions*/ |
||||
.region--light-typography .panel-group.panel-group--style-2 .panel-heading--trigger-icon .panel-title a.collapsed { |
||||
background-color: transparent; |
||||
color: #ffffff; |
||||
border-color: #ffffff; |
||||
} |
||||
.region--light-typography .panel-group.panel-group--style-2 .panel-heading--trigger-icon .panel-title a, |
||||
.region--light-typography .panel-group.panel-group--style-2 .panel-heading--trigger-icon .panel-title a:hover { |
||||
background-color: #ffffff; |
||||
} |
||||
@ -0,0 +1,22 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s alerts. |
||||
*/ |
||||
.header-top-highlighted__section .alert { |
||||
padding: 10px 0; |
||||
margin: 0; |
||||
font-size: 14px; |
||||
} |
||||
.alert .close { |
||||
opacity: 1; |
||||
filter: alpha(opacity=1); |
||||
text-shadow: none; |
||||
padding: 0 10px; |
||||
height: 100%; |
||||
top: -6px; |
||||
right: 0; |
||||
font-size: 34px; |
||||
} |
||||
.alert .close:hover { |
||||
color: inherit; |
||||
} |
||||
@ -0,0 +1,61 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s background image block. |
||||
*/ |
||||
.container-fluid .field--mt-background-image-block { |
||||
margin: 0 -15px; |
||||
} |
||||
.field--mt-background-image-block .block { |
||||
padding-bottom: 25px; |
||||
position: relative; |
||||
} |
||||
.region--no-paddings .field--mt-background-image-block .block { |
||||
padding-bottom: 0; |
||||
} |
||||
.container .container { |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
width: auto; |
||||
} |
||||
.container .container-fluid { |
||||
padding-left: 0; |
||||
padding-right: 0; |
||||
} |
||||
.background-image-block__section { |
||||
position: relative; |
||||
padding: 90px 0; |
||||
overflow: hidden; |
||||
} |
||||
.background-image { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
background-repeat: no-repeat; |
||||
background-position: 50% 50%; |
||||
} |
||||
.background-image.background-image--attachment-fixed { |
||||
background-attachment: fixed; |
||||
} |
||||
.background-image.background-image--attachment-scroll { |
||||
background-attachment: scroll; |
||||
} |
||||
@media (min-height: 1080px) , (min-width: 1920px) { |
||||
.background-image { |
||||
background-size: cover; |
||||
} |
||||
} |
||||
.background-image-overlay { |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
top: 0; |
||||
left: 0; |
||||
bottom: 0; |
||||
right: 0; |
||||
} |
||||
.background-image-block__section .background-image-overlay + .container, |
||||
.background-image-block__section .background-image-overlay + .container-fluid { |
||||
background-color: transparent; |
||||
} |
||||
@ -0,0 +1,58 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s blocks. |
||||
*/ |
||||
.block { |
||||
padding: 0 0 25px 0; |
||||
} |
||||
.col-md-12 .block { |
||||
padding-bottom: 100px; |
||||
} |
||||
.header .block-menu.block, |
||||
.header-container .block-superfish.block, |
||||
.block.block-page-title-block, |
||||
.col-md-12 .block.block-page-title-block, |
||||
.block-system-breadcrumb-block, |
||||
#block-googlemapbanner, |
||||
.block-system-main-block, |
||||
.col-md-12 .block-system-main-block { |
||||
padding: 0; |
||||
} |
||||
.slideout__section .block { |
||||
padding-bottom: 50px; |
||||
} |
||||
.header-top-highlighted__section .block { |
||||
padding: 0; |
||||
} |
||||
.header-top-highlighted__section .block + .block { |
||||
padding: 10px 0 0 0; |
||||
} |
||||
.header-top__section .block { |
||||
padding-bottom: 10px; |
||||
} |
||||
.header__section .block:first-child:last-child { |
||||
padding: 0; |
||||
} |
||||
.content-top__section .block { |
||||
padding-bottom: 75px; |
||||
} |
||||
.subfooter__section .block { |
||||
padding-bottom: 10px; |
||||
} |
||||
.sidebar__section .block { |
||||
padding: 0 0 70px 0; |
||||
} |
||||
.block-local-tasks-block, |
||||
.col-md-12 .block-local-tasks-block { |
||||
padding: 10px 0; |
||||
} |
||||
.block .block { |
||||
padding: 0; |
||||
} |
||||
.region .block:last-child { |
||||
padding-bottom: 0; |
||||
} |
||||
.region--no-block-paddings .block, |
||||
.region--no-block-paddings .block + .block { |
||||
padding: 0; |
||||
} |
||||
@ -0,0 +1,68 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s breadcrumbs. |
||||
*/ |
||||
.breadcrumb { |
||||
margin: 0; |
||||
padding: 0; |
||||
background-color: transparent; |
||||
position: relative; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
} |
||||
.breadcrumb__items { |
||||
text-align: center; |
||||
font-size: 0; |
||||
padding: 30px 0; |
||||
margin: 0; |
||||
} |
||||
.breadcrumb__item { |
||||
display: inline-block; |
||||
overflow: hidden; |
||||
vertical-align: top; |
||||
line-height: 1.75; |
||||
padding: 0 10px; |
||||
font-size: 24px; |
||||
} |
||||
.breadcrumb__item a { |
||||
text-decoration: none; |
||||
} |
||||
.breadcrumb__item .breadcrumb__item-separator { |
||||
display: inline-block; |
||||
line-height: 1; |
||||
font-size: 16px; |
||||
padding: 0 14px 0 0; |
||||
vertical-align: initial; |
||||
} |
||||
.breadcrumb__item:first-child .breadcrumb__item-separator { |
||||
display: none; |
||||
} |
||||
|
||||
/*breadcrumb layout*/ |
||||
.container-fluid .block-system-breadcrumb-block { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
.breadcrumb { |
||||
margin-right: auto; |
||||
margin-left: auto; |
||||
} |
||||
.container .breadcrumb { |
||||
width: auto; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.breadcrumb { |
||||
width: 750px; |
||||
} |
||||
} |
||||
@media (min-width: 992px) { |
||||
.breadcrumb { |
||||
width: 970px; |
||||
} |
||||
} |
||||
@media (min-width: 1200px) { |
||||
.breadcrumb { |
||||
width: 1170px; |
||||
} |
||||
} |
||||
@ -0,0 +1,124 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s buttons. |
||||
*/ |
||||
a.button, |
||||
.button > a, |
||||
input[type="submit"], |
||||
input[type="reset"], |
||||
input[type="button"] { |
||||
font-size: 14px; |
||||
font-weight: 400; |
||||
padding: 15px 30px; |
||||
color: #ffffff; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
margin: 10px 0; |
||||
text-align: center; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
text-decoration: none; |
||||
} |
||||
.headings-wide-spacing-enabled a.button, |
||||
.headings-wide-spacing-enabled .button > a, |
||||
.headings-wide-spacing-enabled input[type="submit"], |
||||
.headings-wide-spacing-enabled input[type="reset"], |
||||
.headings-wide-spacing-enabled input[type="button"] { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
input[type="submit"] + input[type="submit"], |
||||
.button + .button { |
||||
margin-left: 20px; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.text-center .button + .button { |
||||
margin-right: 5px; |
||||
} |
||||
.text-center .button { |
||||
margin-right: 5px; |
||||
margin-left: 5px; |
||||
} |
||||
} |
||||
a.button:hover, |
||||
a.button:focus, |
||||
.button > a:hover, |
||||
.button > a:focus, |
||||
input[type="submit"]:hover, |
||||
input[type="submit"]:focus, |
||||
input[type="reset"]:hover, |
||||
input[type="reset"]:focus, |
||||
input[type="button"]:hover, |
||||
input[type="button"]:focus { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
span.button-operator { |
||||
margin: 0 10px 0 5px; |
||||
} |
||||
a.button i { |
||||
padding-right: 10px; |
||||
} |
||||
a.button--no-margins { |
||||
margin: 0; |
||||
} |
||||
|
||||
/*Buttons hover style 2*/ |
||||
a.button.button--hover-style-2, |
||||
.button.button--hover-style-2 > a { |
||||
position: relative; |
||||
z-index: 1; |
||||
} |
||||
a.button.button--hover-style-2:before, |
||||
.button.button--hover-style-2 > a:before { |
||||
content:""; |
||||
position: absolute; |
||||
z-index: -1; |
||||
top: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
transform: scaleX(0); |
||||
border-radius: 0px; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
} |
||||
a.button.button--hover-style-2:hover:before, |
||||
a.button.button--hover-style-2:focus:before, |
||||
.button.button--hover-style-2 > a:hover:before, |
||||
.button.button--hover-style-2 > a:focus:before { |
||||
transform: scaleX(1); |
||||
} |
||||
|
||||
/*Colored Regions*/ |
||||
.region--light-typography a.button, |
||||
.region--light-typography .button > a, |
||||
.region--light-typography input[type="submit"], |
||||
.region--light-typography input[type="reset"], |
||||
.region--light-typography input[type="button"] { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
background-color: transparent; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
border-color: #ffffff; |
||||
} |
||||
|
||||
/*Colored Regions style 2*/ |
||||
.region--colored-background a.button.button--hover-style-2:hover, |
||||
.region--dark-background a.button.button--hover-style-2:hover, |
||||
.region--black-background a.button.button--hover-style-2:hover, |
||||
.region--colored-background .button.button--hover-style-2 > a:hover, |
||||
.region--dark-background .button.button--hover-style-2 > a:hover, |
||||
.region--black-background .button.button--hover-style-2 > a:hover { |
||||
background-color: transparent; |
||||
} |
||||
@ -0,0 +1,46 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s collapsible block. |
||||
*/ |
||||
.container-fluid .field--mt-collapsible-block { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
.collapsible-block__trigger h3 { |
||||
margin: 0; |
||||
} |
||||
.collapsible-block__trigger a { |
||||
display: block; |
||||
padding: 10px; |
||||
text-align: center; |
||||
background-color: #373737; |
||||
color: #ffffff; |
||||
font-size: 24px; |
||||
position: relative; |
||||
} |
||||
.collapsible-block__trigger a:hover, |
||||
.collapsible-block__trigger a:focus { |
||||
background-color: #505050; |
||||
color: #ffffff; |
||||
} |
||||
.collapsible-block__trigger .collapsible-block-icon { |
||||
font-size: 14px; |
||||
position: absolute; |
||||
right: 20px; |
||||
top: 50%; |
||||
text-align: center; |
||||
line-height: 1; |
||||
margin-top: -7px; |
||||
} |
||||
.collapsible-block__expand-icon { |
||||
display: none; |
||||
} |
||||
.collapsible-block__collapse-icon { |
||||
display: inline-block; |
||||
} |
||||
.collapsed .collapsible-block__expand-icon { |
||||
display: inline-block; |
||||
} |
||||
.collapsed .collapsible-block__collapse-icon { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,122 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for comment in Magazine+. |
||||
*/ |
||||
|
||||
/*Comment*/ |
||||
.comment { |
||||
margin: 0 0 30px 0; |
||||
position: relative; |
||||
} |
||||
.comment header { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 70px; |
||||
height: 70px; |
||||
} |
||||
.comment .field--name-user-picture a { |
||||
display: block; |
||||
} |
||||
.comment header + .comment__content-container { |
||||
padding-left: 100px; |
||||
} |
||||
.comment__content { |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
border-bottom-color: #eaeaea; |
||||
padding-bottom: 5px; |
||||
} |
||||
.comment h3.title { |
||||
margin: 0 0 20px; |
||||
font-size: 15px; |
||||
font-weight: 700; |
||||
line-height: 1.5; |
||||
} |
||||
.comment__meta { |
||||
font-size: 12px; |
||||
margin-bottom: 20px; |
||||
text-transform: uppercase; |
||||
} |
||||
.node .comment ul.links.inline { |
||||
margin-right: -5px; |
||||
margin-left: -5px; |
||||
display: inline-block; |
||||
padding: 0; |
||||
} |
||||
.node .comment ul.links li { |
||||
font-size: 12px; |
||||
vertical-align: top; |
||||
} |
||||
.node .comment ul.links li a { |
||||
background: transparent; |
||||
font-size: 12px; |
||||
padding: 0 5px; |
||||
margin: 0; |
||||
font-weight: 500; |
||||
display: inline; |
||||
min-width: 0; |
||||
text-align: left; |
||||
border: none; |
||||
text-transform: uppercase; |
||||
text-decoration: none; |
||||
box-shadow: none; |
||||
} |
||||
.user-logged-in .node .comment ul.links li a { |
||||
padding: 0 10px; |
||||
} |
||||
.node .comment ul.links li a:hover { |
||||
background: transparent; |
||||
} |
||||
.node .comment ul.links li a:before { |
||||
position: relative; |
||||
font-family: "FontAwesome"; |
||||
padding: 0 5px 0 0; |
||||
} |
||||
.node .comment ul.links li.comment-delete a:before { |
||||
content: "\f1f8"; |
||||
top: -1px; |
||||
} |
||||
.node .comment ul.links li.comment-edit a:before { |
||||
content: "\f040"; |
||||
} |
||||
.node .comment ul.links li.comment-reply a:before { |
||||
content: "\f122"; |
||||
} |
||||
.new-indicator { |
||||
position: absolute; |
||||
top: -25px; |
||||
} |
||||
.indented { |
||||
margin-left: 105px; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.comment__links { |
||||
text-align: right; |
||||
display: inline-block; |
||||
float: right; |
||||
} |
||||
} |
||||
@media (max-width:767px) { |
||||
.indented { |
||||
margin-left: 65px; |
||||
} |
||||
.comment header { |
||||
position: static; |
||||
margin-bottom: 10px; |
||||
} |
||||
.comment header + .comment__content-container { |
||||
padding-left: 0; |
||||
} |
||||
.comment__links { |
||||
padding: 10px 0; |
||||
} |
||||
.comment__meta { |
||||
margin-bottom: 10px; |
||||
} |
||||
} |
||||
@media (max-width:480px) { |
||||
.indented { |
||||
margin-left: 30px; |
||||
} |
||||
} |
||||
@ -0,0 +1,18 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for comments section in Magazine+. |
||||
*/ |
||||
|
||||
/*comments section*/ |
||||
.comment-wrapper { |
||||
margin-top: 45px; |
||||
} |
||||
.comment-wrapper h2.title { |
||||
font-size: 12px; |
||||
border-top: none; |
||||
border-bottom: 2px solid #eaeaea; |
||||
padding-bottom: 20px; |
||||
margin-bottom: 30px; |
||||
text-align: left; |
||||
text-transform: uppercase; |
||||
} |
||||
@ -0,0 +1,107 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s contact info block. |
||||
*/ |
||||
.contact-info .icon { |
||||
width: 70px; |
||||
height: 70px; |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
margin: 9px auto 30px; |
||||
text-align: center; |
||||
display: block; |
||||
color: #ffffff; |
||||
} |
||||
.contact-info .icon i { |
||||
font-size: 24px; |
||||
width: 100%; |
||||
height: 100%; |
||||
line-height: 70px; |
||||
} |
||||
.contact-info ul, |
||||
ul.contact-info { |
||||
list-style: none; |
||||
margin: 10px 0; |
||||
padding: 0; |
||||
} |
||||
.contact-info li { |
||||
padding: 0 0 10px 40px; |
||||
position: relative; |
||||
overflow-wrap: break-word; |
||||
} |
||||
.contact-info li > i { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 5px; |
||||
display: block; |
||||
font-size: 15px; |
||||
line-height: 1; |
||||
color: #2d2d2d; |
||||
} |
||||
.slideout__section .contact-info li { |
||||
padding: 0 0 25px 25px; |
||||
min-height: 0; |
||||
position: relative; |
||||
} |
||||
.slideout__section .contact-info li > i { |
||||
top: 5px; |
||||
font-size: 15px; |
||||
line-height: 1; |
||||
width: 20px; |
||||
height: auto; |
||||
text-align: left; |
||||
color: #707070; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/*colored regions*/ |
||||
.region--light-typography .contact-info .icon { |
||||
background-color: #ffffff; |
||||
color: #2d2d2d; |
||||
} |
||||
.region--light-typography .contact-info li i { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography .slideout__section .contact-info li i { |
||||
background-color: transparent; |
||||
} |
||||
.region--light-typography.region--dark-background .slideout__section .contact-info li i, |
||||
.region--light-typography.region--black-background .slideout__section .contact-info li i, |
||||
.region--light-typography.region--colored-background .slideout__section .contact-info li i { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*contact info items grid*/ |
||||
.block + .block .contact-info-items-grid { |
||||
border-top-style: solid; |
||||
border-width: 2px; |
||||
border-color: #f2f4f6; |
||||
margin-top: 45px; |
||||
padding-top: 50px; |
||||
} |
||||
.contact-info-items-grid .contact-info-item { |
||||
min-height: 160px; |
||||
padding-top: 30px; |
||||
} |
||||
.contact-info-items-grid .contact-info-item.contact-info-item--bordered { |
||||
border-right-style: solid; |
||||
border-right-width: 2px; |
||||
border-right-color: #f2f4f6; |
||||
} |
||||
.contact-info-items-grid .contact-info-item__icon { |
||||
font-size: 50px; |
||||
margin-bottom: 15px; |
||||
line-height: 1; |
||||
} |
||||
.contact-info-items-grid .contact-info-item__text { |
||||
font-size: 20px; |
||||
line-height: 1.2; |
||||
} |
||||
.region--dark-typography .contact-info-items-grid .contact-info-item__icon { |
||||
color: #e6e6e6; |
||||
} |
||||
.region--light-typography .contact-info-items-grid .contact-info-item.contact-info-item--bordered, |
||||
.region--light-typography .block + .block .contact-info-items-grid { |
||||
border-color: rgba(255, 255, 255, 0.15); |
||||
} |
||||
@ -0,0 +1,35 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s detailed pager. |
||||
*/ |
||||
|
||||
/* Using .pager selector on the first one to override .region-content ul. */ |
||||
.detailed-pager--top { |
||||
border-bottom: 1px solid #e9e9e9; |
||||
margin-bottom: 40px; |
||||
} |
||||
.detailed-pager--bottom { |
||||
border-top: 1px solid #e9e9e9; |
||||
margin-top: 60px; |
||||
} |
||||
.detailed-pager .total-items { |
||||
font-size: 14px; |
||||
font-weight: 700; |
||||
padding: 1em 0; |
||||
} |
||||
.detailed-pager .pager__items { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: none; |
||||
text-align: right; |
||||
} |
||||
li.pager__item > a { |
||||
margin: 0 0.4em; |
||||
} |
||||
|
||||
/*detailed pager @colored regions*/ |
||||
.region--colored-background .detailed-pager, |
||||
.region--dark-background .detailed-pager, |
||||
.region--black-background .detailed-pager { |
||||
border-color: rgba(255, 255, 255, 0.4); |
||||
} |
||||
@ -0,0 +1,47 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s dropdowns. |
||||
*/ |
||||
.field--mt-dropdowns-block { |
||||
text-align: right; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.page-container-border-enabled .header-container .container-fluid .header-third .field--mt-dropdowns-block { |
||||
padding-right: 15px; |
||||
} |
||||
} |
||||
.dropdown-trigger { |
||||
-webkit-appearance: none; |
||||
background-color: transparent; |
||||
border: none; |
||||
font-size: 13px; |
||||
padding: 17px; |
||||
text-transform: uppercase; |
||||
font-weight: 600; |
||||
} |
||||
.dropdown-menu { |
||||
min-width: 335px; |
||||
padding: 20px; |
||||
border: none; |
||||
margin-top: 20px; |
||||
} |
||||
.region--white-background .dropdown-menu { |
||||
background-color: #ffffff; |
||||
} |
||||
.region--gray-background .dropdown-menu { |
||||
background-color: #f4f4f4; |
||||
} |
||||
.header.region--gray-background .dropdown-menu { |
||||
background-color: #f1f1f1; |
||||
} |
||||
.region--black-background .dropdown-menu { |
||||
background-color: #1d1d1d; |
||||
} |
||||
.region--white-pattern .dropdown-menu { |
||||
background-image: url('../../images/white-pattern.png'); |
||||
background-repeat: repeat; |
||||
background-position: 0 0; |
||||
} |
||||
.dropdown-menu .field__item + .field__item { |
||||
padding-top: 20px; |
||||
} |
||||
@ -0,0 +1,66 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s fa icons list. |
||||
*/ |
||||
.list--fa-star, |
||||
.list--fa-caret-right, |
||||
.list--fa-plus, |
||||
.list--fa-square, |
||||
.list--fa-check, |
||||
.list--fa-check-circle, |
||||
.list--fa-custom { |
||||
margin-bottom: 15px; |
||||
padding-left: 0; |
||||
list-style: none; |
||||
} |
||||
.list--fa-star li, |
||||
.list--fa-plus li, |
||||
.list--fa-square li, |
||||
.list--fa-caret-right li, |
||||
.list--fa-check li, |
||||
.list--fa-check-circle li { |
||||
padding: 0 0 5px 20px; |
||||
position: relative; |
||||
} |
||||
.list--fa-star li:before, |
||||
.list--fa-caret-right li:before, |
||||
.list--fa-plus li:before, |
||||
.list--fa-square li:before, |
||||
.list--fa-check li:before, |
||||
.list--fa-check-circle li:before { |
||||
content: ""; |
||||
font-family: "FontAwesome"; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 5px; |
||||
font-size: 10px; |
||||
} |
||||
.list--fa-star li:before { |
||||
content: "\f005"; |
||||
} |
||||
.list--fa-caret-right li:before { |
||||
content: "\f0da"; |
||||
font-size: 12px; |
||||
} |
||||
.list--fa-plus li:before { |
||||
content: "\f067"; |
||||
} |
||||
.list--fa-square li:before { |
||||
content: "\f0c8"; |
||||
font-size: 5px; |
||||
top: 10px; |
||||
} |
||||
.list--fa-check li:before { |
||||
content: "\f00c"; |
||||
} |
||||
.list--fa-check-circle li:before { |
||||
content: "\f058"; |
||||
} |
||||
.list--fa-custom li { |
||||
padding: 0 0 5px 0; |
||||
} |
||||
.list--fa-custom li i { |
||||
margin-right: 5px; |
||||
width: 15px; |
||||
font-size: 10px; |
||||
} |
||||
@ -0,0 +1,61 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for mt-pricing-table field in Magazine+. |
||||
*/ |
||||
.field--name-field-mt-pricing-table { |
||||
margin: 80px 0 70px; |
||||
} |
||||
.field--name-field-mt-pricing-table > h3.field__label { |
||||
font-size: 30px; |
||||
font-weight: 400; |
||||
margin-bottom: 50px; |
||||
text-align: center; |
||||
} |
||||
.mt-pricing-table__header { |
||||
text-align: center; |
||||
padding: 35px 25px 50px; |
||||
background-color: #f4f4f4; |
||||
margin-bottom: 35px; |
||||
} |
||||
.mt-pricing-table-title h5 { |
||||
font-size: 14px; |
||||
text-transform: uppercase; |
||||
padding-bottom: 15px; |
||||
margin-top: 0; |
||||
margin-bottom: 20px; |
||||
border-bottom-color: #dedede; |
||||
border-bottom-style: solid; |
||||
border-bottom-width: 2px; |
||||
} |
||||
.mt-pricing-table-price { |
||||
font-size: 40px; |
||||
padding-bottom: 25px; |
||||
} |
||||
.mt-pricing-table-link { |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
} |
||||
.field--name-field-mt-pt-feature .field__label { |
||||
font-size: 14px; |
||||
text-transform: uppercase; |
||||
padding-bottom: 5px; |
||||
margin-bottom: 20px; |
||||
font-weight: 400; |
||||
border-bottom-color: #eeeeee; |
||||
border-bottom-style: solid; |
||||
border-bottom-width: 1px; |
||||
} |
||||
.field--name-field-mt-pt-feature .field__items .field__item { |
||||
padding: 0 0 5px 20px; |
||||
position: relative; |
||||
} |
||||
.field--name-field-mt-pt-feature .field__items .field__item:before { |
||||
content: ""; |
||||
width: 2px; |
||||
height: 2px; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 0; |
||||
margin-top: -3px; |
||||
background-color: #373737; |
||||
} |
||||
@ -0,0 +1,71 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for mt-video field in Magazine+. |
||||
*/ |
||||
.field--name-field-mt-video.field__item, |
||||
.field--name-field-mt-video .field__item { |
||||
margin: 20px 0; |
||||
} |
||||
.video-item > a { |
||||
position: relative; |
||||
display: block; |
||||
overflow: hidden; |
||||
float: left; |
||||
max-width: 100%; |
||||
} |
||||
.video-item > a:before { |
||||
content: ""; |
||||
position: absolute; |
||||
bottom: 0px; |
||||
left: 0; |
||||
right: 0; |
||||
top: 0; |
||||
height: 100%; |
||||
width: 100%; |
||||
border-radius: 0; |
||||
opacity: 0.2; |
||||
filter: alpha(opacity=20); |
||||
webkit-transition: opacity 0.2s linear; |
||||
-moz-transition: opacity 0.2s linear; |
||||
-o-transition: opacity 0.2s linear; |
||||
transition: opacity 0.2s linear; |
||||
background-color: rgba(0, 0, 0, 0.7); |
||||
} |
||||
.video-item > a:after { |
||||
content: "\f04b"; |
||||
font-family: "FontAwesome"; |
||||
font-size: 28px; |
||||
line-height: 80px; |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 50%; |
||||
margin: -40px 0 0 -40px; |
||||
color: #ffffff; |
||||
width: 100%; |
||||
text-align: center; |
||||
width: 80px; |
||||
height: 80px; |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
-webkit-transition: all linear 0.2s; |
||||
-moz-transition: all linear 0.2s; |
||||
-o-transition: all linear 0.2s; |
||||
-ms-transition: all linear 0.2s; |
||||
transition: all linear 0.2s; |
||||
opacity: 0.8; |
||||
filter: alpha(opacity=80); |
||||
} |
||||
.video-item > a:hover:after { |
||||
background-color: #ffffff; |
||||
color: #2d2d2d; |
||||
} |
||||
.video-item:hover > a:before, |
||||
.video-item:hover > a:after { |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
} |
||||
@ -0,0 +1,39 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for taxonomy terms in Magazine+. |
||||
*/ |
||||
.field--entity-reference-target-type-taxonomy-term, |
||||
.field--entity-reference-target-type-taxonomy-term.field__item { |
||||
margin: 40px 0; |
||||
} |
||||
.field--entity-reference-target-type-taxonomy-term .field__label, |
||||
.field--entity-reference-target-type-taxonomy-term.field__item .field__label { |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
font-weight: 400; |
||||
padding-bottom: 15px; |
||||
margin-bottom: 25px; |
||||
border-bottom-width: 2px; |
||||
border-bottom-style: solid; |
||||
border-bottom-color: #eaeaea; |
||||
} |
||||
.field--entity-reference-target-type-taxonomy-term + .field--entity-reference-target-type-taxonomy-term { |
||||
margin-top: 0; |
||||
} |
||||
.field--entity-reference-target-type-taxonomy-term.field__item { |
||||
display: inline-block; |
||||
} |
||||
.field--entity-reference-target-type-taxonomy-term .field__item { |
||||
display: inline-block; |
||||
vertical-align: top; |
||||
margin: 0 25px 10px 0; |
||||
} |
||||
.field--entity-reference-target-type-taxonomy-term .field__item a, |
||||
.field--entity-reference-target-type-taxonomy-term.field__item a { |
||||
display: block; |
||||
text-decoration: none; |
||||
} |
||||
.field--entity-reference-target-type-taxonomy-term .field__item a:before, |
||||
.field--entity-reference-target-type-taxonomy-term.field__item a:before { |
||||
content: "#"; |
||||
} |
||||
@ -0,0 +1,82 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s sticky header. |
||||
*/ |
||||
.onscroll.transparent-header-active .header-container.js-transparent-header .sticky-wrapper { |
||||
height: 0 !important; |
||||
} |
||||
.onscroll .header.js-fixed { |
||||
position: fixed; |
||||
z-index: 499; |
||||
top: 0; |
||||
width: 100%; |
||||
-webkit-box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1); |
||||
box-shadow: 0 2px 14px rgba(100, 100, 100, 0.1), 0 2px 2px rgba(100, 100, 100, 0.1); |
||||
} |
||||
.onscroll .header.js-fixed.region--white-background { |
||||
background-color: rgba(255, 255, 255, 0.95); |
||||
} |
||||
.onscroll .header.js-fixed.region--black-background { |
||||
background-color: rgba(29, 29, 29, 0.95); |
||||
} |
||||
.onscroll .header.js-fixed.region--gray-background { |
||||
background-color: rgba(244, 244, 244, 0.95); |
||||
} |
||||
.fixed-header-enabled.onscroll .header__container, |
||||
.fixed-header-enabled.onscroll .header-second, |
||||
.fixed-header-enabled.onscroll .header-third, |
||||
.fixed-header-enabled.onscroll .header-first, |
||||
.fixed-header-enabled.onscroll .header-container ul.menu { |
||||
-webkit-transition: ease-in-out 0.2s; |
||||
-o-transition: ease-in-out 0.2s; |
||||
transition: ease-in-out 0.2s; |
||||
} |
||||
@media (max-width: 991px) { |
||||
.onscroll .header__container > .row > div { |
||||
display: none; |
||||
} |
||||
.onscroll .header__container > .row > div:last-of-type { |
||||
display: block; |
||||
} |
||||
.onscroll .header-container .content > ul.menu { |
||||
padding-top: 10px; |
||||
} |
||||
} |
||||
@media (max-width: 767px) { |
||||
.onscroll .header.js-fixed { |
||||
display: none; |
||||
} |
||||
} |
||||
|
||||
/*fixed header site branding*/ |
||||
.onscroll-site-name-site-logo-container { |
||||
display: none; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
} |
||||
.onscroll-logo { |
||||
display: inline-block; |
||||
margin-top: 5px; |
||||
margin-right: 5px; |
||||
vertical-align: middle; |
||||
} |
||||
.onscroll-logo img { |
||||
max-height: 55px; |
||||
} |
||||
.onscroll-site-name { |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
} |
||||
.onscroll-site-name a { |
||||
font-size: 28px; |
||||
line-height: 1.2; |
||||
font-weight: 700; |
||||
padding-top: 10px; |
||||
} |
||||
@media (min-width: 1480px) { |
||||
.onscroll .onscroll-site-name-site-logo-container { |
||||
display: block; |
||||
padding-left: 12px; |
||||
} |
||||
} |
||||
@ -0,0 +1,65 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s flexsliders. |
||||
*/ |
||||
.flexslider { |
||||
border: none; |
||||
margin: 0; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
-o-border-radius: 0; |
||||
border-radius: 0; |
||||
box-shadow: none; |
||||
-webkit-box-shadow: none; |
||||
-moz-box-shadow: none; |
||||
-o-box-shadow: none; |
||||
display: none; |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/*Slider direction Nav */ |
||||
.flexslider .flex-direction-nav a { |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
width: 50px; |
||||
height: 100%; |
||||
top: 0; |
||||
margin: 0; |
||||
text-shadow: none; |
||||
} |
||||
.flexslider .flex-direction-nav a:before { |
||||
font-size: 60px; |
||||
width: 100%; |
||||
text-align: center; |
||||
font-family: 'FontAwesome'; |
||||
display: inline-block; |
||||
content: '\f104'; |
||||
color: #515151; |
||||
text-shadow: none; |
||||
line-height: 1; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 0; |
||||
margin-top: -30px; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
} |
||||
.flexslider .flex-direction-nav a.flex-next:before { |
||||
content: '\f105'; |
||||
} |
||||
.flexslider .flex-prev:hover:before, |
||||
.flexslider .flex-next:hover:before { |
||||
text-decoration: none; |
||||
} |
||||
.flexslider .flex-prev, |
||||
.flexslider:hover .flex-direction-nav .flex-prev { |
||||
left: 0; |
||||
} |
||||
.flexslider .flex-next, |
||||
.flexslider:hover .flex-direction-nav .flex-next { |
||||
right: 0; |
||||
text-align: center; |
||||
} |
||||
@ -0,0 +1,47 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s in page slider. |
||||
*/ |
||||
.in-page-images-slider ul.slides li { |
||||
position: relative; |
||||
} |
||||
@media (max-width:767px) { |
||||
.in-page-images-slider .flex-viewport { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
} |
||||
|
||||
/*Carousel direction Nav */ |
||||
.in-page-images-carousel .flex-direction-nav a { |
||||
width: 25px; |
||||
} |
||||
.in-page-images-carousel .flex-direction-nav a:before { |
||||
font-size: 28px; |
||||
margin-top: -14px; |
||||
} |
||||
|
||||
/*In page slider's Carousel*/ |
||||
.in-page-images-carousel { |
||||
margin: 20px 0 0 0; |
||||
} |
||||
.in-page-images-carousel li { |
||||
margin-right: 20px; |
||||
cursor: pointer; |
||||
-webkit-box-sizing: content-box; |
||||
-moz-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
} |
||||
.in-page-images-carousel li.flex-active-slide, |
||||
.in-page-images-carousel li.flex-active-slide:hover { |
||||
cursor: default; |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
} |
||||
.in-page-images-carousel li:hover { |
||||
opacity: 0.8; |
||||
filter: alpha(opacity=80); |
||||
} |
||||
.in-page-images-carousel li .overlay-icon { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,89 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s nodes slider. |
||||
*/ |
||||
.field--mt-nodes-slideshow-block { |
||||
padding-top: 60px; |
||||
} |
||||
|
||||
/*nodes slideshow*/ |
||||
.nodes-slideshow .slides > li:not(.flex-active-slide) a.button { |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
} |
||||
|
||||
/*nodes slideshow navigation*/ |
||||
.nodes-slideshow-navigation .slides { |
||||
width: 100% !important; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li { |
||||
cursor: pointer; |
||||
position: relative; |
||||
float: none !important; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li a { |
||||
padding-bottom: 30px; |
||||
text-decoration: none; |
||||
display: block; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li a .title-order { |
||||
color: #9c9c9c; |
||||
font-size: 18px; |
||||
position: absolute; |
||||
left: 0; |
||||
top: -4px; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li a .title-text { |
||||
display: inline-block; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
font-size: 15px; |
||||
margin-left: 30px; |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li a:hover .title-text { |
||||
border-bottom-color: transparent; |
||||
} |
||||
.region--light-typography .nodes-slideshow-navigation .slides > li a .title-text { |
||||
color: #ffffff; |
||||
border-bottom-color: #ffffff; |
||||
} |
||||
.region--light-typography .nodes-slideshow-navigation .slides > li a:hover .title-text { |
||||
color: #ffffff; |
||||
border-bottom-color: transparent; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li.is-active { |
||||
cursor: default; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li.is-active a .title-text { |
||||
border-bottom-color: transparent; |
||||
padding-left: 10px; |
||||
} |
||||
.region--light-typography .nodes-slideshow-navigation .slides > li.is-active a .title-text { |
||||
color: #ffffff; |
||||
} |
||||
.nodes-slideshow-navigation .slides > li.is-active a:before { |
||||
left: 0; |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
} |
||||
@media (max-width: 767px) { |
||||
.nodes-slideshow-navigation { |
||||
margin-bottom: 30px; |
||||
} |
||||
} |
||||
|
||||
/*nodes slideshow @colored regions*/ |
||||
.region--light-typography .nodes-slideshow-navigation .slides > li.is-active a { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography .nodes-slideshow-navigation .slides > li a:before { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography .nodes-slideshow-navigation .slides > li { |
||||
border-bottom-color: rgba(255, 255, 255, 0.15); |
||||
} |
||||
@ -0,0 +1,18 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s font resize component. |
||||
*/ |
||||
.content-font-settings { |
||||
font-size: 18px; |
||||
text-align: center; |
||||
margin-bottom: 25px; |
||||
} |
||||
.font-resize > a { |
||||
display: block; |
||||
padding: 10px 0; |
||||
} |
||||
.font-resize > a:last-child { |
||||
border-top-width: 1px; |
||||
border-top-style: solid; |
||||
border-top-color: #eeeeee; |
||||
} |
||||
@ -0,0 +1,237 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s forms. |
||||
*/ |
||||
.form-item, |
||||
.form-actions { |
||||
margin: 20px 0; |
||||
} |
||||
input.form-text, |
||||
input.form-tel, |
||||
input.form-email, |
||||
input.form-url, |
||||
input.form-search, |
||||
input.form-file, |
||||
input.form-number, |
||||
input.form-color, |
||||
textarea, |
||||
select { |
||||
padding: 10px 15px; |
||||
outline: none; |
||||
border: none; |
||||
-webkit-appearance: none; |
||||
width: 100%; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: #f4f4f4; |
||||
background-color: #f4f4f4; |
||||
-webkit-transition: border-color 0.2s linear; |
||||
-o-transition: border-color 0.2s linear; |
||||
transition: border-color 0.2s linear; |
||||
font-weight: 500; |
||||
color: #2d2d2d; |
||||
} |
||||
select { |
||||
margin: 10px 0; |
||||
} |
||||
|
||||
/*webkit specific rules for select list*/ |
||||
@media screen and (-webkit-min-device-pixel-ratio:0) { |
||||
select { |
||||
background-image: url("../../images/angle-down-black.png"); |
||||
background-image: linear-gradient(transparent, transparent), url("../../images/angle-down-black.svg"); |
||||
background-size: 20px 20px; |
||||
background-repeat: no-repeat; |
||||
background-position: 98.5% 50%; |
||||
height: 46px; |
||||
border-radius: 0; |
||||
} |
||||
} |
||||
.region--gray-background input.form-text, |
||||
.region--gray-background input.form-tel, |
||||
.region--gray-background input.form-email, |
||||
.region--gray-background input.form-url, |
||||
.region--gray-background input.form-search, |
||||
.region--gray-background input.form-file, |
||||
.region--gray-background input.form-number, |
||||
.region--gray-background input.form-color, |
||||
.region--gray-background textarea, |
||||
.region--gray-background select { |
||||
border-color: #ffffff; |
||||
background-color: #fff; |
||||
} |
||||
|
||||
/*forms style 2*/ |
||||
.form-item--style-2 input.form-text { |
||||
background-color: transparent; |
||||
border-width: 0 0 1px 0; |
||||
padding: 10px 0; |
||||
} |
||||
.region--light-typography .form-item--style-2 input.form-text { |
||||
color: #ffffff; |
||||
border-color: #ffffff; |
||||
} |
||||
.region--gray-background .form-item--style-2 input.form-text { |
||||
border-color: #dddddd; |
||||
} |
||||
.form-item--style-2 input.form-text:hover, |
||||
.form-item--style-2 input.form-text:focus { |
||||
box-shadow: none; |
||||
} |
||||
.form-actions--style-2 { |
||||
position: relative; |
||||
display: inline-block; |
||||
} |
||||
.form-group .form-actions--style-2 { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
} |
||||
.form-actions--style-2 i { |
||||
position: absolute; |
||||
left: auto; |
||||
right: 0; |
||||
top: 50%; |
||||
height: 20px; |
||||
margin-top: -8px; |
||||
z-index: -1; |
||||
} |
||||
.form-actions--style-2 .form-submit { |
||||
color: #2d2d2d; |
||||
background-color: transparent; |
||||
box-shadow: none; |
||||
display: inline-block; |
||||
} |
||||
.form-actions--style-2 .form-submit:hover, |
||||
.form-actions--style-2 .form-submit:focus { |
||||
box-shadow: none; |
||||
background-color: transparent; |
||||
} |
||||
.region--light-typography .form-actions--style-2 .form-submit { |
||||
border-width: 0; |
||||
border-style: none; |
||||
} |
||||
.region--light-typography .form-actions--style-2 .form-submit:hover, |
||||
.region--light-typography .form-actions--style-2 .form-submit:focus, |
||||
.region--light-typography.region--colored-background .form-actions--style-2 .form-submit:hover, |
||||
.region--light-typography.region--colored-background .form-actions--style-2 .form-submit:focus { |
||||
background-color: transparent; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*inline form elements*/ |
||||
.container-inline:not(.block) { |
||||
margin: 15px 0; |
||||
} |
||||
.container-inline input.form-text, |
||||
.container-inline input.form-tel, |
||||
.container-inline input.form-email, |
||||
.container-inline input.form-url, |
||||
.container-inline input.form-search, |
||||
.container-inline input.form-file, |
||||
.container-inline input.form-number, |
||||
.container-inline input.form-color { |
||||
width: auto; |
||||
margin-right: 5px; |
||||
} |
||||
.container-inline input[type="submit"] { |
||||
margin: 0; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.container-inline .form-actions { |
||||
margin: 10px 0; |
||||
display: block; |
||||
} |
||||
.container-inline .form-submit { |
||||
margin-top: 5px; |
||||
} |
||||
.container-inline input.form-text, |
||||
.container-inline input.form-tel, |
||||
.container-inline input.form-email, |
||||
.container-inline input.form-url, |
||||
.container-inline input.form-search, |
||||
.container-inline input.form-file, |
||||
.container-inline input.form-number, |
||||
.container-inline input.form-color { |
||||
width: 100%; |
||||
} |
||||
} |
||||
|
||||
/*Form group*/ |
||||
.form-group { |
||||
margin-bottom: 20px; |
||||
position: relative; |
||||
} |
||||
.form-group:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
.form-group .form-item, |
||||
.form-group .form-actions { |
||||
margin: 0; |
||||
} |
||||
.form-submit-icon { |
||||
position: absolute; |
||||
right: 0; |
||||
top: 0; |
||||
width: 30px; |
||||
height: 100%; |
||||
color: #ffffff; |
||||
border: none; |
||||
border-radius: 0 5px 5px 0; |
||||
} |
||||
.form-submit-icon i { |
||||
line-height: 40px |
||||
} |
||||
|
||||
/*textarea*/ |
||||
textarea { |
||||
resize: none; |
||||
} |
||||
label { |
||||
display: block; |
||||
} |
||||
.label { |
||||
color: #2d2d2d; |
||||
} |
||||
.region--colored-background .label { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*fieldset*/ |
||||
fieldset { |
||||
border: 1px solid #eaeaea; |
||||
padding: 0.5em; |
||||
margin: 20px 0 35px; |
||||
} |
||||
fieldset legend { |
||||
border: 1px solid #eaeaea; |
||||
display: inline-block; |
||||
width: auto; |
||||
padding: 5px; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
margin-left: 10px; |
||||
} |
||||
.region--light-typography fieldset legend { |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*checkboxes and radios*/ |
||||
input[type="radio"], |
||||
input[type="checkbox"] { |
||||
margin: 0px 5px 0px 0; |
||||
} |
||||
|
||||
/*form placeholder*/ |
||||
::-webkit-input-placeholder { |
||||
color: #2d2d2d; |
||||
} |
||||
:-moz-placeholder { |
||||
color: #2d2d2d; |
||||
} |
||||
::-moz-placeholder { |
||||
color: #2d2d2d; |
||||
} |
||||
:-ms-input-placeholder { |
||||
color: #2d2d2d; |
||||
} |
||||
@ -0,0 +1,16 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s google maps. |
||||
*/ |
||||
.google-map-canvas { |
||||
height: 400px; |
||||
} |
||||
.container-fluid .google-map-canvas { |
||||
margin: 0 -15px; |
||||
} |
||||
.page-container-border-enabled .container-fluid .google-map-canvas { |
||||
margin: 0; |
||||
} |
||||
.google-map-canvas img { |
||||
max-width: inherit; |
||||
} |
||||
@ -0,0 +1,71 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for highlights in Magazine+. |
||||
*/ |
||||
.highlights { |
||||
margin: 30px 0; |
||||
} |
||||
.highlight { |
||||
text-align: center; |
||||
padding: 30px 0 40px; |
||||
position: relative; |
||||
} |
||||
.highlight--bordered:before { |
||||
content: ""; |
||||
width: 1px; |
||||
height: 100%; |
||||
left: -15px; |
||||
top: 0; |
||||
position: absolute; |
||||
background-color: #dfdfdf; |
||||
} |
||||
.highlight-head { |
||||
display: block; |
||||
margin: 0 auto; |
||||
font-size: 35px; |
||||
margin-bottom: 10px; |
||||
} |
||||
.highlight-body { |
||||
font-size: 14px; |
||||
} |
||||
.headings-wide-spacing-enabled .highlight-body { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*highoights @colored regions*/ |
||||
.region--light-typography .highlight--bordered:before { |
||||
background-color: #ffffff; |
||||
} |
||||
|
||||
/*highlights style 2*/ |
||||
.highlight-2 { |
||||
text-align: center; |
||||
padding: 5px 0 40px; |
||||
} |
||||
.highlight-2-head { |
||||
display: block; |
||||
margin: 0 auto; |
||||
font-size: 40px; |
||||
margin-bottom: 25px; |
||||
font-weight: 300; |
||||
background-color: #f4f4f4; |
||||
border-radius: 100%; |
||||
width: 100px; |
||||
height: 100px; |
||||
line-height: 100px; |
||||
} |
||||
.region--gray-background .highlight-2-head { |
||||
background-color: #ffffff; |
||||
} |
||||
.region--light-typography .highlight-2-head { |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.highlight-2-body { |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
} |
||||
.headings-wide-spacing-enabled .highlight-2-body { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
@ -0,0 +1,43 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s icons list. |
||||
*/ |
||||
ul.icons-list { |
||||
list-style: none; |
||||
margin: 0 -15px; |
||||
padding: 0; |
||||
} |
||||
ul.icons-list li { |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
} |
||||
ul.icons-list li a { |
||||
display: block; |
||||
padding: 10px 15px; |
||||
} |
||||
ul.icons-list li a:hover { |
||||
text-decoration: none; |
||||
-ms-transform: scale(1.1); |
||||
-webkit-transform: scale(1.1); |
||||
transform: scale(1.1); |
||||
} |
||||
ul.icons-list li i { |
||||
font-size: 20px; |
||||
} |
||||
ul.icons-list--small li i { |
||||
font-size: 16px; |
||||
} |
||||
ul.icons-list--large li i { |
||||
font-size: 24px; |
||||
} |
||||
ul.icons-list--extra-large li i { |
||||
font-size: 55px; |
||||
} |
||||
|
||||
/*icons list @colored-region*/ |
||||
.region--light-typography ul.icons-list li a { |
||||
color: rgba(255, 255, 255, 0.70); |
||||
} |
||||
.region--light-typography ul.icons-list li a:hover { |
||||
color: #ffffff; |
||||
} |
||||
@ -0,0 +1,284 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s images overlay. |
||||
*/ |
||||
.overlay-container { |
||||
position: relative; |
||||
display: block; |
||||
overflow: hidden; |
||||
} |
||||
.image-preview .overlay-container { |
||||
max-width: 100%; |
||||
float: left; |
||||
} |
||||
.overlay-container.overlay-container--circle { |
||||
border-radius: 100%; |
||||
} |
||||
.overlay-container--circle img { |
||||
border-radius: 100%; |
||||
} |
||||
.overlay { |
||||
position: absolute; |
||||
bottom: 7px; |
||||
left: 7px; |
||||
right: 7px; |
||||
top: 7px; |
||||
opacity: 0; |
||||
filter: alpha(opacity=0); |
||||
-webkit-transition: opacity 0.2s linear; |
||||
-moz-transition: opacity 0.2s linear; |
||||
-o-transition: opacity 0.2s linear; |
||||
transition: opacity 0.2s linear; |
||||
z-index: 10; |
||||
} |
||||
.overlay--fit { |
||||
left: 0; |
||||
right: 0; |
||||
top: 0%; |
||||
bottom: 0; |
||||
} |
||||
.overlay-container:hover .overlay--fit { |
||||
bottom: 7px; |
||||
left: 7px; |
||||
right: 7px; |
||||
top: 7px; |
||||
} |
||||
.overlay-container.overlay-container--circle .overlay { |
||||
border-radius: 100%; |
||||
} |
||||
.overlay--visible { |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
-webkit-transition: all 0.2s linear; |
||||
-moz-transition: all 0.2s linear; |
||||
-o-transition: all 0.2s linear; |
||||
transition: all 0.2s linear; |
||||
} |
||||
.overlay-target-link { |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
bottom: 0; |
||||
left: 0; |
||||
right: 0; |
||||
top: 0; |
||||
} |
||||
.overlay--white { |
||||
background-color: rgba(255, 255, 255, 0.6); |
||||
} |
||||
.overlay-inner { |
||||
position: absolute; |
||||
height: 0; |
||||
top: 50%; |
||||
margin-top: -20px; |
||||
left: 0; |
||||
width: 100%; |
||||
text-align: center; |
||||
} |
||||
.overlay-container .overlay-content { |
||||
position: absolute; |
||||
bottom: 20px; |
||||
left: 20px; |
||||
padding-right: 20px; |
||||
z-index: 10; |
||||
} |
||||
.overlay-container .overlay-content .views-field-field-mt-post-category a { |
||||
padding: 5px 20px; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
background-color: #ffffff; |
||||
display: inline-block; |
||||
color: #373737; |
||||
} |
||||
.overlay-container .overlay-content .views-field-field-mt-post-category a:hover { |
||||
background-color: rgba(255, 255, 255, 0.8); |
||||
} |
||||
.overlay-container .overlay-content .views-field-title h5 { |
||||
font-size: 30px; |
||||
line-height: 1.25; |
||||
margin-top: 10px; |
||||
} |
||||
.overlay-container .overlay-content .views-field-title h5 a { |
||||
color: #ffffff; |
||||
} |
||||
.overlay-inner a.overlay-title { |
||||
font-size: 24px; |
||||
display: inline-block; |
||||
color: #ffffff; |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
border-bottom-color: transparent; |
||||
margin: 0 10px 5px; |
||||
text-decoration: none; |
||||
} |
||||
.headings-wide-spacing-enabled .overlay-inner a.overlay-title { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.overlay-inner a.overlay-title:hover { |
||||
border-bottom-color: #ffffff; |
||||
} |
||||
.overlay-inner .overlay-icons-list { |
||||
display: block; |
||||
} |
||||
.overlay-inner .overlay-icons-list ul { |
||||
margin: 0; |
||||
} |
||||
.overlay-inner .overlay-icons-list a { |
||||
color: #ffffff; |
||||
} |
||||
.overlay-inner .overlay-icons-list ul li i { |
||||
font-size: 14px; |
||||
} |
||||
.overlay-inner .overlay-link { |
||||
color: #ffffff; |
||||
display: inline-block; |
||||
border-bottom-width: 1px; |
||||
border-bottom-style: solid; |
||||
border-bottom-color: transparent; |
||||
} |
||||
.overlay-inner .overlay-link:hover { |
||||
border-bottom-color: #ffffff; |
||||
} |
||||
.overlay-inner .overlay-subtitle { |
||||
font-size: 15px; |
||||
color: #ffffff; |
||||
display: block; |
||||
} |
||||
.overlay-caption-container { |
||||
position: absolute; |
||||
height: 0; |
||||
top: 50%; |
||||
left: 0; |
||||
margin-top: -32px; |
||||
width: 100%; |
||||
} |
||||
.overlay-caption { |
||||
padding: 20px 0; |
||||
display: block; |
||||
font-size: 14px; |
||||
text-align: center; |
||||
text-decoration: none; |
||||
} |
||||
.overlay-caption:hover { |
||||
color: #ffffff; |
||||
} |
||||
.overlay-caption--black { |
||||
background-color: rgba(0,0,0,0.8); |
||||
color: #ffffff; |
||||
position: relative; |
||||
} |
||||
.overlay-caption--black:before { |
||||
content: ""; |
||||
background-color: transparent; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
height: 100%; |
||||
width: 100%; |
||||
z-index: -1; |
||||
-webkit-transition: all 0.3s linear; |
||||
-o-transition: all 0.3s linear; |
||||
transition: all 0.3s linear; |
||||
} |
||||
.overlay-icon { |
||||
display: inline-block; |
||||
font-size: 35px; |
||||
text-align: center; |
||||
line-height: 70px; |
||||
color: #ffffff; |
||||
} |
||||
.overlay-icon:hover { |
||||
color: #ffffff; |
||||
} |
||||
.overlay-icon--small { |
||||
font-size: 20px; |
||||
} |
||||
.overlay-icon--button { |
||||
font-size: 15px; |
||||
width: 40px; |
||||
height: 40px; |
||||
margin: 0 10px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
background-color: rgba(255, 255, 255, 0.1); |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
line-height: 38px; |
||||
color: #ffffff; |
||||
} |
||||
.overlay-icon--button:hover, |
||||
.region--light-typography .overlay-icon--button:hover { |
||||
border-color: #ffffff; |
||||
background-color: #ffffff; |
||||
color: #2d2d2d; |
||||
} |
||||
.overlay .button { |
||||
padding: 15px 20px; |
||||
} |
||||
.overlay .button i { |
||||
padding-right: 15px; |
||||
} |
||||
.overlay-container:hover { |
||||
text-decoration: none; |
||||
} |
||||
.overlay-container:hover .overlay-caption--black { |
||||
background-color: transparent; |
||||
} |
||||
.overlay-container:hover .overlay-caption--black:before { |
||||
top: -375px; |
||||
height: 750px; |
||||
background-color: rgba(0,0,0,0.8); |
||||
-webkit-transition: all 0.7s linear; |
||||
-o-transition: all 0.7s linear; |
||||
transition: all 0.7s linear; |
||||
} |
||||
.overlay-container:hover .overlay-caption { |
||||
-ms-transform: scale(2); |
||||
-webkit-transform: scale(2); |
||||
transform: scale(2); |
||||
} |
||||
.overlay-container:hover .overlay { |
||||
opacity: 1; |
||||
filter: alpha(opacity=100); |
||||
} |
||||
.overlay-animated { |
||||
-webkit-animation-duration: 0.4s; |
||||
animation-duration: 0.4s; |
||||
-webkit-animation-fill-mode: both; |
||||
animation-fill-mode: both; |
||||
} |
||||
.overlay-fade-left { |
||||
-webkit-animation-name: fadeOutLeft; |
||||
animation-name: fadeOutLeft; |
||||
} |
||||
.overlay-fade-right { |
||||
-webkit-animation-name: fadeOutRight; |
||||
animation-name: fadeOutRight; |
||||
} |
||||
.overlay-fade-top { |
||||
-webkit-animation-name: fadeOutUp; |
||||
animation-name: fadeOutUp; |
||||
} |
||||
.overlay-fade-bottom { |
||||
-webkit-animation-name: fadeOutDown; |
||||
animation-name: fadeOutDown; |
||||
} |
||||
.overlay-container:hover .overlay-fade-left { |
||||
-webkit-animation-name: fadeInLeft; |
||||
animation-name: fadeInLeft; |
||||
} |
||||
.overlay-container:hover .overlay-fade-right { |
||||
-webkit-animation-name: fadeInRight; |
||||
animation-name: fadeInRight; |
||||
} |
||||
.overlay-container:hover .overlay-fade-top { |
||||
-webkit-animation-name: fadeInDown; |
||||
animation-name: fadeInDown; |
||||
} |
||||
.overlay-container:hover .overlay-fade-bottom { |
||||
-webkit-animation-name: fadeInUp; |
||||
animation-name: fadeInUp; |
||||
} |
||||
@ -0,0 +1,29 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for inline list in Magazine+. |
||||
*/ |
||||
.inline-list { |
||||
padding: 0; |
||||
margin: 10px -15px; |
||||
list-style: none; |
||||
} |
||||
.inline-list ul { |
||||
margin: 0 -15px; |
||||
padding: 0; |
||||
} |
||||
.inline-list ul.icons-list { |
||||
margin: 0 -10px; |
||||
} |
||||
.header-top-highlighted__section .inline-list { |
||||
margin: 8px -15px; |
||||
} |
||||
.header-top__section .inline-list { |
||||
margin: 0 -15px; |
||||
} |
||||
.inline-list__item { |
||||
display: inline-block; |
||||
padding: 0 15px; |
||||
} |
||||
.inline-list__icon { |
||||
padding-right: 5px; |
||||
} |
||||
@ -0,0 +1,21 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s isotope filters. |
||||
*/ |
||||
.isotope-container { |
||||
display: none; |
||||
} |
||||
.filters { |
||||
display: none; |
||||
} |
||||
.isotope-container ul { |
||||
padding: 0; |
||||
} |
||||
.isotope-item { |
||||
list-style: none; |
||||
} |
||||
@media (max-width:767px) { |
||||
.isotope-item { |
||||
max-width: 100%; |
||||
} |
||||
} |
||||
@ -0,0 +1,27 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s item list. |
||||
*/ |
||||
.item-list ul { |
||||
list-style-position: inside; |
||||
list-style-type: square; |
||||
} |
||||
.item-list ul li { |
||||
margin: 0 0 5px 0; |
||||
} |
||||
.item-list ul li:last-child, |
||||
.footer .item-list ul li:last-child, |
||||
.banner .item-list ul li:last-child { |
||||
padding: 0; |
||||
} |
||||
.item-list ul li span { |
||||
font-size: 13px; |
||||
font-style: italic; |
||||
font-weight: 400; |
||||
padding-left: 5px; |
||||
} |
||||
.block-user-login-block .item-list ul li { |
||||
padding: 0; |
||||
margin: 0; |
||||
border-bottom: none; |
||||
} |
||||
@ -0,0 +1,24 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s language switcher. |
||||
*/ |
||||
.block-language ul { |
||||
padding-left: 0; |
||||
list-style: none; |
||||
} |
||||
.block-language ul li { |
||||
padding: 5px 0 5px 20px; |
||||
position: relative; |
||||
} |
||||
.block-language ul li:before { |
||||
content: ""; |
||||
font-family: "FontAwesome"; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 7px; |
||||
font-size: 10px; |
||||
} |
||||
.block-language ul li:before { |
||||
content: "\f0da"; |
||||
font-size: 12px; |
||||
} |
||||
@ -0,0 +1,4 @@
|
||||
/** |
||||
* @file |
||||
* Use this CSS file to override components CSS rules |
||||
*/ |
||||
@ -0,0 +1,7 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s maintenance page. |
||||
*/ |
||||
.maintenance-page .main-content__section { |
||||
padding: 50px 0 80px; |
||||
} |
||||
@ -0,0 +1,16 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s media tabs. |
||||
*/ |
||||
.field--mt-media-tabs-block .nav-pills { |
||||
margin-bottom: 45px; |
||||
} |
||||
.mt-media-title { |
||||
margin-bottom: 25px; |
||||
} |
||||
.mt-media-title h3 { |
||||
font-size: 50px; |
||||
} |
||||
.mt-media-body { |
||||
margin-bottom: 15px; |
||||
} |
||||
@ -0,0 +1,748 @@
|
||||
/** |
||||
* @file |
||||
* Styles for menus in Magazine+. |
||||
*/ |
||||
|
||||
/*Menus*/ |
||||
ul.menu { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style: none; |
||||
} |
||||
ul.menu li { |
||||
margin: 0; |
||||
position: relative; |
||||
list-style: none; |
||||
padding: 0; |
||||
} |
||||
ul.menu li a { |
||||
padding: 10px 0 10px 20px; |
||||
line-height: 150%; |
||||
display: block; |
||||
text-decoration: none; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
} |
||||
.region--dark-typography ul.menu li a { |
||||
color: #2d2d2d; |
||||
} |
||||
.sidebar__section ul.menu li a:hover { |
||||
-ms-transform: translateX(5px); |
||||
-webkit-transform: translateX(5px); |
||||
transform: translateX(5px); |
||||
} |
||||
.region--light-typography ul.menu li a { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography ul.menu li a:hover, |
||||
.region--light-typography ul.menu li a.is-active, |
||||
.region--light-typography ul.menu li.active-trail > a { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
opacity: 0.75; |
||||
} |
||||
ul.menu li.menu-item--expanded ul { |
||||
padding-left: 25px; |
||||
} |
||||
|
||||
/*menu arrows*/ |
||||
ul.menu li > a:before { |
||||
font-family: "FontAwesome"; |
||||
content: "\f105"; |
||||
position: absolute; |
||||
left: 0; |
||||
top: 9px; |
||||
font-size: 12px; |
||||
} |
||||
|
||||
/*Main navigation*/ |
||||
.header-container ul.menu { |
||||
margin: 0; |
||||
list-style: none; |
||||
text-align: right; |
||||
} |
||||
.header-container .col-md-12 ul.menu, |
||||
.header-container .col-xs-12 ul.menu { |
||||
text-align: center; |
||||
} |
||||
.header__section ul.menu { |
||||
padding: 15px 0; |
||||
} |
||||
.header-container ul.menu li { |
||||
background: none; |
||||
padding: 0; |
||||
margin: 0; |
||||
display: inline-block; |
||||
float: none; |
||||
z-index: 497; |
||||
} |
||||
.header-container ul.menu li a { |
||||
font-size: 15px; |
||||
padding: 5px 23px; |
||||
} |
||||
.headings-wide-spacing-enabled .header-container ul.menu li a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.header-container ul.menu li a:before { |
||||
content: ""; |
||||
width: 2px; |
||||
height: 2px; |
||||
right: -1px; |
||||
left: auto; |
||||
top: 50%; |
||||
margin-top: -1px; |
||||
} |
||||
.header-container .region--dark-typography ul.menu li a:before { |
||||
background-color: #9c9c9c; |
||||
} |
||||
.header-container .region--light-typography ul.menu li a:before { |
||||
background-color: #ffffff; |
||||
} |
||||
.header-container ul.menu ul.menu { |
||||
display: none; |
||||
} |
||||
.header-container ul.menu li:last-child a:before, |
||||
.header-container ul.menu ul li a:before { |
||||
width: 0; |
||||
height: 0; |
||||
background-color: transparent; |
||||
} |
||||
@media (max-width:1199px) { |
||||
.header-container ul.menu li a { |
||||
margin: 0; |
||||
} |
||||
.header-container ul.menu { |
||||
text-align: left; |
||||
} |
||||
} |
||||
|
||||
/*header top highlighted*/ |
||||
.header-top-highlighted__section ul.menu { |
||||
text-align: center; |
||||
padding: 7px 0; |
||||
} |
||||
.header-top-highlighted__section ul.menu li a { |
||||
font-size: 11px; |
||||
} |
||||
.header-top-highlighted__section ul.menu li:first-child a { |
||||
padding-left: 0; |
||||
} |
||||
.header-top-highlighted__section ul.menu li:last-child a { |
||||
padding-right: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.header-top-highlighted-first ul.menu { |
||||
text-align: left; |
||||
} |
||||
.header-top-highlighted-second ul.menu { |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
/*header top*/ |
||||
.header-top__section ul.menu { |
||||
text-align: center; |
||||
} |
||||
.header-top__section ul.menu li a { |
||||
font-size: 11px; |
||||
} |
||||
.header-top__section ul.menu li:first-child a { |
||||
padding-left: 0; |
||||
} |
||||
.header-top__section ul.menu li:last-child a { |
||||
padding-right: 0; |
||||
} |
||||
@media (min-width: 768px) { |
||||
.header-top-first ul.menu { |
||||
text-align: left; |
||||
} |
||||
.header-top-second ul.menu { |
||||
text-align: right; |
||||
} |
||||
} |
||||
|
||||
/*footer menu*/ |
||||
.footer__section ul.menu li a { |
||||
padding: 8px 0 8px 30px; |
||||
text-decoration: none; |
||||
} |
||||
.footer__section ul.menu li a:hover { |
||||
-ms-transform: translateX(5px); |
||||
-webkit-transform: translateX(5px); |
||||
transform: translateX(5px); |
||||
} |
||||
.footer__section ul.menu li a:before { |
||||
top: 8px; |
||||
} |
||||
@media (max-width:767px) { |
||||
.footer__section ul.menu { |
||||
text-align: center; |
||||
} |
||||
.footer__section ul.menu li a { |
||||
padding: 7px 20px 8px 20px; |
||||
} |
||||
.footer__section ul.menu li > a:before { |
||||
content: ""; |
||||
width: 0px; |
||||
height: 0px; |
||||
} |
||||
} |
||||
|
||||
/*Footer Bottom menu*/ |
||||
.footer-bottom__section ul.menu { |
||||
margin: 0; |
||||
padding: 30px 0; |
||||
list-style-type: none; |
||||
text-align: center; |
||||
} |
||||
.footer-bottom__section ul.menu li { |
||||
display: inline-block; |
||||
} |
||||
.footer-bottom__section ul.menu ul.menu { |
||||
display: none; |
||||
} |
||||
.footer-bottom__section ul.menu li a { |
||||
font-size: 12px; |
||||
text-decoration: none; |
||||
padding: 5px 20px 5px 18px; |
||||
line-height: 1; |
||||
} |
||||
.headings-wide-spacing-enabled .footer-bottom__section ul.menu li a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.footer-bottom__section ul.menu li a:before { |
||||
content: ""; |
||||
width: 2px; |
||||
height: 2px; |
||||
right: -1px; |
||||
left: auto; |
||||
top: 50%; |
||||
margin-top: -1px; |
||||
} |
||||
.footer-bottom__section ul.menu li:last-child a:before { |
||||
width: 0; |
||||
height: 0; |
||||
background-color: transparent; |
||||
} |
||||
.region--dark-typography .footer-bottom__section ul.menu li a:before { |
||||
background-color: #9c9c9c; |
||||
} |
||||
.region--light-typography .footer-bottom__section ul.menu li a:before { |
||||
background-color: #ffffff; |
||||
} |
||||
.footer-bottom__section ul.menu li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.footer-bottom__section ul.menu li:first-child a { |
||||
padding-left: 0; |
||||
} |
||||
.footer-bottom__section ul.menu li:last-child a { |
||||
padding-right: 0; |
||||
} |
||||
@media (min-width: 992px) { |
||||
.footer-bottom__section.footer-bottom-first ul.menu { |
||||
text-align: right; |
||||
} |
||||
} |
||||
@media (max-width:991px) { |
||||
.footer-bottom__section ul.menu { |
||||
padding: 10px 0; |
||||
} |
||||
} |
||||
@media (max-width:767px) { |
||||
.footer-bottom__section ul.menu li { |
||||
display: block; |
||||
margin: 10px 0px; |
||||
} |
||||
.footer-bottom__section ul.menu li a:before { |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
.footer-bottom__section ul.menu li:last-child a, |
||||
.footer-bottom__section ul.menu li:first-child a, |
||||
.footer-bottom__section ul.menu li a { |
||||
margin: 0; |
||||
display: inline-block; |
||||
padding: 5px; |
||||
} |
||||
} |
||||
|
||||
/*Subfooter menu*/ |
||||
.subfooter__section .block-menu > h2.visually-hidden { |
||||
display: none; |
||||
} |
||||
.subfooter__section ul.menu { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style-type: none; |
||||
text-align: right; |
||||
} |
||||
.subfooter__section.subfooter-first ul.menu { |
||||
text-align: left; |
||||
} |
||||
.subfooter__section ul.menu li { |
||||
display: inline-block; |
||||
} |
||||
.subfooter__section ul.menu ul.menu { |
||||
display: none; |
||||
} |
||||
.subfooter__section ul.menu li a { |
||||
font-size: 12px; |
||||
text-decoration: none; |
||||
padding: 2px 20px 2px 18px; |
||||
line-height: 1; |
||||
} |
||||
.headings-wide-spacing-enabled .subfooter__section ul.menu li a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.subfooter__section ul.menu li a:before { |
||||
content: ""; |
||||
width: 2px; |
||||
height: 2px; |
||||
right: -1px; |
||||
left: auto; |
||||
top: 50%; |
||||
margin-top: -1px; |
||||
} |
||||
.subfooter__section ul.menu li:last-child a:before { |
||||
width: 0; |
||||
height: 0; |
||||
background-color: transparent; |
||||
} |
||||
.region--dark-typography .subfooter__section ul.menu li a:before { |
||||
background-color: #9c9c9c; |
||||
} |
||||
.region--light-typography .subfooter__section ul.menu li a:before { |
||||
background-color: #ffffff; |
||||
} |
||||
.subfooter__section ul.menu li a:hover { |
||||
text-decoration: none; |
||||
} |
||||
.subfooter__section ul.menu li:first-child a { |
||||
padding-left: 0; |
||||
} |
||||
.subfooter__section ul.menu li:last-child a { |
||||
padding-right: 0; |
||||
} |
||||
@media (max-width: 1199px) { |
||||
.subfooter__section ul.menu li a { |
||||
padding: 2px 15px 2px 13px; |
||||
} |
||||
} |
||||
@media (max-width: 991px) { |
||||
.subfooter__section ul.menu, |
||||
.subfooter__section.subfooter-first ul.menu { |
||||
text-align: center; |
||||
padding: 10px 0; |
||||
} |
||||
} |
||||
@media (max-width: 767px) { |
||||
.subfooter__section ul.menu li { |
||||
display: block; |
||||
margin: 10px 0px; |
||||
} |
||||
.subfooter__section ul.menu li a:before { |
||||
content: ""; |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
.subfooter__section ul.menu li:last-child a, |
||||
.subfooter__section ul.menu li:first-child a, |
||||
.subfooter__section ul.menu li a { |
||||
margin: 0; |
||||
display: inline-block; |
||||
padding: 5px; |
||||
} |
||||
} |
||||
|
||||
/*superfish support*/ |
||||
.sf-menu ul { |
||||
display: none; |
||||
} |
||||
.header-container .sf-menu li.sfHover { |
||||
z-index: 498; |
||||
} |
||||
.region--light-typography .sf-menu li a.is-active, |
||||
.region--light-typography .sf-menu li.active-trail > a, |
||||
.region--light-typography .sf-menu li.sfHover > a, |
||||
.region--light-typography .sf-menu li > a:hover { |
||||
opacity: 0.75; |
||||
color: #ffffff; |
||||
} |
||||
.header-container .sf-menu > li > ul { |
||||
right: 0 !important; |
||||
} |
||||
.header-container .sf-menu.menu ul { |
||||
display: none; |
||||
margin-top: 16px; |
||||
padding: 15px 30px; |
||||
text-align: left; |
||||
left: 0; |
||||
top: 100%; |
||||
} |
||||
.header-top-highlighted__section .sf-menu.menu ul { |
||||
margin-top: 6px; |
||||
} |
||||
.region--white-background .sf-menu.menu ul { |
||||
background-color: #f4f4f4; |
||||
} |
||||
.region--gray-background .sf-menu.menu ul { |
||||
background-color: #f4f4f4; |
||||
} |
||||
.header.region--gray-background .sf-menu.menu ul { |
||||
background-color: #f1f1f1; |
||||
} |
||||
.region--black-background .sf-menu.menu ul { |
||||
background-color: #1d1d1d; |
||||
} |
||||
.header-container .sf-menu ul li a { |
||||
font-size: 14px; |
||||
padding: 9px 0px 10px; |
||||
display: block; |
||||
text-transform: none; |
||||
font-weight: 400; |
||||
} |
||||
.headings-wide-spacing-enabled .header-container .sf-menu ul li a { |
||||
letter-spacing: 0; |
||||
text-transform: none; |
||||
} |
||||
.header-container .sf-menu ul li:last-child a { |
||||
border-bottom: none; |
||||
} |
||||
.header-container .sf-menu.menu ul ul { |
||||
top: -15px; |
||||
margin-left: 30px; |
||||
margin-right: 30px; |
||||
margin-top: 0; |
||||
} |
||||
@media (max-width: 992px) { |
||||
.header-container .sf-menu.menu ul { |
||||
margin-top: 20px; |
||||
} |
||||
} |
||||
|
||||
/*superfish menu arrows*/ |
||||
.header-container ul.sf-menu > li > a.menuparent:after { |
||||
content: "\f107"; |
||||
font-family: 'FontAwesome'; |
||||
position: absolute; |
||||
top: 6px; |
||||
right: 12px; |
||||
font-weight: 400; |
||||
line-height: 20px; |
||||
font-size: 10px; |
||||
} |
||||
.header-top-highlighted__section ul.sf-menu > li > a.menuparent:after, |
||||
.header-top__section ul.sf-menu > li > a.menuparent:after { |
||||
top: 3px; |
||||
} |
||||
.header-container ul.sf-menu ul li a.menuparent:after { |
||||
font-family: 'FontAwesome'; |
||||
content: "\f105"; |
||||
right: 0px; |
||||
top: 10px; |
||||
position: absolute; |
||||
font-weight: 400; |
||||
} |
||||
|
||||
/* Superfish mega-menu support */ |
||||
.header-container ul.sf-menu li.sf-multicolumn-column { |
||||
display: inline; |
||||
float: left; |
||||
} |
||||
.header-container ul.sf-menu ul li.sf-multicolumn-column a.menuparent { |
||||
font-weight: bold; |
||||
} |
||||
.header-container ul.sf-menu ul li.sf-multicolumn-column a.menuparent:after { |
||||
content: ""; |
||||
} |
||||
|
||||
/*Menu with call-to-action button*/ |
||||
.header__section .menu.cta-active { |
||||
padding: 5px 0; |
||||
} |
||||
.menu.cta-active > li:last-child > a { |
||||
font-weight: 400; |
||||
padding: 15px 30px; |
||||
color: #ffffff; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
text-align: center; |
||||
border-radius: 5px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
text-decoration: none; |
||||
margin: 0 0 0 40px; |
||||
} |
||||
.headings-wide-spacing-enabled .menu.cta-active > li:last-child > a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.region--dark-background .menu.cta-active > li:last-child > a { |
||||
border-color: #ffffff; |
||||
border-bottom-width: 1px; |
||||
} |
||||
.menu.cta-active > li:last-child > a.is-active { |
||||
color: #ffffff; |
||||
} |
||||
.menu.cta-active > li:last-child > a:hover { |
||||
color: #ffffff; |
||||
} |
||||
.menu.cta-active--email > li:last-child > a:before { |
||||
content: "\f0e0"; |
||||
font-family: "FontAwesome"; |
||||
padding-right: 10px; |
||||
position: static; |
||||
color: inherit; |
||||
vertical-align: top; |
||||
} |
||||
@media (max-width: 1199px) { |
||||
.menu.cta-active > li:last-child > a { |
||||
margin-left: 10px; |
||||
padding: 15px; |
||||
} |
||||
} |
||||
@media (max-width: 991px) { |
||||
.menu.cta-active > li:last-child > a { |
||||
margin-left: 20px; |
||||
padding: 15px 20px; |
||||
} |
||||
} |
||||
.sf-accordion.sf-style-none.cta-active > li:last-child { |
||||
text-align: center; |
||||
} |
||||
.sf-accordion.sf-style-none.cta-active > li:last-child > a { |
||||
display: block; |
||||
padding: 15px 25px; |
||||
} |
||||
.region--colored-background .menu.cta-active > li:last-child > a { |
||||
background-color: #ffffff; |
||||
} |
||||
.region--colored-background .menu.cta-active > li:last-child > a:hover { |
||||
text-decoration: none; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*Mobile Menu*/ |
||||
.header-container .block-superfish { |
||||
position: relative; |
||||
} |
||||
.header-container .sf-accordion-toggle.sf-style-none { |
||||
text-align: right; |
||||
} |
||||
.header-container .sf-accordion-toggle.sf-style-none a { |
||||
padding: 15px 10px; |
||||
margin-right: -15px; |
||||
display: inline-block; |
||||
text-decoration: none; |
||||
} |
||||
.header-top-highlighted .sf-accordion-toggle.sf-style-none { |
||||
position: absolute; |
||||
right: 0; |
||||
left: auto; |
||||
top: 0; |
||||
z-index: 10; |
||||
} |
||||
.page-container-border-enabled .header-container .sf-accordion-toggle.sf-style-none a { |
||||
margin-right: 0; |
||||
} |
||||
.header-top-highlighted .sf-accordion-toggle.sf-style-none a { |
||||
padding: 8px 10px; |
||||
} |
||||
.region--dark-typography .sf-accordion-toggle.sf-style-none a { |
||||
color: #2d2d2d; |
||||
} |
||||
.region--light-typography .sf-accordion-toggle.sf-style-none a { |
||||
color: #ffffff; |
||||
} |
||||
.header-container .sf-accordion-toggle.sf-style-none a:after { |
||||
content: "\f0c9"; |
||||
font-family: "FontAwesome"; |
||||
font-size: 24px; |
||||
line-height: 1; |
||||
} |
||||
.header-container .sf-accordion-toggle.sf-style-none a.sf-expanded { |
||||
position: relative; |
||||
right: auto; |
||||
z-index: auto; |
||||
} |
||||
.header-container .sf-accordion-toggle.sf-style-none a.sf-expanded:after { |
||||
content: "\f00d"; |
||||
} |
||||
.header-container .sf-accordion-toggle.sf-style-none span { |
||||
display: none; |
||||
} |
||||
.header-container ul.menu.sf-accordion { |
||||
padding: 0; |
||||
text-align: left; |
||||
background: #ffffff; |
||||
border: 1px solid #eaeaea; |
||||
margin-bottom: 20px; |
||||
} |
||||
.header-top-highlighted ul.menu.sf-accordion { |
||||
margin-top: 45px; |
||||
} |
||||
.header-container ul.menu.sf-accordion ul { |
||||
padding: 0; |
||||
margin: 0; |
||||
border: none; |
||||
box-shadow: none; |
||||
} |
||||
.header-container ul.menu.sf-accordion li a { |
||||
border-bottom: 1px solid #eaeaea; |
||||
text-transform: none; |
||||
margin: 0; |
||||
padding: 15px 30px; |
||||
font-size: 13px; |
||||
} |
||||
.header-container ul.menu.sf-accordion li a:before { |
||||
content: ""; |
||||
background-color: transparent; |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
.header-container ul.menu.sf-accordion li:last-child > a { |
||||
border-bottom-color: transparent; |
||||
} |
||||
.header-container ul.menu.sf-accordion ul li a { |
||||
padding-left: 45px; |
||||
border-top: 1px solid rgba(255, 255, 255, 0.25); |
||||
} |
||||
.header-container ul.menu.sf-accordion ul ul li a { |
||||
padding-left: 60px; |
||||
} |
||||
.header-container ul.menu.sf-accordion ul ul ul li a { |
||||
padding-left: 75px; |
||||
} |
||||
.header-container ul.menu.sf-accordion ul ul ul ul li a { |
||||
padding-left: 90px; |
||||
} |
||||
|
||||
/*mobile menu arrows*/ |
||||
.header-container ul.sf-accordion li a.menuparent:after { |
||||
content: "\f067"; |
||||
font-family: 'FontAwesome'; |
||||
position: absolute; |
||||
border-left: 1px solid #eaeaea; |
||||
top: 0; |
||||
right: 0; |
||||
text-align: center; |
||||
font-size: 12px; |
||||
font-weight: 400; |
||||
line-height: 52px; |
||||
width: 50px; |
||||
height: 50px; |
||||
} |
||||
.header-container ul.sf-accordion li.sf-expanded>a.menuparent:after { |
||||
content: "\f068"; |
||||
} |
||||
.header-container ul.sf-accordion ul li a.menuparent:after { |
||||
content: "\f067"; |
||||
top: 0; |
||||
right: 0; |
||||
left: auto; |
||||
} |
||||
|
||||
/*Mobile Menu at slideout region*/ |
||||
.slideout .block-superfish { |
||||
position: relative; |
||||
} |
||||
.slideout .sf-accordion-toggle.sf-style-none { |
||||
display: none; |
||||
} |
||||
.slideout ul.menu.sf-accordion { |
||||
padding: 0; |
||||
text-align: left; |
||||
background: #ffffff; |
||||
border: 1px solid #eaeaea; |
||||
border-radius: 5px; |
||||
border-width: 0; |
||||
display: block; |
||||
} |
||||
.slideout ul.menu.sf-accordion ul { |
||||
padding: 0; |
||||
margin: 0; |
||||
border: none; |
||||
box-shadow: none; |
||||
background-color: #ffffff; |
||||
} |
||||
.slideout ul.menu.sf-accordion li a { |
||||
border-bottom-width: 0; |
||||
text-transform: none; |
||||
margin: 0; |
||||
padding: 15px 0; |
||||
font-size: 13px; |
||||
} |
||||
.slideout ul.menu.sf-accordion ul li a { |
||||
padding-left: 20px; |
||||
border-top-width: 0; |
||||
} |
||||
.slideout ul.menu.sf-accordion ul ul li a { |
||||
padding-left: 30px; |
||||
} |
||||
.slideout ul.menu.sf-accordion ul ul ul li a { |
||||
padding-left: 45px; |
||||
} |
||||
.slideout ul.menu.sf-accordion ul ul ul ul li a { |
||||
padding-left: 60px; |
||||
} |
||||
.slideout .sf-accordion.sf-style-none.cta-active > li:last-child > a { |
||||
margin-top: 10px; |
||||
} |
||||
|
||||
/*mobile menu arrows*/ |
||||
.slideout ul.sf-accordion li > a:before { |
||||
content: ""; |
||||
} |
||||
.slideout ul.sf-accordion li a.menuparent:after { |
||||
content: "\f067"; |
||||
font-family: 'FontAwesome'; |
||||
position: absolute; |
||||
border-left-width: 0; |
||||
top: 0; |
||||
right: 10px; |
||||
text-align: right; |
||||
font-size: 12px; |
||||
font-weight: 400; |
||||
line-height: 52px; |
||||
width: 50px; |
||||
height: 50px; |
||||
} |
||||
.slideout ul.sf-accordion li.sf-expanded>a.menuparent:after { |
||||
content: "\f068"; |
||||
} |
||||
.slideout ul.sf-accordion ul li a.menuparent:after { |
||||
content: "\f067"; |
||||
top: 0; |
||||
right: 0; |
||||
left: auto; |
||||
} |
||||
|
||||
/*Mobile menu @colored regions*/ |
||||
.region--light-typography ul.menu.sf-accordion { |
||||
background: transparent; |
||||
border-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.region--light-typography ul.menu.sf-accordion ul { |
||||
background-color: transparent; |
||||
} |
||||
.region--light-typography ul.menu.sf-accordion li a { |
||||
border-bottom-color: rgba(255, 255, 255, 0.1); |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography ul.menu.sf-accordion ul li a { |
||||
border-top-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
.region--light-typography ul.sf-accordion li a.menuparent:after { |
||||
border-color: rgba(255, 255, 255, 0.1); |
||||
} |
||||
@ -0,0 +1,54 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s status messages. |
||||
*/ |
||||
.system-messages .col-md-12 { |
||||
min-height: 0; |
||||
} |
||||
.messages { |
||||
color: #ffffff; |
||||
margin: 30px 0; |
||||
padding: 10px 15px 10px 50px; |
||||
position: relative; |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
border-color: transparent; |
||||
font-size: 14px; |
||||
font-weight: 600; |
||||
} |
||||
.headings-wide-spacing-enabled .messages { |
||||
letter-spacing: 0.2em; |
||||
text-transform: uppercase; |
||||
} |
||||
.messages a { |
||||
color: #ffffff; |
||||
} |
||||
.messages--status { |
||||
background: #81b234; |
||||
} |
||||
.messages--error { |
||||
background: #d02124; |
||||
} |
||||
.messages--warning { |
||||
background: #de502a; |
||||
} |
||||
|
||||
/*Status messages symbols*/ |
||||
.messages:before { |
||||
font-family: "FontAwesome"; |
||||
line-height: 42px; |
||||
position: absolute; |
||||
font-size: 16px; |
||||
left: 18px; |
||||
top: 0px; |
||||
text-align: center; |
||||
} |
||||
.messages--status:before { |
||||
content: "\f058"; |
||||
} |
||||
.messages--error:before { |
||||
content: "\f057"; |
||||
} |
||||
.messages--warning:before { |
||||
content: "\f071"; |
||||
} |
||||
@ -0,0 +1,62 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s mini pager. |
||||
*/ |
||||
|
||||
/* Using .pager selector on the first one to override .region-content ul. */ |
||||
.pager__items { |
||||
margin: 30px 0; |
||||
border-bottom: 1px solid #e5e5e5; |
||||
font-size: 0; |
||||
padding: 0; |
||||
} |
||||
li.pager__item { |
||||
padding: 0; |
||||
margin: 0 0 -1px 0; |
||||
display: inline-block; |
||||
} |
||||
li.pager__item > a, |
||||
li.pager__item.is-active { |
||||
font-size: 14px; |
||||
padding: 20px 15px; |
||||
margin: 0 3px; |
||||
border-width: 0; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
color: #2d2d2d; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
line-height: 1; |
||||
text-decoration: none; |
||||
background-color: transparent; |
||||
} |
||||
li.pager__item.is-active { |
||||
padding: 0; |
||||
} |
||||
li.pager__item a:hover, |
||||
li.pager__item a:focus { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/*mini pager @colored regions*/ |
||||
.region--black-background .pager__items, |
||||
.region--colored-background .pager__items, |
||||
.region--dark-background .pager__items { |
||||
border-color: rgba(255, 255, 255, 0.4); |
||||
} |
||||
.region--light-typography li.pager__item > a, |
||||
.region--light-typography li.pager__item.is-active { |
||||
color: #ffffff; |
||||
background-color: transparent; |
||||
} |
||||
.region--light-typography li.pager__item a:hover, |
||||
.region--light-typography li.pager__item a:focus { |
||||
border-color: #ffffff; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*Reset Bootstrap's rules*/ |
||||
.pager { |
||||
margin: 0; |
||||
} |
||||
@ -0,0 +1,37 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s more links. |
||||
*/ |
||||
.more-link a { |
||||
margin: 0 0 10px 0px; |
||||
display: block; |
||||
padding: 0; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
text-align: left; |
||||
text-decoration: none; |
||||
} |
||||
.more-link a:hover { |
||||
text-decoration: underline; |
||||
} |
||||
.more-link a:after { |
||||
content: "\f105"; |
||||
font-family: 'FontAwesome'; |
||||
font-size: 10px; |
||||
margin-left: 10px; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
} |
||||
.region--light-typography .more-link a { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography.region--black-background .more-link a:hover { |
||||
text-decoration: none; |
||||
} |
||||
@media (max-width:767px) { |
||||
.footer__section .more-link a, |
||||
.footer-bottom__section .more-link a, |
||||
.subfooter__section .more-link a { |
||||
text-align: center; |
||||
} |
||||
} |
||||
@ -0,0 +1,17 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s article content type. |
||||
*/ |
||||
.node--type-article .node__meta { |
||||
margin-bottom: 0; |
||||
} |
||||
.node--type-article .node__header { |
||||
margin-bottom: 1.5em; |
||||
} |
||||
.node--type-article .node__meta .inline-list { |
||||
margin-top: 0; |
||||
margin-bottom: 0; |
||||
} |
||||
.node--type-article .node__title { |
||||
margin-bottom: 20px; |
||||
} |
||||
@ -0,0 +1,79 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s images. |
||||
*/ |
||||
.circle-img { |
||||
display: block; |
||||
text-align: center; |
||||
} |
||||
.circle-img img { |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
} |
||||
.images-container { |
||||
margin-top: 10px; |
||||
margin-bottom: 45px; |
||||
} |
||||
.node-mt-slideshow-entry .field--type-image { |
||||
margin: 0 0 20px 0; |
||||
} |
||||
.image-preview { |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
.node--view-mode-teaser .field--type-image img:hover { |
||||
opacity: 0.8; |
||||
filter: alpha(opacity=80); |
||||
-webkit-transition: opacity linear 0.2s; |
||||
-moz-transition: opacity linear 0.2s; |
||||
-o-transition: opacity linear 0.2s; |
||||
-ms-transition: opacity linear 0.2s; |
||||
transition: opacity linear 0.2s; |
||||
} |
||||
.image-caption { |
||||
position: absolute; |
||||
bottom: 40px; |
||||
left: 40px; |
||||
width: 330px; |
||||
} |
||||
.image-caption h4 { |
||||
background: rgba(0, 0, 0, 0.77); |
||||
color: #ffffff; |
||||
padding: 15px; |
||||
margin: 0; |
||||
margin-bottom: 1px; |
||||
} |
||||
|
||||
/*image listing*/ |
||||
.image-listing-items { |
||||
overflow: hidden; |
||||
} |
||||
.image-listing-item { |
||||
float: left; |
||||
padding: 0; |
||||
margin: 2.66% 2.66% 0 0; |
||||
max-width: 17.866666666%; |
||||
} |
||||
.image-listing-items .image-listing-item:nth-child(5n) { |
||||
margin-right: 0px; |
||||
} |
||||
@media (max-width:767px) { |
||||
.images-container { |
||||
margin-bottom: 10px; |
||||
} |
||||
} |
||||
|
||||
/*overlay of image listing items*/ |
||||
.image-listing-item .overlay-icon--button { |
||||
font-size: 12px; |
||||
width: 30px; |
||||
height: 30px; |
||||
margin: 0; |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
line-height: 26px; |
||||
} |
||||
.image-listing-item .overlay-inner { |
||||
margin-top: -15px; |
||||
} |
||||
@ -0,0 +1,53 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s more links. |
||||
*/ |
||||
.node ul.links { |
||||
padding: 10px 0; |
||||
margin: 0; |
||||
list-style: none; |
||||
} |
||||
.node ul.links li a { |
||||
font-size: 14px; |
||||
font-weight: 400; |
||||
padding: 15px 30px; |
||||
color: #ffffff; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
margin: 10px 5px 10px 0; |
||||
text-align: center; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
text-decoration: none; |
||||
} |
||||
.headings-wide-spacing-enabled .node ul.links li a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.node ul.links li a:hover, |
||||
.node ul.links li a:focus { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
.node ul.links li a.active { |
||||
color: #ffffff; |
||||
} |
||||
.node ul.inline li { |
||||
padding: 0; |
||||
display: inline-block; |
||||
} |
||||
.node ul.inline li a { |
||||
margin: 0 20px 10px 0; |
||||
} |
||||
.node .comment-forbidden a:last-child { |
||||
margin: 0 10px 10px 10px; |
||||
} |
||||
.node .comment-forbidden a:first-child { |
||||
margin: 0 10px 10px 0; |
||||
} |
||||
@ -0,0 +1,110 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s node content type. |
||||
*/ |
||||
/* post header */ |
||||
.node--type-mt-post .node__title { |
||||
font-size: 24px; |
||||
margin-bottom: 5px; |
||||
} |
||||
.node--type-mt-post .node__user-info { |
||||
font-size: 14px; |
||||
color: #505050; |
||||
font-style: italic; |
||||
font-weight: 700; |
||||
margin-bottom: 15px; |
||||
} |
||||
.node--type-mt-post .node__side .node__user-info { |
||||
margin-bottom: 45px; |
||||
} |
||||
.node--type-mt-post .node__user-info .username { |
||||
font-style: normal; |
||||
text-transform: uppercase; |
||||
font-weight: 400; |
||||
} |
||||
.node--type-mt-post .node__meta { |
||||
padding-top: 5px; |
||||
margin-bottom: 20px; |
||||
border-top-width: 1px; |
||||
border-top-style: solid; |
||||
border-top-color: #eeeeee; |
||||
display: block; |
||||
} |
||||
.node--type-mt-post .node__meta .field--entity-reference-target-type-taxonomy-term.field__item { |
||||
margin: 0; |
||||
} |
||||
.node--type-mt-post .node__meta .field--entity-reference-target-type-taxonomy-term.field__item a:before { |
||||
content: ""; |
||||
} |
||||
.node--type-mt-post .node-info-item { |
||||
display: inline-block; |
||||
text-transform: uppercase; |
||||
font-size: 12px; |
||||
padding: 0 10px; |
||||
position: relative; |
||||
} |
||||
.node--type-mt-post .node-info-item:first-child { |
||||
padding-left: 0; |
||||
} |
||||
.node--type-mt-post .node-info-item:last-child { |
||||
padding-right: 0; |
||||
} |
||||
.node--type-mt-post .node-info-item:before { |
||||
content: ""; |
||||
width: 2px; |
||||
height: 2px; |
||||
background-color: #9c9c9c; |
||||
right: -1px; |
||||
position: absolute; |
||||
left: auto; |
||||
top: 50%; |
||||
margin-top: -1px; |
||||
} |
||||
.node--type-mt-post .node-info-item:last-child:before { |
||||
background-color: transparent; |
||||
width: 0; |
||||
height: 0; |
||||
} |
||||
|
||||
/* post layout */ |
||||
.node--type-mt-post .node__side { |
||||
float: left; |
||||
width: 100px; |
||||
padding-right: 30px; |
||||
min-height: 1px; |
||||
} |
||||
.node--type-mt-post .node__side + .node__main-content { |
||||
overflow: hidden; |
||||
} |
||||
@media (max-width: 480px) { |
||||
.node--type-mt-post .node__side { |
||||
margin-top: 10px; |
||||
width: 75px; |
||||
padding: 0 15px 0 0; |
||||
} |
||||
} |
||||
|
||||
/* post teaser */ |
||||
.node--type-mt-post.node--view-mode-teaser .images-container { |
||||
margin-bottom: 30px; |
||||
} |
||||
.node--type-mt-post.node--view-mode-teaser .node__header .user-picture { |
||||
display: inline-block; |
||||
} |
||||
.node--type-mt-post.node--view-mode-teaser .node__header .profile { |
||||
margin-right: 20px; |
||||
} |
||||
.node--type-mt-post.node--view-mode-teaser .node__header .user-picture img { |
||||
max-width: 40px; |
||||
} |
||||
.node--type-mt-post.node--view-mode-teaser .node__header .node__user-info { |
||||
margin-bottom: 0px; |
||||
} |
||||
.node--type-mt-post.node--view-mode-teaser .node__user-name { |
||||
font-size: 12px; |
||||
margin: 0 0 10px; |
||||
display: inline-block; |
||||
} |
||||
.node--type-mt-post.node--view-mode-teaser .field--name-body { |
||||
margin-bottom: 10px; |
||||
} |
||||
@ -0,0 +1,151 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s product content type. |
||||
*/ |
||||
@media (min-width: 992px) { |
||||
.node--type-mt-product .col-md-4 + .col-md-8 .node__main-content { |
||||
padding-left: 20px; |
||||
} |
||||
.node--type-mt-product .col-md-4 + .col-md-6 .node__main-content { |
||||
padding-left: 15px; |
||||
} |
||||
} |
||||
.node--type-mt-product .node__header { |
||||
padding: 0; |
||||
} |
||||
.node--type-mt-product .node__header + .field:not(.field--name-field-mt-price) { |
||||
padding-top: 15px; |
||||
} |
||||
.node--type-mt-product .node__title { |
||||
font-size: 35px; |
||||
font-weight: 300; |
||||
margin-bottom: 5px; |
||||
} |
||||
|
||||
/*image field*/ |
||||
.node--type-mt-product .field--name-field-image { |
||||
margin-bottom: 30px; |
||||
} |
||||
.node--type-mt-product.node--view-mode-teaser .images-container { |
||||
margin-bottom: 15px; |
||||
} |
||||
|
||||
/*price field*/ |
||||
.node--type-mt-product .field--name-field-mt-price { |
||||
font-size: 24px; |
||||
line-height: 1.4; |
||||
} |
||||
.node--type-mt-product .field--name-field-mt-price + .field { |
||||
padding-top: 25px; |
||||
} |
||||
|
||||
/*buy link field*/ |
||||
.node--type-mt-product .field--name-field-mt-buy-link a { |
||||
font-size: 14px; |
||||
padding: 15px 30px; |
||||
color: #ffffff; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
margin: 20px 0; |
||||
text-align: center; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
} |
||||
.headings-wide-spacing-enabled .node--type-mt-product .field--name-field-mt-buy-link a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.region--light-typography.region--colored-background .field--name-field-mt-buy-link a { |
||||
background-color: transparent; |
||||
} |
||||
.node--type-mt-product .field--name-field-mt-buy-link a:hover { |
||||
color: #ffffff; |
||||
border-color: transparent; |
||||
text-decoration: none; |
||||
} |
||||
.region--light-typography .field--name-field-mt-buy-link a { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
background-color: transparent; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
border-color: #ffffff; |
||||
} |
||||
|
||||
/*availabilty and product code fields*/ |
||||
.node--type-mt-product .field--name-field-mt-product-code, |
||||
.node--type-mt-product .field--name-field-mt-product-availability { |
||||
margin: 10px 0; |
||||
} |
||||
.node--type-mt-product .field--name-field-mt-product-code .field__label, |
||||
.node--type-mt-product .field--name-field-mt-product-availability .field__label { |
||||
font-weight: 400; |
||||
} |
||||
.node--type-mt-product .field--name-field-mt-product-code .field__item, |
||||
.node--type-mt-product .field--name-field-mt-product-availability .field__item { |
||||
color: #9c9c9c; |
||||
} |
||||
.node--type-mt-product .field--name-field-mt-product-code .field__item:before { |
||||
content: "#"; |
||||
} |
||||
|
||||
/*taxonomy terms fields*/ |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term, |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item { |
||||
margin: 10px 0; |
||||
} |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__label, |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item .field__label { |
||||
font-weight: 400; |
||||
} |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item { |
||||
margin: 0; |
||||
} |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item a, |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item a { |
||||
display: block; |
||||
text-decoration: none; |
||||
padding: 0; |
||||
border-radius: 0; |
||||
font-size: 15px; |
||||
background-color: transparent; |
||||
} |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item a:after, |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item a:after { |
||||
content: ","; |
||||
} |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item:last-child a:after, |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item:last-child a:after { |
||||
content: ""; |
||||
} |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term .field__item a:hover, |
||||
.node--type-mt-product .field--entity-reference-target-type-taxonomy-term.field__item a:hover { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/*highlighted text in products*/ |
||||
.node--type-mt-product .highlighted { |
||||
display: block; |
||||
padding: 10px 16px; |
||||
margin-bottom: 30px; |
||||
font-size: 11px; |
||||
text-align: center; |
||||
font-weight: 600; |
||||
text-transform: uppercase; |
||||
} |
||||
.node--type-mt-product .highlighted i { |
||||
margin-right: 6px; |
||||
} |
||||
@media (max-width: 991px) { |
||||
.node--type-mt-product .highlighted { |
||||
display: inline-block; |
||||
margin-right: 10px; |
||||
margin-top: 10px; |
||||
margin-bottom: 0; |
||||
} |
||||
} |
||||
@ -0,0 +1,24 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s node side affix. |
||||
*/ |
||||
#affix.affix { |
||||
position: fixed; |
||||
width: 70px; |
||||
} |
||||
#affix.affix > div:first-child { |
||||
padding-top: 15px; |
||||
} |
||||
#affix.affix .share-links { |
||||
margin-top: 0; |
||||
} |
||||
#affix.affix-bottom { |
||||
position: absolute; |
||||
width: 70px; |
||||
} |
||||
@media (max-width: 480px) { |
||||
#affix.affix, |
||||
#affix.affix-bottom { |
||||
width: 60px; |
||||
} |
||||
} |
||||
@ -0,0 +1,41 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s team member content type. |
||||
*/ |
||||
.node--view-mode-teaser.node--type-mt-team-member .node__title { |
||||
display: inline-block; |
||||
margin-top: 19px; |
||||
margin-bottom: 5px; |
||||
} |
||||
.node--type-mt-team-member header .icons-list { |
||||
display: inline-block; |
||||
float: right; |
||||
padding-top: 15px; |
||||
} |
||||
.node--type-mt-team-member ul.icons-list li a:hover { |
||||
-ms-transform: scale(1); |
||||
-webkit-transform: scale(1); |
||||
transform: scale(1); |
||||
} |
||||
.node--type-mt-team-member header .icons-list li i { |
||||
font-size: 14px; |
||||
} |
||||
.node--type-mt-team-member .field--name-field-mt-subtitle { |
||||
font-size: 15px; |
||||
text-transform: none; |
||||
margin-top: 20px; |
||||
padding-bottom: 30px; |
||||
display: inline-block; |
||||
} |
||||
.node--view-mode-teaser.node--type-mt-team-member .field--name-field-mt-subtitle { |
||||
margin-top: 0; |
||||
display: block; |
||||
clear: both; |
||||
} |
||||
.node--type-mt-team-member .field--name-body { |
||||
clear: both; |
||||
} |
||||
.node--type-mt-team-member .photo-container { |
||||
position: relative; |
||||
margin: 0 0 20px 0; |
||||
} |
||||
@ -0,0 +1,30 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s testimonial content type. |
||||
*/ |
||||
.node--type-mt-testimonial .field--name-field-mt-testimonial-image { |
||||
max-width: 60px; |
||||
margin: 0 0 15px; |
||||
} |
||||
.node--type-mt-testimonial .field--name-field-mt-testimonial-image img { |
||||
border-radius: 100%; |
||||
} |
||||
.node--type-mt-testimonial .field--name-field-mt-subtitle { |
||||
font-size: 15px; |
||||
text-transform: none; |
||||
} |
||||
.node--type-mt-testimonial .field--name-field-mt-subtitle:before { |
||||
content: "- "; |
||||
} |
||||
.region--dark-typography .node--type-mt-testimonial .field--name-field-mt-subtitle { |
||||
color: #9c9c9c; |
||||
} |
||||
.node--type-mt-testimonial .field--name-body { |
||||
margin-bottom: 15px; |
||||
} |
||||
.node--type-mt-testimonial .field--name-body p { |
||||
font-style: italic; |
||||
font-size: 16px; |
||||
line-height: 1.8; |
||||
padding: 0 0 10px; |
||||
} |
||||
@ -0,0 +1,72 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s node component. |
||||
*/ |
||||
|
||||
/*Node*/ |
||||
.node--view-mode-teaser { |
||||
padding: 0 0 30px 0; |
||||
margin-bottom: 30px; |
||||
} |
||||
.node__header { |
||||
padding: 0 0 5px; |
||||
} |
||||
.node__header .field--name-user-picture { |
||||
padding: 0 0 5px 0; |
||||
max-width: 55px; |
||||
} |
||||
.node__title { |
||||
font-size: 26px; |
||||
margin-top: 0px; |
||||
} |
||||
.node__header h2 { |
||||
margin: 0 0 5px; |
||||
} |
||||
.node__links { |
||||
margin-top: 35px; |
||||
} |
||||
.node__container { |
||||
position: relative; |
||||
} |
||||
.feed-icon { |
||||
display: block; |
||||
margin: 0px 0 60px; |
||||
} |
||||
.field--name-user-picture img { |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
} |
||||
.paragraph-responsive-typography-enabled .node__main-content p { |
||||
line-height: calc(155% + 0.2vw); |
||||
font-size: calc(0.9em + 0.3vw); |
||||
} |
||||
/*Post submitted info*/ |
||||
.node__header .profile { |
||||
display: inline-block; |
||||
margin-right: 40px; |
||||
} |
||||
.node__header .profile img { |
||||
max-width: 40px; |
||||
} |
||||
.node__meta { |
||||
font-size: 14px; |
||||
margin: 0 0 10px; |
||||
display: inline-block; |
||||
} |
||||
.node__submitted-info ~ .comments-count__counter:before { |
||||
content: "-"; |
||||
} |
||||
|
||||
/*Subheader*/ |
||||
.field--name-field-mt-subheader-body { |
||||
font-size: 15px; |
||||
line-height: 1.6; |
||||
} |
||||
|
||||
/*subtitle*/ |
||||
.field--name-field-mt-subtitle { |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
padding-bottom: 15px; |
||||
} |
||||
@ -0,0 +1,142 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s owl carousels. |
||||
*/ |
||||
.owl-carousel { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
.owl-carousel .owl-item li { |
||||
list-style: none; |
||||
} |
||||
|
||||
/* Styling Next and Prev buttons */ |
||||
.owl-carousel .owl-nav { |
||||
text-align: center; |
||||
margin-top: 20px; |
||||
position: relative; |
||||
} |
||||
.owl-carousel .owl-nav:before { |
||||
background-color: #eeeeee; |
||||
width: 100%; |
||||
height: 1px; |
||||
content: ""; |
||||
position: absolute; |
||||
top: 25px; |
||||
left: 0; |
||||
z-index: -1; |
||||
} |
||||
.owl-carousel .owl-nav:after { |
||||
content: ""; |
||||
width: 130px; |
||||
height: 50px; |
||||
position: absolute; |
||||
background-color: #ffffff; |
||||
z-index: 2; |
||||
left: 50%; |
||||
margin-left: -65px; |
||||
top: 0; |
||||
} |
||||
.region--gray-background .owl-carousel .owl-nav:after { |
||||
background-color: #f4f4f4; |
||||
} |
||||
.region--black-background .owl-carousel .owl-nav:after { |
||||
background-color: #1e1e1e; |
||||
} |
||||
.owl-carousel .owl-nav div { |
||||
display: inline-block; |
||||
position: relative; |
||||
width: 50px; |
||||
height: 50px; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
border-color: #eeeeee; |
||||
z-index: 3; |
||||
} |
||||
.owl-carousel .owl-nav div:hover { |
||||
text-decoration: none; |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography .owl-carousel .owl-nav div { |
||||
color: #ffffff; |
||||
border-color: rgba(255, 255, 255, 0.2); |
||||
} |
||||
.region--light-typography .owl-carousel .owl-nav div:hover { |
||||
color: #2d2d2d; |
||||
background-color: #ffffff; |
||||
border-color: #ffffff; |
||||
} |
||||
.region--light-typography .owl-carousel .owl-nav:before { |
||||
background-color: rgba(255, 255, 255, 0.2); |
||||
} |
||||
.owl-carousel .owl-nav div:after { |
||||
font-family: "FontAwesome"; |
||||
position: absolute; |
||||
font-size: 15px; |
||||
line-height: 1; |
||||
top: 0; |
||||
left: 50%; |
||||
width: 20px; |
||||
margin-left: -10px; |
||||
line-height: 48px; |
||||
text-align: center; |
||||
} |
||||
.owl-carousel .owl-nav .owl-prev { |
||||
left: auto; |
||||
right: -1px; |
||||
} |
||||
.owl-carousel .owl-nav .owl-prev:after { |
||||
content: "\f104"; |
||||
} |
||||
.owl-carousel .owl-nav .owl-next { |
||||
left: auto; |
||||
right: auto; |
||||
|
||||
} |
||||
.owl-carousel .owl-nav .owl-next:after { |
||||
content: "\f105"; |
||||
} |
||||
|
||||
/* Styling pager */ |
||||
.owl-theme .owl-dots { |
||||
text-align: center; |
||||
margin-top: 50px; |
||||
} |
||||
.owl-theme .owl-dot { |
||||
display: inline-block; |
||||
zoom: 1; |
||||
} |
||||
.owl-theme .owl-dot span { |
||||
display: block; |
||||
width: 13px; |
||||
height: 13px; |
||||
margin: 5px; |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
border-width: 2px; |
||||
border-style: solid; |
||||
background-color: transparent; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
} |
||||
|
||||
/*pager at colored regions*/ |
||||
.region--light-typography .owl-theme .owl-dot span { |
||||
border-color: rgba(255, 255, 255, 0.5); |
||||
} |
||||
.region--light-typography .owl-theme .owl-dot.active span { |
||||
border-color: #ffffff; |
||||
} |
||||
.region--light-typography .owl-theme .owl-dot:hover span { |
||||
background-color: rgba(255, 255, 255, 0.5); |
||||
border-color: transparent; |
||||
} |
||||
@ -0,0 +1,60 @@
|
||||
/** |
||||
* @file |
||||
* Styles for Magazine+'s full pager. |
||||
*/ |
||||
|
||||
/* Using .pager selector on the first one to override .region-content ul. */ |
||||
.pager__items { |
||||
margin: 30px 0; |
||||
border-bottom: 1px solid #e5e5e5; |
||||
font-size: 0; |
||||
padding: 0; |
||||
} |
||||
li.pager__item { |
||||
padding: 0; |
||||
margin: 0 0 -1px 0; |
||||
display: inline-block; |
||||
} |
||||
li.pager__item > a { |
||||
font-size: 14px; |
||||
padding: 20px 15px; |
||||
margin: 0 3px; |
||||
border-width: 0 0 1px 0; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
color: #2d2d2d; |
||||
-webkit-border-radius: 0; |
||||
-moz-border-radius: 0; |
||||
border-radius: 0; |
||||
line-height: 1; |
||||
text-decoration: none; |
||||
background-color: transparent; |
||||
} |
||||
li.pager__item a:hover, |
||||
li.pager__item a:focus, |
||||
li.pager__item.is-active a { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/*mini pager @colored regions*/ |
||||
.region--black-background .pager__items, |
||||
.region--colored-background .pager__items, |
||||
.region--dark-background .pager__items { |
||||
border-color: rgba(255, 255, 255, 0.4); |
||||
} |
||||
.region--light-typography li.pager__item > a { |
||||
color: #ffffff; |
||||
background-color: transparent; |
||||
} |
||||
.region--light-typography li.pager__item a:hover, |
||||
.region--light-typography li.pager__item a:focus, |
||||
.region--light-typography li.pager__item.is-active a, |
||||
.region--light-typography li.pager__item.is-active:last-child a { |
||||
border-color: #ffffff; |
||||
color: #ffffff; |
||||
} |
||||
|
||||
/*Reset Bootstrap's rules*/ |
||||
.pager { |
||||
margin: 0; |
||||
} |
||||
@ -0,0 +1,77 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s nav pills. |
||||
*/ |
||||
.nav.nav-pills { |
||||
margin-right: -15px; |
||||
margin-left: -15px; |
||||
} |
||||
.nav.nav-pills.text-center { |
||||
font-size: 0px; |
||||
} |
||||
.nav.nav-pills.text-center > li { |
||||
float: none; |
||||
display: inline-block; |
||||
} |
||||
.nav-pills > li > a { |
||||
font-size: 12px; |
||||
font-weight: 400; |
||||
padding: 10px 30px; |
||||
color: #ffffff; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
margin: 10px 0; |
||||
text-align: center; |
||||
border-radius: 0; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: transparent; |
||||
text-decoration: none; |
||||
} |
||||
.headings-wide-spacing-enabled .nav-pills > li > a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.nav-pills > li.active > a, |
||||
.nav-pills > li.active > a:focus, |
||||
.nav-pills > li.active > a:hover, |
||||
.nav-pills > li > a:focus { |
||||
background-color: transparent; |
||||
} |
||||
.nav-pills > li > a:hover { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
.nav.nav-pills > li, |
||||
.nav.nav-pills > li + li { |
||||
margin: 0px 15px 15px; |
||||
} |
||||
|
||||
/*nav pills @colored-regions*/ |
||||
.region--light-typography .nav-pills > li > a { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
background-color: transparent; |
||||
border-style: solid; |
||||
border-width: 1px; |
||||
border-color: #ffffff; |
||||
} |
||||
.region--light-typography .nav-pills > li.active > a, |
||||
.region--light-typography .nav-pills > li.active > a:focus, |
||||
.region--light-typography .nav-pills > li.active > a:hover, |
||||
.region--light-typography .nav-pills > li > a:hover, |
||||
.region--light-typography .nav-pills > li > a:focus { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography.region--colored-background .nav-pills > li.active > a, |
||||
.region--light-typography.region--colored-background .nav-pills > li.active > a:focus, |
||||
.region--light-typography.region--colored-background .nav-pills > li.active > a:hover, |
||||
.region--light-typography.region--colored-background .nav-pills > li > a:hover, |
||||
.region--light-typography.region--colored-background .nav-pills > li > a:focus { |
||||
color: #ffffff; |
||||
} |
||||
@ -0,0 +1,33 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s post progress component. |
||||
*/ |
||||
.post-progress { |
||||
text-align: center; |
||||
overflow: hidden; |
||||
position: relative; |
||||
margin-bottom: 40px; |
||||
} |
||||
.post-progress:before { |
||||
background-color: #e8e8e8; |
||||
content: ""; |
||||
width: 70px; |
||||
height: 5px; |
||||
display: block; |
||||
bottom: 0; |
||||
top: auto; |
||||
position: absolute; |
||||
z-index: -1; |
||||
} |
||||
.post-progress__value { |
||||
font-size: 16px; |
||||
} |
||||
.post-progress__text { |
||||
color: #505050; |
||||
font-size: 15px; |
||||
} |
||||
.post-progress__bar { |
||||
margin-top: 10px; |
||||
width: 0; |
||||
height: 5px; |
||||
} |
||||
@ -0,0 +1,28 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s progress bars. |
||||
*/ |
||||
.progress-title { |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
padding-top: 10px; |
||||
} |
||||
.headings-wide-spacing-enabled .progress-title { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.progress { |
||||
-moz-border-radius: 5px; |
||||
-o-border-radius: 5px; |
||||
border-radius: 5px; |
||||
height: 10px; |
||||
background-color: #f4f4f4; |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
margin-bottom: 30px; |
||||
margin-top: 5px; |
||||
} |
||||
.progress-bar { |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; |
||||
} |
||||
@ -0,0 +1,14 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s reading time component. |
||||
*/ |
||||
.reading-time { |
||||
font-size: 15px; |
||||
text-align: center; |
||||
font-weight: 700; |
||||
margin-bottom: 20px; |
||||
} |
||||
.reading-time__text { |
||||
font-weight: 400; |
||||
color: #505050; |
||||
} |
||||
@ -0,0 +1,120 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s search block. |
||||
*/ |
||||
.block-search form { |
||||
position: relative; |
||||
} |
||||
.block-search input.form-search { |
||||
padding: 11px 15px; |
||||
font-size: 14px; |
||||
width: 100%; |
||||
} |
||||
.block-search .form-actions { |
||||
position: absolute; |
||||
top: 0px; |
||||
right: 0px; |
||||
margin: 0; |
||||
font-size: 16px; |
||||
} |
||||
.block-search .form-actions:after { |
||||
font-family: 'FontAwesome'; |
||||
content: "\f002"; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 0; |
||||
line-height: 46px; |
||||
width: 20px; |
||||
display: block; |
||||
color: #2d2d2d; |
||||
} |
||||
.block-search input.form-submit { |
||||
background-color: transparent; |
||||
min-width: 0; |
||||
position: relative; |
||||
z-index: 1; |
||||
height: 40px; |
||||
margin: 0; |
||||
padding: 15px; |
||||
text-indent: -9999px; |
||||
border: none; |
||||
box-shadow: none; |
||||
} |
||||
.block-search input.form-submit:focus, |
||||
.block-search input.form-submit:hover, |
||||
.region--light-typography .block-search input.form-submit:focus, |
||||
.region--light-typography .block-search input.form-submit:hover { |
||||
outline: none; |
||||
background: transparent; |
||||
} |
||||
|
||||
/*Search blocks @colored-regions*/ |
||||
.region--black-background .block-search input.form-submit, |
||||
.region--black-background .block-search input.form-submit:hover { |
||||
background-color: transparent; |
||||
} |
||||
|
||||
/*Header top highlighted search bar*/ |
||||
.header-top-highlighted__section .block-search { |
||||
margin: 10px 0 0; |
||||
} |
||||
.header-top-highlighted__section .block-search form { |
||||
position: relative; |
||||
padding-left: 35px; |
||||
} |
||||
.header-top-highlighted__section input.form-search { |
||||
background-color: transparent; |
||||
padding: 5px 0; |
||||
border-width: 0 0 1px 0; |
||||
border-radius: 0; |
||||
margin: 0; |
||||
} |
||||
.region--light-typography .header-top-highlighted__section input.form-search { |
||||
border-color: rgba(255, 255, 255, 0.15); |
||||
color: #ffffff; |
||||
} |
||||
.header-top-highlighted__section input.form-search:focus, |
||||
.header-top-highlighted__section input.form-search:hover { |
||||
box-shadow: none; |
||||
} |
||||
.header-top-highlighted__section .block-search .form-actions { |
||||
left: 0; |
||||
width: 35px; |
||||
text-align: center; |
||||
} |
||||
.header-top-highlighted__section .block-search .form-actions:after { |
||||
font-family: 'FontAwesome'; |
||||
content: "\f002"; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
z-index: 0; |
||||
width: 100%; |
||||
display: block; |
||||
line-height: 35px; |
||||
} |
||||
.header-top-highlighted__section .block-search input.form-submit { |
||||
height: 35px; |
||||
width: 35px; |
||||
box-shadow: none; |
||||
} |
||||
.region--light-typography .header-top-highlighted__section .block-search .form-actions:after { |
||||
color: #ffffff; |
||||
} |
||||
.region--light-typography .header-top-highlighted__section ::-webkit-input-placeholder, |
||||
.region--light-typography .header-top-highlighted__section :-moz-placeholder, |
||||
.region--light-typography .header-top-highlighted__section ::-moz-placeholder, |
||||
.region--light-typography .header-top-highlighted__section :-ms-input-placeholder { |
||||
color: #ffffff; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.header-top-highlighted__section .block-search { |
||||
margin-bottom: 10px; |
||||
} |
||||
} |
||||
|
||||
/*Navigation search bar*/ |
||||
.header__section .block-search { |
||||
padding-top: 8px; |
||||
} |
||||
@ -0,0 +1,20 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s separators. |
||||
*/ |
||||
.separator { |
||||
width: 60px; |
||||
height: 5px; |
||||
margin: 20px auto; |
||||
display: block; |
||||
border-radius: 10px; |
||||
} |
||||
.separator--gray { |
||||
background-color: #e4e8ed; |
||||
} |
||||
.separator--white { |
||||
background-color: #ffffff; |
||||
} |
||||
.separator--black { |
||||
background-color: #232323; |
||||
} |
||||
@ -0,0 +1,69 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s share links component. |
||||
*/ |
||||
.share-links { |
||||
margin-bottom: 20px; |
||||
width: 100%; |
||||
} |
||||
.share-links ul { |
||||
list-style: none; |
||||
padding-left: 0; |
||||
} |
||||
.share-links ul li { |
||||
margin-bottom: 10px; |
||||
white-space: normal; |
||||
} |
||||
.share-links ul li a { |
||||
line-height: 1; |
||||
white-space: normal; |
||||
display: block; |
||||
text-align: center; |
||||
padding: 15px 0; |
||||
background-color: #f4f4f4; |
||||
font-size: 14px; |
||||
} |
||||
.share-links ul li a:hover { |
||||
color: #eeeeee; |
||||
} |
||||
.share-links ul li a i { |
||||
padding: 0; |
||||
} |
||||
|
||||
/*fixed share links*/ |
||||
.js-share-links-fixed .main-content__section { |
||||
position: relative; |
||||
z-index: 1; |
||||
} |
||||
.js-share-links-fixed .share-links { |
||||
position: fixed; |
||||
bottom: 0; |
||||
left: 0; |
||||
margin-bottom: 0; |
||||
z-index: 10; |
||||
} |
||||
.js-share-links-fixed .share-links ul { |
||||
margin-bottom: 0; |
||||
width: 100%; |
||||
font-size: 0; |
||||
} |
||||
.js-share-links-fixed .share-links ul li { |
||||
display: inline-block; |
||||
width: 33.33333%; |
||||
margin-bottom: 0; |
||||
} |
||||
.js-share-links-fixed .share-links ul li.print { |
||||
width: 100%; |
||||
} |
||||
.js-share-links-fixed .share-links ul li.print-button-enabled, |
||||
.js-share-links-fixed .share-links ul li.share-links-enabled { |
||||
width: 25%; |
||||
} |
||||
.js-share-links-fixed .share-links ul li a { |
||||
padding: 25px 0; |
||||
font-size: 20px; |
||||
color: #eeeeee; |
||||
} |
||||
.js-share-links-fixed .share-links ul li a:hover { |
||||
background-color: #eeeeee; |
||||
} |
||||
@ -0,0 +1,142 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for the site branding block in Magazine+. |
||||
*/ |
||||
@media (min-width: 992px) { |
||||
.header-container .container-fluid .logo-and-site-name-wrapper { |
||||
padding-left: 20px; |
||||
} |
||||
} |
||||
.col-md-12 .site-branding { |
||||
text-align: center; |
||||
} |
||||
.col-md-12 .logo-and-site-name-wrapper { |
||||
display: inline-block; |
||||
} |
||||
.logo { |
||||
float: left; |
||||
margin-right: 10px; |
||||
display: inline-block; |
||||
} |
||||
.col-md-12 .logo { |
||||
float: none; |
||||
margin-right: 0; |
||||
} |
||||
.logo-centered { |
||||
float: none; |
||||
text-align: center; |
||||
} |
||||
.logo:hover { |
||||
opacity: 0.8; |
||||
filter: alpha(opacity=80); |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
} |
||||
.site-name a { |
||||
font-size: 32px; |
||||
font-weight: 700; |
||||
line-height: 1.15; |
||||
text-decoration: none; |
||||
display: block; |
||||
margin-bottom: 10px; |
||||
} |
||||
.sitename-italic-enabled .site-name a { |
||||
font-style: italic; |
||||
} |
||||
.region--light-typography .site-name a { |
||||
color: #ffffff; |
||||
} |
||||
.col-md-12 .site-name a { |
||||
font-size: 80px; |
||||
} |
||||
.site-name a:hover { |
||||
text-decoration: none; |
||||
opacity: 0.8; |
||||
filter: alpha(opacity=80); |
||||
-webkit-transition: all 0.2s ease-in-out; |
||||
-moz-transition: all 0.2s ease-in-out; |
||||
-o-transition: all 0.2s ease-in-out; |
||||
-ms-transition: all 0.2s ease-in-out; |
||||
transition: all 0.2s ease-in-out; |
||||
} |
||||
.site-slogan { |
||||
font-size: 15px; |
||||
line-height: 1.20; |
||||
} |
||||
.headings-wide-spacing-enabled .site-slogan { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
@media (max-width:767px) { |
||||
.logo { |
||||
float: none; |
||||
margin-right: 0; |
||||
display: block; |
||||
text-align: center; |
||||
display: block; |
||||
visibility: visible; |
||||
-webkit-transform: scale(0.75); |
||||
-moz-transform: scale(0.75); |
||||
-ms-transform: scale(0.75); |
||||
-o-transform: scale(0.75); |
||||
transform: scale(0.75); |
||||
} |
||||
.site-name, |
||||
.site-slogan { |
||||
text-align: center; |
||||
} |
||||
.site-name { |
||||
margin: 5px 0 0 0; |
||||
} |
||||
.col-md-12 .site-name a { |
||||
font-size: 60px; |
||||
} |
||||
.site-slogan { |
||||
display: block; |
||||
visibility: visible; |
||||
padding: 5px 0 0 0; |
||||
} |
||||
} |
||||
|
||||
/* Site Branding @footer*/ |
||||
.footer__section .logo-and-site-name-wrapper, |
||||
.footer-bottom__section .logo-and-site-name-wrapper, |
||||
.subfooter__section .logo-and-site-name-wrapper { |
||||
margin: 0 0 15px; |
||||
} |
||||
.footer__section .site-name a, |
||||
.footer-bottom__section .site-name a, |
||||
.subfooter-bottom__section .site-name a { |
||||
font-size: 40px; |
||||
} |
||||
@media (max-width:991px) { |
||||
.footer-bottom__section .logo { |
||||
float: none; |
||||
margin-right: 0; |
||||
display: block; |
||||
text-align: center; |
||||
display: block; |
||||
visibility: visible; |
||||
} |
||||
.footer-bottom__section .site-name, |
||||
.footer-bottom__section .site-slogan { |
||||
text-align: center; |
||||
} |
||||
.footer-bottom__section .site-name { |
||||
margin: 5px 0 0 0; |
||||
} |
||||
.footer-bottom__section .site-slogan { |
||||
display: block; |
||||
visibility: visible; |
||||
padding: 5px 0 0 0; |
||||
} |
||||
} |
||||
|
||||
/* Site Branding @dark regions*/ |
||||
.region--dark-background .site-slogan, |
||||
.region--black-background .site-slogan { |
||||
color: rgba(255, 255, 255, 0.70); |
||||
} |
||||
@ -0,0 +1,40 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s slideout region. |
||||
*/ |
||||
.slideout { |
||||
padding: 45px 30px; |
||||
display: none; |
||||
} |
||||
.slideout-toggle { |
||||
font-size: 19px; |
||||
-webkit-appearance: none; |
||||
-moz-appearance: none; |
||||
appearance: none; |
||||
cursor: pointer; |
||||
padding: 10px; |
||||
line-height: 1; |
||||
color: #ffffff; |
||||
border-width: 0; |
||||
outline: none; |
||||
display: none; |
||||
} |
||||
.slideout-side-right .slideout-menu { |
||||
left: auto; |
||||
} |
||||
.slideout-side-right .slideout-toggle { |
||||
left: auto; |
||||
right: 0; |
||||
} |
||||
.slideout-toggle--fixed { |
||||
backface-visibility: hidden; |
||||
position: fixed; |
||||
z-index:2; |
||||
transition: transform 300ms ease; |
||||
} |
||||
.js-slideout-toggle--fixed-open { |
||||
transform: translate3d(300px, 0px, 0px); |
||||
} |
||||
.slideout-side-right .js-slideout-toggle--fixed-open { |
||||
transform: translate3d(-300px, 0px, 0px); |
||||
} |
||||
@ -0,0 +1,4 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s slider revolution boxed width. |
||||
*/ |
||||
@ -0,0 +1,7 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s slider revolution full-screen. |
||||
*/ |
||||
.view-mt-slideshow-fullscreen-width { |
||||
overflow: hidden; |
||||
} |
||||
@ -0,0 +1,347 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s slider revolution. |
||||
*/ |
||||
.slider-revolution-wrapper { |
||||
position: relative; |
||||
z-index: 0; |
||||
width: 100%; |
||||
} |
||||
.view-mt-slideshow--with-padding-top { |
||||
padding-top: 85px; |
||||
} |
||||
.container-fluid .view-mt-slideshow, |
||||
.container-fluid .field--mt-main-slideshow-block { |
||||
margin-left: -15px; |
||||
margin-right: -15px; |
||||
} |
||||
.view-mt-slideshow, |
||||
.field--mt-main-slideshow-block { |
||||
overflow: hidden; |
||||
} |
||||
.slider-revolution { |
||||
position: relative; |
||||
overflow: visible; |
||||
} |
||||
.slider-revolution img { |
||||
max-width: none!important; |
||||
-moz-transition: none; |
||||
-webkit-transition: none; |
||||
-o-transition: none; |
||||
transition: none; |
||||
margin: 0px; |
||||
padding: 0px; |
||||
border-width: 0px; |
||||
border: none; |
||||
} |
||||
.slider-revolution .no-slides-text { |
||||
font-weight: bold; |
||||
text-align: center; |
||||
padding-top: 80px; |
||||
} |
||||
.slider-revolution > ul, |
||||
.slider-revolution-wrapper > ul, |
||||
.slider-revolution > ul > li, |
||||
.slider-revolution > ul > li:before { |
||||
list-style: none!important; |
||||
position: absolute; |
||||
margin: 0px!important; |
||||
padding: 0px!important; |
||||
overflow-x: visible; |
||||
overflow-y: visible; |
||||
list-style-type: none!important; |
||||
background-image: none; |
||||
background-position: 0px 0px; |
||||
text-indent: 0em; |
||||
top: 0px; |
||||
left: 0px; |
||||
} |
||||
.slider-revolution > ul > li, |
||||
.slider-revolution > ul > li:before { |
||||
visibility: hidden; |
||||
} |
||||
.slider-revolution li.tp-revslider-slidesli { |
||||
position: absolute!important; |
||||
} |
||||
.slider-revolution .tp-caption, |
||||
.slider-revolution .caption { |
||||
position: relative; |
||||
visibility: hidden; |
||||
white-space: nowrap; |
||||
display: block; |
||||
} |
||||
.slider-revolution .tp-mask-wrap .tp-caption, |
||||
.slider-revolution .tp-mask-wrap *:last-child, |
||||
.wpb_text_column .slider-revolution .tp-mask-wrap .tp-caption, |
||||
.wpb_text_column .slider-revolution .tp-mask-wrap *:last-child { |
||||
margin-bottom: 0; |
||||
} |
||||
.slider-revolution embed, |
||||
.slider-revolution iframe, |
||||
.slider-revolution object, |
||||
.slider-revolution audio, |
||||
.slider-revolution video { |
||||
max-width: none!important |
||||
} |
||||
.slider-revolution embed, |
||||
.slider-revolution iframe, |
||||
.slider-revolution video { |
||||
border: 0; |
||||
} |
||||
|
||||
/*IE > 9 fix*/ |
||||
@media screen and (min-width:0\0) { |
||||
.banner { |
||||
overflow: hidden !important; |
||||
} |
||||
} |
||||
|
||||
/*Edge fix*/ |
||||
@supports (-ms-accelerator:true) { |
||||
.banner { |
||||
overflow: hidden !important; |
||||
} |
||||
} |
||||
|
||||
/*Revolution Caption*/ |
||||
.transparent-background { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
content: ""; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.tp-caption { |
||||
color: #ffffff; |
||||
} |
||||
.tp-caption--transparent-background.region--dark-typography.tp-caption { |
||||
color: #373737; |
||||
} |
||||
.tp-caption--transparent-background { |
||||
padding: 20px; |
||||
} |
||||
.tp-caption__title { |
||||
font-size: 30px; |
||||
line-height: 1.25; |
||||
} |
||||
.headings-wide-spacing-enabled .tp-caption__title { |
||||
letter-spacing: 0.3em; |
||||
text-transform: uppercase; |
||||
} |
||||
.tp-caption__title a { |
||||
text-decoration: none; |
||||
color: #ffffff; |
||||
border-bottom-style: solid; |
||||
border-bottom-width: 1px; |
||||
border-bottom-color: transparent; |
||||
} |
||||
.tp-caption__title a:hover { |
||||
color: #ffffff; |
||||
text-decoration: none; |
||||
border-bottom-color: #ffffff; |
||||
} |
||||
.tp-caption__meta-container { |
||||
margin-bottom: 10px; |
||||
} |
||||
.tp-caption__meta-item { |
||||
display: inline-block; |
||||
font-size: 12px; |
||||
} |
||||
.tp-caption__meta-item a { |
||||
padding: 3px 20px; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
text-decoration: none; |
||||
background-color: #ffffff; |
||||
display: inline-block; |
||||
color: #373737; |
||||
font-weight: 400; |
||||
} |
||||
.tp-caption__meta-item a:hover { |
||||
background-color: rgba(255, 255, 255, 0.8); |
||||
color: #373737; |
||||
text-decoration: none; |
||||
} |
||||
.tp-caption__meta-item + .tp-caption__meta-item { |
||||
padding-left: 15px; |
||||
} |
||||
.tp-caption__text { |
||||
margin-top: 15px; |
||||
font-size: 15px; |
||||
font-weight: 400; |
||||
line-height: 1.6; |
||||
} |
||||
.tp-caption__buttons-container { |
||||
margin-bottom: 10px; |
||||
} |
||||
.tp-caption__button { |
||||
padding: 3px 20px; |
||||
font-size: 12px; |
||||
text-transform: uppercase; |
||||
text-decoration: none; |
||||
background-color: #ffffff; |
||||
display: inline-block; |
||||
color: #373737; |
||||
font-weight: 400; |
||||
} |
||||
.headings-wide-spacing-enabled .tp-caption__button { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.tp-caption__button:hover { |
||||
color: #373737; |
||||
} |
||||
.tp-caption--transparent-background.region--light-typography .tp-caption__button { |
||||
color: #373737; |
||||
text-decoration: none; |
||||
} |
||||
.tp-caption--transparent-background.region--light-typography .tp-caption__button:hover { |
||||
color: #373737; |
||||
text-decoration: none; |
||||
background-color: rgba(255, 255, 255, 0.8); |
||||
} |
||||
.tp-caption--transparent-background.region--light-typography .tp-caption__title a, |
||||
.tp-caption--transparent-background.region--light-typography.region--dark-background .tp-caption__title a { |
||||
color: #ffffff; |
||||
} |
||||
.tp-caption--transparent-background.region--light-typography .tp-caption__title a:hover { |
||||
border-bottom-color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
|
||||
/*Revolution Nav Controls*/ |
||||
.tparrows { |
||||
width: 60px; |
||||
height: 60px; |
||||
border-radius: 100%; |
||||
-webkit-transition: all linear 0.2s; |
||||
-moz-transition: all linear 0.2s; |
||||
-o-transition: all linear 0.2s; |
||||
-ms-transition: all linear 0.2s; |
||||
transition: all linear 0.2s; |
||||
display: none; |
||||
text-align: center; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: rgba(255, 255, 255, 0.5); |
||||
background-color: transparent; |
||||
} |
||||
.tparrows:hover { |
||||
background-color: #ffffff; |
||||
text-decoration: none; |
||||
} |
||||
.tparrows:before { |
||||
font-family: 'FontAwesome'; |
||||
font-size: 30px; |
||||
display: inline-block; |
||||
line-height: 57px; |
||||
-webkit-transition: all linear 0.2s; |
||||
-moz-transition: all linear 0.2s; |
||||
-o-transition: all linear 0.2s; |
||||
-ms-transition: all linear 0.2s; |
||||
transition: all linear 0.2s; |
||||
color: #ffffff; |
||||
width: 20px; |
||||
position: absolute; |
||||
left: 50%; |
||||
margin-left: -11px; |
||||
} |
||||
.tparrows:hover:before { |
||||
color: #2d2d2d; |
||||
} |
||||
.tparrows.tp-leftarrow:before { |
||||
content: '\f104'; |
||||
} |
||||
.tparrows.tp-rightarrow:before { |
||||
content: '\f105'; |
||||
margin-left: -9px; |
||||
} |
||||
.tp-bullets { |
||||
margin: 0 15px; |
||||
} |
||||
.page-container-border-enabled .tp-bullets { |
||||
margin: 0 30px; |
||||
} |
||||
.slider-revolution-wrapper.one-slide .tp-bullets { |
||||
display: none; |
||||
} |
||||
.tp-bullets .tp-bullet { |
||||
background-image: none; |
||||
-webkit-border-radius: 100%; |
||||
-moz-border-radius: 100%; |
||||
border-radius: 100%; |
||||
width: 15px; |
||||
height: 15px; |
||||
-webkit-transition: all linear 0.2s; |
||||
-moz-transition: all linear 0.2s; |
||||
-o-transition: all linear 0.2s; |
||||
-ms-transition: all linear 0.2s; |
||||
transition: all linear 0.2s; |
||||
background-color: rgba(255, 255, 255, 0.5) |
||||
} |
||||
.tp-bullet.selected, |
||||
.tp-bullet:hover { |
||||
background-color: #ffffff; |
||||
} |
||||
.tp-bannertimer { |
||||
background-image: none; |
||||
background-color: rgba(0, 0, 0, 0.3) |
||||
} |
||||
|
||||
/*tabs style 1*/ |
||||
.tp-tabs { |
||||
height: 95px !important; |
||||
text-align: center; |
||||
} |
||||
.tp-tabs .tp-tab-mask, |
||||
.tp-tabs .tp-tabs-inner-wrapper { |
||||
height: 95px !important; |
||||
} |
||||
.tp-tabs .tp-tab { |
||||
-webkit-transition: all linear 0.2s; |
||||
-moz-transition: all linear 0.2s; |
||||
-o-transition: all linear 0.2s; |
||||
-ms-transition: all linear 0.2s; |
||||
transition: all linear 0.2s; |
||||
height: 95px !important; |
||||
} |
||||
.tp-tabs .tp-tab .tp-tab-title { |
||||
font-size: 16px; |
||||
color: #ffffff; |
||||
display: block; |
||||
margin-top: 35px; |
||||
} |
||||
.headings-wide-spacing-enabled .tp-tabs .tp-tab .tp-tab-title { |
||||
letter-spacing: 0.2em; |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
/*tabs style 2*/ |
||||
.tp-thumb-content { |
||||
max-width: 170px; |
||||
text-align: right; |
||||
} |
||||
.tp-thumb-title { |
||||
font-size: 18px; |
||||
color: #ffffff; |
||||
line-height: 1.65; |
||||
} |
||||
.tp-thumb-image { |
||||
left: auto; |
||||
right: 0; |
||||
max-width: 175px; |
||||
} |
||||
.tp-thumbs .tp-thumb { |
||||
-webkit-transition: all linear 0.2s; |
||||
-moz-transition: all linear 0.2s; |
||||
-o-transition: all linear 0.2s; |
||||
-ms-transition: all linear 0.2s; |
||||
transition: all linear 0.2s; |
||||
overflow: hidden; |
||||
} |
||||
@media (max-width: 767px) { |
||||
.tp-thumbs { |
||||
display: none; |
||||
} |
||||
} |
||||
@ -0,0 +1,16 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s slider revolution full-screen. |
||||
*/ |
||||
.slideshow-internal .tp-caption__title { |
||||
color: #ffffff; |
||||
} |
||||
.slideshow-internal .tparrows:before { |
||||
color: #ffffff; |
||||
} |
||||
.slideshow-internal .tparrows:hover:before { |
||||
color: #373737; |
||||
} |
||||
.slideshow-internal.one-slide .tp-thumbs { |
||||
display: none; |
||||
} |
||||
@ -0,0 +1,36 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s slider revolution video gallery. |
||||
*/ |
||||
/* Video player reset border */ |
||||
.slider-revolution embed, |
||||
.slider-revolution iframe, |
||||
.slider-revolution video { |
||||
border: 0; |
||||
} |
||||
|
||||
/* Video thumbs z-index fix */ |
||||
.field--name-field-mt-video-gallery-slides .tp-thumbs { |
||||
z-index: 480; |
||||
background: rgba(255, 255, 255, 0.8) none repeat scroll 0% 0%!important; |
||||
} |
||||
.field--name-field-mt-video-gallery-slides .tp-thumb-image { |
||||
max-width: none; |
||||
} |
||||
.field--name-field-mt-video-gallery-slides { |
||||
background-color: #232323; |
||||
} |
||||
|
||||
/* Thumbnails styling */ |
||||
.field--name-field-mt-video-gallery-slides .erinyen .tp-thumb-title { |
||||
font-family: inherit; |
||||
} |
||||
.field--name-field-mt-video-gallery-slides .erinyen .tp-thumb.selected .tp-thumb-over, |
||||
.field--name-field-mt-video-gallery-slides .erinyen .tp-thumb:hover .tp-thumb-over { |
||||
background: rgba(0,0,0,0.65); |
||||
} |
||||
.field--name-field-mt-video-gallery-slides .erinyen .tp-thumb.selected .tp-thumb-more, |
||||
.field--name-field-mt-video-gallery-slides .erinyen .tp-thumb.selected .tp-thumb-title, |
||||
.field--name-field-mt-video-gallery-slides .erinyen .tp-thumb:hover .tp-thumb-title { |
||||
color: #fff; |
||||
} |
||||
@ -0,0 +1,91 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s social links. |
||||
*/ |
||||
.social-links { |
||||
margin: 0; |
||||
padding: 0; |
||||
list-style-type: none; |
||||
display: block; |
||||
font-size: 0; |
||||
} |
||||
.social-links.social-links--inline li { |
||||
display: inline-block; |
||||
} |
||||
.social-links li a { |
||||
font-size: 12px; |
||||
font-weight: 600; |
||||
text-decoration: none; |
||||
padding: 10px 20px; |
||||
line-height: 1; |
||||
display: inline-block; |
||||
border-radius: 4px; |
||||
} |
||||
.social-links li a:hover { |
||||
background-color: rgba(255, 255, 255, 0.8); |
||||
} |
||||
.headings-wide-spacing-enabled .social-links li a { |
||||
letter-spacing: 0.25em; |
||||
text-transform: uppercase; |
||||
} |
||||
.text-color-facebook, |
||||
.region--light-typography .text-color-facebook, |
||||
a.hover-color-facebook:hover, |
||||
.region--light-typography a.hover-color-facebook:hover { |
||||
color: #39579a; |
||||
} |
||||
.text-color-twitter, |
||||
.region--light-typography .text-color-twitter, |
||||
a.hover-color-twitter:hover, |
||||
.region--light-typography a.hover-color-twitter:hover { |
||||
color: #50abf1 |
||||
} |
||||
.text-color-behance, |
||||
.region--light-typography .text-color-behance, |
||||
a.hover-color-behance:hover, |
||||
.region--light-typography a.hover-color-behance:hover { |
||||
color: #1769ff; |
||||
} |
||||
.text-color-dribbble, |
||||
.region--light-typography .text-color-dribbble, |
||||
a.hover-color-dribbble:hover, |
||||
.region--light-typography a.hover-color-dribbble:hover { |
||||
color: #ea4c89; |
||||
} |
||||
.text-color-instagram, |
||||
.region--light-typography .text-color-instagram, |
||||
a.hover-color-instagram:hover, |
||||
.region--light-typography a.hover-color-instagram:hover { |
||||
color: #883bb9; |
||||
} |
||||
.text-color-vimeo, |
||||
.region--light-typography .text-color-vimeo, |
||||
a.hover-color-vimeo:hover, |
||||
.region--light-typography a.hover-color-vimeo:hover { |
||||
color: #1ab7ea; |
||||
} |
||||
.text-color-youtube, |
||||
.region--light-typography .text-color-youtube, |
||||
a.hover-color-youtube:hover, |
||||
.region--light-typography a.hover-color-youtube:hover { |
||||
color: #e82a1b; |
||||
} |
||||
.text-color-googleplus, |
||||
.region--light-typography .text-color-googleplus, |
||||
a.hover-color-googleplus:hover, |
||||
.region--light-typography a.hover-color-googleplus:hover { |
||||
color: #d34836; |
||||
} |
||||
.text-color-linkedin, |
||||
.region--light-typography .text-color-linkedin, |
||||
a.hover-color-linkedin:hover, |
||||
.region--light-typography a.hover-color-linkedin:hover { |
||||
color: #0077b5; |
||||
} |
||||
@media (max-width:767px) { |
||||
.footer-bottom__section ul.social-links li, |
||||
.footer__section ul.social-links li, |
||||
.subfooter__section ul.social-links li { |
||||
display: block; |
||||
} |
||||
} |
||||
@ -0,0 +1,7 @@
|
||||
/** |
||||
* @file |
||||
* Visual styles for Magazine+'s social media. |
||||
*/ |
||||
.social-media img { |
||||
border-radius: 0; |
||||
} |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue