MediaWiki:Common.css

From Tardis Wiki, the free Doctor Who reference
Revision as of 00:37, 30 March 2024 by Tardis (talk | contribs)
Clear your cache often around here

After changes are made to this site's CSS or Javascript, you have to bypass your browser's cache to see the changes. You can always do this by going to your browser's preferences panel. But many browsers also offer keyboard shortcuts to save you that trouble. The following shortcuts work in the versions of the browsers that Tardis currently supports. They may not work in earlier versions.

  • Firefox: hold down Shift while performing a page reload.
  • Opera offers no default keyboard shortcut, but you can create a custom keyboard shortcut with the value Clear disk cache
  • Safari users should simultaneously hold down ⌘ + Option + E. You may need to enable the Develop menu first
  • Chrome: press Ctrl + F5 or Shift + F5 while performing a page reload.
/* CSS placed here will be applied to all skins */

/* =============================
   Version 7.0 February 2024
   ============================= 

   At Tardis, Common.css is the main CSS. 
   
   Major iterations of the main CSS were seen a few 
   times before 2012, but then in 2012, 2017 and 2024.
   */

/*  ===================
    Font IMPORTS 
    =================== */

/* latin */
@font-face {
  font-family: 'Della Respira';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/dellarespira/v22/RLp5K5v44KaueWI6iEJQBiGPdf4YuoMtXHs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaORs71cA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaHRs71cA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaMRs71cA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaNRs71cA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXX3I6Li01BKofIMNaDRs4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOOaBXso.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIMeaBXso.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIOuaBXso.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofIO-aBXso.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/nunito/v26/XRXV3I6Li01BKofINeaB.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/mavenpro/v33/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/mavenpro/v33/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/mavenpro/v33/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/mavenpro/v33/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/mavenpro/v33/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/mavenpro/v33/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3Uyf4L1kA.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U6f4L1kA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3Uzf4L1kA.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U1f4L1kA.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U5f4L1kA.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWbBXyIfDnIV7nEt3KSJbVDV49rz8tdE3U3f4I.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nErXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0898-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EFD-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nMrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nFrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nDrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nPrXyw1W3fxIlGzg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/rubik/v28/iJWKBXyIfDnIV7nBrXyw1W3fxIk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Mitr';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/mitr/v11/pxiEypw5ucZF8eMcJJfecnFHGPc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*  ============
    General font matters
    ============ */

body {                
   font-family:"Nunito","Rubik",sans-serif;
}
.mw-body h1,
.mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	font-family:"Della Respira","Nunito","Rubik",sans-serif;
}

.page-content h2:first-of-type {
	clear: left;
}

.mw-parser-output p b,
.portable-infobox b,
.navbox b {
    font-weight: 800;
}

/*  Changing where the "edit section" 
    button goes and what it looks like */

.editsection a {
    text-transform:lowercase;
    font-variant: all-small-caps;
    letter-spacing:1px;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-size:70%;
    font-style:italic;
    font-weight:bold;
    color:var(--accent-2);
    text-align: left;
    margin-left:-5px;
}

/*  ==============
    SECTION EDIT
    ============== */
.editsection {
    float: right;
}
/* =================
   Spotify player 
   ================= */
.spotify-thumb {
    float: right;
    clear: right;
    height: 152px!important;
    margin-bottom: 12px;
    margin-left: 12px;
}

/*  =================
    Table of Contents
    =================
 
    Note that right-clearing TOCs, which are somewhat unusual — and even
    scorned on some wikis — have been agreed by community consensus */

.toclimit-2 .toc .toclevel-1 ul,
.toclimit-3 .toc .toclevel-2 ul,
.toclimit-4 .toc .toclevel-3 ul,
.toclimit-5 .toc .toclevel-4 ul,
.toclimit-6 .toc .toclevel-5 ul,
.toclimit-7 .toc .toclevel-6 ul {
	display: none;
}

/* ====================
   PERMISSIONS ERRORS
   ==================== */
