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
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 |
|
} |