MediaWiki:WallForum.css

/* ===================    12 May 2014 note: You will see a lot of references to border-radii being 0 in this code now. Strictly speaking that's not necessary. I've left these references in place, however, to serve as    a guide if the radii are ever re-emplaced.

User:CzechOut =================== */

/* ===================    2012 Forums =================== */

border:1px solid #fff; background:#012c57; color:#aecfff; -moz-border-radius:50%/1%; -webkit-border-radius:50%/1%; -ms-border-radius:50%/1%; -o-border-radius:50%/1%; border-radius:50%/1%; -moz-box-shadow:0 0 15px #012c57; -webkit-box-shadow:0 0 15px #012c57; -o-box-shadow:0 0 15px #012c57; -ms-box-shadow:0 0 15px #012c57; box-shadow:0 0 15px #012c57; }
 * 1) OldForumNotification,.OldForumNotification {

font-style:italic; font-size:16px; font-weight:normal; line-height:110%; color:#aecfff;
 * 1) OldForumNotification h1,.OldForumNotification h1 {

}

/* +++++++++++++++++++++    RelatedForumDiscussion +++++++++++++++++++++ */

/* According to 3 December 2012 note, it's a TOU violation to do   the following:

.RelatedForumDiscussion { display:none; }



.RelatedForumDiscussion { font-family: Raleway; letter-spacing:.1em; padding:none; width:90%; margin-left:50px; margin-top:auto; margin-bottom:auto; margin-right:auto; clear:both; line-height:90%; color:rgb(75,75,75); }

.RelatedForumDiscussion .forum-zero-state-creative .talk-two { float:left; margin-right:14px; margin-top:23px; margin-bottom:25px; padding-bottom:6px; padding-right:6px; }

.RelatedForumDiscussion h2 { margin:0; padding:0; } .RelatedForumDiscussion .forum-see-more { display:none } /* +++++++++++++++++++++    First post +++++++++++++++++++++ */

background: #012c57; /*border:2px solid #fff;*/ color: white; -moz-border-radius:0!important; -webkit-border-radius:0!important; -ms-border-radius:0!important; -o-border-radius:0!important; border-radius:0!important; font-family: Raleway; letter-spacing:.1em; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message {

color:#aecfff!important; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .msg-title,
 * 2) Wall.Thread .comments > .message > .speech-bubble-message a:visited,
 * 3) Wall.Thread .comments > .message > .speech-bubble-message a:link {

color:#ffcfff; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message a.new:visited,
 * 2) Wall.Thread .comments > .message > .speech-bubble-message a.new:link {

background-color:#ececec; border-color: #012c57; color:#012c57 }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .key,
 * 2) Wall.Thread .comments > .message > .speech-bubble-message #key {

background:none; color:#fff9d4; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message a:hover {

.Wall .comments .SpeechBubble .msg-title a { color: #aecfff; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .timestamp,
 * 2) Wall.Thread .comments > .message > .speech-bubble-message .timestamp a,