.PermissionsError > .editpage-intro > .editpage-intro-wrapper > div {
    background-color: var(--accent-2);
    border: 3px solid #fff;
    color: black;
    padding:20px;
    margin-top:150px;
}
/* =========================
   SPOILER ALERT
   ========================= */
   
  #SpoilerAlertText {
      font-size: 80;
      line-height:130%;
      margin:50px;
  }
/* ====================
   Stuff from Common.css
   ==================== */
/* ============================
   Poetry 
   ============================ */

div.poem {
    margin-left:20px;
}

/* Fixing {{il}} output in infoboxes */
.portable-infobox div.poem {
    margin-left: 0;
}

/* Special Pages */

.mw-specialpagesgroup {
    background-color:transparent;
    border:1px solid var(--accent-2);
}

/*  ===================
    Template documentation 
    =================== */
.documentation {
    padding:3px;
}
.documentation .header,
.documentation .footer {
    padding:.5em;
    margin:0;
    font-size:85%;
    border:var(--accent-2) solid 2px;
    background-color:var(--accent-1);
    color:#000;
}
.documentation .header a,
.documentation .header a.link,
.documentation .header a.visited,
.documentation .footer a,
.documentation .footer a.link,
.documentation .footer a.visited {
    text-decoration:underline;
    color:#555;
}
.documentation .footer {
    text-align:right;
}
.documentation .description {
    padding:1em 1.5em 0 1.5em;
    margin:8px 0;
    border:2px dashed var(--accent-2);
    background-color:transparent;
}

/*  ===================
    DIFF RENDERING
    =================== */

table.diff,
td.diff-otitle,
td.diff-ntitle {
    background:none!important;
    background-color:transparent;
    font-family: "Rubik"
}

td.diff-deletedline {
    border:2px solid white;
    background: #c35858!important;
    border-color: #a94f4f!important;
    border-bottom: solid 4px #a34444!important;
    color: black;
    padding:10px!important;
    line-height:110%;
    font-size:14px;
    font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
}
td.diff-addedline {
    border:2px solid white;
    background: #39a75d!important;
    border-color: #29974d!important;
    border-top: solid 4px #3a8f56!important;
    color: black;
    padding:10px!important;
    line-height:110%;
    font-size:14px;
    font-family: Monaco,"Andale Mono","Lucida Sans Typewriter", "Lucida Console", "Nimbus Mono L", "Courier New", monospace;
}
td.diff-context {
    background:#ececec;
    color: black;
    border: none;
    font-weight:normal;
    font-size:12px;
    margin-bottom:5px;
    margin-top:5px;
    padding:10px!important;
    line-height:120%;
    font-family:"Rubik";
}

span.diffchange {
    font-weight: bold;
    text-decoration: none;
    font-size:14px;
}

.diffchange {
	line-height: 1.5;
}

/*  ===================
    QUOTATIONS
    =================== */
 
/*  -------------------
    SIMPLE QUOTATIONS
    powers template:sq
    ------------------- */

/*
.simplequote::before { 
    content: "“";
    float: left;
    height: 60px; 
    margin-top: -20px;
    padding-top: 45px;
    margin-bottom: -50px;
    font-size: 200%;
    color: #fff;
}

.simplequote::after { 
    content: "”";
    float: right;
    height: 25px;
    margin-top: 0px;
    padding-top: 20px; 
    font-size: 200%;
    color: #fff;
}
*/
.simplequote { 
    font-family:Rubik;
    font-style:italic;
    margin:5%;
    font-size: 1.15em;
    line-height: 1.45em;
}

.simplequote[cite]::after {
    display: block;
    text-align: right;
    content: "\2014\ " attr(cite);
    font-style: normal;
    font-size: 1.2em;
    color:#012c57;
}

.simplequote span.author {
    position: relative;
    display: block;
    font-size:100%;
    line-height:90%;
    text-align: right;
    margin-top: 5px;
    color: #012c57;
    font-style:italic;
    top:10px;
}    
.simplequote span.author i {
    position: relative;
    font-size:100%;
    line-height:90%;
    background: #eee;
    font-style: italic;
    z-index: 5;
    padding:1%;
    border: solid .75px transparent;
    border-radius: 4px;
}
/* Makes a decorative line, but honestly 
   this line only works on pages where there's no 
   infobox or image in the way.  
.simplequote span.author::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 35%;
    float:left;
    height: 1px;
    background: #ccc;
    z-index: 1;
    color:#012c57;
}
*/
.simplequote span.author a,
.simplequote span.author a:link {
    color:#012c57;
}

