Game widow (talk | contribs) No edit summary |
No edit summary |
||
Line 33: | Line 33: | ||
body { |
body { |
||
background-color: #f6f6f6; |
background-color: #f6f6f6; |
||
− | background-image: url( |
+ | background-image: url(/media/f/fc/Bg_filler.jpg); |
background-position: left top; |
background-position: left top; |
||
background-repeat: repeat; |
background-repeat: repeat; |
||
Line 194: | Line 194: | ||
.fpbox { |
.fpbox { |
||
background-color: #804727; |
background-color: #804727; |
||
− | background-image: url(" |
+ | background-image: url("/media/a/ad/Cork.jpg"); |
border-color: #9E5F3C; |
border-color: #9E5F3C; |
||
− | border-image: url(" |
+ | border-image: url("/media/c/c5/Frame.png") 10 11 11 10 stretch; |
border-style: solid; |
border-style: solid; |
||
border-width: 11px; |
border-width: 11px; |
Revision as of 16:40, 11 April 2018
/* CSS placed here will affect users of the mobile site */
/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
background: rgba(182,196,170,0.2);
}
.nomobile {
display: none;
}
.client-js .toc-mobile {
background-color: rgba(0, 0, 0, 0) !important;
border: 1px solid #505050 !important;
}
.mw-ui-button,
.last-modified-bar #mw-mf-last-modified {
background-color: rgba(0, 0, 0, 0);
}
.overlay #secondary-button.user-button,
.header #secondary-button.user-button,
.overlay .user-button, .header .user-button {
position: relative;
background: transparent;
}
.overlay-enabled, #content {
background: rgba(182,196,170,0.2);
}
body {
background-color: #f6f6f6;
background-image: url(/media/f/fc/Bg_filler.jpg);
background-position: left top;
background-repeat: repeat;
background-size: cover;
}
a,
a:visited,
a.external,
#mw-mf-page-left ul li a,
#mw-mf-page-left ul.hlist li a {
color: #0645ad;
}
.thumb,
#content_wrapper .thumb,
li.gallerybox div.thumb {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #7b9e8a;
}
.content table th {
background-color: rgba(0, 0, 0, 0);
}
.content table td,
.content table th {
border: 1px solid #7b9e8a;
padding: 3px;
}
.content table.wikitable {
background-color: rgba(0, 0, 0, 0);
margin: auto;
margin-bottom: 1em;
}
.content table.wikitable > tr > th,
.content table.wikitable > tr > td,
.content table.wikitable > * > tr > th,
.content table.wikitable > * > tr > td {
border: 1px solid #7b9e8a;
}
.content table.wikitable > tr > th,
.content table.wikitable > * > tr > th {
background-color: rgba(0, 0, 0, 0);
padding: 3px;
}
/* Responsive main page stuff */
/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
border-left: 12px solid #7b9e8a !important;
background: #101010 !important;
}
#mw-mf-page-left {
border-left: 12px solid #7b9e8a;
background: transparent;
}
#mw-mf-page-left ul {
background: transparent;
}
#mw-mf-page-left ul:first-child {
border-bottom: 12px solid #7b9e8a;
}
#mw-mf-page-left ul li {
border-top: 1px solid #7b9e8a;
border-bottom: 1px solid #7b9e8a;
background: transparent;
text-shadow: none;
}
#mw-mf-page-left ul li a,
#mw-mf-page-left ul.hlist li a {
border: none;
color: #3674b3;
}
#mw-mf-page-left ul li:hover {
border-left: 12px solid #aaaaaa;
background: #7b9e8a;
}
#mw-mf-page-left ul.hlist li:hover {
border: none;
}
#mw-mf-page-left ul li:hover a,
#mw-mf-page-left ul.hlist li:hover a {
color: #ffffff;
}
/* Responsive main page stuff */
/********************
/* Main menu styles *
/********************/
.primary-navigation-enabled {
border-left: 12px solid #7b9e8a !important;
background: #b6c4aa !important;
}
#mw-mf-page-left {
border-left: 12px solid #7b9e8a;
background: transparent;
}
#mw-mf-page-left ul {
background: transparent;
}
#mw-mf-page-left ul:first-child {
border-bottom: 12px solid #7b9e8a;
}
#mw-mf-page-left ul li {
border-top: 1px solid #7b9e8a;
border-bottom: 1px solid #7b9e8a;
background: transparent;
text-shadow: none;
}
#mw-mf-page-left ul li:hover {
border-left: 12px solid #000000;
background: #7b9e8a;
}
#mw-mf-page-left ul.hlist li:hover {
border: none;
}
#mw-mf-page-left ul li:hover a,
#mw-mf-page-left ul.hlist li:hover a {
color: #ffffff;
}
/* this CSS governs the responsive 2 column main page layout */
.fpcontent {
width: 100%;
overflow: hidden;
z-index: 1;
}
.fpmaybecols {
overflow: hidden;
margin: -5px 0 -5px 0;
}
.fpmaybecols + .fpmaybecols {
margin: 0 0 -5px 0;
}
.fpbox {
background-color: #804727;
background-image: url("/media/a/ad/Cork.jpg");
border-color: #9E5F3C;
border-image: url("/media/c/c5/Frame.png") 10 11 11 10 stretch;
border-style: solid;
border-width: 11px;
box-shadow: 5px 5px 25px 10px rgba(0, 0, 0, 0.5) inset;
color: #ffffff;
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
}
.fpplainbox {
padding: 5px 8px 10px 8px;
margin: 0 5px 10px 5px;
vertical-align: top;
}
.fpbox .welcome {
border-bottom: 1px solid #b8742b;
color: #ffffff;
font-size: 150%;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
text-transform: uppercase;
text-align: center;
}
.fpbox .heading {
border-bottom: 1px solid #b8742b;
color: #ffffff;
font-size: 132%;
font-variant: small-caps;
margin: 0 0 10px 0;
padding: 0 0 5px 0;
}
.fpbox .heading .smalllink {
color: #ffffff;
font-size: 75%;
font-weight: bold;
}
.fpbox hr {
border: none;
border-bottom: 2px solid #b8742b;
}
.fplinks {
margin: -5px;
}
.fplinks .linkslabel {
background: rgba(0, 0, 0, 0);
border-bottom: 2px solid #b8742b;
margin: 15px 5px 5px 5px;
padding: 0 0 5px 0;
}
.fplink {
display: inline-block;
vertical-align: middle;
width: 100%;
}
/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
border-collapse: separate;
border-spacing: 5px;
display: table;
width: 100%;
}
.fplink .box .row {
display: table-row;
}
.fplink .box .row .cell {
background: rgba(0, 0, 0, 0.3);
border: 2px solid #5a2014;
border-radius: 2px;
box-shadow: 0 0 2px 0 #000000 inset;
color: #ffffff;
display: table-cell;
font-weight: bold;
position: relative;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
}
.fplink.wide .box .row .cell {
padding: 0 5px;
}
#fptopsection .fplink.image,
#fpflexsection .fplink.image,
#fpbottomsection .fplink.image
height: 114px;{
width: 114px;
}
.fplink.image .box .row .cell {
height: 100px;
width: 100px;
vertical-align: bottom;
}
.fplink.image .box .row .cell .image img {
height: 100px;
width: 100px;
}
.fplink.image .image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 75%;
z-index: 1;
}
.fplink.image a {
z-index: 2;
}
.fplink a,
.fplink a:visited,
.fplink a.external,
.fplink a.external:visited,
.fplink a.extiw,
.fplink a.extiw:visited {
color: #deaf04;
text-shadow: 1px 1px #000000;
}
.fplink a {
display: block;
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 1px 5px;
}
.fplink.image .image a {
padding: 0;
}
.fplink.image .link a {
background: rgba(0, 0, 0, 0.1);
border-top: 2px solid #505050;
}
.fplink.wide a {
margin: 0 -5px;
}
.fpvideos {
margin: 0 auto;
overflow: hidden;
text-align: center;
}
.fpvideo {
display: inline-block;
margin: 0 5px;
}