MediaWiki:Gadget-ms-Forum.css: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
No edit summary |
(Update 2023) |
||
Line 20: | Line 20: | ||
================= */ | ================= */ | ||
#thread.forum-archive { | |||
color: #000; | |||
background-color: #a0a0a0; | |||
padding:5px; | |||
border-radius: 50px / 8px; | |||
} | |||
.forum-archive div.shortcut { | .forum-archive div.shortcut { | ||
border-color: #997cad; | border-color: #997cad; | ||
/* background: #4c375a; */ | /* background-color: #4c375a; */ | ||
} | |||
#thread.forum-archive .shortcut { | |||
background-color: #84849a; /* #cbc4c4 #6565aa */ | |||
border-color: #325288; | |||
border-color: #a4a4b0; | |||
border-radius: 8px / 6px; | |||
color: #e9e9f2; | |||
position: relative; | |||
top: 8px; | |||
right: 29px; | |||
} | |||
#thread.forum-archive .shortcut a { | |||
color: #a4a4b0; | |||
color: #ceceef; | |||
} | |||
#thread.forum-archive .shortcut a:hover { | |||
color: #e5e5ff; | |||
} | } | ||
.page-content .forum-archive ul > li > ul { | .page-content .forum-archive ul > li > ul { | ||
list-style-type: circle; | list-style-type: circle; | ||
Line 29: | Line 55: | ||
.page-content .forum-archive#thread ul > li > ul { | .page-content .forum-archive#thread ul > li > ul { | ||
padding: 1px; | padding: 1px; | ||
border-radius: 6px; | border-radius: 6px; | ||
Line 42: | Line 67: | ||
border: white; | border: white; | ||
border-radius: 9px; | border-radius: 9px; | ||
background: #e0d6e7; | background-color: #e0d6e7; | ||
margin-top: -10px; | margin-top: -10px; | ||
margin-left: 6px; | margin-left: 6px; | ||
margin-right: 102px; | margin-right: 102px; | ||
padding: 7px; | padding: 7px; | ||
} | |||
#thread.forum-archive .opening-post { | |||
background-color: #d2d2d2; | |||
border: solid 3px #84849a; | |||
border-radius: 13px; | |||
margin: 8px 25px 18px 21px; | |||
padding: 15px 10px 10px 15px; | |||
} | |||
#thread.forum-archive .opening-post .content { | |||
padding: 6px 6px 2px 6px; | |||
margin-bottom: -17px; | |||
} | |||
#thread.forum-archive .opening-post:hover { | |||
/* background-color: #e3e0e0; */ | |||
background-color: #d7d6d6; | |||
} | |||
#thread.forum-archive .replies .post { | |||
background-color: #bfbdbd; | |||
padding: 10px; | |||
margin: 0 18px 18px 40px; | |||
border-radius: 5px; | |||
} | |||
#thread.forum-archive .replies .post:hover { | |||
background-color: #c1c1c1; | |||
} | |||
#thread.forum-archive .closing-post { | |||
border: solid 3px #747496; | |||
} | |||
#thread.forum-archive .timestamp { | |||
color: #706e86; /* #93929c #8f8da0 */ | |||
font-size: 12.5px; | |||
} | |||
#thread.forum-archive .opening-post .timestamp { | |||
margin-left: 3px; | |||
} | |||
#thread.forum-archive .timestamp + .timestamp { | |||
margin-top: -8px; | |||
} | } | ||
Line 54: | Line 120: | ||
.page-content .live-forum > ul > li { | .page-content .live-forum > ul > li { | ||
background: #605767; | background-color: #605767; | ||
padding: 1px; | padding: 1px; | ||
border-radius: 6px; | border-radius: 6px; | ||
} | } |
Revision as of 09:49, 1 May 2023
/* =================
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.
================= */
#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 {
background-color: #84849a; /* #cbc4c4 #6565aa */
border-color: #325288;
border-color: #a4a4b0;
border-radius: 8px / 6px;
color: #e9e9f2;
position: relative;
top: 8px;
right: 29px;
}
#thread.forum-archive .shortcut a {
color: #a4a4b0;
color: #ceceef;
}
#thread.forum-archive .shortcut a:hover {
color: #e5e5ff;
}
.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;
}
#thread.forum-archive .opening-post {
background-color: #d2d2d2;
border: solid 3px #84849a;
border-radius: 13px;
margin: 8px 25px 18px 21px;
padding: 15px 10px 10px 15px;
}
#thread.forum-archive .opening-post .content {
padding: 6px 6px 2px 6px;
margin-bottom: -17px;
}
#thread.forum-archive .opening-post:hover {
/* background-color: #e3e0e0; */
background-color: #d7d6d6;
}
#thread.forum-archive .replies .post {
background-color: #bfbdbd;
padding: 10px;
margin: 0 18px 18px 40px;
border-radius: 5px;
}
#thread.forum-archive .replies .post:hover {
background-color: #c1c1c1;
}
#thread.forum-archive .closing-post {
border: solid 3px #747496;
}
#thread.forum-archive .timestamp {
color: #706e86; /* #93929c #8f8da0 */
font-size: 12.5px;
}
#thread.forum-archive .opening-post .timestamp {
margin-left: 3px;
}
#thread.forum-archive .timestamp + .timestamp {
margin-top: -8px;
}
/* =================
LIVE FORUMS
================= */
.page-content .live-forum > ul > li {
background-color: #605767;
padding: 1px;
border-radius: 6px;
}