/*  Blockier way of doing quotes */

blockquote {
    position: relative;
    display: flex;
    background: #eee;
    padding: 40px 30px 30px 60px;
    border-radius: 10px;
    font-size:110%;
    line-height:120%;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    color: #333 !important;
    text-align: left;
    box-shadow: 1px 1px 1px #012c57,
                2px 2px 1px #012c57,
                3px 3px 1px #012c57;
    transition-duration: .3s;
    margin-right:20px;
    margin-left:20px;
    width:auto;
} 
blockquote span.author {
    position: relative;
    display: block;
    font-size: 100%;
    line-height: 120%;
    text-align: right;
    margin-top: 5px;
    color: #999;
    font-style:italic;
}    
blockquote span.author i {
    position: relative;
    font-size: 100%;
    line-height: 120%;
    padding-left: 25px;
    font-style: italic;
    z-index: 5;
    background: #eee;
} 
blockquote a,
blockquote a:link {
    text-decoration:underline;
    color:#012c57;
}
blockquote span.author a,
blockquote span.author a:link {
    color:#012c57;
}
blockquote span.author::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    float:left;
    height: 1px;
    background: #ccc;
    z-index: 1;
}
blockquote:hover {
    box-shadow: 1px 1px 5px #012c57,
                2px 2px 6px #012c57,
                3px 3px 7px #012c57;
}  
blockquote::before {
    display: block;
    position: absolute;
    top: 40px;
    left: 0;
    content: "“";
    font-family: "Rubik"; 
    font-size: 150px;
    color: #012c57;
    z-index:6;
}
blockquote p {
	padding: 5px;
	margin-top: 0!important;
	color: #333 !important;
}
blockquote p:nth-of-type(n+2) {
  border-left: 1px solid #333;
}

/*  =======================
    ARCHIVE TOOL
    ======================= */

#archstrip table, .archstrip table,
#archstrip td, .archstrip td {
    background-color:transparent;
    color:#FFF;
}
#archstrip, 
.archstrip {
    background: #012c57;
    overflow: visible;
    padding: 10px 20px;
    position: relative;
    font-family:'Gill Sans', Verdana, sans-serif;
    text-transform:uppercase;
    letter-spacing:3px;
    border:2px #fff solid;
    float:right;
    line-height:110%;
    color:#fff;
    max-width:250px;
}

/* ==================
   TABLES
   ================== */
.smwtable-exterior {
    margin:5px auto 5px auto;
    padding:auto;
}

table.wikitable,
#smwtable,
table.smwtable {
    font-family: "Rubik";
	font-size: 12px;
	text-align: center;
    background-color:transparent;
    margin:10px auto 10px auto;
    width:auto;
    color: var(--text-color);
}
th.headerSort,  
table.wikitable th,
#smwtable th,
table.smwtable th {
    border: 0px solid #ffffff;
    color: #FFF;
    overflow:hidden;
    text-decoration:none;
    letter-spacing:0px;
    margin-right:4px;
    padding: 4px;
    vertical-align: middle;
    line-height:110%;
    font-size:125%;
    background-color:#012c57; 
    background-color: -moz-linear-gradient(-45deg,  #012C57 0%, #012c57 25%);
    background-color: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57));
    background-color: -webkit-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background-color: -o-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background-color: -ms-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background-color: linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 );
}

table.wikitable> tr > th, 
table.wikitable> *> tr > th,
#smwtable tr > th,
table.smwtable> *> tr > th  {  
    background:var(--accent-1); 
    color:var(--alt-text-color);
/* We'll need a new gradient 
    background: -moz-linear-gradient(-45deg,  #012C57 0%, #012c57 25%); 
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#012C57), color-stop(100%,#012c57));
    background: -webkit-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background: -o-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background: -ms-linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    background: linear-gradient(-45deg,  #012C57 0%,#012c57 25%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012C57', endColorstr='#012c57',GradientType=1 ); */
}

