|
|
(53 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| .mw-body { border: 1px solid #aaaaaa; }
| | body{font-size:15px} |
|
| |
|
| /* Games Bar */ | | #wrapper{background:#100100} |
| #sitenav-games { | | |
| margin-bottom: 15px;
| | /* Sidebar link colour fix */ |
| | .vector-menu-portal .vector-menu-content li a{color:#1d6d26} |
| | .vector-menu-portal .vector-menu-content li a:visited{color:#254224} |
| | |
| | /* Sidebar font size fix TEMP */ |
| | #mw-panel { |
| | font-size: large; |
| } | | } |
| .secondary {
| | /* Main font size fix TEMP */ |
| width: 100%;
| | .vector-body { |
| /*background: #060805;*/
| | font-size: 1em; |
| box-sizing: content-box;
| |
| position: relative;
| |
| height: auto;
| |
| top: 0;
| |
| } | | } |
| .secondary * { | | .vector-body li{ |
| box-sizing: content-box;
| | font-size: 1.04em; |
| } | | } |
| .secondary h2 { | | |
| margin: 12px 0 12px
| | .mw-body { |
| | border: 1px solid #1d6d26; |
| | border-radius: 0 0 10px 10px; |
| | border-bottom: 4px solid #1d6d26 |
| } | | } |
| .secondary > ul {
| | |
| /*z-index: 10000;*/
| | /* Tabs fix */ |
| position: relative;
| | .vector-menu-tabs-legacy li { |
| height: 70px; | | background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%); |
| margin: 0px auto;
| | border: 1px solid #1d6d26; |
| padding: 0px;
| | border-bottom: 0; |
| box-shadow: 0px 1px 2px #333;
| |
| } | | } |
| .secondary > ul > li { | | |
| list-style: none;
| | .vector-menu-tabs-legacy { |
| float: left;
| | background: 0 0 |
| } | | } |
| .secondary > ul > li { | | |
| display: block;
| | a,a:visited,.vector-menu-tabs-legacy li a,.vector-menu-tabs-legacy li a:visited,.mw-body a.external,.mw-body a.external:visited,.mw-body a.extiw,.mw-body a.extiw:active,.mw-body a.extiw:visited,#mw-panel .portal .body ul li a,#mw-panel .portal .body ul li a:visited { |
| width: 60px;
| | color: #1d6d26 |
| height: 70px;
| |
| } | | } |
| /* splitting pixels.. */
| | |
| .secondary > ul > li:nth-child(even) { | | .vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong, .selected a:hover, .selected strong:hover{ |
| width: 61px; | | border-radius: 8px 8px 0 0; |
| } | | } |
|
| |
|
| .secondary > ul > li > a { | | .vector-menu-dropdown { |
| display: block;
| | background-image:linear-gradient(to top,#FBF0D4 0,#F9F9F9 100%); |
| background-repeat: no-repeat;
| | border-radius: 8px 8px 0 0; |
| background-position-y: 5px;
| |
| width: 100%;
| |
| height: 100%;
| |
| }
| |
| .secondary > ul, .secondary > ul > li {
| |
| border-right: 1px solid rgba(38, 96, 38, 0.4);
| |
| background: #1C3E26; /* Old browsers */ | |
| background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */ | |
| background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
| |
| background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
| |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
| |
| }
| |
| .secondary > ul > li:last-child {
| |
| border: none;
| |
| }
| |
| .secondary > ul > li:hover {
| |
| background: #C6E2C9; /* Old browsers */
| |
| background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Opera 11.10+ */
| |
| background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* IE10+ */
| |
| background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); /* W3C */
| |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); /* IE6-9 */
| |
| } | | } |
|
| |
|
| /* wide game nav */
| | .mw-changeslist-legend, .ext-replacetext-searchoptions, .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { |
| @media (min-width: 1280px) {
| | background-color: #fdf6e4; |
| .secondary {
| |
| background: #1C3E26; /* Old browsers */
| |
| background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
| |
| background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
| |
| background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */ | |
| filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
| |
| box-shadow: 0px 1px 2px #333;
| |
| }
| |
| .secondary > ul {
| |
| width: 1280px;
| |
| margin: 0 auto;
| |
| box-shadow: none;
| |
| }
| |
| .secondary > ul > li,
| |
| .secondary > ul > li:nth-child(even) {
| |
| width: 66px;
| |
| }
| |
| .secondary > ul > li:nth-child(4n+1) {
| |
| width: 67px;
| |
| }
| |
| .secondary > ul > li a {
| |
| background-position-x: 3px;
| |
| }
| |
| } | | } |
|
| |
|
| @media only screen and (max-width: 1280px) and (min-width: 1200px){
| | /* Footer */ |
| .secondary > ul > li {
| | #footer{ |
| width: 59px!important; | | min-height:2em; |
| }
| | padding: 20px 20px 0; |
| } | | } |
|
| |
|
| @media (min-width: 1440px) {
| | #footer-places li { |
| header.top > div.hero {
| | line-height: 1; |
| width: 1440px; | |
| }
| |
| .secondary > ul {
| |
| width: 1440px;
| |
| margin: 0 auto;
| |
| box-shadow: none;
| |
| }
| |
| .secondary > ul > li,
| |
| .secondary > ul > li:nth-child(even) {
| |
| width: 75px;
| |
| }
| |
| .secondary > ul > li:nth-child(4n+1) {
| |
| width: 74px;
| |
| }
| |
| .secondary > ul > li > a {
| |
| background-position-x: 7px;
| |
| }
| |
| } | | } |
| /* Main Header Nav */
| | #footer-icons { |
| #top { background: #253125; }
| | margin-top: -10px; |
| .primary-mast { background: #0F1B11; }
| |
| #nav-primary ul li a { font-size: 14px; } | |
| @media screen and (min-width: 1201px) {
| |
| .site-nav ul li {
| |
| display: inline-flex;
| |
| float: left;
| |
| padding: 15px 30px 0px 0px;
| |
| margin-bottom: -10px; | |
| }
| |
| .site-nav {
| |
| margin: 0px auto;
| |
| width: 1440px;
| |
| }
| |
| } | | } |
| @media (min-width: 768px) {
| | |
| .primary-mast {
| | #footer-info{ |
| box-shadow: 0 0 20px 5px #100100; | | margin-top: -10px; |
| }
| |
| } | | } |
| @media screen and (max-width: 729px) {
| | |
| .titlebar, #nav-primary {
| | .mw-footer li { |
| border-bottom: 1px solid #0F1B11;
| | padding: 0; |
| background-color: #0F1B11;
| |
| }
| |
| .titlebar i {
| |
| left: 15px; | |
| right: auto;
| |
| top: 9px;
| |
| }
| |
| } | | } |
|
| |
|
| /* Sidebar */
| |
| @media screen and (min-width: 982px){
| |
| div#mw-panel { width: 300px; padding-left: 0px; margin-right: 20px; margin-top: 4px;}
| |
| div#footer, #mw-head-base, div#content { margin-left: 305px; }
| |
| #left-navigation { margin-left: 305px; }
| |
| }
| |
|
| |
|
| /* Fix for gap created by Recent Changes legend. */
| | |
| table.mw-recentchanges-table {
| | @media screen and (max-width: 981px) { |
| width: 575px; | | #mw-panel { |
| | width:150px; |
| | } |
| } | | } |
|
| |
|
| /* Fix to make changes in the Diff view more visible post-MediaWiki 1.23.7. */
| | .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle { |
| del.diffchange, del.diffchange-inline {
| | background-color: #f0ddbd; |
| color: #8b0000; | | border: 1px solid #b2a9a1; |
| } | | } |
| ins.diffchange, ins.diffchange-inline {
| | .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { |
| color: #006400; | | background-color: #f0ddbd; |
| | border: 1px solid #b2a9a1; |
| } | | } |
|
| |
|
| /* Fix for de-uglify the vector tabs that were broken in an update. */
| | .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { |
| div.vectorTabs {
| | background-color: #f8f9fa; |
| background: transparent !important;
| | color: #222120; |
| background-image: none !important;
| | border-color: #b2a9a1; |
| margin-bottom: -1px !important;
| |
| padding-left: 0px !important;
| |
| } | | } |
| div.vectorTabs ul, div.vectorTabs ul li, div.vectorTabs ul li span {
| | |
| background: transparent !important;
| | .infotable th, .infotable td{padding: 0em .4em;} |
| background-image: none !important;
| | .box .title, .zdw-box .zdw-box__title { |
| border: none; | | font-size: 1.15em; |
| } | | } |
| #mw-head .vectorMenu h3 {
| | .zdw-box.navbox .gallerybox .gallerytext p { |
| background: none; | | font-size: 13px; line-height:1.2; text-align:center; |
| border: none;
| |
| } | | } |
|
| |
|
| .vectorTabs a, .vectorMenu {
| | /* [[MediaWiki:Edittools]] font sizing */ |
| border-top: 1px solid #AAA;
| | .edittools_gamelinking, .edittools_moregames, .edittools_otherversions, .edittools_spinoffs, .edittools_wiki_markup{display:block;font-size:90%} |
| border-left: 1px solid #AAA;
| | |
| border-right: 1px solid #AAA;
| | hr{border-top: 2px solid #b2a9a1} |
| -moz-border-radius-topleft: 8px;
| | .mw-editTools hr{border-top: 2px solid #ccc} |
| -moz-border-radius-topright: 8px;
| | |
| -moz-border-radius-bottomright: 0;
| | /* Search image right margin */ |
| -moz-border-radius-bottomleft: 0;
| | .searchResultImage a.image img{padding-right:0.5em} |
| border-radius: 8px 8px 0 0;
| |
| -moz-border-radius: 8px 8px 0 0;
| |
| -webkit-border-radius: 8px 8px 0 0;
| |
| border-radius: 8px 8px 0 0;
| |
| background: #FBF0D4; /* Old browsers */
| |
| background: -moz-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#FBF0D4),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Opera 11.10+ */
| |
| background: -ms-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* IE10+ */
| |
| background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
| |
| }
| |
| .vectorTabs a:hover, .vectorTabs strong:hover, .selected a, .selected strong,.elected a:hover, .selected strong:hover{ | |
| text-shadow: 0px -1.5px 0px #DDD;
| |
| background: #FBF0D4;
| |
| }
| |
| .vectorTabs a:hover,.vectorTabs strong:hover {
| |
| background: #FBF0D4; /* Old browsers */
| |
| background: -moz-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#E1E4FA),color-stop(100%,#F9F9F9)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* Opera 11.10+ */
| |
| background: -ms-linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* IE10+ */
| |
| background: linear-gradient(top,#F9F9F9 0,#FBF0D4 100%); /* W3C */
| |
| }
| |
| .selected li, .selected li,.selected a:hover, .selected strong:hover {
| |
| background: #FBF0D4; /* Old browsers */
| |
| background: -moz-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* FF3.6+ */
| |
| background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(5%,#F9F9F9),color-stop(55%,#FBF0D4)); /* Chrome,Safari4+ */
| |
| background: -webkit-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* Chrome10+,Safari5.1+ */
| |
| background: -o-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* Opera 11.10+ */
| |
| background: -ms-linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* IE10+ */
| |
| background: linear-gradient(top,white 0,#F9F9F9 5%,#FBF0D4 55%); /* W3C */
| |
| } | |