2009scape-website/site/css/forum3-7.css
Dan G 53ee03b020
Convert all local png references to webp (#190)
* Checkpoint

* Finish making every ref webp

* Replace all imgur.webp links with png
2022-11-13 21:45:52 +09:00

1015 lines
18 KiB
CSS

.cont .threadtitle, .cont .threadmarks, .cont .n, .cont .updated {
background: #392c14;
border-top: 3px solid #1d1506;
}
#picker {
background-color: #2c210d;
border: 1px solid #3f3320;
font-size: 11px;
text-align: right;
margin-bottom: 3px;
color: #d6c6ac;
padding: 2px;
}
.about UL.flat, #picker UL.flat {
list-style-type: none;
margin: 2px;
padding: 0px;
}
UL.flat LI {
display: inline;
padding-left: 4px;
}
UL.flat img {
vertical-align: middle;
padding-right: 2px;
}
INPUT, SELECT {
font-size: x-small;
}
UL.flat {
margin: 0px;
}
#infopane .title, #infotitle {
font-size: 15pt;
color: #d6c6ac;
}
#infotitle {
padding: 16px 0px;
}
.about ul.flat a:hover {
text-decoration:underline;
}
#contrast_panel {
background-color: #2c210d;
border: 1px solid #3f3320;
font-size: 11px;
padding: 6px 6px 2px;
color: #d6c6ac;
}
.rightpad {
padding-right: 10px;
}
#infopane {
padding-bottom: 16px;
padding-top: 16px;
text-align: center;
}
TABLE {
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
color:#d6c6ac;
font-size:11px;
}
.about {
margin-top: 15px;
margin-bottom: 20px;
text-align: center;
}
.about UL.flat a {
font-weight: bold;
color: #b69655;
text-decoration: none;
}
.nav UL.flat, .commands UL.flat {
list-style-type: none;
margin: 2px;
padding: 1px 5px 1px 1px;
}
.group .groupname {
font-size: 14px;
font-weight: bold;
text-align: left;
padding: 1px 0px 3px 5px;
color: #d6c6ac;
}
.group .groupname,
.group td.threads,
.group td.posts,
.group td.lastpost {
color: #d6c6ac;
font-weight: bold;
padding-bottom:3px;
border: none;
}
.group td.groupname,
.group td.threads,
.group td.posts,
.group td.lastpost {
background: transparent url(../img/forum/headerbg.webp) repeat-x scroll 0% 50%;
}
.groupname .groupname { float:left; padding-top: 1px; font-size: 14px; }
.showhide { text-align: center; float: left; margin-top: 3px; margin-right:10px; }
.hidefgroup, .showfgroup {
float: left;
cursor: pointer;
width: 13px;
height: 13px;
font-size: 1px;
background: #36270F url(../img/forum/cmdicons/contractexpand.gif) left top no-repeat;
}
.showfgroup { background-position: right top; }
.hidefgroup:hover { background-position: left bottom; }
.showfgroup:hover { background-position: right bottom; }
.group tr.hidden_row { display: none; }
.group .hidden_text { display: none; color: #503813; }
.group td {
background: #392c14;
}
.threads, .posts {
width: 10%;
}
.lastpost {
width: 121px;
}
#contentfrm .i, #content .threadmarks {
text-align:center;
width:4%;
}
#contentfrm .i {
padding:1px;
vertical-align:middle;
}
.t {
font-weight: bold;
}
.t a {
text-decoration: none;
color: #b69655;
}
.brown_box_forum, .actions, .cont, .l {
background-color:#1D1506;
border:1px solid #3F3320;
height:1%;
padding:4px;
text-align:left;
}
.actions {
padding: 0px;
margin-bottom: 5px;
}
.title img {
vertical-align: text-bottom;
}
.commands {
vertical-align: top;
}
.commands UL.flat a {
text-decoration: none;
font-weight:bold;
}
.commands UL.flat a:hover {
text-decoration: underline;
}
.commands UL.flat img {
margin-right: 3px;
vertical-align: text-top;
}
.n {
text-align: center;
}
.cont {
margin-bottom: 5px;
padding-top: 4px;
}
.title1, #header_posts, #header_lastpost {
height: 24px;
background: transparent url(../img/forum/headerbg.webp) repeat-x scroll 0% 50%;
font-weight: bold;
text-align: center;
vertical-align: middle;
padding-bottom: 0px;
}
#header_lastpost {
text-align: left;
}
#header_lastpost {
width:120px;
}
.cont img {
margin-right: 2px;
vertical-align: middle;
}
.threadtitle {
padding-left: 5px;
}
.threadtitle a {
text-decoration: none;
}
.sticky1 {
font-weight: bold;
}
.threadtitle a:hover {
text-decoration: underline;
}
.uname {
padding-top: 3px;
}
.thdnrml {
height: 40px;
}
.thdhid td {
height: 30px;
}
#contentmsg, #command {
padding: 7px 7px 2px;
border: 1px solid #3f3320;
background: #261c09;
margin-bottom: 5px;
}
#contentmsg .message .leftpanel {
border-top: 4px solid #3f2e0f;
border-left: 4px solid #3f2e0f;
border-bottom: 4px solid #3f2e0f;
border-right: 3px solid #3f2e0f;
background: #2c200a;
vertical-align:top;
width:20%;
padding: 0px;
}
#contentmsg .message .rightpanel {
border-top: 4px solid #3f2e0f;
border-bottom: 4px solid #3f2e0f;
border-right: 4px solid #3f2e0f;
background: #1f1707;
padding-left: 10px;
vertical-align: top;
}
.message .msgcommands {
border-top: 2px solid #3f2e0f;
}
.message .uname, .message .modtype, .leftpanel .msgcreator {
background: #2A1F0A;
font-weight: bold;
font-size: 12px;
text-align: center;
color: white;
}
.message .uname {
font-family: Verdana,Helvetica,FreeSans,sans-serif;
}
#contentmsg .jmod .leftpanel {
border-top: 4px solid #957c07;
border-left: 4px solid #957c07;
border-bottom: 4px solid #957c07;
border-right: 3px solid #957c07;
background: #645305;
vertical-align:top;
width:20%;
padding: 0px;
}
/* Avatar borders */
/* Regular */
#contentmsg .leftpanel .avatar{
border: 1px solid #4d3f29;
}
/* JMod */
#contentmsg .jmod .leftpanel .avatar{
border: 1px solid #957c07;
}
/* FMod */
#contentmsg .mod .leftpanel .avatar{
border: 1px solid #064c0e;
}
#contentmsg .jmod .leftpanel a {
color: white;
}
#contentmsg .moved .leftpanel {
border-top: 4px solid #262659;
border-left: 4px solid #262659;
border-bottom: 4px solid #262659;
border-right: 3px solid #262659;
background: #242447;
vertical-align:top;
width:20%;
padding: 0px;
}
#contentmsg .moved .rightpanel {
border-top: 4px solid #262659;
border-bottom: 4px solid #262659;
border-right: 4px solid #262659;
background: #18183f;
padding-left: 10px;
vertical-align: top;
}
.moved .uname, .moved .modtype {
background: #242447;
font-size: 12px;
font-weight: bold;
text-align: center;
color: white;
}
#contentmsg .jmod .rightpanel {
border-top: 4px solid #957c07;
border-bottom: 4px solid #957c07;
border-right: 4px solid #957c07;
background: #403503;
padding-left: 10px;
vertical-align: top;
color: white;
}
.jmod .uname, .jmod .modtype {
background: #645305;
font-weight: bold;
font-size: 12px;
text-align: center;
color: white;
}
.jmod .msgcommands {
border-top: 2px solid #957c07;
}
#contentmsg .message {
background-color:#3f2e0f;
border:1px solid #5a451c;
margin-bottom:5px;
text-align:left;
border-collapse:separate;
width: 712px;
}
#contentmsg .leftpanel {
text-align: center;
}
.avatar {
margin: 4px 0;
}
.moved .msgcommands {
border-top: 2px solid #262659;
}
#contentmsg .jmod {
border-color:#ffcf25;
}
#contentmsg .moved {
border-color:#2e2e84;
}
#contentmsg .mod {
border-color:#04741e;
}
#contentmsg .msgtime {
color:#888888;
margin-right:5px;
text-align:right;
}
#contentmsg .msgcontents {
color:#d6c6ac;
font-size:12px;
overflow:hidden;
padding: 3px 3px 1em 0px;
word-wrap: break-word;
width: 535px;
}
#contentmsg .jmod .msgcontents {
color: white;
}
#contentmsg .msghighlight {
border:1px solid yellow;
}
.modtype {
padding:0px 0px 3px 0px;
}
.hid .modtype {
padding:0px 0px 0px 19px;
}
#uid, #menu {
color: #d6c6ac;
margin:10px auto 5px;
text-align:center;
}
#contentmsg .mod .leftpanel {
border-top: 4px solid #064c0e;
border-left: 4px solid #064c0e;
border-bottom: 4px solid #064c0e;
border-right: 3px solid #064c0e;
background: #08360d;
vertical-align:top;
width:20%;
padding: 0px;
}
#contentmsg .mod .rightpanel {
border-top: 4px solid #064c0e;
border-bottom: 4px solid #064c0e;
border-right: 4px solid #064c0e;
background: #032606;
padding-left: 10px;
vertical-align: top;
}
.mod .uname, .mod .modtype {
background: #08360D;
font-weight: bold;
font-size: 12px;
text-align: center;
color: white;
}
.mod .msgcommands {
border-top: 2px solid #064C0E;
}
#contentmsg .hid .leftpanel {
border-top: 4px solid #270909;
border-left: 4px solid #270909;
border-bottom: 4px solid #270909;
border-right: 3px solid #270909;
background: #301212;
vertical-align:top;
width:20%;
padding: 0px;
}
#contentmsg .hid .rightpanel {
border-top: 4px solid #270909;
border-bottom: 4px solid #270909;
border-right: 4px solid #270909;
background: #200909;
padding-left: 10px;
vertical-align: top;
}
.hid .uname, .hid .modtype {
background: #270909;
font-weight: bold;
font-size: 12px;
text-align: center;
color: white;
}
#contentmsg .hid {
border-color:#472929;
}
.attention {
font-weight: bold;
padding: 5px;
color: #F8AF3B;
}
.flat {
padding: 0px;
}
#search_query {
padding-bottom: 10px;
font-weight: bold;
}
.left_title, #commandtitle {
font-weight:bold;
}
#search_button { margin: 6px; }
div#adv_search_opts { text-align: left; height: 1%; }
div#adv_search_opts div.title, #infotitle { margin-bottom: 10px; }
div#info #adv_search_opts { display: block; padding-bottom:5px; }
div#hiddeninfo #adv_search_opts { display: none; }
div#adv_search_title a { text-decoration: none; }
div#adv_search_title a:hover { text-decoration: underline; }
div#adv_search_title { text-align: center; padding: 5px;}
#command table {
margin:auto;
width:90%;
}
#adv_search_opts #user_options { text-align: center; margin-bottom: 10px; }
#adv_search_opts td { vertical-align: middle; text-align: left; }
#adv_search_opts #show_options { float: left; width: 44%; margin-right: auto; }
#adv_search_opts #show_options td { padding-top: 3px; }
#adv_search_opts #status_options { float: left; width: 300px; margin-left: auto; }
#adv_search_opts #status_options img { padding-right: 2px; vertical-align: text-bottom; }
#adv_search_opts .left_cbox input { margin-right: 15px; }
#adv_search_opts #status_options #reset { margin-top: 25px; }
#adv_search_opts #footnote { margin-top: 15px; }
#adv_search_opts #footnote hr { border-top: 1px solid #dad6d5; border-bottom-style: none; margin: 0px; }
#adv_search_opts span.asterisk { font-weight: normal; padding: 1px; }
#adv_search_opts select{ width: 100%; }
#show_options table{
width: 314px;
}
/*#adv_search_opts #created_within,
#adv_search_opts #updated_within {
width: 141px;
}*/
#show_options table td.firstChild,
#show_options table td:first-child{
width: 35%;
}
#search_results { margin-top: 20px; margin-bottom: 4px; }
#search_results td { padding: 2px 4px; }
#search_results td.title { text-align: left; font-weight: bold; }
#search_results td.rating { width: 80px; vertical-align: top; }
#search_results td.rating img { vertical-align: bottom; }
#search_results td.result {text-align: left; }
#search_results td.last_updated { text-align: right; width: 130px; }
#search_results tr.odd { background-color: #261C09; }
#search_results tr.even { background-color: #1D1506; }
#search_results tr.even td.msg_extract { padding-bottom: 8px; }
#search_results td.msg_extract { padding-bottom: 3px; text-align: left; font-weight: bold; }
#search_results td.result,
#search_results td.rating,
#search_results td.last_updated {
padding-top: 3px;
}
#search_results tr.even td.result,
#search_results tr.even td.rating,
#search_results tr.even td.last_updated {
padding-top: 8px;
}
.centredButton {
float:none;
margin:0px auto;
display: block;
}
div#COC_summary_container {
height:1%;
margin-top:0px;
padding:0px 5px 5px;
}
#COC_summary {
border-collapse:collapse;
border-spacing:0px;
width:100%;
}
td.COC_rules {
background-color:#1D1506;
border: 1px solid #3f3320;
vertical-align: top;
}
.brown_background {
text-align: left;
}
.brown_box p {
padding:0px 8px;
}
td.COC_rules ul {
color:#A07F3B;
line-height:28px;
list-style-type:square;
list-style-position: inside;
padding-left: 12px;
font-size: 11px;
margin: 0px;
}
#honour,
#respect,
#security {
margin-top: 5px;
}
.brown_box .top {
font-size: 11px;
font-weight: bold;
text-align: right;
}
.sub {
font-weight: bold;
font-style: italic;
}
.brown_box h4 {
padding: 0px 8px;
}
.brown_box .i {
padding: 5px;
float:right;
}
.goodattention {
font-weight: bold;
padding: 5px;
color: #F8AF3B;
}
#contentmsg .msgcommands {
padding:5px 0px;
text-align:center;
}
/*
#contentmsg .msgcommands .button{
background-color: transparent;
border: none;
color: #FFD200;
font-size: 1.0em;
margin: 0px;
}
*/
#controls {
border:1px solid #3F3320;
background: #261c09;
margin-bottom:6px;
padding-bottom: 10px;
text-align:center;
}
div.about a img {
margin-right:4px;
}
.go_back_link {
padding: 5px;
}
#becontrol {
margin-top: 16px;
background: #261C09;
padding: 6px;
border: 1px solid #3F3320;
}
div#becontrol td.list {
width:25%;
}
div#becontrol div#username {
display:inline;
}
span.username {
font-weight: bold;
}
div#becontrol td.space {
padding:0px;
width:8px;
}
div#becontrol td.list, div#becontrol td.viewdetails, .extra , div.hist, .history table {
background-color:#1D1506;
border:1px solid #3F3320;
text-align:left;
vertical-align: top;
}
tr#userview_first_row td {
padding:8px;
}
.history .title {
margin-top:12px;
margin-bottom: 7px;
font-weight: bold;
text-align: left;
}
.hist td {
padding-left: 4px;
}
.hist .title {
font-weight: bold;
}
span.highlight {
color: #61E774;
font-weight: bold;
}
.cont .title, .l .title {
font-weight: bold;
}
.brown_box .l {
text-align: center;
padding:8px;
text-align:center;
width:70%;
font-size:12px;
line-height:1.6em;
margin:7px auto 7px;
}
.l img {
margin: 5px;
}
.enter {
font-weight: bold;
text-align: center;
font-size: 12px;
}
#command .commandtitle {
text-align:right;
width:27%;
}
td.commandinput input {
margin:5px auto 5px 4px;
}
td.commandtwo textarea#charlimit_text_a {
margin-top:7px;
}
div#threadadd_buttons {
margin:5px auto;
width:312px;
}
#smileylegend {
margin-top:20px;
text-align:center;
margin-bottom: 10px;
line-height:1.7em;
}
.sm0, .sm1, .sm2, .sm3, .sm4, .sm5, .sm6, .sm7, .sm8, .sm9 {
background-image: url(../img/forum/smileys.gif);
height: 15px;
width: 15px;
vertical-align:bottom;
border: medium none;
}
.sm0 { background-position: 0px; }
.sm1 { background-position: 135px; }
.sm2 { background-position: 120px; }
.sm3 { background-position: 105px; }
.sm4 { background-position: 90px; }
.sm5 { background-position: 75px; }
.sm6 { background-position: 60px; }
.sm7 { background-position: 45px; }
.sm8 { background-position: 30px; }
.sm9 { background-position: 15px; }
td.commandinput {
text-align:left;
}
div.msgrate {
margin:0px auto 10px;
}
div#threadadd_buttons {
margin:5px auto;
width:312px;
}
div#command {
height:1%;
padding:7px;
}
.commandtwo {
padding-top: 10px;
text-align: center;
}
.center {
text-align: center;
}
#fmod {
font-size: 12px;
text-align: left;
padding: 0px 5px;
}
.nav input {
text-align: center;
}
.cont .thdhid .threadtitle, .cont .thdhid .threadmarks, .cont .thdhid .n, .cont .thdhid .updated {
background:#301212;
}
form {
margin: 0px;
padding: 0px;
}
#becontrol table {
width: 711px;
}
.center table {
width: 727px;
}
.s {
height: 3px;
}
.s td {
background:#1D1506;
}
/* Moved from forum2.css */
a.buttonmedium{
display: block;
color: black;
text-decoration: none;
line-height: 25px;
}
#communitiesSection {
background-color: #1b150b;
padding: 1px 7px 6px 7px;
margin: 4px 0px 8px 0px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #493e2d;
}
#communityTitle {
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 7px;
}
#forumViewCommunities #communitySelectionBar.noJS {
display: block;
}
#cmContainer {
border: 1px solid #3e3220;
background-color: #1d1506;
padding: 5px 4px 0px 4px;
}
.invisibleCmSection, .cmName {
display:none;
}
.hideCommunityMessage {
display: none;
}
.showCommunityMessage {
margin-right: 5px;
}
.cmMessage {
text-align: center;
color: red;
font-size: 12px;
margin: 2px 0px 5px 0px;
}
#forumViewCommunities .cmMessage {
margin: 8px 0px 6px 0px;
}
.cmMessage a {
color: red;
font-weight: bold;
text-decoration: underline;
}
#communitySelectionBar {
background: #3e3220 url(../img/forum/communities/headerbg.webp) repeat-x scroll 0% 0%;
height: 28px;
}
#forumViewCommunities {
position: relative;
top: -16px;
}
#forumViewCommunities #communitySelectionBar {
border: 1px solid #513a13;
}
#communitySelectionBar .commBarPart {
float: left;
}
.twoColumnLayout .commBarPart {
width: 50%;
}
.threeColumnLayout #column1, .threeColumnLayout #activeCommunityMessage {
width: 30%;
}
.threeColumnLayout #communitySelectDropDown {
text-align: center;
width: 40%;
}
.twoColumnLayout #communitySelectDropDown {
text-align: left;
}
#activeCommunityMessage {
text-align: right;
color: white;
font-weight: bold;
}
#activeCommunityMessage a {
text-decoration: underline;
}
#communitySelectionBar label {
font-size: 14px;
font-weight: bold;
color: white;
margin-left: 9px;
margin-right: 5px;
}
#communitySelectionBar select {
font-family: Arial,Helvetica,FreeSans,sans-serif;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
margin: 2px;
padding: 3px;
background: #261c0b !important;
border: 1px solid #6d5838;
color: white;
font-weight: bold;
height: 25px;
min-width: 204px;
text-align: center;
font-size: 14px;
}