table.wikitable tr,
table.wikitable tbody tr,
#smwtable tr,
#smwtable tbody tr,
table.smwtable tr,
table.smwtable tbody tr,
table.wikitable td,
table.wikitable tbody td,
#smwtable td,
#smwtable tbody td,
table.smwtable td,
table.smwtable tbody td {
    text-align:center;
    vertical-align:middle;
    
    /* We'll need a new gradient 
    background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
    background-image: -webkit-gradient(linear, center bottom, center top, from(rgba(252,252,252,0.78)), to(rgba(213,212,240,0.78)), color-stop(3%, rgba(247,247,247,0.78)), color-stop(12%, rgba(242,242,242,0.78)), color-stop(90%, rgba(228,227,241,0.78)));
    background-image: -moz-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
    background-image: -o-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
    background-image: -ms-linear-gradient(bottom, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78));
    background-image: linear-gradient(to top, rgba(252,252,252,0.78), rgba(247,247,247,0.78) 3%, rgba(242,242,242,0.78) 12%, rgba(228,227,241,0.78) 90%, rgba(213,212,240,0.78)); */
}
table.wikitable tbody tr:hover td a,
#smwtable tbody tr:hover td a,
table.smwtable tbody tr:hover td a, 
table.wikitable tbody tr:hover td,
#smwtable tbody tr:hover td,
table.smwtable tbody tr:hover td {
    background:#555;
    color:#FFF;
}

table.wikitable tbody tr td#series {
    background: #002244;
    font-size: 1.8em;
    vertical-align: top;
}
table.wikitable tbody tr td#series a {
    color: #aecfff;
}


/*  =======================
    RED AND YELLOW CELLS
    ======================= 
    
While MAINLY just used over at [[List of Doctor Who television stories]],
these cells have also found use for pointing out different mediums,
like novels and anthologies, as seen on [[Bernice Summerfield (series)]]. */

table.wikitable .row-red td,
div#block.row-red { 
  background: #b53f3a; /* #b1312c */
  color:#fff;
}
.theme-fandomdesktop-light table.wikitable .row-red td,
.theme-fandomdesktop-light div#block.row-red {
  background: #f4bbb9; 
  color: inherit;
}
table.wikitable .row-red td a,
table.wikitable .row-red td a.link,
table.wikitable .row-red td a.visited,
div#block.row-red a, 
div#block.row-red a.link
div#block.row-red a.visited { 
    color:#FFF;
    text-decoration:underline;
    text-decoration-color:#e3bdbd; /*This will work in MOST modern browsers.*/
}    
table.wikitable .row-yellow td,
div#block.row-yellow {
    background: #e1ae4a;
    color:#000;
}

table.wikitable .row-yellow td a,
table.wikitable .row-yellow td a.link,
table.wikitable .row-yellow td a.visited,
div#block.row-yellow a, 
div#block.row-yellow a.link
div#block.row-yellow a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color: #543f15; /*This will work in MOST modern browsers.*/
}
/* BLUE cells */
table.wikitable .row-blue td,
div#block.row-blue { 
  background: #7998D3;
  color:#000;
}
table.wikitable .row-blue td a,
table.wikitable .row-blue td a.link,
table.wikitable .row-blue td a.visited,
div#block.row-blue a, 
div#block.row-blue a.link
div#block.row-blue a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color:#543f15; /*This will work in MOST modern browsers.*/
}
/* GREEN cells */
table.wikitable .row-green td,
div#block.row-green { 
  background: #CCECC1;
  color:#000;
}
table.wikitable .row-green td a,
table.wikitable .row-green td a.link,
table.wikitable .row-green td a.visited,
div#block.row-green a, 
div#block.row-green a.link
div#block.row-green a.visited { 
    color:#000;
    text-decoration:underline;
    text-decoration-color:#543f15; /*This will work in MOST modern browsers.*/
}

/* This bit keeps {{il}} working properly,
    that is, not indenting
        within a table
*/
table div.poem {
    margin-left: 0;
}

.wikitable.uncat img {
    max-width: 250px;
}

