You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1412 lines
29 KiB
1412 lines
29 KiB
6 years ago
|
html {
|
||
|
overflow-y: scroll
|
||
|
}
|
||
|
|
||
|
img {
|
||
|
-ms-interpolation-mode: bicubic
|
||
|
}
|
||
|
|
||
|
html, body, .b-r a, .b-r abbr, .b-r acronym, .b-r address, .b-r applet, .b-r article, .b-r aside, .b-r audio, .b-r b, .b-r big, .b-r blockquote, .b-r canvas, .b-r caption, .b-r center, .b-r cite, .b-r code, .b-r dd, .b-r del, .b-r details, .b-r dfn, .b-r div, .b-r dl, .b-r dt, .b-r em, .b-r embed, .b-r fieldset, .b-r figcaption, .b-r figure, .b-r footer, .b-r form, .b-r h1, .b-r h2, .b-r h3, .b-r h4, .b-r h5, .b-r h6, .b-r header, .b-r i, .b-r iframe, .b-r img, .b-r ins, .b-r kbd, .b-r label, .b-r legend, .b-r li, .b-r mark, .b-r menu, .b-r nav, .b-r object, .b-r ol, .b-r output, .b-r p, .b-r pre, .b-r q, .b-r ruby, .b-r s, .b-r samp, .b-r section, .b-r small, .b-r span, .b-r strike, .b-r strong, .b-r sub, .b-r summary, .b-r sup, .b-r table, .b-r tbody, .b-r td, .b-r tfoot, .b-r th, .b-r thead, .b-r time, .b-r tr, .b-r tt, .b-r u, .b-r ul, .b-r var, .b-r video {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
border: 0;
|
||
|
font: inherit;
|
||
|
vertical-align: baseline
|
||
|
}
|
||
|
|
||
|
.b-r button, .b-r input, .b-r optgroup, .b-r select, .b-r textarea {
|
||
|
font-family: inherit;
|
||
|
font-size: 100%;
|
||
|
margin: 0
|
||
|
}
|
||
|
|
||
|
.b-r article, .b-r aside, .b-r details, .b-r figcaption, .b-r figure, .b-r footer, .b-r header, .b-r menu, .b-r nav, .b-r section {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.b-r blockquote, .b-r q {
|
||
|
quotes: none
|
||
|
}
|
||
|
|
||
|
.b-r blockquote:before, .b-r blockquote:after, .b-r q:before, .b-r q:after {
|
||
|
content: none
|
||
|
}
|
||
|
|
||
|
.b-r table {
|
||
|
border-collapse: collapse;
|
||
|
border-spacing: 0
|
||
|
}
|
||
|
|
||
|
.b-f button {
|
||
|
width: auto;
|
||
|
overflow: visible
|
||
|
}
|
||
|
|
||
|
.b-f input::-moz-focus-inner, .b-f button::-moz-focus-inner {
|
||
|
border: 0;
|
||
|
padding: 0
|
||
|
}
|
||
|
|
||
|
.b-f button, .b-f input[type="button"], .b-f input[type="reset"], .b-f input[type="submit"] {
|
||
|
-moz-appearance: button;
|
||
|
-webkit-appearance: button;
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
.b-f button[disabled], .b-f input[disabled] {
|
||
|
cursor: default
|
||
|
}
|
||
|
|
||
|
.b-f input[type="checkbox"], .b-f input[type="radio"] {
|
||
|
box-sizing: border-box;
|
||
|
padding: 0
|
||
|
}
|
||
|
|
||
|
.b-f textarea {
|
||
|
overflow: auto;
|
||
|
vertical-align: top
|
||
|
}
|
||
|
|
||
|
body {
|
||
|
font-size: 62.5%;
|
||
|
font-family: Arial, Helvetica, freesans, sans-serif;
|
||
|
line-height: 1
|
||
|
}
|
||
|
|
||
|
.b-g-p, .b-r .b-g-p {
|
||
|
padding: 0 8px
|
||
|
}
|
||
|
|
||
|
.b-g-m, .b-r .b-g-m {
|
||
|
margin: 0 8px
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 400px) {
|
||
|
.b-g-p, .b-r .b-g-p {
|
||
|
padding: 0 16px
|
||
|
}
|
||
|
|
||
|
.b-g-m, .b-r .b-g-m {
|
||
|
margin: 0 16px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1008px) {
|
||
|
.b-g-p, .b-r .b-g-p {
|
||
|
padding: 0 16px
|
||
|
}
|
||
|
|
||
|
.b-g-p, .b-r .b-g-p, .b-g-m, .b-r .b-g-m {
|
||
|
max-width: 976px;
|
||
|
margin: 0 auto
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1280px) {
|
||
|
.b-pw-1280 .b-g-p, .b-pw-1280 .b-r .b-g-p, .b-pw-1280 .b-g-m, .b-pw-1280 .b-r .b-g-m {
|
||
|
max-width: 1248px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-d, .orb-nav-pri .orb-w, .orb-footer .orb-d, .orb-footer .orb-w {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
.orb-location-w .orb-w, .orb-location-d .orb-d {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.orb-nav-empty .orb-d, .orb-nav-empty .orb-w {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
#orb-header {
|
||
|
position: relative
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri {
|
||
|
border-bottom: 1px solid #ccc;
|
||
|
font-size: 1.3em;
|
||
|
font-weight: 700;
|
||
|
*zoom: 1;
|
||
|
-moz-transition: background .25s;
|
||
|
-webkit-transition: background .25s;
|
||
|
-o-transition: background .25s;
|
||
|
-ms-transition: background .25s;
|
||
|
transition: background .25s
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri:after {
|
||
|
content: "\0020";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
clear: both;
|
||
|
overflow: hidden;
|
||
|
visibility: hidden
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri a {
|
||
|
display: block;
|
||
|
text-decoration: none;
|
||
|
padding: .462em 8px .308em;
|
||
|
line-height: 1.692em;
|
||
|
min-height: 1.692em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri img {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri ul {
|
||
|
list-style: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri li {
|
||
|
float: left
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-icon {
|
||
|
background-image: url(../img/orb-sprite.gif);
|
||
|
background-repeat: no-repeat
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-icon-arrow {
|
||
|
background-position: 0 -53px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id {
|
||
|
border-left: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id a {
|
||
|
position: relative;
|
||
|
padding-left: 26px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id img {
|
||
|
position: absolute;
|
||
|
left: 8px;
|
||
|
top: .612em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id span {
|
||
|
position: absolute;
|
||
|
height: 1px;
|
||
|
width: 1px;
|
||
|
overflow: hidden;
|
||
|
clip: rect(1px 1px 1px 1px);
|
||
|
clip: rect(1px, 1px, 1px, 1px)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-blocks img {
|
||
|
width: 74px;
|
||
|
height: 21px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-blocks a {
|
||
|
padding-left: 0;
|
||
|
padding-right: 8px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-search {
|
||
|
border-left: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-section {
|
||
|
float: left
|
||
|
}
|
||
|
|
||
|
.orb-nav-links ul {
|
||
|
border-right: 1px solid #ccc;
|
||
|
overflow: hidden
|
||
|
}
|
||
|
|
||
|
.orb-nav-links img {
|
||
|
padding-top: .2em;
|
||
|
padding-right: 2px
|
||
|
}
|
||
|
|
||
|
.orb-nav-links li {
|
||
|
display: none;
|
||
|
border-left: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-links h2 {
|
||
|
position: absolute;
|
||
|
height: 1px;
|
||
|
width: 1px;
|
||
|
overflow: hidden;
|
||
|
clip: rect(1px 1px 1px 1px);
|
||
|
clip: rect(1px, 1px, 1px, 1px)
|
||
|
}
|
||
|
|
||
|
.orb-nav-links .orb-nav-focus-on a {
|
||
|
border-bottom: .308em solid #fff;
|
||
|
padding-bottom: 0
|
||
|
}
|
||
|
|
||
|
.orb-js .orb-nav-id-default #idcta-image {
|
||
|
visibility: hidden
|
||
|
}
|
||
|
|
||
|
.orb-nav-search {
|
||
|
float: right
|
||
|
}
|
||
|
|
||
|
.orb-nav-search a {
|
||
|
border-right: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-search img {
|
||
|
padding-top: .15em;
|
||
|
padding-right: 2px
|
||
|
}
|
||
|
|
||
|
.orb-nav-search form {
|
||
|
display: none;
|
||
|
padding: .615em 0 .539em 8px
|
||
|
}
|
||
|
|
||
|
.orb-nav-search label {
|
||
|
position: absolute;
|
||
|
height: 1px;
|
||
|
width: 1px;
|
||
|
overflow: hidden;
|
||
|
clip: rect(1px 1px 1px 1px);
|
||
|
clip: rect(1px, 1px, 1px, 1px)
|
||
|
}
|
||
|
|
||
|
.orb-nav-search form div {
|
||
|
width: 200px;
|
||
|
background: #fff;
|
||
|
height: 1.846em;
|
||
|
min-height: 24px
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-q {
|
||
|
border: none;
|
||
|
background: 0 0;
|
||
|
height: 1.846em;
|
||
|
min-height: 24px
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-button {
|
||
|
padding: 4px 8px 3px 7px
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-q {
|
||
|
width: 162px;
|
||
|
float: left;
|
||
|
padding: 0 0 0 6px;
|
||
|
color: #333;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-q::-webkit-input-placeholder {
|
||
|
color: #333;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-q:-moz-placeholder {
|
||
|
color: #333;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-q:focus::-webkit-input-placeholder {
|
||
|
color: #999
|
||
|
}
|
||
|
|
||
|
.orb-nav-search #orb-search-q:focus:-moz-placeholder {
|
||
|
color: #999
|
||
|
}
|
||
|
|
||
|
.orb-nav-focus a:focus, .orb-nav-focus a:hover, .orb-nav-focus a:active {
|
||
|
border-bottom: .308em solid #fff;
|
||
|
padding-bottom: 0
|
||
|
}
|
||
|
|
||
|
#orb-nav-more {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
#orb-nav-more a {
|
||
|
position: relative;
|
||
|
padding-right: 18px
|
||
|
}
|
||
|
|
||
|
#orb-nav-more span {
|
||
|
position: absolute;
|
||
|
right: 8px;
|
||
|
top: 17px;
|
||
|
display: block;
|
||
|
width: 6px;
|
||
|
height: 3px
|
||
|
}
|
||
|
|
||
|
#orb-nav-more.orb-nav-hide {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-skip-links {
|
||
|
position: relative;
|
||
|
float: left
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-skip-links a, .orb-nav-pri .orb-skip-links h2 {
|
||
|
position: absolute;
|
||
|
height: 1px;
|
||
|
width: 1px;
|
||
|
overflow: hidden;
|
||
|
clip: rect(1px 1px 1px 1px);
|
||
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
left: -76px;
|
||
|
margin-top: 1.3em;
|
||
|
white-space: nowrap;
|
||
|
background: #fff;
|
||
|
border: 1px solid #ccc;
|
||
|
line-height: 2em;
|
||
|
z-index: 1;
|
||
|
display: block;
|
||
|
color: #333
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-skip-links a:focus, .orb-nav-pri .orb-skip-links a:active, .orb-nav-pri .orb-skip-links a.touch-active {
|
||
|
position: absolute;
|
||
|
height: auto;
|
||
|
width: auto;
|
||
|
overflow: hidden;
|
||
|
clip: auto;
|
||
|
top: 1.692em
|
||
|
}
|
||
|
|
||
|
.orb-nav-lock {
|
||
|
overflow: hidden;
|
||
|
height: 2.462em
|
||
|
}
|
||
|
|
||
|
.orb-nav-dyn li {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.orb-nav-dyn .orb-nav-hide {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-dyn .orb-nav-search {
|
||
|
border-left: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri {
|
||
|
z-index: 999
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu li {
|
||
|
color: #333
|
||
|
}
|
||
|
|
||
|
#orb-panel-more {
|
||
|
background: #fff
|
||
|
}
|
||
|
|
||
|
#orb-panel-more a, #orb-panel-more h2 {
|
||
|
color: #000
|
||
|
}
|
||
|
|
||
|
#orb-panel-more li a:hover, #orb-panel-more li a:focus, #orb-panel-more li a:active {
|
||
|
background: #000
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-black {
|
||
|
background: #000
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-black, .orb-nav-pri-black a, .orb-nav-pri-black .orb-nav-sec h2, .orb-nav-pri-black .orb-nav-sec a {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-black, .orb-nav-pri-black .orb-nav-links ul, .orb-nav-pri-black .orb-nav-links li, .orb-nav-pri-black .orb-nav-id, .orb-nav-pri-black .orb-nav-search a, .orb-nav-pri-black .orb-nav-search, .orb-nav-pri-black .orb-panel {
|
||
|
border-color: #666
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-grey {
|
||
|
background: #4c4c4c
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-grey, .orb-nav-pri-grey a, .orb-nav-pri-grey .orb-nav-sec h2, .orb-nav-pri-grey .orb-nav-sec a {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-grey, .orb-nav-pri-grey .orb-nav-links ul, .orb-nav-pri-grey .orb-nav-links li, .orb-nav-pri-grey .orb-nav-id, .orb-nav-pri-grey .orb-nav-search a, .orb-nav-pri-grey .orb-nav-search, .orb-nav-pri-grey .orb-panel {
|
||
|
border-color: #949494
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-darkgrey {
|
||
|
background: #191919
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-darkgrey, .orb-nav-pri-darkgrey a, .orb-nav-pri-darkgrey .orb-nav-sec h2, .orb-nav-pri-darkgrey .orb-nav-sec a {
|
||
|
color: #a4a4a4
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-darkgrey, .orb-nav-pri-darkgrey .orb-nav-links ul, .orb-nav-pri-darkgrey .orb-nav-links li, .orb-nav-pri-darkgrey .orb-nav-id, .orb-nav-pri-darkgrey .orb-nav-search a, .orb-nav-pri-darkgrey .orb-nav-search, .orb-nav-pri-darkgrey .orb-panel {
|
||
|
border-color: #333
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-dark {
|
||
|
background: #4c4c4c;
|
||
|
background: rgba(0, 0, 0, .7)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-dark, .orb-nav-pri-transparent-dark a, .orb-nav-pri-transparent-dark .orb-nav-sec h2, .orb-nav-pri-transparent-dark .orb-nav-sec a {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-dark, .orb-nav-pri-transparent-dark .orb-nav-links ul, .orb-nav-pri-transparent-dark .orb-nav-links li, .orb-nav-pri-transparent-dark .orb-nav-id, .orb-nav-pri-transparent-dark .orb-nav-search a, .orb-nav-pri-transparent-dark .orb-nav-search, .orb-nav-pri-transparent-dark .orb-panel {
|
||
|
border-color: #949494;
|
||
|
border-color: rgba(255, 255, 255, .4)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-medium {
|
||
|
background: #4c4c4c;
|
||
|
background: rgba(0, 0, 0, .4)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-medium, .orb-nav-pri-transparent-medium a, .orb-nav-pri-transparent-medium .orb-nav-sec h2, .orb-nav-pri-transparent-medium .orb-nav-sec a {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-medium, .orb-nav-pri-transparent-medium .orb-nav-links ul, .orb-nav-pri-transparent-medium .orb-nav-links li, .orb-nav-pri-transparent-medium .orb-nav-id, .orb-nav-pri-transparent-medium .orb-nav-search a, .orb-nav-pri-transparent-medium .orb-nav-search, .orb-nav-pri-transparent-medium .orb-panel {
|
||
|
border-color: #949494;
|
||
|
border-color: rgba(255, 255, 255, .4)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-light {
|
||
|
background: #4c4c4c;
|
||
|
background: rgba(0, 0, 0, .2)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-light, .orb-nav-pri-transparent-light a, .orb-nav-pri-transparent-light .orb-nav-sec h2, .orb-nav-pri-transparent-light .orb-nav-sec a {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-light, .orb-nav-pri-transparent-light .orb-nav-links ul, .orb-nav-pri-transparent-light .orb-nav-links li, .orb-nav-pri-transparent-light .orb-nav-id, .orb-nav-pri-transparent-light .orb-nav-search a, .orb-nav-pri-transparent-light .orb-nav-search, .orb-nav-pri-transparent-light .orb-panel {
|
||
|
border-color: #949494;
|
||
|
border-color: rgba(255, 255, 255, .4)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-text-dark {
|
||
|
background: 0 0
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-text-dark, .orb-nav-pri-transparent-text-dark a, .orb-nav-pri-transparent-text-dark .orb-nav-sec h2, .orb-nav-pri-transparent-text-dark .orb-nav-sec a {
|
||
|
color: #333
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-text-dark, .orb-nav-pri-transparent-text-dark .orb-nav-links ul, .orb-nav-pri-transparent-text-dark .orb-nav-links li, .orb-nav-pri-transparent-text-dark .orb-nav-id, .orb-nav-pri-transparent-text-dark .orb-nav-search a, .orb-nav-pri-transparent-text-dark .orb-nav-search, .orb-nav-pri-transparent-text-dark .orb-panel {
|
||
|
border-color: #888;
|
||
|
border-color: rgba(0, 0, 0, .3)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-text-light {
|
||
|
background: 0 0
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-text-light, .orb-nav-pri-transparent-text-light a, .orb-nav-pri-transparent-text-light .orb-nav-sec h2, .orb-nav-pri-transparent-text-light .orb-nav-sec a {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-transparent-text-light, .orb-nav-pri-transparent-text-light .orb-nav-links ul, .orb-nav-pri-transparent-text-light .orb-nav-links li, .orb-nav-pri-transparent-text-light .orb-nav-id, .orb-nav-pri-transparent-text-light .orb-nav-search a, .orb-nav-pri-transparent-text-light .orb-nav-search, .orb-nav-pri-transparent-text-light .orb-panel {
|
||
|
border-color: #888;
|
||
|
border-color: rgba(204, 204, 204, .3)
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white, .orb-nav-active {
|
||
|
background: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white, .orb-nav-pri-white a, .orb-nav-pri-white .orb-nav-sec h2, .orb-nav-pri-white .orb-nav-sec a, .orb-nav-active, .orb-nav-active a, .orb-nav-active .orb-nav-sec h2, .orb-nav-active .orb-nav-sec a {
|
||
|
color: #333
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white, .orb-nav-pri-white .orb-nav-links ul, .orb-nav-pri-white .orb-nav-links li, .orb-nav-pri-white .orb-nav-id, .orb-nav-pri-white .orb-nav-search a, .orb-nav-pri-white .orb-nav-search, .orb-nav-pri-white .orb-panel, .orb-nav-active, .orb-nav-active .orb-nav-links ul, .orb-nav-active .orb-nav-links li, .orb-nav-active .orb-nav-id, .orb-nav-active .orb-nav-search a, .orb-nav-active .orb-nav-search, .orb-nav-active .orb-panel {
|
||
|
border-color: #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white .orb-nav-search form div, .orb-nav-active .orb-nav-search form div {
|
||
|
background: #e4e4e4
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white .orb-nav-focus a:focus, .orb-nav-pri-white .orb-nav-focus a:hover, .orb-nav-pri-white .orb-nav-focus a:active, .orb-nav-pri-transparent-text-dark .orb-nav-focus a:focus, .orb-nav-pri-transparent-text-dark .orb-nav-focus a:hover, .orb-nav-pri-transparent-text-dark .orb-nav-focus a:active, .orb-nav-active .orb-nav-focus a:focus, .orb-nav-active .orb-nav-focus a:hover, .orb-nav-active .orb-nav-focus a:active {
|
||
|
border-bottom-color: #262626
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white .orb-icon-arrow, .orb-nav-pri-transparent-text-dark .orb-icon-arrow, .orb-nav-active .orb-icon-arrow {
|
||
|
background-position: 0 0
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white .orb-nav-focus-on a, .orb-nav-pri-transparent-text-dark .orb-nav-focus-on a, .orb-nav-active .orb-nav-focus-on a {
|
||
|
border-bottom-color: #262626
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-news a:focus, .orb-nav-pri .orb-nav-news a:hover, .orb-nav-pri .orb-nav-news a:active {
|
||
|
border-bottom-color: #921
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-newsround a:focus, .orb-nav-pri .orb-nav-newsround a:hover, .orb-nav-pri .orb-nav-newsround a:active {
|
||
|
border-bottom-color: #4e1173
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-newsdotcom a:focus, .orb-nav-pri .orb-nav-newsdotcom a:hover, .orb-nav-pri .orb-nav-newsdotcom a:active {
|
||
|
border-bottom-color: #921
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-sport a:focus, .orb-nav-pri .orb-nav-sport a:hover, .orb-nav-pri .orb-nav-sport a:active {
|
||
|
border-bottom-color: #FE1
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-weather a:focus, .orb-nav-pri .orb-nav-weather a:hover, .orb-nav-pri .orb-nav-weather a:active {
|
||
|
border-bottom-color: #8CE
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-iplayer a:focus, .orb-nav-pri .orb-nav-iplayer a:hover, .orb-nav-pri .orb-nav-iplayer a:active {
|
||
|
border-bottom-color: #ed3d7d
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-shop a:focus, .orb-nav-pri .orb-nav-shop a:hover, .orb-nav-pri .orb-nav-shop a:active {
|
||
|
border-bottom-color: #2897e5
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id a:focus, .orb-nav-pri .orb-nav-id a:hover, .orb-nav-pri .orb-nav-id a:active {
|
||
|
border-bottom-color: #18B
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-capital a:focus, .orb-nav-pri .orb-nav-capital a:hover, .orb-nav-pri .orb-nav-capital a:active {
|
||
|
border-bottom-color: #064473
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-future a:focus, .orb-nav-pri .orb-nav-future a:hover, .orb-nav-pri .orb-nav-future a:active {
|
||
|
border-bottom-color: #362e67
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-cbbc a:focus, .orb-nav-pri .orb-nav-cbbc a:hover, .orb-nav-pri .orb-nav-cbbc a:active {
|
||
|
border-bottom-color: #90d200
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-cbeebies a:focus, .orb-nav-pri .orb-nav-cbeebies a:hover, .orb-nav-pri .orb-nav-cbeebies a:active {
|
||
|
border-bottom-color: #ffe513
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-grownups a:focus, .orb-nav-pri .orb-nav-grownups a:hover, .orb-nav-pri .orb-nav-grownups a:active {
|
||
|
border-bottom-color: #4f2e92
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-white .orb-nav-tv a:focus, .orb-nav-pri-white .orb-nav-tv a:hover, .orb-nav-pri-white .orb-nav-tv a:active, .orb-nav-pri-white .orb-nav-radio a:focus, .orb-nav-pri-white .orb-nav-radio a:hover, .orb-nav-pri-white .orb-nav-radio a:active, .orb-nav-pri-transparent-text-dark .orb-nav-tv a:focus, .orb-nav-pri-transparent-text-dark .orb-nav-tv a:hover, .orb-nav-pri-transparent-text-dark .orb-nav-tv a:active, .orb-nav-pri-transparent-text-dark .orb-nav-radio a:focus, .orb-nav-pri-transparent-text-dark .orb-nav-radio a:hover, .orb-nav-pri-transparent-text-dark .orb-nav-radio a:active {
|
||
|
border-bottom-color: #262626
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 600px) {
|
||
|
.orb-nav-pri a {
|
||
|
line-height: 2.27em;
|
||
|
padding: .462em 16px .308em;
|
||
|
min-height: 2.27em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-blocks img {
|
||
|
width: 84px;
|
||
|
height: 24px;
|
||
|
padding-top: 2px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-search img {
|
||
|
padding-top: 1px;
|
||
|
padding-right: 0
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-search a {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-search form {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id a {
|
||
|
padding-left: 34px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id img {
|
||
|
left: 16px;
|
||
|
top: .862em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-icon-id {
|
||
|
padding-left: 42px;
|
||
|
background-position: 16px -92px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri #orb-nav-more a {
|
||
|
padding-right: 30px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri #orb-nav-more span {
|
||
|
right: 16px;
|
||
|
top: 20px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-skip-links a {
|
||
|
margin-top: 1.5em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-skip-links a:focus, .orb-nav-pri .orb-skip-links a:active, .orb-nav-pri .orb-skip-links a.touch-active {
|
||
|
top: 2.27em;
|
||
|
left: -100px
|
||
|
}
|
||
|
|
||
|
.orb-nav-lock {
|
||
|
height: 3.04em
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1008px) {
|
||
|
.orb-nav-pri .orb-nav-id a {
|
||
|
padding-left: 42px;
|
||
|
min-width: 8.62em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-nav-id span {
|
||
|
position: static
|
||
|
}
|
||
|
|
||
|
.orb-js .orb-nav-id-default #idcta-username {
|
||
|
visibility: hidden
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1280px) {
|
||
|
.b-pw-1280 .orb-nav-pri a {
|
||
|
padding-right: 20px;
|
||
|
padding-left: 20px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri .orb-nav-blocks a {
|
||
|
padding-right: 16px;
|
||
|
padding-left: 0
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri .orb-nav-id a {
|
||
|
padding-left: 46px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri .orb-nav-id img {
|
||
|
left: 20px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri #orb-nav-more a {
|
||
|
padding-right: 34px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri #orb-nav-more span {
|
||
|
right: 20px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri .orb-nav-search form {
|
||
|
padding-left: 16px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri .orb-nav-search form div {
|
||
|
width: 180px
|
||
|
}
|
||
|
|
||
|
.b-pw-1280 .orb-nav-pri .orb-nav-search #orb-search-q {
|
||
|
width: 140px;
|
||
|
padding-left: 8px
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec {
|
||
|
font-size: 1.3em
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-inner {
|
||
|
border-top: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-inner h2 span {
|
||
|
position: absolute;
|
||
|
height: 1px;
|
||
|
width: 1px;
|
||
|
overflow: hidden;
|
||
|
clip: rect(1px 1px 1px 1px);
|
||
|
clip: rect(1px, 1px, 1px, 1px)
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-inner h2 img {
|
||
|
width: 74px;
|
||
|
height: 21px
|
||
|
}
|
||
|
|
||
|
.orb-footer {
|
||
|
border-top: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
#orb-aside .orb-footer-inner {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec a {
|
||
|
color: #333;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec a:focus, .orb-nav-sec a:hover {
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec ul {
|
||
|
list-style-type: none;
|
||
|
overflow: hidden;
|
||
|
margin-left: -10px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li {
|
||
|
float: left;
|
||
|
min-width: 50%
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li a {
|
||
|
display: block;
|
||
|
border-right: 1px solid #ccc;
|
||
|
margin-left: 10px;
|
||
|
padding-right: 8px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-hilight, #orb-aside {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
#orb-aside {
|
||
|
padding-top: 0
|
||
|
}
|
||
|
|
||
|
#orb-aside .orb-footer-lead {
|
||
|
line-height: 1;
|
||
|
font-size: 1.7em;
|
||
|
margin-bottom: .9em;
|
||
|
margin-top: .95em
|
||
|
}
|
||
|
|
||
|
#orb-footer-promo, .orb-footer-promo-loaded .orb-footer-inner .orb-footer-lead {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo a {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo small {
|
||
|
display: block;
|
||
|
-moz-text-size-adjust: 100%;
|
||
|
-webkit-text-size-adjust: 100%;
|
||
|
-ms-text-size-adjust: 100%;
|
||
|
margin-top: 2em;
|
||
|
padding-bottom: 1em
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo {
|
||
|
margin-top: 1.61em
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo li {
|
||
|
margin-bottom: 1.23em
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo .orb-footer-inner {
|
||
|
padding-top: 1.61em
|
||
|
}
|
||
|
|
||
|
div.orb-footer-primary-links {
|
||
|
clear: both;
|
||
|
padding-top: 0
|
||
|
}
|
||
|
|
||
|
.orb-footer-transparent-light {
|
||
|
background-color: transparent
|
||
|
}
|
||
|
|
||
|
.orb-footer-transparent-light, .orb-footer-transparent-light a, .orb-footer-transparent-light small {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-footer-transparent-light, .orb-footer-transparent-light .orb-footer-inner, .orb-footer-transparent-light .orb-footer-inner a, .orb-footer-transparent-light #orb-footer-promo {
|
||
|
border-color: #ccc
|
||
|
}
|
||
|
|
||
|
.orb-footer-transparent-dark {
|
||
|
background-color: transparent
|
||
|
}
|
||
|
|
||
|
.orb-footer-transparent-dark, .orb-footer-transparent-dark a, .orb-footer-transparent-dark small {
|
||
|
color: #333
|
||
|
}
|
||
|
|
||
|
.orb-footer-transparent-dark, .orb-footer-transparent-dark .orb-footer-inner, .orb-footer-transparent-dark .orb-footer-inner a, .orb-footer-transparent-dark #orb-footer-promo {
|
||
|
border-color: #333
|
||
|
}
|
||
|
|
||
|
.orb-footer-opaque {
|
||
|
background-color: #4c4c4c;
|
||
|
background-color: rgba(0, 0, 0, .7)
|
||
|
}
|
||
|
|
||
|
.orb-footer-opaque, .orb-footer-opaque a, .orb-footer-opaque small {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-footer-opaque, .orb-footer-opaque .orb-footer-inner, .orb-footer-opaque .orb-footer-inner a, .orb-footer-opaque #orb-footer-promo {
|
||
|
border-color: #949494;
|
||
|
border-color: rgba(255, 255, 255, .4)
|
||
|
}
|
||
|
|
||
|
.orb-footer-black {
|
||
|
background-color: #000
|
||
|
}
|
||
|
|
||
|
.orb-footer-black, .orb-footer-black a, .orb-footer-black small {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-footer-black, .orb-footer-black .orb-footer-inner, .orb-footer-black .orb-footer-inner a, .orb-footer-black #orb-footer-promo {
|
||
|
border-color: #666
|
||
|
}
|
||
|
|
||
|
.orb-footer-grey {
|
||
|
background-color: #4c4c4c
|
||
|
}
|
||
|
|
||
|
.orb-footer-grey, .orb-footer-grey a, .orb-footer-grey small {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-footer-grey, .orb-footer-grey .orb-footer-inner, .orb-footer-grey .orb-footer-inner a, .orb-footer-grey #orb-footer-promo {
|
||
|
border-color: #949494
|
||
|
}
|
||
|
|
||
|
.orb-footer-darkgrey {
|
||
|
background-color: #191919
|
||
|
}
|
||
|
|
||
|
.orb-footer-darkgrey, .orb-footer-darkgrey a, .orb-footer-darkgrey small {
|
||
|
color: #a4a4a4
|
||
|
}
|
||
|
|
||
|
.orb-footer-darkgrey, .orb-footer-darkgrey .orb-footer-inner, .orb-footer-darkgrey .orb-footer-inner a, .orb-footer-darkgrey #orb-footer-promo {
|
||
|
border-color: #333
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 399px) {
|
||
|
.orb-nav-sec li:nth-of-type(2n) a {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-primary-links li:nth-child(n+3) a {
|
||
|
padding-top: 1.23em
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 400px) and (max-width: 599px) {
|
||
|
.orb-nav-sec li {
|
||
|
min-width: 33.33%
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li:nth-of-type(3n) a {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-primary-links li {
|
||
|
padding-top: 0
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-primary-links li:nth-child(n+4) a {
|
||
|
padding-top: 1.23em
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 600px) and (max-width: 1007px) {
|
||
|
.orb-nav-sec ul {
|
||
|
margin-left: -16px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li {
|
||
|
min-width: 25%
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li a {
|
||
|
padding-right: 16px;
|
||
|
margin-left: 16px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li:nth-of-type(4n) a {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-inner h2 img {
|
||
|
width: 84px;
|
||
|
height: 24px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-primary-links li:nth-child(n+5) a {
|
||
|
padding-top: 1.23em
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo small {
|
||
|
margin-top: .46em
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 769px) {
|
||
|
div.orb-footer-primary-links {
|
||
|
padding-top: 1.61em
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1008px) {
|
||
|
.orb-nav-sec ul {
|
||
|
margin-left: -19px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li {
|
||
|
min-width: 16.6%;
|
||
|
line-height: 1em
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li a {
|
||
|
padding-right: 19px;
|
||
|
margin-left: 19px
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec li:nth-child(6n) a {
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-primary-links li a {
|
||
|
padding-top: 0
|
||
|
}
|
||
|
|
||
|
.orb-nav-sec .orb-footer-primary-links li:nth-child(n+7) a {
|
||
|
padding-top: 1.23em
|
||
|
}
|
||
|
|
||
|
.orb-footer-inner .orb-footer-promo-loaded {
|
||
|
border-bottom: 1px solid #ccc;
|
||
|
margin-bottom: .46em
|
||
|
}
|
||
|
|
||
|
.orb-footer-inner {
|
||
|
width: 100%
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo.orb-nav-sec li {
|
||
|
width: auto;
|
||
|
min-width: 0
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo.orb-nav-sec li a {
|
||
|
padding: 0
|
||
|
}
|
||
|
|
||
|
#orb-contentinfo small {
|
||
|
margin-top: .46em
|
||
|
}
|
||
|
|
||
|
#orb-footer-promo {
|
||
|
display: block;
|
||
|
margin-bottom: .46em
|
||
|
}
|
||
|
|
||
|
#orb-aside .orb-footer-lead {
|
||
|
margin-bottom: .68em;
|
||
|
margin-top: 1.16em
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.orb-banner-wrapper {
|
||
|
padding: 16px 0;
|
||
|
font-size: 1.3em;
|
||
|
line-height: 1;
|
||
|
-moz-text-size-adjust: 100%;
|
||
|
-webkit-text-size-adjust: 100%;
|
||
|
-ms-text-size-adjust: 100%
|
||
|
}
|
||
|
|
||
|
.orb-banner {
|
||
|
*zoom: 1;
|
||
|
max-width: 740px;
|
||
|
margin: 0 auto
|
||
|
}
|
||
|
|
||
|
.orb-banner:after {
|
||
|
content: "\0020";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
clear: both;
|
||
|
overflow: hidden;
|
||
|
visibility: hidden
|
||
|
}
|
||
|
|
||
|
.orb-banner ul {
|
||
|
list-style-type: none;
|
||
|
padding: 0;
|
||
|
margin-top: 15px;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.orb-banner button {
|
||
|
background: 0 0;
|
||
|
border: none
|
||
|
}
|
||
|
|
||
|
.orb-banner h2 {
|
||
|
margin-bottom: 15px;
|
||
|
font-size: 1.39em;
|
||
|
font-weight: 700;
|
||
|
line-height: 1.11em
|
||
|
}
|
||
|
|
||
|
.orb-banner p {
|
||
|
line-height: 1.231em
|
||
|
}
|
||
|
|
||
|
.orb-banner-options button, .orb-banner-options a {
|
||
|
background-color: transparent;
|
||
|
background-repeat: no-repeat;
|
||
|
text-decoration: none;
|
||
|
display: block;
|
||
|
line-height: 1.231em
|
||
|
}
|
||
|
|
||
|
.orb-banner-options li {
|
||
|
padding-top: 8px
|
||
|
}
|
||
|
|
||
|
.orb-banner-options li:first-child {
|
||
|
padding-top: 0
|
||
|
}
|
||
|
|
||
|
.orb-banner-options button {
|
||
|
padding: 0;
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
.orb-banner-options:focus, .orb-banner-options:hover, .orb-banner-options:active {
|
||
|
text-decoration: underline
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 600px) {
|
||
|
.orb-banner .orb-banner-title {
|
||
|
float: left
|
||
|
}
|
||
|
|
||
|
.orb-banner .orb-banner-content {
|
||
|
float: left;
|
||
|
margin: 0
|
||
|
}
|
||
|
|
||
|
.orb-banner .orb-banner-options {
|
||
|
margin: 0
|
||
|
}
|
||
|
|
||
|
.orb-banner .orb-banner-title {
|
||
|
width: 20%;
|
||
|
margin: 0 3.5% 0 0
|
||
|
}
|
||
|
|
||
|
.orb-banner .orb-banner-content {
|
||
|
width: 53%
|
||
|
}
|
||
|
|
||
|
.orb-banner .orb-banner-options {
|
||
|
float: right;
|
||
|
width: 20%;
|
||
|
margin-top: 0
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner {
|
||
|
background-color: #323232
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner .orb-banner-title {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner .orb-banner-content {
|
||
|
color: #bebebe
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner .orb-banner-options a, .bbccookies-banner .orb-banner-options button {
|
||
|
color: #f6a21d
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner .orb-banner-options :focus, .bbccookies-banner .orb-banner-options :hover {
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.bbccookies-international-message {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
.bbccookies-w .bbccookies-international-message {
|
||
|
display: inline
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner .orb-banner-options button, .bbccookies-banner .orb-banner-options a {
|
||
|
text-align: left;
|
||
|
background-image: url(../img/bbccookies/cookie_prompt_sprite.png);
|
||
|
padding: 0 0 0 24px
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner #bbccookies-continue button {
|
||
|
height: 1em;
|
||
|
width: 100%;
|
||
|
background-position: 0 -251px;
|
||
|
font-size: 1.39em;
|
||
|
line-height: 1em
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner #bbccookies-continue :hover {
|
||
|
background-position: 0 -314px
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner #bbccookies-more a {
|
||
|
background-position: 1px -126px
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner #bbccookies-more :hover {
|
||
|
background-position: 1px -190px
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner #bbccookies-settings a {
|
||
|
background-position: 1px 1px
|
||
|
}
|
||
|
|
||
|
.bbccookies-banner #bbccookies-settings :hover {
|
||
|
background-position: 1px -62px
|
||
|
}
|
||
|
|
||
|
.pulse-banner {
|
||
|
background-color: #ffc
|
||
|
}
|
||
|
|
||
|
.pulse-banner .orb-banner-title {
|
||
|
color: #333
|
||
|
}
|
||
|
|
||
|
.pulse-banner .orb-banner-content {
|
||
|
color: #666
|
||
|
}
|
||
|
|
||
|
.pulse-banner .orb-banner-options a, .pulse-banner .orb-banner-options button {
|
||
|
color: #0380a5
|
||
|
}
|
||
|
|
||
|
.pulse-banner .orb-banner-options :focus, .pulse-banner .orb-banner-options :hover {
|
||
|
color: #02556e
|
||
|
}
|
||
|
|
||
|
.pulse-banner p {
|
||
|
margin-top: .35em
|
||
|
}
|
||
|
|
||
|
.pulse-banner .orb-banner-options a, .pulse-banner .orb-banner-options button {
|
||
|
font-size: 1.39em;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.pulse-banner .pulse-question {
|
||
|
margin-top: .5em;
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-container {
|
||
|
*zoom: 1
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri-container:after {
|
||
|
content: "\0020";
|
||
|
display: block;
|
||
|
height: 0;
|
||
|
clear: both;
|
||
|
overflow: hidden;
|
||
|
visibility: hidden
|
||
|
}
|
||
|
|
||
|
#orb-panels {
|
||
|
overflow: hidden;
|
||
|
height: 0;
|
||
|
position: relative
|
||
|
}
|
||
|
|
||
|
#orb-panels .orb-panel-hide {
|
||
|
display: none
|
||
|
}
|
||
|
|
||
|
#orb-panels .orb-panel-show {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
#orb-panels.orb-panel-active {
|
||
|
height: auto
|
||
|
}
|
||
|
|
||
|
.orb-panel {
|
||
|
border-top: 1px solid #ccc;
|
||
|
display: none;
|
||
|
overflow: hidden
|
||
|
}
|
||
|
|
||
|
#orb-panel-more {
|
||
|
padding-top: .615em
|
||
|
}
|
||
|
|
||
|
#orb-panel-more .orb-panel-content {
|
||
|
font-size: 1em;
|
||
|
padding-top: 0;
|
||
|
position: relative
|
||
|
}
|
||
|
|
||
|
#orb-panel-more ul {
|
||
|
margin-left: -16px;
|
||
|
padding-top: 8px
|
||
|
}
|
||
|
|
||
|
#orb-panel-more li a {
|
||
|
border-right: none;
|
||
|
display: block;
|
||
|
padding: .308em 8px;
|
||
|
margin: 0 0 .615em 8px;
|
||
|
line-height: 1.615em;
|
||
|
height: auto;
|
||
|
min-height: 1.615em
|
||
|
}
|
||
|
|
||
|
#orb-panel-more li a:hover, #orb-panel-more li a:active, #orb-panel-more li a:focus {
|
||
|
background: #333;
|
||
|
color: #fff;
|
||
|
text-decoration: none
|
||
|
}
|
||
|
|
||
|
#orb-panel-more-title {
|
||
|
position: absolute;
|
||
|
font-family: "Gill Sans", "Gill Sans MT", Arial, sans-serif;
|
||
|
font-size: 2.154em;
|
||
|
line-height: 1.2;
|
||
|
font-weight: 400;
|
||
|
text-transform: uppercase
|
||
|
}
|
||
|
|
||
|
.orb-ws-panels #orb-panel-more-title {
|
||
|
position: static
|
||
|
}
|
||
|
|
||
|
@media screen and (max-width: 599px) {
|
||
|
#orb-panel-more li.orb-first-visible {
|
||
|
margin-left: 50%
|
||
|
}
|
||
|
|
||
|
.orb-ws-panels #orb-panel-more li.orb-first-visible {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 400px) {
|
||
|
#orb-panel-more li.orb-first-visible {
|
||
|
margin-left: 33.33%
|
||
|
}
|
||
|
|
||
|
.orb-ws-panels #orb-panel-more li.orb-first-visible {
|
||
|
margin-left: 0
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 600px) {
|
||
|
#orb-panel-more ul {
|
||
|
margin-left: 25%
|
||
|
}
|
||
|
|
||
|
#orb-panel-more li {
|
||
|
width: 33.33%
|
||
|
}
|
||
|
|
||
|
#orb-panel-more li.orb-first-visible {
|
||
|
margin-left: auto
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1008px) {
|
||
|
#orb-panel-more ul {
|
||
|
margin-left: 16%
|
||
|
}
|
||
|
|
||
|
#orb-panel-more li {
|
||
|
width: 20%
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media screen and (min-width: 1280px) {
|
||
|
.b-pw-1280 #orb-panel-more li a {
|
||
|
margin-right: 25%
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu {
|
||
|
display: none;
|
||
|
background-color: #fff;
|
||
|
color: #333;
|
||
|
font-weight: 400
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu .orb-menu-keyboard .orb-menu-selected, .orb-nav-pri .orb-menu .orb-menu-mouse li:hover {
|
||
|
background-color: #333;
|
||
|
color: #fff
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
list-style: none
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu li {
|
||
|
display: block;
|
||
|
float: none;
|
||
|
margin: 0;
|
||
|
padding: 8px 16px
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu b {
|
||
|
font-weight: 700
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu-active {
|
||
|
display: block
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu-suggest {
|
||
|
position: absolute;
|
||
|
width: 211px;
|
||
|
margin-left: -3px;
|
||
|
top: 3.04em
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu-suggest ul {
|
||
|
border-left: 1px solid #ccc
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu-suggest li {
|
||
|
cursor: pointer
|
||
|
}
|
||
|
|
||
|
.orb-nav-pri .orb-menu-suggest-status {
|
||
|
position: absolute;
|
||
|
top: -999em
|
||
|
}
|