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. ============================== */

/* =================    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 .forum-archive#thread ul > li > ul { padding: 1px; border-radius: 6px; margin-left: 4px; padding-left: 7px; } .page-content .forum-archive#thread ul > li > ul > li > a { letter-spacing: .068em; padding-right: 2px; } .page-content .forum-archive#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: #a24a4a; }   color: #5b52ab; /* #666192 */ }
 * 1) thread.forum-archive a {
 * 1) thread.forum-archive a.new {
 * 1) thread.forum-archive .opening-post > b:first-of-type a,
 * 2) thread.forum-archive .post > b:first-of-type a,
 * 3) thread.forum-archive .closing-post > b:first-of-type a {

content: "“"; float: left; height: 40px; margin-top: -35px; 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 {

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.forum-archive .opening-post {
 * 1) thread.forum-archive .opening-post:hover {
 * 1) thread.forum-archive .opening-post > b:first-of-type {

padding: 3px 6px 2px 6px; margin-bottom: -17px; }
 * 1) thread.forum-archive .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.forum-archive .replies .post {
 * 1) thread.forum-archive .replies .post:hover {

border: solid 3px #747496; box-shadow: 1px 2px 8px 5px #9292a0; }
 * 1) thread.forum-archive .closing-post {

.theme-fandomdesktop-light .forumheader { background: none!important; } .theme-fandomdesktop-light #thread.forum-archive .opening-post { border-width: 2px; } .theme-fandomdesktop-light #thread.forum-archive .opening-post:hover { box-shadow: 1px 2px 8px 0px #808099; } .theme-fandomdesktop-light #thread.forum-archive .replies .post:hover { box-shadow: 2px 2px 8px 1px #9292a0; }

.theme-fandomdesktop-dark .forumheader a.new { color: #ffa8a8; }

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