/*  ====================
    Assorted technical
    ==================== */


/*  ====================
    SMW property table
    ==================== */

div.smwfact {
   font-weight:normal;
   word-wrap:break-word;
   color:#000;
   font-family:"Rubik";
   text-transform:uppercase;
   letter-spacing:2px;
   margin-bottom:10px;
}

div.smwfact table { 
    width:95% 
}

div.smwfact td, 
div.smwfact tr, 
div.smwfact table,
#smwfacttable {
    font-family:"Rubik";
    text-transform:none;
    letter-spacing:0;
    font-size:90%;
}

div.smwfact tr:hover {
    background-color:#D8DFe5
}
span.smwrdflink {
    padding-left:5px;
    letter-spacing:0px;
    text-transform:lowercase;
    font-family: Adelle, 'Cambria', 'Book Antiqua','Calisto MT','Lucida Bright',Georgia,'DejaVu Serif',serif;
    font-style:italic;
    font-size:60%;
}
span.smwfactboxhead {
    font-size: 70%!important;
    font-weight: bold;
    float: left;
}
/*  =====================
    NOARTICLE
    ===================== */
div.noarticle,
.noarticle {
    color:#012C57;
    max-width:500px;
    width:500px;
    margin:0 0 5px 62px; 
    padding-left:70px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    background-color: #ececec;
    overflow:visible;
    background-repeat:no-repeat;
    background-position: 0px 20px;
    line-height:100%;
}
div.noarticle a:link,
div.noarticle a:visited {
    color:#2f2cb8!important;
}
.noarticle p,
div.noarticle p {
    padding:180px 0px 0px 0px;
    background:url('https://tardis.wiki/images/Tardis_images/f/f6/Zeroroom.png') no-repeat;
    line-height:110%;
    color:#012c57;
    background-size: cover;
}
div.noarticletext {
    background:none;
    border:none;
}

/* ==================
   Warning formatting
   ================== */

div.mw-edit-longpagewarning,
div.mw-editinginterface,
div.mw-warning-with-logexcerpt {
    color:#000;
    max-width:500px;
    width:500px;
    margin:0 0 5px 75px;
    padding-left:70px;
    padding-top:20px;
    padding-bottom:20px;
    padding-right:20px;
    overflow:visible;
    line-height:100%;
    background-position: 0px 2px;
    background: #ececec url(https://tardis.wiki/images/Tardis_images/1/17/Grey-warning-small.png) no-repeat;
    border:none;
}
div.mw-warning-with-logexcerpt p,
div.mw-edit-longpagewarning p,
div.mw-editinginterface p {
    color:#000!important;
    font-weight:600;
} 
div.mw-warning-with-logexcerpt a,
div.mw-edit-longpagewarning a,
div.mw-editinginterface a {
    color:#000!important;
} 
div.mw-warning-with-logexcerpt a.new,
div.mw-edit-longpagewarning a.new,
div.mw-editinginterface a.new {
    color:#aa1111!important;
}

/*  -=-=-=-=-=-=-=-=-=
    "Lesser" warnings
    Styled as above, but
    with less alarming
    backgrounds.
    -=-=-=-=-=-=-=-=-=- */
div.sharedHelpEditInfo {
    border:2px solid var(--accent-2);
    color:#000;
    max-width:500px;
    width:500px;
    margin:0 0 5px 75px;
    padding:20px 20px 20px 70px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#e2e1f7',GradientType=1 );
    line-height:100%;
}
div.sharedHelpEditInfo[style] { /* This is necessary to override some inline HTML style declarations */
    margin:0 0 5px 75px;
    padding:10px 10px 10px 70px;
    color:#000;
}
div.sharedHelpEditInfo li {
    margin-left:75px;
    line-height:105%;
}

/*  =====================
    TRICKS FOR INDIVIDUAL
    MW MESSAGES
    ===================== */
.our404image {
    background-image: url('https://tardis.wiki/images/Tardis_images/1/1a/MagnifiedDoctor.jpg');
    background-repeat:no-repeat;
    width:400px;
}
/*  =====================
    LOADING MESSAGE
    ===================== */
