MediaWiki:Forum.css

/* =================    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 #license, .forum-archive #box { border-color: #556375; }
 * 1) thread .content #license,
 * 1) thread .content #box,

.forum-archive .wikitable { background-color: #efe5e1; border-color: #c2bab7; } .forum-archive .wikitable tr th { background: #556375; border-color: #a9acb0; } .forum-archive .thumbcaption, .forum-archive .wikitable .lightbox-caption { color: #3a3a3a; } .forum-archive .wikitable .wikia-gallery .wikia-gallery-item { border-color: #556375; color: #3a3a3a; }
 * 1) thread .content .wikitable,
 * 1) thread .content .wikitable tr th,
 * 1) thread .content .thumbcaption,
 * 1) thread .content .lightbox-caption,
 * 1) thread .content .wikia-gallery .wikia-gallery-item,

/* =================    ARCHIVES (CLASSIC        Tweaks for readability          /  THREAD)         in both major formats. ================= */

.forumheader .archive-message a { color: #3d3777; }

color: #000; background-color: #a0a0a0; padding:5px; border-radius: 50px / 8px; } .forum-archive div.shortcut { border-color: #997cad; /* background-color: #4c375a; */ }
 * 1) thread.forum-archive {

background-color: #84849a; /* #cbc4c4 #6565aa */ border-color: #325288; border-color: #a4a4b0; border-radius: 8px / 6px; color: #e9e9f2; position: relative; top: 8px; right: 29px; margin: 10px 10px 10px 36px; }   color: #a4a4b0; color: #ceceef; }   color: #e5e5ff; }
 * 1) thread.forum-archive .shortcut {
 * 1) thread.forum-archive .shortcut a {
 * 1) thread.forum-archive .shortcut a:hover {

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

color: #534aa2; }   color: #af3e3e; }   color: #5b52ab; /* #666192 */ }   color: #4b438d; }
 * 1) thread a {
 * 1) thread a.new {
 * 1) thread .opening-post > b > a,
 * 2) thread .post > b > a,
 * 3) thread .closing-post > b > a {
 * 1) thread .closing-post > b > a {

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; }   zoom:1; background-color: #afaeba; border: 1px solid #706f78; font-style: italic; margin: 8px 0; padding: 10px 10px 0 10px; }   margin: -12px 0 10px 0; background-color: #9c9ba7; }   background-color: #91909e; }   background-color: #a1a0b0; }
 * 1) thread .quote::before {
 * 1) thread .quote {
 * 1) thread .quote .quote {
 * 1) thread .quote .quote .quote {
 * 1) thread .quote .quote .quote .quote {

background: #ffffff96!important; border-color: #84849a; border-radius: 1px; clear: both; }
 * 1) thread #tech {

/* More upthread */

color: #706e86; /* #93929c #8f8da0 */ font-size: 12.5px; }   margin-left: 3px; }   margin-top: -8px; }
 * 1) thread .timestamp {
 * 1) thread .opening-post .timestamp {
 * 1) thread .timestamp + .timestamp {

background-color: #d2d2d2; border: solid 3px #84849a; border-radius: 13px; margin: 8px 25px 18px 21px; padding: 15px 10px 10px 15px; }   /* background-color: #e3e0e0; */ background-color: #d7d6d6; box-shadow: 1px 2px 8px 5px #9292a0; }   font-size: 1.06em; margin-left: 6px; }
 * 1) thread .opening-post {
 * 1) thread .opening-post:hover {
 * 1) thread .opening-post > b:first-of-type {

padding: 3px 6px 2px 6px; margin-bottom: -17px; }
 * 1) thread .opening-post .content {

background-color: #bfbdbd; padding: 10px; margin: 0 18px 18px 40px; border-radius: 5px; }   background-color: #c1c1c1; /* box-shadow: 2px 2px 8px 1px #9292a0; */ }
 * 1) thread .replies .post {
 * 1) thread .replies .post:hover {

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; }   margin-top: 3px; margin-bottom: 6px; }   color: #605e79; /* #504d74 #585483 #575480 */ } /* #thread .closing-post a { color: #c0c0ff; color: #a8a8e1; color: #ababda; color: #9e9aca; }   color: #c1afbe!important; color: #b7a1b4!important; }
 * 1) thread .closing-post {
 * 1) thread.forum-archive .closing-post .content {
 * 1) thread .closing-post .timestamp {
 * 1) thread .closing-post a[href="/wiki/User:23skidoo"],
 * 2) thread .closing-post a[href="/wiki/User:Bongolium500"],
 * 3) thread .closing-post a[href="/wiki/User:CzechOut"],
 * 4) thread .closing-post a[href="/wiki/User:Doug86"],
 * 5) thread .closing-post a[href="/wiki/User:Josiah_Rowe"],
 * 6) thread .closing-post a[href="/wiki/User:OncomingStorm12th"],
 * 7) thread .closing-post a[href="/wiki/User:PicassoAndPringles"],
 * 8) thread .closing-post a[href="/wiki/User:Revanvolatrelundar"],
 * 9) thread .closing-post a[href="/wiki/User:Scrooge_MacDuck"],
 * 10) thread .closing-post a[href="/wiki/User:Scrooge MacDuck"],
 * 11) thread .closing-post a[href="/wiki/User:Scrooge%20MacDuck"],
 * 12) thread .closing-post a[href="/wiki/User:SmallerOnTheOutside"],
 * 13) thread .closing-post a[href="/wiki/User:SOTO"],
 * 14) thread .closing-post a[href="/wiki/User:Skittles_the_hog"],
 * 15) thread .closing-post a[href="/wiki/User:Shambala108"],
 * 16) thread .closing-post a[href="/wiki/User:Tangerineduel"] {

color: #7f7baa; color: #9996bd; }*/
 * 1) thread .closing-post .timestamp {

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; }   margin-top: -7px; /* border-top: solid 1px #858585; */ }   /* margin-top: -3px; */ }
 * 1) thread .removed {
 * 1) thread .removed + .removed {
 * 1) thread .removed + .removed + .post {

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

margin-right: 12px!important; }   margin-right: 13px!important; margin-top: 5px!important; margin-bottom: 15px!important; }   margin-left: -2px!important; }   margin-top: 10px!important; }   margin-top: 1px; }
 * 1) thread .content .tleft,
 * 2) thread .content .floatleft {
 * 1) thread .opening-post .content .tleft,
 * 2) thread .opening-post .content .floatleft {
 * 1) thread .opening-post .content .tleft:first-of-type:last-of-type,
 * 2) thread .opening-post .content .floatleft:first-of-type:last-of-type {
 * 1) thread .opening-post .content .tleft + .tright {
 * 1) thread .opening-post .content .tleft:first-child + p:first-of-type
 * 2) thread .opening-post .content .floatleft:first-child + p:first-of-type {

margin-top: 6px!important; }   border-radius: 4px; }
 * 1) thread .opening-post .tright:first-of-type:last-of-type,
 * 2) thread .opening-post .floatright:first-of-type:last-of-type {
 * 1) thread .opening-post .tright:first-of-type:last-of-type img,
 * 2) thread .opening-post .floatright:first-of-type:last-of-type img{

list-style-type: disclosure-open; }   color: #707096; }
 * 1) thread .replies .post:first-of-type:last-of-type {
 * 1) thread .replies .post:first-of-type:last-of-type::marker {

/* =================      LIVE FORUMS ================= */ .page-content .live-forum > ul > li { background-color: #605767; padding: 1px; border-radius: 6px; }