MediaWiki: Common.css
From Broadcast for Schools.co.uk.co.uk
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/** CSS placed here will be applied to all skins */ /** * ######################################### * # Added LookingAndSeeing specific stuff # * ######################################### */ .bodybottom {margin-bottom:-1em;} tc .editsection { display: none; }b blockquote {padding-left:2em; margin-left:1em; border-left:0.5em solid #ff9; padding-top:0.5em; padding-bottom:0.1em;} .creds {margin-bottom:1em; width:100%;} .creds tr {border-bottom:1px dotted silver;} .creds .job {vertical-align:top; text-align:right; width:20%; min-width:8em;padding:0.5em;} .creds .bloke {vertical-align:bottom; text-align:left;font-weight:bold;padding:0.5em;} .creds .bloke i {font-weight: normal} #article .creds .bloke p {margin-top: 0;} .sp_credit {text-decoration:underline dotted blueviolet 5%;} .iidetails .sp_credit {display:inline;} .cmulti .job {text-align:right; width:10em;} .creds .blokes {text-align:left;font-weight:bold;} .creds .blokes i {font-weight: normal;} #article .creds .blokes p {margin-top: 0;} .credhead {text-decoration: underline;} .poem {font-style:italic; margin-left:1em;} /* ##### For Grid Schedules Section ##### */ #subjectskey div {border-width:2px; border-style:solid;margin-bottom:4px;padding:1px; vertical-align:center;} .col_notx {background-color:none;} .col_english {background-color:#ffe699; border-color:#ffce33;} .col_languages {background-color:#ffd042; border-color:#f6bb00;} .col_dance {background-color:#ffbaa3; border-color:#ff764b;} .col_worship {background-color:#ff6147; border-color:#ea2100;} .col_music {background-color:#ff809f; border-color:#ff3f6d;} .col_maths {background-color:#dfff80; border-color:#a7e200;} .col_topics {background-color:#cccccc; border-color:#8c8c8c;} .col_humanities {background-color:#c3b091; border-color:#977d53;} .col_science {background-color:#b3ecff; border-color:#89daff;} .col_art {background-color:#99ffb3; border-color:#00de3a;} .col_geography {background-color:#99badd; border-color:#5b8fc9;} .col_history {background-color:#d1aafc; border-color:#a960fa;} .col_teachers {background-color:#fff8e7; border-color:#ffe8af;} .col_english_rev {background-color:#ffce33; border-color:#ffe699;} .col_languages_rev {background-color:#f6bb00; border-color:#ffd042;} .col_dance_rev {background-color:#ff764b; border-color:#ffbaa3;} .col_worship_rev {background-color:#ea2100; border-color:#ff6147;} .col_music_rev {background-color:#ff3f6d; border-color:#ff809f;} .col_maths_rev {background-color:#a7e200; border-color:#dfff80;} .col_topics_rev {background-color:#8c8c8c; border-color:#cccccc;} .col_humanities_rev {background-color:#977d53; border-color:#c3b091;} .col_science_rev {background-color:#89daff; border-color:#b3ecff;} .col_art_rev {background-color:#00de3a; border-color:#99ffb3;} .col_geography_rev {background-color:#5b8fc9; border-color:#99badd;} .col_history_rev {background-color:#a960fa; border-color:#d1aafc;} .col_teachers_rev {background-color:#ffe8af; border-color:#fff8e7;} .td_prog {border-width:2px; border-style:solid;} .sp_time {font-size:75%; display:block;} .sp_timeextra {font-weight:bold; display:block; text-decoration:underline;} .sp_title {font-weight:bold; color:#111;} .sched_bbclz .sp_title {font-weight:normal;} .sp_rpt {font-size:85%; display:block; color:#333;} .sp_unit {font-size:85%; display:block; font-style:italic; color:#333;} .sp_regdetails {display:block;} .td_time {color:#ffff99;} .td_dayhead {color:#ffff99; font-weight:bold;} .sp_dayheadsub {display:block; font-weight:normal;} .td_spacedays {background-color:#ffffff; padding:1px;} .td_spacetime {background-color:#ffffff; padding:1px;} .td_regional {;} .td_regional br {margin-bottom:1em;} .schedule {border: 2px solid black; font-family:arial; font-size:10pt; width:95%;} .schedule td {vertical-align:top; text-align:center;} .schedulereg {border:none; margin-top:0.5em; font-family:arial; font-size:10pt; width:95%;} .schedulereg td {vertical-align:top; text-align:left;} .sched_bbcr {background-color:#68688E; background-image:url('/images/tile_blackboard_b1.jpg');} .sched_bbct {background-color:#5F815C; background-image:url('/images/tile_blackboard_b4.jpg');} .sched_bbclz {background-color:#5F815C; background-image:url('/images/tile_blackboard_b4.jpg');} .sched_itvt {background-color:#867F62; background-image:url('/images/tile_blackboard_b3.jpg');} .schedulereg p {padding-left:1.5em; text-indent:-1.5em; margin-top:0.5em;} .schedulereg .day {text-decoration:underline;} .inline {display:inline;} /* ##### For Detailed Schedules Section ##### */ .dates { width: 96%; margin-top: 1em; border-collapse: collapse; vertical-align:top; } .dateshead { font-size: 170%; font-weight: bold; } .datesterm { font-weight: bold; vertical-align: top; text-align: right; } .datesdet1 { vertical-align: bottom; text-align:left; border-bottom: 3px solid black; } .datesdet { vertical-align: bottom; text-align: center; border-bottom: 3px solid black; } .datesnotes { text-align: center; } .dates1 { width: 5%; border-bottom: 1px dotted gray; text-align: right; } .dateshtr { text-align: left; padding-left: 5em; } .dates2 { width: 50%; border-bottom: 1px dotted gray; font-style: italic; } .dates2 em { font-style: normal; } .dates3 { width: 20%; border-bottom: 1px dotted gray; text-align: center; } .dates4 { width: 20%; border-bottom: 1px dotted gray; text-align: center; } .bgother {background-color: #ffffff;} .bgnone {background-color: #ffffff;} .bgtreasure {background-color: #ffffbb;} .bglen {background-color: #ffbbbb;} .bgboy1 {background-color: #bbbbff;} .bgjoe {background-color: #bbddbb;} .bgcloud {background-color: #eebbee;} .bgking {background-color: #bbeeee;} .bghunter {background-color: #eeddbb;} .bgboy2 {background-color: #ccccff;} .bgtowers {background-color: #aaeeaa;} .bgfair {background-color: #ddaaaa;} .bgbadger {background-color: #aaaabb;} .bgracer {background-color: #aaccdd;} .bgeye {background-color: #88ee44;} .bghunter2 {background-color: #eedd77;} .bgearth {background-color: #7788ee;} .bglrtv {background-color: #999999;} .bgspy {background-color: #ff8888;} .bgcrimson {background-color: #ff88ff;} .bglegend {background-color: #daa520;} .bgmaster {background-color: #ffff22;} .bgshadow {background-color: #999966;} .bgspellits {background-color: #cccccc;} .bgheader {background-color: #ffffff;} .bgsider {background-color: #ffffff;} .bg-greenyellow-1 {background-color: #efffd5;} .bg-greenyellow-2 {background-color: #e6ffc1;} .bg-greenyellow-3 {background-color: #d6ff97;} .bg-greenyellow-4 {background-color: #c6ff6d;} .bg-greenyellow-5 {background-color: #adff2f;} /* GreenYellow */ .bg-greenyellow-6 {background-color: #9ce62a;} .bg-greenyellow-7 {background-color: #8acc26;} .bg-darkorange-1 {background-color: #ffe8cc;} .bg-darkorange-2 {background-color: #ffd199;} .bg-darkorange-3 {background-color: #ffba66;} .bg-darkorange-4 {background-color: #ffa333;} .bg-darkorange-5 {background-color: #ff8c00;} /* DarkOrange */ .bg-darkorange-6 {background-color: #e67e00;} .bg-darkorange-7 {background-color: #cc7000;} .bg-tomato-1 {background-color: #ffc1b5;} .bg-tomato-2 {background-color: #ffb1a3;} .bg-tomato-3 {background-color: #ffa191;} .bg-tomato-4 {background-color: #ff826c;} .bg-tomato-5 {background-color: #ff7359;} .bg-tomato-6 {background-color: #ff6347;} /* Tomato */ .bg-tomato-7 {background-color: #e65940;} .bg-skyblue-1 {background-color: #e7f5fb;} .bg-skyblue-2 {background-color: #cfebf7;} .bg-skyblue-3 {background-color: #b7e2f3;} .bg-skyblue-4 {background-color: #abddf1;} .bg-skyblue-5 {background-color: #93d3ed;} .bg-skyblue-6 {background-color: #87ceeb;} /* SkyBlue */ .bg-skyblue-7 {background-color: #7ab9d4;} .bg-aquamarine-1 {background-color: #e5fff6;} .bg-aquamarine-2 {background-color: #ccffee;} .bg-aquamarine-3 {background-color: #b2ffe5;} .bg-aquamarine-4 {background-color: #99ffdd;} .bg-aquamarine-5 {background-color: #7fffd4;} /* Aquamarine */ .bg-aquamarine-6 {background-color: #72e6bf;} .bg-aquamarine-7 {background-color: #66ccaa;} .bg-purples-1 {background-color: #966fd6;} .bg-purples-2 {background-color: #d8bfd8;} .bg-purples-3 {background-color: #b768a2;} .bg-purples-4 {background-color: #ee82ee;} .bg-purples-5 {background-color: #da70d6;} .bg-purples-6 {background-color: #9932cc;} .bg-purples-7 {background-color: #ba55d3;} .bg-purples-8 {background-color: #e79fc4;} .bg-purples-9 {background-color: #9370db;} .bg-purples-10 {background-color: #9f00c5;} .bg-purples-11 {background-color: #9678b6;} .bg-purples-12 {background-color: #8a2be2;} .bg-purples-13 {background-color: #dda0dd;} .bg-purples-14 {background-color: #9457eb;} .bg-purples-15 {background-color: #e0b0ff;} .bg-purples-16 {background-color: #9400d3;} .bg-purples-17 {background-color: #800080;} .bg-purples-18 {background-color: #b19cd9;} .bg-purples-19 {background-color: #663399;} .bg-purples-20 {background-color: #682860;} .bg-blues-1 {background-color: #add8e6;} .bg-blues-2 {background-color: #00bfff;} .bg-blues-3 {background-color: #b0c4de;} .bg-blues-4 {background-color: #87ceeb;} .bg-blues-5 {background-color: #1e90ff;} .bg-blues-6 {background-color: #0095b6;} .bg-blues-7 {background-color: #4682b4;} .bg-blues-8 {background-color: #00aae4;} .bg-blues-9 {background-color: #4169e1;} .bg-blues-10 {background-color: #1c39bb;} .bg-blues-11 {background-color: #0073cf;} .bg-blues-12 {background-color: #126180;} .bg-blues-13 {background-color: #0f4d92;} .bg-blues-14 {background-color: #0077be;} .bg-blues-15 {background-color: #0033aa;} .bg-blues-16 {background-color: #0093af;} .bg-blues-17 {background-color: #6495ed;} .bg-blues-18 {background-color: #0d98ba;} .bg-blues-19 {background-color: #87cefa;} .bg-blues-20 {background-color: #006994;} .bg-cyans-1 {background-color: #7fffd4;} .bg-cyans-2 {background-color: #66cdaa;} .bg-cyans-3 {background-color: #40e0d0;} .bg-cyans-4 {background-color: #afeeee;} .bg-cyans-5 {background-color: #00ced1;} .bg-cyans-6 {background-color: #20b2aa;} .bg-cyans-7 {background-color: #5f9ea0;} .bg-cyans-8 {background-color: #48d1cc;} .bg-cyans-9 {background-color: #00b7eb;} .bg-cyans-10 {background-color: #b9f2ff;} .bg-yellows-1 {background-color: #ffd700;} .bg-yellows-2 {background-color: #eee8aa;} .bg-yellows-3 {background-color: #daa520;} .bg-yellows-4 {background-color: #f0e68c;} .bg-yellows-5 {background-color: #da9100;} .bg-yellows-6 {background-color: #fcc200;} .bg-yellows-7 {background-color: #ffdf00;} .bg-yellows-8 {background-color: #d4af37;} .bg-yellows-9 {background-color: #ffcc00;} .bg-yellows-10 {background-color: #cfb53b;} /* ### Episode lists, guides, grids & tables ### */ .episodegrid.col_english th {background-color:#ffe699;} .episodegrid.col_english tr:nth-child(odd) {background-color:#ffeaaa;} .episodegrid.col_english tr:nth-child(even) {background-color:#ffe699;} .episodegrid.col_languages th {background-color:#ffd042;} .episodegrid.col_languages tr:nth-child(odd) {background-color:#ffe28b;} .episodegrid.col_languages tr:nth-child(even) {background-color:#ffedb7;} .episodegrid.col_music th {background-color:#ff809f;} .episodegrid.col_music tr:nth-child(odd) {background-color:#ffc6c8;} .episodegrid.col_music tr:nth-child(even) {background-color:#ffdde6;} .episodesummary {font-size:75%} .episodesummary td {padding:0.2em; line-height:1;} .episodesummary th:first-child {position:sticky; left:0; z-index:3; background-color:#fff;} .episodesummary tbody td {position:relative;} .episodesummary tbody td:first-child {position:sticky; left:0; z-index:1; background-color:#fff;} .episodesummary td:nth-child(even) {background-color: #ddd;} .episodesummary td:nth-child(odd) {background-color: #fff;} .episodelist TD { border-bottom: 1px dotted gray; vertical-align:top; } .episodelist TH { border-bottom: 2px solid gray; } .eplpadded TD { padding-left:1em; } .eplnum { text-align:right; } .epltit { text-align:left;} .epldate { text-align:right; } .epl2 { ;} .eplsmall {word-wrap:break-word;} .eplcent { text-align:center; } .eplhighlight { background-color:#ddf ;} .eplsplit TD {border-bottom: 2px solid black; } .eplsplitv {border-right:1px solid black;} .eplodd { background-color:#ddd;} .epleven { ;} .eplsub {font-weight:bold; text-align:left; } .eplflag {font-style:normal; color:#777; float:right; padding-left:0.2em; padding-right:0.2em; font-size:75%; border:1px solid #777; } .ephsub {display:inline-block; font-weight:normal;} .mirror {display:inline-block; text-align:right; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } /* make wide episode lists scrollable on small screens and give sticky headers */ .eptdiv {display:inline-block; max-width:100%; overflow-x:auto;} .episodelist {table-layout:fixed; position:relative; max-width:100%; overflow-y:auto; border-collapse:separate; border-spacing:0;} .episodelist th {position:sticky; top:58px; padding-top:0.5em; background-color:#fff; z-index:2;} /*top spacing has to match navbar height, with padding for different views*/ .episodelist thead th:first-child {position:sticky; left:0; top:58px; padding-top:0.5em; z-index:3;} .episodelist tbody td {position:relative;} .episodelist tbody td:first-child {position:sticky; left:0; z-index:1;} .episodelist tr:nth-child(even) {background-color: #ddd;} .episodelist tr:nth-child(odd) {background-color: #fff;} .eplrpt {color:#777;} .episodelist tr.eplrpt:nth-child(even) {background-color:#eee;} .episodelist tr.eplrpt:nth-child(odd) {background-color:#eee;} .epsdate {display:block; text-align:right; white-space:nowrap;} .eplsub {background-color:#fff;} .epl_unit1 {color:#050;} .epl_unit2 {color:#005;} .epl_unit3 {color:#550;} .epl_unit4 {color:#505;} .epl_unit5 {color:#500;} .epl_unit6 {color:#950;} .epl_unit7 {color:#509;} .epl_unit8 {color:#055;} /* temporary fix for old episode lists in side boxes to still have reasonable width */ .sidebox .eplnum {width:1.5em;} /* 2021 new episode details blocks and lozenges */ .episodes_container > div.epdetail:nth-child(even) {background-color:#eee;} .episodes_container > div.epdetail:nth-child(even) > h3 {background-color:#eee;} .episodes_container > div.epdetail:nth-child(odd) {background-color:#ffd;} .episodes_container > div.epdetail:nth-child(odd) > h3 {background-color:#ffd;} .epdetail {margin-bottom:1em; padding:0.5em; box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 8px; border-radius:6px} .stick3 h3 {position:sticky; top:54px; background-color:#fff; padding-top:0.5em; border-bottom:1px solid black;} .stick4 h4 {position:sticky; top:54px; background-color:inherit; padding-top:0.5em; border-bottom:1px solid black;} .eph_num {font-weight:normal;} .epd_prod {color:#1b0;} .epd_prod a {color:#070} .epd_prod a:visited: {color:#040;} .epd_teach {color:#008;} .widelist {font-size:75%;} .widelist th {top:0;} .widelist td {padding:0.1em; line-height:1;} .widelist td:first-child {white-space:nowrap; text-align:left; font-weight:bold} .widelist tr:nth-child(odd) td:first-child {background-color:#fff;} .widelist tr:nth-child(even) td:first-child {background-color:#ddd;} /* widegrids for tables that aren't episode lists, with vertical gridlines */ .widegrid {font-size:75%; table-layout:fixed; position:relative; max-width:100%; overflow-y:auto; border-collapse:separate; border-spacing:0;} .widegrid th {position:sticky; top:58px; padding-top:0.5em; background-color:#fff; z-index:2; top:0; text-align:center; border-bottom: 2px solid gray; border-right: 1px dotted gray; vertical-align:top;} /*top spacing has to match navbar height, with padding for different views*/ .widegrid thead th:first-child {position:sticky; left:0; top:58px; padding-top:0.5em; z-index:3;} .widegrid tbody td {position:relative;} .widegrid tbody td:first-child {position:sticky; left:0; z-index:1;} .widegrid td {padding:0.1em; line-height:1; text-align:center; border-bottom: 1px dotted gray; border-right: 1px dotted gray; vertical-align:middle; } .widegrid tr:nth-child(odd) {background-color:#fff;} .widegrid tr:nth-child(even) {background-color:#ddd;} .widegrid td:first-child {text-align:left; font-weight:bold} .widegrid tr:nth-child(odd) td:first-child {background-color:#fff;} .widegrid tr:nth-child(even) td:first-child {background-color:#ddd;} .res_label {font-size:90%;} .eplcell {width:8em; overflow-y:auto; height:1em;} .epd_song {border-radius:8px; display:flex; align-items:stretch;} .bl_side {display:inline-block; vertical-align:top; padding-left:0.5em; padding-right:0.5em;} .bl_main {display:inline-block; padding-left:0.5em; padding-right:0.5em;} .bl_img {margin-left:auto; margin-right:0.5em;} .bl_creds {font-size:80%;} .song_main {border:2px solid #945; } .song_main .epd_song_notes {color:#945;} .song_main .bl_side {background-color:#945; color:#fff;} .song_main .bl_main {color:#945;} .song_main .bl_head {border-bottom:1px solid #945;} .song_theme {border:2px solid #549; } .song_theme .epd_song_notes {color:#549;} .song_theme .bl_side {background-color:#549; color:#fff;} .song_theme .bl_main {color:#549;} .song_theme .bl_head {border-bottom:1px solid #549;} .loz {font-size:75%; border-width:2px; border-style:solid; border-radius:8px; padding-left:0.5em; padding-right:0.5em; display:inline-block; margin-top:0.25em;} .loz_detail {padding-left:0.5em; padding-right:0.5em; border-radius:4px; display:flex;} .loz_tx {border-color:grey; background-color:grey; color:white;} .loz_date {border-color:silver; background-color:silver;} .loz_rec {border-color:#ff9; background-color:#ff9;} .loz_listing {border-color:#fbc; background-color:#fbc;} .loz_link {border-color:#7ef; background-color:#7ef;} .loz_num {border-color:lightblue; background-color:lightblue;} .loz_related {border-color:lightgreen; background-color:lightgreen;} .intextbox { float:left; margin-right:0.5em; margin-bottom:0.5em; } .intextclear { clear:left; } .sidebox .episodelist TD { padding: 1px;} .episodelist TD { padding: 0.2em 0.7em; } td.epltit {font-style:italic;} .epldate { text-align:right; padding-right:0.2em !important} .eplsub { padding-top:1em !important} .episodetable { border-collapse: collapse; } .episodetable TH { background-color: black; color: #ddd; } .ept1st { background:#fff url('/images/fade3-tiny.png') repeat-x; border-top: 1px solid #990; } .eptnum { text-align:right; } .episodegrid { border-collapse: collapse; width:100%; } .episodegrid TD { border-bottom: 1px dotted gray; padding-bottom: 1em; } .episodegrid TH { border-bottom: 2px solid gray; } .episodegrid tr td:first-child {text-align:center;} .epgside { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; transform: rotate(180deg); white-space: nowrap;} .epg1 {font-weight:bold; font-size:1.2em; border-right:1px solid black; border-left:1px dotted black;} .epg2 {text-align:center; vertical-align:top; border-right:1px dotted black;} .epg2 span {display:block;} .epgspacer {border-right:1px dotted black; background-color:white;} .epgsup {font-size:large;} .epgterm {;} .epgsub {font-weight:bold; font-style:italic; font-size:medium;} .epgsub.epgnotx {font-weight:normal; font-style:normal;} .epgpic {;} .epgnopic {opacity:0.3; filter: alpha(opacity=30);} .epttit { ;} .eptdate { text-align:right; padding-right:1em; } .eptdescription {padding-bottom:1em;} .ept2 { text-align:center;} .epthighlight { background-color:#ddf ;} .eptsplit { ;} .eptsplit TD {border-bottom: 2px solid black; } .eptphonic {text-align:center;} .eptphonic span {border:1px solid black; padding-left:0.5em; padding-right:0.5em; background: #555555 url(/images/tile_blackboard_green2.jpg) 0 0 repeat; color:#fff; font-size:150%; text-align:center;} .eptpic {float:left; border:solid 1px grey; margin:0.1em 0.5em 0.5em 0.2em;} .epttit, .eptnum {font-size: 110%; } .tltx {color:#191970;} .tlrc {color:#a52a2a;} .tlrd {color:#006400;} .tled {color:#9400d3;} .tlmc {color:#000000;} .schedgrid {border-collapse: collapse;} .schedgrid th {text-align:center;} .schedgrid td {text-align:center; vertical-align:middle; border: 1px solid black; padding:0; height:1px; text-shadow:1px 1px 4px #ccf;} .schedgrid td .bg1stheader {vertical-align:bottom;} td.bgnewterm {border-left: 2px solid black;} .schedgrid tr:nth-child(2) th:nth-child(n+2) {border-bottom: 2px solid black;} .schedgrid tr:nth-child(n+3) {border-right: 2px solid black;} .schedgrid tr:last-child td:nth-child(n+2) {border-bottom: 2px solid black;} .schedgrid tr:nth-child(2) th {border-right: 1px dashed black;} .schedgrid tr:nth-child(n+2) th:first-child {border-bottom: 1px dashed black;} .sgblock {display:flex; justify-content:space-between; align-items:stretch; height:100%; margin:0; padding:0;} .sgblock div {flex-grow:1; padding:0.1em;} .prodnotes { background-color: #ddffdd; border: 1px solid #004400; padding: 0.5em; } .bl_creds, .inlinecreds, .inlinecast { color: #999; font-style: italic; } .bl_creds I, .inlinecreds I, .inlinecast I { color:#444; } .topnotice { border: 1px solid black; width: 90%; margin: 1em; } .lrnotice { background-color: #008; color: #ff9; text-align: center; padding: 0.5em; font-family: arial,helvetica,sans-serif; } .lrnotice A {color: #008;} .lrnotice A:visited {color: #000;} .lrnotice A:active {color: #00f;} .lrlink {background-color: white; padding:2px;} .tchars td {vertical-align: top; border-bottom:1px solid grey; padding-bottom:0.5em; padding-top:0.5em;} .tchars img {border:1px solid black; margin:0.5em;} /* Warning (InProgress) box */ .warn_outer {box-sizing:border-box; margin:0; padding:1rem; line-height:1.7;} .warn_inner {padding: 0.5rem; background: repeating-linear-gradient( -45deg, #f2a417, #f2a417 15px, #141617 15px, #141617 30px );} .warn_content {padding:0.5rem; text-align:center; background-color:rgba(255,255,255,0.95);} /* ##### For Boxinfo ##### */ /* .infoboxfloated { float:right; width:250px; margin-left:1em; margin-bottom:1em; } */ .sidec p {margin-top:0;} .sidec div.thumb { border:none; display:inline; } .sidec div.thumbinner { margin-top:0.7em; } .sidec { width:250px; padding: 5px; float: right; } .midec {clear:both;} .midec1 td {vertical-align:top;} .midec1 {border-spacing:1em;} .infobox { width:250px; border-width: 2px; border-style: solid; } .col_none { background: url(/images/fade3.png); background-repeat: repeat-x; background-color:#ffffcc; border-color: #808080; } .ibtop { text-align:center; border-collapse: collapse; padding-bottom:1em; } .ibtop2 { text-align:center; border-collapse:collapse; } .ibtop img { border:1px solid black; border-collapse: collapse; display:block; } .iblabel { text-align:right; vertical-align:top; font-weight:bold; border-collapse: collapse; } .ibdata { text-align:left; vertical-align:top; border-collapse: collapse; } .ibbase { text-align:center; font-size:small; border-top-style:dotted; border-top-width:1px; } .ibdetail {display:inline;} .infoboxfooter { background-color: #fff; border-color:#808080; } .infoboxfooter table {width:100%;} .ibfootleft { text-align:left; vertical-align:top; width:50%; } .ibfootright { text-align:right; vertical-align:top; width:50%; } .ibfoothead { text-align:center; } .boxseealso .cfbox {float:left; width:190px; margin-right:0.5em; margin-bottom:0.5em; font-size:90%;} .cfintro {margin-bottom:0.5em;} .box_detail .ibtop big {font-weight:bold;} .box_nodetail .ibtop big {font-weight:lighter;} /* Voting box */ .votetext {;} .ratepage-embed {border:1px solid goldenrod; float:right; margin-left:1em; margin-bottom:1em;} /** collapsible date togglers in infobox */ /** courtesy of Krinkle http://www.mediawiki.org/wiki/Manual_talk:Collapsible_elements#Indication_of_collapsed.2Fexpandable_status */ #collapse-ib-dates .mw-collapsible-toggle .more, #collapse-ib-dates.mw-collapsed .mw-collapsible-toggle .less {display:none;} #collapse-ib-dates .mw-collapsible-toggle .less, #collapse-ib-dates.mw-collapsed .mw-collapsible-toggle .more {display:inline;} .ibtoggle {color:#009;} /* make it look like infobox anchor */ .ibtoggle:hover {text-decoration:underline;} .ibtoggle {float:none; display:inline;} /** temporarily hide SMW error messages from see also template */ .boxseealso .smwttpersist {display:none;} .boxseealso .smwttactivepersist {display:none;} /** adjust link colours in infoboxes as standard blues don;t work with some background colours */ .infobox a {color:#009;} .infobox a:visited {color:#00c;} .navbox { border:2px solid #808080; padding:0.5em; text-align:center; } .schedbox { color:#000; background-color:#ffc000; border-color:#000; padding:1px; } .sidebox { background-color: #fff; border:2px solid #808080; width:236px; padding:5px; } .sidebox {margin-top:1em;} .sidec .toc {margin-top:1em;} .sidebox .episodelist { font-size: 10pt; width: 100%; } .sidebox .epldate { padding-right:0; } .sidebox big { text-align:center; display:block; font-weight:bold; } .infobox big { text-align:center; display:block; font-weight:bold; } #toc, .toc { border: 1px solid #aaa; background-color: #e9e9e9; padding: 5px; width:250px;} .linkbox {color:#fff; background-color:#097711; border-color:#0F4909;} .linkbox a {color:#ff9;} .linkbox a:visited {color:#ffc;} .linkbox a.external {color:#ff9;} .linkbox img {border:0;} .relatedbox {color:#fff; background-color:#097979; border-color:#0F4949;} .relatedbox a {color:#ff9;} .relatedbox a:visited {color:#ffc;} .relatedbox img {border:0;} .relatedbox .relplink {display:block; font-weight:bold;} .relatedbox .relptext {font-size:small;} /** RELATED & LINKS as list (after sidebars removed) **/ .listlinks li {padding-top:0.2em; padding-bottom:0.2em;} .listlinks a:link {color:#090;} .listlinks a:visited {color:#050;} .link_text {display:block;} .link_info {color: grey;} .relplink{font-weight:bold;} .relptext{display:block;} .rellinks li {padding-top:0.2em; padding-bottom:0.2em; list-style-image:url("/images/icons/broadcastforschools.png");} .rellinks a:link {color:#099;} .rellinks a:visited {color:#055;} .docbox {font-size:small;} .docbox img {border:0;} ul.boxlinks {padding-left:0; margin: 0.5em 1px 1px 1px; list-style-type:none;} ul.boxlinks li {padding:0.2em 0.2em 0.2em 26px;} .li_plain {list-style-image:url("/images/icons/plain-hollow-bl.png");} .li_plaine {list-style-image:url("/images/icons/plain-bl.png");} .li_bbc {list-style-image:url("/images/icons/bbc.png");} .li_bfi {list-style-image:url("/images/icons/bfi.png");} .li_channel4{list-style-image:url("/images/icons/channel4.png");} .li_imdb {list-style-image:url("/images/icons/imdb.png");} .li_tvcom {list-style-image:url("/images/icons/tvcom.png");} .li_tvcream {list-style-image:url("/images/icons/tvcream.png");} .li_wiki {list-style-image:url("/images/icons/wikipedia.png");} .li_youtube {list-style-image:url("/images/icons/youtube.png");} .li_b4s {list-style-image:url("/images/icons/broadcastforschools.png");} .li_sheet {list-style-image:url("/images/fugue/table-sheet.png");} .li_doc {list-style-image:url("/images/fugue/document-text.png");} .li_pdf {list-style-image:url("/images/fugue/document-pdf-text.png");} .li_timetable {list-style-image:url("/images/fugue/application-blog.png");} .formlinks {padding-left:24px;} .imageblock {padding:0.5em; text-align:center;} /* ### Image pages ### */ .imageinfobox {border-collapse:collapse; width:100%; margin-top:1em;} .imageinfobox td {border-width: 2px; border-style: solid; padding:0.2em;} .imageinfobot {;} .imageinfobot .iilabel {width:15%;} .iidata.iiprogrammes {font-weight:bold;} .iidetails {padding:0.5em; font-size:large;} .iidetails span {display:block; clear:left;} .iibrowse {text-align:center; font-size:small;} .col_english .iilabel,.col_english .iibrowse {background-color: #ffce33; border-color: #ffce33;} .col_english .iidata {background-color: #ffe699; border-color: #ffce33;} .col_languages .iilabel,.col_languages .iibrowse {background-color: #f6bb00; border-color: #f6bb00;} .col_languages .iidata {background-color: #ffd042; border-color: #f6bb00;} .col_dance .iilabel,.col_dance .iibrowse {background-color: #ff764b; border-color: #ff764b;} .col_dance .iidata {background-color: #ffbaa3; border-color: #ff764b;} .col_worship .iilabel,.col_worship .iibrowse {background-color: #ea2100; border-color: #ea2100;} .col_worship .iidata {background-color: #ff6147; border-color: #ea2100;} .col_music .iilabel,.col_music .iibrowse {background-color: #ff3f6d; border-color: #ff3f6d;} .col_music .iidata {background-color: #ff809f; border-color: #ff3f6d;} .col_maths .iilabel,.col_maths .iibrowse {background-color: #a7e200; border-color: #a7e200;} .col_maths .iidata {background-color: #dfff80; border-color: #a7e200;} .col_science .iilabel,.col_science .iibrowse {background-color: #89daff; border-color: #89daff;} .col_science .iidata {background-color: #b3ecff; border-color: #89daff;} .col_geography .iilabel,.col_geography .iibrowse {background-color: #5b8fc9; border-color: #5b8fc9;} .col_geography .iidata {background-color: #99badd; border-color: #5b8fc9;} .col_history .iilabel,.col_history .iibrowse {background-color: #a960fa; border-color: #a960fa;} .col_history .iidata {background-color: #d1aafc; border-color: #a960fa;} .col_art .iilabel,.col_art .iibrowse {background-color: #00de3a; border-color: #00de3a;} .col_art .iidata {background-color: #99ffb3; border-color: #00de3a;} .col_humanities .iilabel,.col_humanities .iibrowse {background-color: #977d53; border-color: #977d53;} .col_humanities .iidata {background-color: #c3b091; border-color: #977d53;} .col_topics .iilabel,.col_topics .iibrowse {background-color: #8c8c8c; border-color: #8c8c8c;} .col_topics .iidata {background-color: #cccccc; border-color: #8c8c8c;} .col_teachers .iilabel,.col_teachers .iibrowse {background-color: #ffe8af; border-color: #ffe8af;} .col_teachers .iidata {background-color: #fff8e7; border-color: #ffe8af;} .imageinfobox .iidata.iidetails {background-color:#fff;} /* ### For on-page boxes ### */ .midbox { border:2px solid #ccc; padding:0.5em; position:relative; clear:left; } .inpage { width: auto; display:inline; border:1px solid #ccc; padding-left:0.2em; padding-right:0.2em; } .boxbase {font-size:1px; clear:left; clear:both;} .boxhead { font-weight:bold; color:#ff9; } .boxlogo { position:absolute; left:2px; top:2px; width:75px; } .midboxwo .boxhead {margin-left:80px;} .inpage .boxhead {margin-left:1em;} .midboxwo .boxtext {display:block; margin-left:80px;} .inpage .boxtext {margin-left:1.5em; margin-right:0.5em;} .midboxwo .boximg {;} .inpage .boximg {;} .watchol {color:#800; padding-bottom:0;} .watchol img {border:0;} .watchol ul {margin: 0.2em 0.2em 0.2em 80px;} .watchil {width:100%;} .watchil, .watchol {display:inline-block; padding:0.5em; margin:0.2em; max-width:100%;} .watchil a, .watchol a {color:#800; font-weight:600; text-decoration:underline; text-decoration-color:#ff9; text-decoration-style:double;} .watchil a:visited, .watchol a:visited {color:#600;} .wilhead {color:#e11; display:block; padding-bottom:0.5em;} .wiltitle {font-weight:bold;} .wilmain {display:block; text-align:center; background-color:#ececec; padding:0.5em;} .mainarticle .watchil p,.mainarticle .watchol p {margin-top:0;} .episodelist .watchol {padding:0.1em;margin:0} .buybox {padding-left:0.2em; padding-right:0.2em; font-weight:600;} .buybox a {color:#909; text-decoration:underline; text-decoration-color:#ff9; text-decoration-style:double;} .buybox a:visited {color:#707;} .buybox img {border:0;} .buybox ul {margin: 0.2em 0.2em 0.2em 80px;} .imglink img {border:1px solid silver;} /* 2021: make sure larger images scale to smaller screens */ .thumbinner {max-width:100%; height:auto;} .thumbinner img {max-width:100%; height: auto;} .thumbborder {max-width:100%; height:auto;} .lrnotice img {max-width:100%; height:auto;} /* use 'overdiv' to wrap individual elements likely to exceed small screen widths e.g. multi-column credits */ .overdiv {max-width:100%; overflow-y:auto;} .overdiv tr:nth-child(even) .blokes {background-color:#eee;} .overdiv tr:nth-child(odd) .blokes {background-color:#ffe;} .odshadow {box-shadow: 15px 0 15px -15px rgba(0,0,0,0.75);} .odnoshadow {box-shadow:none;} /* ### DIGIGUIDE STUFF ### */ #mydg_search_wrapper { width:246px;} .mydg_search { color:#000; background-color:#ffc000; border-color:#000; padding:1px; font-family:arial; font-size:10pt; } .programme_list_none {text-align:center;list-style-type:none;list-style-image:none;padding:0;margin:15px;} .programme_list {list-style-type:none;list-style-image:none;padding:0;margin:5px;} .programme_list_item {margin-bottom:5px;} .programme_details {display:block;margin-left:1em;font-size:0.85em;} .programme_name {font-weight:bold;font-style:italic;} .programme_name_link {color:#000;} .programme_time {;} .programme_channel {;} #mydg_search_linkback {text-align:center;font-size:10pt;font-family:arial;color:#000;} /* ### FRONT PAGE ### */ .mplinks {width:100%;} .mplinks td {padding-left:0.5em;padding-right:0.5em;} .mplinks .quickl {width:25%;} .quickl {margin:0;} .qltop {vertical-align:top; font-weight:bold;} .qlmid {vertical-align:top;} .qlbot {vertical-align:bottom;} .qldec {text-align:center; vertical-align:middle;} .qldec p {margin-bottom:1ex;} div.tright {clear:none;} div.tleft {clear:none;} .idxpage {background-color:#fff;} .idxhome {border:1px solid #d8d8f4; padding:0.5em;} .idxpage#subjectskey table {width:100%;} .deccloud {;} .sitenews h3 {margin-top:0;} /* ### SEMANTIC DRILLDOWN RESULTS ### */ .drilldown-filter-label {background-color:#d8d8f4; padding-top:0.5em; margin-top:1em; text-transform:uppercase;} .drilldown-filter-label .drilldown-filter-notes {text-transform:lowercase;} .drilldown-filter-values {background-color: #ff9; padding-left:1.5em; border:1px solid #d8d8f4;} #drilldown-header,#drilldown-applied-filters {background: #555555 url(/images/tile_blackboard_green2.jpg) 0 0 repeat; padding:0.5em; border:2px solid black; color:white;} #drilldown-header,#drilldown-applied-filters a {color:white;} #drilldown-header,#drilldown-applied-filters .drilldown-header-value {font-size:large; font-weight:bold; font-style:italic;} #drilldown-header,#drilldown-applied-filters img {background-color:white; padding:2px;} #drilldown-header,#drilldown-applied-filters .drilldown-or {color:white;} .drilldown-header-value {padding-left:0.2em; padding-right:0.2em;} .drilldown-header-value {color:#ff9;} div.ui-widget {display:inline-block; padding-right: 2em;} div.ui-widget+input {line-height:1} .list_tablebrowse {border-collapse:collapse; width:100%;} .list_tablebrowse th {background-color:#d8d8f4; border-bottom:5px solid white; border-right:5px solid white; text-align:bottom;} .list_tablebrowse td {border-bottom:5px solid white; height:100px; vertical-align:middle;} .list_tablebrowse .list_detail .list_prog {font-weight:bold;} .list_tablebrowse .list_pic {text-align:center; padding:0.5em;} .list_tablebrowse .list_prog {font-size:x-large;} .list_tablebrowse .list_prog .list_from {font-size:medium; display:block; clear:left; font-weight:normal;} .list_tablebrowse .list_curric {font-weight: bold; display:block;} .list_tablebrowse .list subj {font-weight:normal; display:block; clear:left;} .list_tablebrowse .list_broadcast {text-align:right; padding-right:1em;} .list_tablebrowse .list_dates {padding-left:0.5em; padding-right:0.5em;} .list_tablebrowse .list_dates .list_datedetails {font-size:x-large; display:block; clear:left;} /* Main Page */ .page-Main_Page, .page-Talk_Main_Page {background:#ff9;} .page-Main_Page #firstHeading, .page-Talk_Main_Page #firstHeading {display:none;} .page-Main_Page #contentwrapper, .page-Talk_Main_Page #contentwrapper {padding-top:50px;} .page-Main_Page h3 span, .page-Talk_Main_Page h3 span {border:none; font-size:1.25rem;} .page-Main_Page h1, .page-Talk_Main_Page h1 { background-color:#d8d8f4; border:1px solid #fff; padding:0.2em; margin:0; font-size:1.5rem; font-weight:normal; } .page-Main_Page h1 span, .page-Talk_Main_Page h1 span {display:inline-block;} .idxlink {font-size: 1rem;} .idxheader {background-color:#d8d8f4; font-weight:bold; padding:0.5em; font-size:large;} .idxupdates {;} .idxupdates .list_tablebrsmall {width:100%;} .list_tablebrsmall {border-collapse:collapse;} .list_tablebrsmall .list_detail .list_prog {font-weight:bold;} .list_tablebrsmall .list_prog {border-left:2px solid #d8d8f4; border-top:2px solid #d8d8f4; font-size:large; vertical-align:top; } .list_tablebrsmall .list_prog .list_from {font-size:small; font-weight:normal; display:block; clear:left; margin-left:0.5em;} .list_tablebrsmall .list_broadcast {border-right:2px solid #d8d8f4; border-top:2px solid #d8d8f4; vertical-align:top;} .list_tablebrsmall .list_edit {border-right:2px solid #d8d8f4; border-left:2px solid #d8d8f4; border-bottom:10px solid #d8d8f4; vertical-align:top; font-size:small;} .list_tablebrsmall .list_edit {font-weight:bold;} .list_tablebrsmall .list_edit span {font-weight:normal;} .list_tablebrsmall .list_edit .list_newflag {padding-left:0.5em; padding-right:0.5em; background-color:#ff9; border: 1px solid #d8d8f4;} .list_tablebrsmall+p {text-align:right; margin-top:0; background-color:#d8d8f4; padding-bottom:0.5em; padding-right:1em;} /* Special Pages */ .mw-special-TopRatings .user-list-rating+div {display:none;} .mw-special-TopRatings .rating-total {display:none;} /* ### SEMANTIC DRILLDOWN IMAGE RESULTS ### */ .imagelistbox {width:10em; height:16em; float:left; padding:0px; border-width:2px; border-style:solid; margin:0.2em; position:relative; overflow:hidden;} .imagelistbox .iidata {margin:0px; padding:0.2em; text-align:center;} .imagelistbox .iilabel {position:absolute; bottom:0px; width:100%;} .imagelistpic {display:block;} .imagelisttitle {font-weight:bold;} .imagelistdate {display:block; font-style:italic; font-size:xx-small; text-align:center;} .idxgallery {margin-bottom:1em;} .idxgallery .gallery {border-collapse:collapse;} .idxgallery .gallery .thumb {border:2px solid #d8d8f4;} .idxgallery .idxtdmore {vertical-align:bottom;} .idxgallery .idxmore {background-color:#d8d8f4; border:2px solid #d8d8f4; padding:0.2em; margin-bottom:0.9em; width:5em;} .idxafterimages {;} .idxscheds .idxheader {width:65%;} .idxnav {float:left;} .idxafternav {clear:left;} .idxafterupdate {clear:both; margin-bottom:1em;} .idxlist .list_tablebrowse {width:100%;} .idxlist .idxheader {margin-bottom:0.5em; border-right:5px solid white;} .idxlist .list_tablebrowse+p {background-color:#d8d8f4; text-align:right; padding:0.5em; margin-top:0; border-right:5px solid white;} /* ### Added 2021 ### */ /* Remove outgoing arrows from SMW links */ #content .mw-parser-output a.external {background:none; padding:0;} /* Stop long URLs from extending width on small screens */ .link_notitle > a {word-break:break-all;} /* For 2021 horizontal infoboxes */ .topimage {text-align:center; margin-top:0.5em; border:none; background:none;} .topimagecontainer {display:inline-block; border-radius:5px; border-width:medium; border-style:solid; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .topimage img {border-top-left-radius:2px; border-top-right-radius:2px;} .ti_nocaption img {border-bottom-left-radius:2px; border-bottom-right-radius:2px;} .topimageextra {max-width:260px;} .ti_captiononly .topimageextra {padding-left:0.2em; padding-right:0.2em;} .ib_rootcontainer {display:flex;justify-content:center;align-items:center;} .ib_scrollcontainer {margin:auto;max-height:100%;overflow:auto;} .ib_parent {display:flex; flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; border-width:medium; border-style:solid; border-radius:5px;} .ib_item {display:inline-block; flex-basis:10em; padding-left:0.5em; padding-right:0.5em; padding-top:0.2em; padding-bottom:0.2em; text-align:center; border-right-width:thin; border-right-style:solid; border-color:inherit;} .ib_item:last-child {border-right:none;} .ib_label {display:block; align-self:flex-start; white-space:nowrap; color:#555; text-transform:uppercase; margin-bottom:0.2em; font-size:85%;} .ib_blob {white-space:normal;} .ib_big {display:block; font-size:135%;} .ib_small {display:block; font-size:75%; white-space:normal;} .ib_service {;} .ib_date_set {display:flex; flex-direction:column; border-right-width:thin; border-right-style:solid; border-color:inherit;} .ib_date_top {display:flex;} .ib_date_base{text-align:center; font-size:85%; padding-top:0.2em;} .ib_date {flex-basis:14em; } .ib_date > .ib_blob {white-space:nowrap;} .ib_start .ib_big {font-weight:bold;} .ib_date_top>div:last-of-type .ib_big {font-weight:bold;} .ib_language .ib_big {font-weight:bold;} .col_english .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#ffce33);} .col_english .cols_rev{background-color:#ffce33;} .col_languages .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#f6bb00);} .col_languages .cols_rev{background-color:#f6bb00;} .col_dance .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#ff764b);} .col_dance .cols_rev{background-color:#ff764b;} .col_worship .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#ea2100);} .col_worship .cols_rev{background-color:#ea2100;} .col_music .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#ff3f6d);} .col_music .cols_rev{background-color:#ff3f6d;} .col_maths .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#a7e200);} .col_maths .cols_rev{background-color:#a7e200;} .col_topics .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#8c8c8c);} .col_topics .cols_rev{background-color:#8c8c8c;} .col_humanities .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#977d53);} .col_humanities .cols_rev{background-color:#977d53;} .col_science .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#89daff);} .col_science .cols_rev{background-color:#89daff;} .col_art .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#00de3a);} .col_art .cols_rev{background-color:#00de3a;} .col_geography .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#5b8fc9);} .col_geography .cols_rev{background-color:#5b8fc9;} .col_history .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#a960fa);} .col_history .cols_rev{background-color:#a960fa;} .col_teachers .cols_rev_gr{background-image: linear-gradient(rgba(255,0,0,0),rgba(255,0,0,0),#ffe8af);} .col_teachers .cols_rev{background-color:#ffe8af;} .topprevnext {display:flex;justify-content:space-around;align-items:center; border:medium solid grey; margin-top:0.5em; border-radius:5px; background-color:#fff;} .tpn_title {text-align:center; align-self:stretch; padding-left:0.5em; padding-right:0.5em; border-right:2px solid #808080;} .tpn_title a {color:#808080;} .tpn_title a:visited {color:#606060;} .tpn_prev {text-align:left;} .tpn_next {text-align:right;} .tpn_label {margin-right:0.2em;} .tpn_text {;} .tpn_text span {display:inline-block;} .tpn_arrow {padding-left:0.2em; padding-right:0.2em;} .boilertext {margin-top:0.5em; color:#00c} /* Sub-page navigation boxes */ .nav-box {padding:0.2em; text-align:center; margin-bottom:0.5em; background-color:#ddd; border: 2px solid #000;} .nav-box .selflink {background-color:#fff; border-radius:4px;} .nav-pic {float:left; margin-left:0.2em; border:2px solid #000;} .nav-title {font-weight:bold; border-bottom:1px solid #000; margin-left:0.2em; margin-right:0.2em;} .nav-note {font-size:75%;} .nav-content {margin-top:0.5em;} .nav-block {border:1px solid grey; margin-left:2em; margin-right:2em;} .nav-block-sub {columns:12rem auto;} .nav-block-sub ul {list-style-type: disc; text-align:left;} .nav-box.nav-LR-BFS {background-color:#ddf; border-color: #8af;} .nav-LR-BFS>.nav-pic {border-color:#8af;} .nav-LR-BFS>.nav-title {border-bottom-color:#8af;} /* Translator/scripts */ .translator {background-color:#fdfdcd; padding:1em;} .translator>.poem {font-style:normal;} .tr-header {font-weight:bold; font-size:110%; text-decoration:underline; margin-bottom:0.5em; letter-spacing:0.3em; text-shadow:0 0 7px #ccc,0 0 10px #ccc,0 0 21px #ccc;} .tr-notes {margin-bottom: 0.5em;} .tr-space-speech {color:#3388ff; text-shadow:0 0 7px #ccc,0 0 10px #ccc,0 0 21px #ccc;} .tr-direction {font-style:italic;} .tr-speaker {text-transform:uppercase;} .tr-text {margin-left:0.5em;} .tr-highlight {background-color:#ffc;} .tr-differences td {vertical-align:top; padding-left:2em; text-indent:-1.5em; border-left:1px solid; margin-left:1em;} .tr-differences th {border-left:1px solid; border-bottom:1px solid; margin-left:1em; padding-left:1em;} .tr-differences td:first-child, .tr-differences th:first-child {border-left:none;} .tr-timings {text-align:center; background-color:#eef; } .tr-timings td, .tr-timings th {vertical-align:top; padding-left:1.5em; padding-right:1.5em; border:1px solid white;} .tr-timings th {background-color:#ddf;} /* Maps and locations */ .location_marker img {height:1.2em; width:auto;} .location_marker a {text-decoration:none;} /* Tags and topics */ .d_topic,.d_tag {display:inline-block;} .d_topic {padding-left:0.5em; padding-right:0.5em; margin:0.2em; border-radius:5px; border-width:2px; border-style:solid;} .d_topic a {color:#fff} .d_topic+.col_science_rev a, .d_topic+.col_english_rev a, .d_topic+.col_languages_rev a, .d_topic+.col_maths_rev a, .d_topic+.col_teachers_rev a {color:#000;} .d_tag { background: #ccc; border-radius: 3px 0 0 3px; color: #999; height: 26px; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 10px 10px 0; text-decoration: none; -webkit-transition: color 0.2s; } .d_tag::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; } .d_tag::after { background: #fff; border-bottom: 13px solid transparent; border-left: 10px solid #ccc; border-top: 13px solid transparent; content: ''; position: absolute; left: 100%; top: 0; } .d_tag:hover {background-color:#000; color: #fff;} .d_tag:hover::after {border-left-color: #000;} .d_tag a {color:#000;} .d_tag:hover a {color:#ccc;} /* Broadcasts tables */ .bxtable {font-size:80%; border:1px solid black;} .bxtable th {background-color:#fdb; border-right: 1px dotted black; padding:0.2em;} .bxtable td {border-right: 1px dotted black; padding:0.2em; border-top: 1px dotted black;} .bxodd {background-color:#fffefa;} .bxeven {background-color:#fff8ca;} .bxbreak {border-top: 1px solid black;} .bxyear {background-color:#fdb; font-weight:bold; white-space:nowrap;} .bxterm {background-color:#fdb;} .bxnotes {font-size:75%;} td.bxday {border-left: 2px solid black;} td.bxtime, th.bxtime {border-right: 2px solid black;} .bx_table tr td+td+td:last-of-type {font-size:75%} .bxtable {table-layout:fixed; position:relative; max-width:100%; overflow-y:auto; border-collapse:separate; border-spacing:0;} /* .bxtable th {position:sticky; top:58px; padding-top:0.5em; z-index:2;} top spacing has to match navbar height, with padding for different views .bxtable thead th:first-child {position:sticky; left:0; top:58px; padding-top:0.5em; z-index:3;} .bxtable tbody td {position:relative;} .bxtable tbody td:first-child {position:sticky; left:0; z-index:1;} */ .bxdayhidden {display:none;} td.bxday1st, th.bxday1st {border-left: 1px solid black;} td.bxdayFri, th.bxheadFri {border-right:1px solid black;} td.bxChannel, th.bxheadChannel {border-right:1px solid black;} .bxNotes {font-size:75%} .bxheadSat,.bxheadSun,.bxheadMon,.bxheadTue,.bxheadWed,.bxheadThu,.bxheadFri {text-align:center;} .bxdaySat,.bxdaySun,.bxdayMon,.bxdayTue,.bxdayWed,.bxdayThu,.bxdayFri {text-align:center;} .bxdayweek {border-right:1px solid black; text-align:center;} .bxlocal {font-style:italic;} /* Tweeki skin tweaks */ .navbar-toggler-icon {width:1.2em; height:1.2em;} /*reduce size of toggler to fit on one line of mobile view */