.Wall .timestamp .SpeechBubble, .Wall .timestamp .SpeechBubble a.username, .Wall .timestamp .SpeechBubble span.username { color: #aecfff; }

.Wall .timestamp .SpeechBubble a, .Wall .timestamp .SpeechBubble span { color: #aecfff; }

opacity:1; background-image: url(http://images.wikia.com/tardis/images/8/80/KudoWhite.png); }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message a.vote img {

color: #aecfff; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .edited-by a {

background: transparent; border:2px white solid; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .quote {

color:white; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .quote:before {

.Wall .speech-bubble-message .voting-controls .votes.notlink { color: white; }

/* ++++++++++++++++++++++    Dropdown menu ++++++++++++++++++++++ */

.Wall .speech-bubble-message .buttons ul li a { background: #012c57; border:2px solid white; -webkit-border-radius: 3%; -moz-border-radius: 3%; -o-border-radius: 3%; -ms-border-radius: 3%; border-radius: 3%; -moz-box-shadow:0 0 40px #012c57; -webkit-box-shadow:0 0 40px #012c57; -o-box-shadow:0 0 40px #012c57; -ms-box-shadow:0 0 40px #012c57; box-shadow:0 0 40px #012c57; color:white; }

.Wall .speech-bubble-message .buttons ul li a:hover { background:#fff; color:#012c57; }

/* +++++++++++++++++++++    Start a discussion +++++++++++++++++++++ */ .Forum .DiscussionBox .message { background:transparent; border: 1px solid #012c57;

} .Forum .DiscussionBox .heading { text-align:center; }

.Forum .DiscussionBox .title-container { -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } .Forum .DiscussionBox .message::before { display:none }

.message-topic label, .Forum .DiscussionBox .heading { font-size:.8em; font-weight:600; line-height:1.5em; text-transform:uppercase; letter-spacing: 3px; } /* +++++++++++++++++++++    Things that affect the act of posting +++++++++++++++++++++ */ /* .Wall .new-reply .speech-bubble-message textarea { border: none; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; width: 100%; }*/

.Wall .MiniEditorWrapper.focused .editarea { /*box-shadow: 0px 0px 4px 0px rgb(1, 44, 87);*/ border: none; background: transparent;

}

.Wall .replyBody new-message wikiEditor:focus { border:none; background:transparent; }

margin-left: 35px; margin-bottom: 20px; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; border:none; } /* .Wall ul.comments > li.message li.message .speech-bubble-message { background: none repeat scroll 0% 0% white; border: medium none; margin-bottom: 10px; margin-left: 40px; padding-top: 0px; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }      -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; width: 85%; }
 * 1) Wall.Thread .comments > .message > .replies .new-reply .speech-bubble-message {
 * 1) Wall.Thread .comments > .message > .speech-bubble-message {
 * 1) Wall.Thread .comments > .message > .speech-bubble-message {

.Wall .new-reply .speech-bubble-message textarea { width:100%; }   margin-left: 35px; margin-bottom: 20px; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; background-color: white; width:95%; }
 * 1) Wall.Thread .comments > .message > .replies .new-reply .speech-bubble-message {

li.message-removed.hide { display:none }

/* ===================    Board styling =================== */

/* +++++++++++++++++++    "Start a    discussion" box +++++++++++++++++++ */

.Forum .DiscussionBox .message { -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; width:90%; }

.message-topic label, .Forum .DiscussionBox .heading { font-size: 14px; line-height: 13px; margin: 0px 0px 5px; font-weight: 100; color:#003d67; letter-spacing:2px; text-transform:uppercase; font-family: Raleway; letter-spacing:.1em }

.Forum .DiscussionBox .highlight { float:left; font-size:12px; padding:5px; color:#003d67; letter-spacing:3px; text-transform:uppercase; font-family: Raleway; }

.Forum .DiscussionBox textarea { -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; } /* +++++++++++++++++++    Fixing lack of    vertical scrollbar for Firefox users +++++++++++++++++++ */

.Forum .DiscussionBox textarea.body { overflow-y:scroll; }

/* +++++++++++++++++++    General styling of messages +++++++++++++++++++ */

/* .Wall .ul.comments > li.message > .speech-bubble-message { border:2px solid #003d67; -moz-box-shadow:0 0 15px #003d67 inset; -webkit-box-shadow:0 0 15px #003d67 inset; -o-box-shadow:0 0 15px #003d67 inset; -ms-box-shadow:0 0 15px #003d67 inset; box-shadow:0 0 15px #003d67 inset; }*/

.Wall ul.comments > li.message li.message .speech-bubble-message { background: none repeat scroll 0% 0% white; border: medium none; margin-bottom: 10px; margin-left: 40px; padding: 10px; -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; width: 90%; font-family: Raleway; letter-spacing:.1em }

.Wall .comments .SpeechBubble .quote-of { font-family: 'Lucida Grande', 'Trebuchet MS', 'Gill Sans', Verdana, 'URW Gothic L','Nimbus Sans L',sans-serif; }

.Wall a.vote img { opacity: 0.5; }

.Wall .edited-by { letter-spacing:2px; text-transform:uppercase; font-size:12px; }

color:#aecfff }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message h1,
 * 2) Wall.Thread .comments > .message > .speech-bubble-message h2,
 * 3) Wall.Thread .comments > .message > .speech-bubble-message h3,
 * 4) Wall.Thread .comments > .message > .speech-bubble-message h4,
 * 5) Wall.Thread .comments > .message > .speech-bubble-message h5,
 * 6) Wall.Thread .comments > .message > .speech-bubble-message h6 {

/* ++++++++++++++++++++    Gettin' rid of the tail ++++++++++++++++++++ */

.SpeechBubble .speech-bubble-message:after, .SpeechBubble .speech-bubble-message:before { display: none; }

/* Fixing odd jump in font-size that started 3 Sep 2013 */ blockquote.speech-bubble-message, .SpeechBubble .speech-bubble-message p { font-size:1em !important; }

/* Gettin' rid of box shadow on the un-focused speech bubbles */

.speech-bubble-message { -webkit-border-radius:none; -o-border-radius:none; -ms-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } .speech-bubble-messsage:hover { -webkit-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57!important; -moz-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; -ms-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; -o-box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57; box-shadow: 1px 1px 5px #012c57, 2px 2px 6px #012c57, 3px 3px 7px #012c57!important; } /* Should keep avatar aligned with top of the speech bubble */

.SpeechBubble .speech-bubble-avatar { margin-bottom:-40px }

/* ++++++++++++++++++++    Buttons ++++++++++++++++++++ */   margin-top: 5px; background:#ececec; }
 * 1) Wall.Thread .comments > .message > .speech-bubble-message .follow {

.related-topics .edit-topic .edit-pencil { display:none; }

/* ++++++++++++++++++++    Thread list styling ++++++++++++++++++++ */ .Forum .ThreadList h4 { letter-spacing:0px; text-transform:none; font-weight:bold; }

.Forum .ThreadList .activity { font-family:Raleway; width:90px; font-size:1em; letter-spacing:.1em; } .Forum .ThreadList .activity li.following { font-weight:600 }

/* ++++++++++++++++++++    Breadcrumbs styling (forum navigation) ++++++++++++++++++++ */

.BreadCrumbs { color:#012c57; font-family:Raleway; letter-spacing:.1em; padding:.5em; background-image: -ms-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: -moz-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: -o-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8BADCE), color-stop(1, #8BBBDF)); background-image: -webkit-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: linear-gradient(to right, #8BADCE 0%, #8BBBDF 100%); text-align:right; margin-left:auto; margin-right:auto; margin-top:.5em!important; margin-bottom:1em; font-weight:300; } .BreadCrumbs a { color:#012c57; font-weight:600; } .BreadCrumbs .removed { color:#fff; font-weight:900; letter-spacing:.15em; margin:1em; } /* ++++++++++++++++++++    Forum blockquote styling ++++++++++++++++++++ */

.Wall .quote { -moz-border-radius:0; -webkit-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; }

.WallPreview .quote { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0; background-color:#ccc; } .WallPreview .quote:before, .Wall .quote:before { content: "“"; float: left; height: 40px; margin-top: 5px; padding-top: 5px; padding-right:10px; margin-left: -25px; margin-bottom: 0px; font-size: 600%; color: #012c57; }

/* +++++++++++++++++++++++  Delete/remove box +++++++++++++++++++++++ */

.deleteorremove-infobox { margin-top:-1.5em; color:#012c57; font-family:Raleway; letter-spacing:.1em; padding:.5em; background-image: -ms-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: -moz-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: -o-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #8BADCE), color-stop(1, #8BBBDF)); background-image: -webkit-linear-gradient(left, #8BADCE 0%, #8BBBDF 100%); background-image: linear-gradient(to right, #8BADCE 0%, #8BBBDF 100%); } .deleteorremove-infobox .deleteorremove-bubble { background:transparent; border:none; -webkit-border-radius:none; -o-border-radius:none; -ms-border-radius:none; -moz-border-radius:none; border-radius:none; -webkit-box-shadow:none; -o-box-shadow:none; -ms-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#012c57; } .deleteorremove-infobox .deleteorremove-bubble .message { color:#012c57; } .deleteorremove-infobox .deleteorremove-bubble .message .reason { color:#012c57; font-weight:600; letter-spacing:.1em } .deleteorremove-infobox .deleteorremove-bubble .message > a { text-transform: uppercase; letter-spacing: 3px; color:#012c57; }