User:Electric Cricket/monobook.css

/* Font */

body, .category-gallery-item .snippet .text, a.wikia-button, .wikia-single-button a, .wikia-menu-button, input, .button, button, select, ul.tabbernav { font-family: 'Segoe UI',sans-serif !important; }

/* Content */

body { background: url(http://images.wikia.com/electriccricket/images/archive/5/50/20131030001155%21Wiki-background) repeat right center #F5F5F5; background-attachment: fixed; }

.portlet h5 { color: #FFF; background: #006CB0 !important; }

.pBody { background: #EDEDED; }

div#content, #p-cactions li { background: #EDEDED !important; border: 1px solid #AAA !important; }

div#bodyContent { background-color: #EDEDED; line-height: 21px; color: #3A3A3A; }

h1, h2, h3, h4, h5, h6 { color: #3A3A3A; }

h1, h2 { border-bottom: solid 1px #AAA; }

h2 .editsection { color: #3A3A3A; }

font-weight: bold; color: inherit; }
 * 1) bodyContent h3, #bodyContent h4, #bodyContent h5, #bodyContent h6 {

dd { margin-left: 24px; }

p { margin: 0.4em 0 0.5em; line-height: 21px; }

margin: 0.4em 0 0.5em 2.5em; list-style-image: none; }
 * 1) content ul {

a, a:visited, a.new, #bodyContent a.external, #bodyContent a.extiw, #bodyContent a.extiw:active, #p-cactions li a { color: #006CB0; }

line-height: 20px; margin: 3px 0; }
 * 1) content li {

dl { margin: 1em 0; }

hr { background-color: #AAA; }

.catlinks { background-color: #E7E7E7; }

/* Edit area */ textarea, input#wpSummary { background-color: #F5F5F5; } /* File thumbnails */ .article-thumb { font-size: 95%; background-color: #E4E4E4; border: 1px solid #BCBCBC; padding: 4px; margin: 6px 20px 15px 0px; }

html .thumbimage { border: none; }

/* TOC */

background-color:#E4E4E4; border:1px solid #BCBCBC; }
 * 1) toc {

/* Tabs */

background: #EDEDED !important; }
 * 1) p-cactions li a, #p-cactions li.selected a {

padding: 0 .8em .2em!important; box-shadow: inset 0px -7px 7px -8px #C0C0C0; -moz-box-shadow: inset 0px -7px 7px -8px #C0C0C0; -webkit-box-shadow: inset 0px -7px 7px -8px #C0C0C0; }
 * 1) p-cactions li a {

background-color: #EDEDED !important; padding: 0 1em .3em!important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
 * 1) p-cactions li.selected a {

border-color: #AAA; border-bottom: none; padding: 0 0 .3em 0; }
 * 1) p-cactions li.selected {

background-color: #D0D0D0 !important; }
 * 1) p-cactions li a:hover {

background-color: transparent; text-decoration: underline; }
 * 1) p-personal li a:hover {

color: #000; }
 * 1) p-personal li a {

color: #FFFFFF; background-color: #F9F9F9; border-color: #AAA; border-style: solid; border-width: 0 1px 1px 1px; margin-left: 0; padding: 0 5px; }
 * 1) p-personal li {

li#pt-userpage, li#pt-anonuserpage, li#pt-login { padding-left: 5px !important; background: #F9F9F9; }

/* Message Wall */ div.msg-title { padding-left: 20px; padding-top: 10px; } .Wall .edited-by { padding-top: 1px; padding-left: 20px; } .Wall p { padding-left: 20px; padding-right: 20px; } body.skin-monobook #Wall .comments .SpeechBubble .msg-title a { color: #3A3A3A; } div.msg-toolbar { padding-bottom: 5px; margin-left: 20px; } body.skin-monobook #Wall .comments > .SpeechBubble.message > .speech-bubble-message > .MiniEditorWrapper > .editarea { top: -10px; margin-bottom: -10px; } .Wall .SpeechBubble.new-message .speech-bubble-message { background: #C8D8E3 !important; padding: 10px !important; } body.skin-monobook #Wall textarea { border: 0; } body.skin-monobook #Wall .SpeechBubble { margin-top: -3px; } .Wall .timestamp span { padding-left: 20px; } body.skin-monobook #Wall .comments > .SpeechBubble.message > .speech-bubble-message { background-color: #C8D8E3; } ul.replies { padding-top: 7px; margin-left: 75px !important; }  margin-left: 0 !important; } .Wall .new-reply .speech-bubble-avatar { top: 13px; } li.SpeechBubble.new-reply { margin-bottom: 0 !important; } .Wall .tools { visibility: hidden; } .Wall .SpeechBubble .speech-bubble-message:hover .tools { visibility: visible; } .Wall .follow { padding-right: 15px; padding-left: 15px; padding-top: 1px; background-image: none !important; font-size: 12px; line-height: 1.5; } a.follow.wikia-button.secondary, .Wall .follow:not(.secondary) { margin-top: 10px; margin-right: 20px; } .Wall .follow:hover { text-decoration: none; background-color: #CACACA; opacity: 1; cursor: pointer; } .Wall .timestamp a.permalink { margin-left: -20px; } .Wall .follow:not(.secondary) { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #005F9C; background-image: -moz-linear-gradient(top, #008BE3 35%, #005F9C 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #008BE3), color-stop(65%, #005F9C)); background-image: -o-linear-gradient(top, #008BE3 35%, #005F9C 65%); background-image: -ms-linear-gradient(top, #008BE35 35%, #005F9C 65%); border: 1px solid #005F9C; color: white; }
 * 1) Wall.Wall ul.comments {

/* Comments */

ul.sub-comments { margin-top: -13px !important; padding-right: 0 !important; margin-left: 61px !important; }

div#article-comm-info { display: none; }

textarea#article-comm { height: 86px; width: 99.45%; position: relative; top: -61px; }  margin: 10px -2px 10px 64px; }
 * 1) article-comm-form {

div.buttons { margin-bottom: -22px; clear: both; }

input#article-comm-submit.wikia-button.actionButton { top: -59px; position: relative; float: right; }

.comments li blockquote { background-color: #E3E3E3; border: 1px solid #BCBCBC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.article-comm-text ul, .article-comm-text dt { padding: 0px 10px 0px 15px; }

.article-comm-reply { float: right; padding-left: 15px; padding-right: 15px; }

div.edited-by { padding: 0px 10px 10px 15px; font-size: 10px; line-height: 18px; }

div.edited-by a.permalink { color: #3A3A3A; }

div.article-comments-pagination.upper-pagination { text-align: center; padding-top: 15px; border-top: 1px solid #BCBCBC; }

div.article-comments-pagination { text-align: center; }

.article-comments-pagination-link { color: #006CB0; }

.article-comments-pagination-link:hover { color: white; background-color: #006CB0; text-decoration: underline; }

font-weight: normal; }
 * 1) article-comments-pagination-link-prev, #article-comments-pagination-link-next {

color: #006CB0; background-color: #EDEDED; text-decoration: underline; font-weight: normal; }
 * 1) article-comments-pagination-link-prev:hover, #article-comments-pagination-link-next:hover {

float: right; bottom: 5px; margin-top: 0px; margin-right: -10px; }
 * 1) article-comments blockquote .buttons {

.article-comm-text p { margin-bottom: 1em; }

.article-comm-text p, .article-comm-text li, #article-comments-ul, #article-comments-ul ul.sub-comments { padding: 10px 10px 0px 15px; }

.article-comments-pagination a.accent { color: white; background-color: #006CB0; } .article-comments-pagination-link { border-right: 1px solid #006CB0; } span.tools { margin-right: 11px; position: relative; top: 4px; }

/* Buttons */

input.searchButton, .article-comm-reply { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #E5DFC6; background-image: -moz-linear-gradient(top, #EDEDED 35%, #D4D4D4 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #EDEDED), color-stop(65%, #D4D4D4)); background-image: -o-linear-gradient(top, #EDEDED 35%, #D4D4D4 65%); background-image: -ms-linear-gradient(top, #EDEDED 35%, #D4D4D4 65%); border: 1px solid #CCC6B0; color: #3A3A3A; } input.searchButton:hover, .article-comm-reply:hover { background-color: #DFD7B8; background-image: -moz-linear-gradient(top, #E3E3E3 35%, #CACACA 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #E3E3E3), color-stop(65%, #CACACA)); background-image: -o-linear-gradient(top, #E3E3E3 35%, #CACACA 65%); background-image: -ms-linear-gradient(top, #E3E3E3 35%, #CACACA 65%); text-decoration: none; } input.searchButton:active, .article-comm-reply:active { background-color: #FFF4CA; background-image: -moz-linear-gradient(top, #CACACA 35%, #E3E3E3 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #CACACA), color-stop(65%, #E3E3E3)); background-image: -o-linear-gradient(top, #CACACA 35%, #E3E3E3 65%); background-image: -ms-linear-gradient(top, #CACACA 35%, #E3E3E3 65%); } .Search .WikiaSearch button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button { cursor: pointer; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; background-color: #611E03; background-image: -moz-linear-gradient(top, #008BE3 35%, #006CB0 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #008BE3), color-stop(65%, #006CB0)); background-image: -o-linear-gradient(top, #008BE3 35%, #006CB0 65%); background-image: -ms-linear-gradient(top, #008BE3 35%, #006CB0 65%); border: 1px solid #006CB0; color: white; } .Search .WikiaSearch button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]::-webkit-file-upload-button:active, button:active { background-color: #7F2704; background-image: -moz-linear-gradient(top, #005F9C 35%, #007FCF 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #005F9C), color-stop(65%, #007FCF)); background-image: -o-linear-gradient(top, #005F9C 35%, # 65%); background-image: -ms-linear-gradient(top, #005F9C 35%, #007FCF 65%); } .Search .WikiaSearch button img { background: url(http://slot1.images.wikia.nocookie.net/__cb53769/common/skins/oasis/images/sprite.png) -1055px -80px no-repeat; height: 16px; } .Search .WikiaSearch button:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="file"]::-webkit-file-upload-button:hover, button:hover { background-color: #4D1802; background-image: -moz-linear-gradient(top, #007FCF 35%, #005F9C 65%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #007FCF), color-stop(65%, #005F9C)); background-image: -o-linear-gradient(top, #007FCF 35%, #005F9C 65%); background-image: -ms-linear-gradient(top, #007FCF 35%, #005F9C 65%); } input.searchButton { margin-top: 5px; }

/* Removed features */ display: none; }
 * 1) RelatedPagesModuleWrapper {

/* INFOBOXES – (Template:Infobox) */

/* Outer table */ .va-infobox { border: 1px solid #AAA; box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; clear: right; float: right; font-size: 11px; line-height: 16px; margin: 0 0 5px 10px; }

/* Inner tables */ .va-infobox-cont, .va-infobox-group { margin: 0; width: 100%; }

.va-infobox-mainimage-table { margin: 0 auto; }

.va-infobox-mainimage-table + .va-infobox-mainimage-table { margin-top: 2px; }

/* Cellspacing */ .va-infobox, .va-infobox-cont, .va-infobox-group, .va-infobox-mainimage-table, .va-infobox-space-h, .va-infobox-space-v { background: transparent; }

.va-infobox-space-h { border-right: 1px solid #FFF; width: 0%; }

.va-infobox-space-v { font-size: 1px; height: 1px; line-height: 0; }

.va-infobox-columns + .va-infobox-space { display: none !important; }

/* Widths */ .va-infobox-columns-1 .va-infobox-col1 { width: 100%; }

.va-infobox-columns-2 .va-infobox-col1, .va-infobox-columns-3 .va-infobox-col1, .va-infobox-columns-4 .va-infobox-col1 { width: 28%; }

.va-infobox-columns-2 .va-infobox-col2 { width: 72%; }

.va-infobox-columns-3 .va-infobox-col2, .va-infobox-columns-3 .va-infobox-col3 { width: 36%; }

.va-infobox-columns-4 .va-infobox-col2, .va-infobox-columns-4 .va-infobox-col3, .va-infobox-columns-4 .va-infobox-col4 { width: 24%; }

/* Cell styles */ .va-infobox-content, .va-infobox-footer, .va-infobox-header, .va-infobox-image, .va-infobox-label, .va-infobox-title { padding: 1px 2px; }

.va-infobox-content, .va-infobox-footer, .va-infobox-image, .va-infobox-mainimage { background: #EEE; border: 1px solid #AAA; }

.va-infobox-header, .va-infobox-icon, .va-infobox-label { background: #DDD; border: 1px solid #AAA; }

.va-infobox-image, .va-infobox-image-upload, .va-infobox-footer, .va-infobox-header, .va-infobox-icon, .va-infobox-mainimage, .va-infobox-mainimage-image { text-align: center; vertical-align: middle; }

.va-infobox-content { text-align: left; vertical-align: top; }

.va-infobox-label { text-align: right; vertical-align: top; }

.va-infobox-icon-cont { margin: 0; padding: 0; position: relative; }

.va-infobox-icon-table { margin: 0 auto; }

.va-infobox-mainimage-cont + .va-infobox-icon-table { position: absolute; right: 3px; top: 1px; }

.va-infobox-image-desc { font-size: 10px; line-height: 15px; padding: 1px 1px 0; }

.va-infobox-image-upload { padding: 15px 3px; }

.va-infobox-mainimage { padding: 2px 0; }

.va-infobox-mainimage-cont { margin: 0; width: 100%; }

.va-infobox-mainimage-image { background: transparent; padding: 0 1px; }

.va-infobox-mainimage-minheight { width: 0%; }

.va-infobox-mainimage-minheight div { height: 120px; margin: 0; padding: 0; width: 1px; }

.va-infobox-title { background: #006CB0; color: #FFF; text-align: center; vertical-align: middle; width: 100%; }

.va-infobox-title-main { font-size: 15px; font-weight: bold; line-height: 20px; }

.va-infobox-title-sub { font-size: 12px; line-height: 15px; }

.va-infobox-title-super { font-size: 10px; line-height: 12px; }

.va-infobox-tooltip { border-color: #AAA transparent transparent #AAA; border-style: solid; border-width: 3px; float: left; height: 0; left: -2px; margin-bottom: -100%; margin-right: -100%; position: absolute; top: -1px; width: 0; }

.va-infobox-tooltip-cont { height: 0; position: relative; width: 0; }

/* Collapse buttons */ .va-infobox-group-collapsible .va-infobox-header { padding-left: 40px; padding-right: 40px; }

.va-infobox-header .collapseButton { left: 40px; margin-left: -100%; position: relative; }

/* Links */ .va-infobox-title a:link, .va-infobox-title a:visited { color: #FFF !important; } .va-infobox-title a:hover, .va-infobox-title a:active { color: #FFF !important; } .va-infobox-title a.new { color: #F11 !important; }

/* For templates which should leave space for the infobox on the right */ .va-infobox-space { padding: 0 270px 0 0; }

/* Image toggler */ .imagetoggler-thumbs { border-bottom: 1px solid #AAAAAA; margin-bottom: 2px; }

.imagetoggler-thumb { margin-left:5px; margin-bottom: 2px; } .imagetoggler-thumb:hover { cursor: pointer; } .imagetoggler-active-thumb { border: 1px solid #AAAAAA; }

/* NAVBOXES – Template:Navbox */ /* Outer table - border */ .va-navbox-border { border: 1px solid #AAA; box-shadow: 2px 2px 2px #AAA; -moz-box-shadow: 2px 2px 2px #AAA; -webkit-box-shadow: 2px 2px 2px #AAA; } .va-navbox-bottom + .va-navbox-bottom { margin-top: 2px; } /* Outer table - widths, floats */ .va-navbox { width: 100%; font-size: 11px; line-height: 16px; } .va-navbox-bottom { width: 100%; clear: both; margin: 5px auto 0; } .va-navbox-left { width: 200px; clear: left; float: left; margin: 0 1.5em 0.5em 0; } .va-navbox-right { width: 200px; clear: right; float: right; margin: 0 0 0.5em 1.5em; } /* Inner tables */ .va-navbox-brick { width: 100%; margin: 0; } /* Cellspacing */ .va-navbox, .va-navbox-border, .va-navbox-brickcont, .va-navbox-padding, .va-navbox-space-h, .va-navbox-space-v { background: transparent; } .va-navbox-padding { padding: 1px; } .va-navbox-space-h { width: 1px; } .va-navbox-columncont .va-navbox-space-h { width: 0%; border-right: 1px solid #FFF; } .va-navbox-space-v { height: 1px; font-size: 1pt; line-height: 0em; } /* Cell styles and widths */ /* Remember to update the column width calculations when changing widths */ .va-navbox-title { border: 1px solid #AAA; font-weight: normal; color: #FFF; padding: 1px 2px; } .va-navbox-headertext, .va-navbox-titletext { font-weight: bold; padding-left: 40px; padding-right: 40px; } .va-navbox-maintitle .va-navbox-titletext { font-size: 118%; } .va-navbox-editlink { float: left; width: 40px; text-align: left; margin-right: -100%; } .va-navbox .collapseButton { margin-left: -100%; } .va-navbox-cell, .va-navbox-colgroup, .va-navbox-column, .va-navbox-footer, .va-navbox-group, .va-navbox-header, .va-navbox-image, .va-navbox-subgroup { padding: 1px 2px; } .va-navbox-colgroup, .va-navbox-group, .va-navbox-subgroup { font-weight: bold; } .va-navbox-group, .va-navbox-subgroup { width: 15%; text-align: center; } .va-navbox-footer, .va-navbox-group, .va-navbox-header { background: #DDD; border: 1px solid #AAA; } .va-navbox-colgroup, .va-navbox-subgroup { background: #DDD; border: 1px solid #AAA; } .va-navbox-cell, .va-navbox-column, .va-navbox-image { background: #EEE; border: 1px solid #AAA; } .va-navbox-cell-nogroups, .va-navbox-column, .va-navbox-colgroup, .va-navbox-footer, .va-navbox-image { text-align: center; } .va-navbox-cell-withgroups { text-align: left; } .va-navbox-column { vertical-align: top; } .va-navbox-image { width: 8%; } /* Lists in column rows */ .va-navbox-formatlist ul, .va-navbox-formatlist li { list-style: none; line-height: 16px; margin: 0.6em 0; padding: 0; } .va-navbox-formatlist li li { font-size: 90%; } .va-navbox-formatlist li ul { margin-top: -0.1em; margin-bottom: 0.5em; } .va-navbox-formatlist li ul li { margin: 0em; } /* Nested */ .va-navbox .va-navbox-nested { font-size: 100%; } .va-navbox-nested .va-navbox-title { background: #DDD; color: #000; border: 1px solid #AAA; } .va-navbox-nested .va-navbox-footer, .va-navbox-nested .va-navbox-group, .va-navbox-nested .va-navbox-header { background: #DDD; } .va-navbox-nested .va-navbox-colgroup, .va-navbox-nested .va-navbox-subgroup { background: #DDD; } /* Links */ .va-navbox-editlink .va-navbar-item { color: #FFF !important; } .va-navbox-nowraplinks .va-navbox-cell a, .va-navbox-nowraplinks .va-navbox-column a { white-space: nowrap; } .va-navbox-maintitle a:link, .va-navbox-maintitle a:visited { color: #FFF !important; } .va-navbox-maintitle a:hover, .va-navbox-maintitle a:active { color: #FFF; } .va-navbox-maintitle a.new { color: #F11 !important; } /* Printing */ @media print { .va-navbox, .va-navbox-border { display: none; } }