div.loading-message {
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
/* This image needs to be replaced. Its transparency flaws
    are particularly visible after the 2018 redesign.
    
#EditPageEditor .loading-indicator .loading-message .loading-throbber {
    background-image: url('https://tardis.wiki/images/Tardis_images/c/c6/TardisLoader.gif');
    background-size: 242px 200px;
    background-repeat:no-repeat;
    background-position:top center;
    background-color:transparent;
    overflow:visible;
}
*/

/* CSS to support properly themed Wiki Notificaitons */
.loading {
    font-family:'Rubik';
    font-size:175%;
    letter-spacing:2px;
    font-weight:bold;
    text-align:center;
    color:#000;
    padding:100px;
    text-transform:uppercase;
}
.ns-114 .wds-banner-notification__container,
.ns-114 .banner-notifications-placeholder {
    display:none;
    position:inherit;
}
.wds-banner-notification {
    background-color: var(--bright-accent-color);
    border:1px solid white;
}
.wds-warning .wds-banner-notification__icon {
    background-color:var(--bright-accent-color);
}
.wds-banner-notification a,
.wds-banner-notification a:link,
.wds-banner-notification__container a,
.wds-banner-notification__container a:link,
.wds-banner-notification__text a,
.wds-banner-notification__test a:link {
    color:black!important;
    text-decoration:none;
    font-family:Rubik;
    font-weight:600;
}


code {
	background: none;
	border: none;
}

ol.references li:target, sup.reference:target, .rt-target {
  background-color: #e5C07640;
}

.mw-parser-output a.external[href$=".pdf"],
.mw-parser-output a.external[href$=".PDF"],
.mw-parser-output a.external[href*=".pdf#"],
.mw-parser-output a.external[href*=".PDF#"],
.mw-parser-output a.external[href*=".pdf?"],
.mw-parser-output a.external[href*=".PDF?"],
.link-document {
	background-image: none
}

/* ================== 
   SITENOTICE
   ================== */
.mw-dismissable-notice, #localNotice {
	background-color: var(--primary-1);
	border: solid var(--primary-3);
}

/* ================== 
   Galleries
   ================== */
.mw-body li.gallerybox div.thumb {
	background: none;
	border: none;
}
li.gallerybox {
	border: 1px solid var(--accent-1);
	margin: 3px auto 3px auto;
}
:root.theme-dark .mediawiki:not(.ns-special) li.gallerybox {
	border: 1px solid var(--border-shade-2);
    background: var(--primary-14);
}
.mw-body li.gallerybox div.thumb {
	border: none;
	background: none;
}
li.gallerybox div.thumb img {
	max-height: 250px;
	width: auto;
}

/* This temporary changes to the CSS were primarily created by [[User:Bongolium500]] with some additions from [[User:Spongebob456]] and [[User:SOTO]], and readded by [[User:OncomingStorm12th]]. It aims to emulate the Oasis skin as much as possible and will likely be replaced by an entirely new style sometime in the near future. It is a mixture of imports of old stylesheets, direct copy-pastes of sections of old style sheets and slight edits of old stylesheets. */

/* table edits */
.ooui-theme-fandomooui .mw-datatable>*>tr>th, .ooui-theme-fandomooui .mw-datatable>tr>th, .ooui-theme-fandomooui .mw-json>*>tr>th, .ooui-theme-fandomooui .mw-json>tr>th, .ooui-theme-fandomooui .wikitable>*>tr>th, .ooui-theme-fandomooui .wikitable>tr>th {
    background-color: var(--theme-accent-color);
    border-color: var(--theme-border-color);
    padding-bottom: 9px;
    padding-top: 9px;
}

/* get rid of the SMW-related loading bars that appear and cause pages to move up and down while loading */
.smw-indicator-vertical-bar-loader {
    display: none;
}

/* make text in the searchbar on {{tardis manual}} readable */
.pi-navigation .mw-inputbox-centered .searchbox .mw-ui-input.mw-ui-input-inline {
	color: black;
}
Retrieved from "https://tardis.wiki/w/index.php?title=MediaWiki:Common.css&oldid=3752110"