MediaWiki:Gadget-ms-Forum.css
From Tardis Wiki, the free Doctor Who reference
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.
/* =================
FORUM DESIGN
=================
This is for forum archives,
active forums, and other,
related discussion spaces.
=================
Technically, prior to 2022,
forum design was done via
HTML only. Beginnings set
out by [[user:SOTO]],
expanding on the long-lived
design of the original forums.
==============================
*/
.forum-archive {
box-shadow: 0 0 0 10px var(--TEXT-B-H2);
padding-top: 1px!important;
padding-left: 13px!important;
}
.forum-archive > p:first-child:has(br:only-child) {
display: none;
}
.forum-archive .toc {
filter: saturate(0.09);
border-color: var(--accent-4);
}
.archive-message {
background: var(--TEXT-A-H3);
box-shadow: 0 0 0 4px var(--TEXT-A-H1), 0 0 0 8px var(--TEXT-B-H2);
}
.theme-dark .forumheader .archive-message a {
color: var(--accent-2);
}
.forum-archive > h2 {
margin-left: 3px;
margin-top: 27px;
}
.forum-archive #tech,
.forum-archive .tech {
border-radius: 5px;
}
:root.theme-dark .forum-archive #tech,
:root.theme-dark .forum-archive .tech {
background-color: #0e2342!important;
border-color: #1a2e53!important;
box-shadow: 0 0 0 8px var(--border-shade-2);
}
#thread .content #license,
.forum-archive #license,
#thread .content #box,
.forum-archive #box {
border-color: #556375;
}
#thread .content .wikitable,
.forum-archive .wikitable {
background-color: #efe5e1;
border-color: #c2bab7;
}
#thread .content .wikitable tr th,
.forum-archive .wikitable tr th {
background: #556375;
border-color: #a9acb0;
color: white;
}
#thread .content .thumbcaption,
.forum-archive .thumbcaption,
#thread .content .lightbox-caption,
.forum-archive .wikitable .lightbox-caption {
color: #3a3a3a;
}
#thread .content .gallery .gallery-box,
.forum-archive .wikitable .gallery .gallery-box {
border-color: #556375;
color: #3a3a3a;
}
:root.theme-dark .forum-archive:not(#thread) > p,
:root.theme-dark .forum-archive:not(#thread) > dl dd {
color: #121212;
}
:root.theme-dark .forum-archive:not(#thread) > p > a,
:root.theme-dark .forum-archive:not(#thread) > dl dd a {
color: #0d2246;
}
/* =================
ARCHIVES (CLASSIC
/ THREAD)
================= */
#thread .opening-post .content,
#thread .opening-post .content p,
#thread .opening-post .content dl,
#thread .post .content,
#thread .post .content p,
#thread .post .content dl {
color: #121212;
overflow-y: overlay;
}
.forumheader .archive-message a {
color: #3d3777;
}
#thread.forum-archive {
color: #000;
background-color: #a0a0a0;
padding:5px;
border-radius: 50px / 8px;
}
.forum-archive div.shortcut {
border-color: #997cad;
/* background-color: #4c375a; */
}
#thread.forum-archive .shortcut,
#thread .shortcut {
background-color: #84849a; /* #cbc4c4 #6565aa */
border-color: #a4a4b0; /* #325288 */
border-radius: 8px / 6px;
color: #e9e9f2;
position: relative;
top: 8px;
right: 29px;
margin: 10px 10px 10px 36px;
}
#thread.forum-archive .shortcut a,
#thread .shortcut a {
color: #ceceef; /* ##a4a4b0 */
}
#thread.forum-archive .shortcut a:hover {
color: #e5e5ff;
}
.page-content .forum-archive ul > li > ul {
list-style-type: circle;
}
.page-content #thread ul > li > ul {
padding: 1px;
border-radius: 6px;
margin-left: 4px;
padding-left: 7px;
}
.page-content #thread ul > li > ul > li > a {
letter-spacing: .068em;
padding-right: 2px;
}
.page-content #thread ul > li > dl > dd > div {
border: white;
border-radius: 9px;
background-color: #e0d6e7;
margin-top: -10px;
margin-left: 6px;
margin-right: 102px;
padding: 7px;
}
#thread a {
color: #534aa2;
}
#thread a.new {
color: #af3e3e;
}
#thread .opening-post > b > a,
#thread .post > b > a,
#thread .closing-post > b > a {
color: #5b52ab; /* #666192 */
}
#thread .closing-post > b > a {
color: #4b438d;
}
#thread .quote::before {
content: "“";
float: left;
height: 40px;
margin-top: -35px;
position: relative;
top: -13px;
padding-top: 5px;
padding-right: 10px;
margin-left: -25px;
margin-bottom: 0px;
font-size: 600%;
color: #012c57;
}
#thread .quote {
zoom:1;
background-color: #afaeba;
border: 1px solid #706f78;
font-style: italic;
margin: 8px 0;
padding: 10px 10px 0 10px;
}
#thread .quote .quote {
margin: -12px 0 10px 0;
background-color: #9c9ba7;
}
#thread .quote .quote .quote {
background-color: #91909e;
}
#thread .quote .quote .quote .quote {
background-color: #a1a0b0;
}
#thread #tech {
background: #ffffff96!important;
border-color: #84849a;
border-radius: 1px;
clear: both;
}
/* More upthread */
#thread .timestamp {
color: #706e86; /* #93929c #8f8da0 */
font-size: 12.5px;
}
#thread .opening-post .timestamp {
margin-left: 3px;
}
#thread .timestamp + .timestamp {
margin-top: -8px;
}
#thread .opening-post {
background-color: #d2d2d2;
border: solid 3px #84849a;
border-radius: 13px;
margin: 8px 25px 18px 21px;
padding: 15px 10px 10px 15px;
}
#thread .opening-post:hover {
/* background-color: #e3e0e0; */
background-color: #d7d6d6;
box-shadow: 1px 2px 8px 5px #9292a0;
}
#thread .opening-post > b:first-of-type {
font-size: 1.06em;
margin-left: 6px;
}
#thread .opening-post .content {
padding: 3px 6px 2px 6px;
margin-bottom: -17px;
}
#thread .replies .post {
background-color: #bfbdbd;
padding: 10px;
margin: 0 18px 18px 40px;
border-radius: 5px;
}
#thread .replies .post:hover {
background-color: #c1c1c1;
/* box-shadow: 2px 2px 8px 1px #9292a0; */
}
#thread .closing-post {
border: solid 2px #aeaec0;
background-color: #a1a1b7;/* #8f8f9d #8d8dab */
box-shadow: 1px 2px 8px 5px #9292a0;
/*background-color: #434367;
color: #bcbcbc;
border: solid 2px #656589; */
border-radius: 13px 13px 10px 10px / 13px;
margin: 0 6px 20px 6px;
padding: 15px 18px 10px 18px;
}
#thread.forum-archive .closing-post .content {
margin-top: 3px;
margin-bottom: 6px;
}
#thread .closing-post .timestamp {
color: #605e79; /* #504d74 #585483 #575480 */
}
/* #thread .closing-post a {
color: #c0c0ff;
color: #a8a8e1;
color: #ababda;
color: #9e9aca;
}
#thread .closing-post a[href="/wiki/User:23skidoo"],
#thread .closing-post a[href="/wiki/User:Bongolium500"],
#thread .closing-post a[href="/wiki/User:CzechOut"],
#thread .closing-post a[href="/wiki/User:Doug86"],
#thread .closing-post a[href="/wiki/User:Josiah_Rowe"],
#thread .closing-post a[href="/wiki/User:OncomingStorm12th"],
#thread .closing-post a[href="/wiki/User:PicassoAndPringles"],
#thread .closing-post a[href="/wiki/User:Revanvolatrelundar"],
#thread .closing-post a[href="/wiki/User:Scrooge_MacDuck"],
#thread .closing-post a[href="/wiki/User:Scrooge MacDuck"],
#thread .closing-post a[href="/wiki/User:Scrooge%20MacDuck"],
#thread .closing-post a[href="/wiki/User:SmallerOnTheOutside"],
#thread .closing-post a[href="/wiki/User:SOTO"],
#thread .closing-post a[href="/wiki/User:Skittles_the_hog"],
#thread .closing-post a[href="/wiki/User:Shambala108"],
#thread .closing-post a[href="/wiki/User:Tangerineduel"] {
color: #c1afbe!important;
color: #b7a1b4!important;
}
#thread .closing-post .timestamp {
color: #7f7baa;
color: #9996bd;
}*/
#thread .removed {
font-size: .94em;
text-align: center;
list-style: none;
color: #665f5f;
margin: -15px 26px 0 46px;
padding-bottom: 5px;
border-left: solid 8px #858585;
border-right: solid 8px #858585;
border-style: dotted;
}
#thread .removed + .removed {
margin-top: -7px;
/* border-top: solid 1px #858585; */
}
#thread .removed + .removed + .post {
/* margin-top: -3px; */
}
.theme-fandomdesktop-light .forumheader {
background: none!important;
}
.theme-fandomdesktop-light #thread .opening-post {
border-width: 2px;
}
.theme-fandomdesktop-light #thread .opening-post:hover {
box-shadow: 1px 2px 8px 0px #808099;
}
.theme-fandomdesktop-light #thread .replies .post:hover {
box-shadow: 2px 2px 8px 1px #9292a0;
}
.theme-fandomdesktop-dark .forumheader a.new {
color: #ffa8a8;
}
#thread .content .tleft,
#thread .content .floatleft {
margin-right: 12px!important;
}
#thread .opening-post .content .tleft,
#thread .opening-post .content .floatleft {
margin-right: 13px!important;
margin-top: 5px!important;
margin-bottom: 15px!important;
}
#thread .opening-post .content .tleft:first-of-type:last-of-type,
#thread .opening-post .content .floatleft:first-of-type:last-of-type {
margin-left: -2px!important;
}
#thread .opening-post .content .tleft + .tright {
margin-top: 10px!important;
}
#thread .opening-post .content .tleft:first-child + p:first-of-type
#thread .opening-post .content .floatleft:first-child + p:first-of-type {
margin-top: 1px;
}
#thread .opening-post .tright:first-of-type:last-of-type,
#thread .opening-post .floatright:first-of-type:last-of-type {
margin-top: 6px!important;
}
#thread .opening-post .tright:first-of-type:last-of-type img,
#thread .opening-post .floatright:first-of-type:last-of-type img{
border-radius: 4px;
}
#thread .replies .post:first-of-type:last-of-type {
list-style-type: disclosure-open;
}
#thread .replies .post:first-of-type:last-of-type::marker {
color: #707096;
}
/* STAFF POSTS
================ */
#thread > #staff {
border-color: #727287; /* #828293 */
background: #cfcbb4d6; /* #bbbda1 #cdc8a9d6 */
}
#thread .opening-post .staffSigImage,
#thread .post .staffSigImage {
filter: drop-shadow(1px 1px 1.5px #404077);
position: relative;
top: -6px;
left: 4px;
width: 50px;
}
.forum-archive .staffSigImage {
filter: drop-shadow(1px 1px 1.5px #404077);
}
#thread > #staff > b:first-of-type > a {
color: #707091!important;
color: #65659a!important;
padding-left: 1.5px;
}
/* #thread > #staff .shortcut {
background: #948a92;
color: #e0c0c0;
margin-right: -2px;
margin-top: -2px;
} */
/* =================
LIVE FORUMS
================= */
.page-content .live-forum > ul > li {
background-color: #605767;
padding: 1px;
border-radius: 6px;
}
/* =================
THE CLOISTERS
================= */
.page-Forum_The_Cloisters .mw-body-content {
margin-top: -3.08em;
}
.page-Forum_The_Cloisters .mw-body-content h1 {
position: relative;
top: 0.94em;
min-width: 80vw!important;
margin-right: 50vw!important;
font-size: 2.58em;
margin-left: 0.17em;
margin-bottom: 1.548em
}
.page-Forum_The_Cloisters .mw-body-content p {
font-size: 1.316em;
font-family: "Maven Pro","Nunito","Rubik",sans-serif;
}
.page-Forum_The_Cloisters .mw-body-content .toclimit-3 + div p:first-of-type {
font-size: 1.32em;
font-family: "Maven Pro","Nunito","Rubik",sans-serif;
font-size: 1.3584em;
}
.page-Forum_The_Cloisters .mw-body-content #box h1,
.page-Forum_The_Cloisters .mw-body-content #box h2 {
font-family: "Maven Pro","Nunito","Rubik",sans-serif;
font-weight: bold;
}
.page-Forum_The_Cloisters .mw-body-content #box h3 {
font-family: "Maven Pro","Nunito","Rubik",sans-serif;
font-weight: 600;
font-size: 1.748em;
}
.page-Forum_The_Cloisters .mw-body-content #box h4 {
font-family: "Maven Pro","Nunito","Rubik",sans-serif;
font-size: 1.75em;
}
.page-Forum_The_Cloisters .mw-body-content #box h2:after {
border: none;
}
.page-Forum_The_Cloisters .mw-body-content h1:after {
border: none;
}
.page-Forum_The_Cloisters .toc {
width: 218px;
margin-left: 2px;
margin-right: -7.2px;
margin-bottom: 0.3px;
}
.page-Forum_The_Cloisters .toclimit-3 + div + #box {
max-width: calc(100vw - 488px - 27em)!important;
position: relative;
top: -13.62em;
margin-left: -0.578em;
margin-bottom: -19em!important;
}
.page-Forum_The_Cloisters #box + div + .content-table-wrapper + #box p {
font-size: 1.2753em;
}
.page-Forum_The_Cloisters #box + div + .content-table-wrapper + #box + #box .thumb:first-of-type {
margin-top: 17px
}
.page-Forum_The_Cloisters #box + div + .content-table-wrapper + #box + #box .thumb:first-of-type ~ .thumb {
margin-top: -64.8px;
}
.page-Forum_The_Cloisters #box + div + .content-table-wrapper + #box + #box p {
font-size: 1.32526em;
}
.page-Forum_The_Cloisters #box + div + .content-table-wrapper + #box + #box h3 ~ p {
font-size: 1.2672em;
}
.page-Forum_The_Cloisters #box + div + .content-table-wrapper + #box + #box h4 ~ p {
font-size: 1.2572em;
}
