MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); | ||
html, body { | html, | ||
height: 100%; width: 100%; | body { | ||
padding: 0; margin: 0; | height: 100%; | ||
font-family: 'Montserrat', sans-serif; | width: 100%; | ||
padding: 0; | |||
margin: 0; | |||
font-family: 'Montserrat', sans-serif; | |||
} | } | ||
body { | body { | ||
background: #4288ff url(/resources/assets/Wikibg_x3.png) repeat no-repeat fixed center bottom; | background: #4288ff url(/resources/assets/Wikibg_x3.png) repeat no-repeat fixed center bottom; | ||
} | } | ||
#firstHeading { | #firstHeading { | ||
border-bottom: 2px solid #4288ff; | border-bottom: 2px solid #4288ff; | ||
} | } | ||
.mw-body h1, .mw-body-content h1, .mw-body-content h2 { | .mw-body h1, | ||
font-family: inherit; | .mw-body-content h1, | ||
.mw-body-content h2 { | |||
font-family: inherit; | |||
} | } | ||
#mw-page-base { | #mw-page-base { | ||
background-color: transparent; | background-color: transparent; | ||
background-image: none; | background-image: none; | ||
} | } | ||
.mw-body { | .mw-body { | ||
/*background-color: rgba(66, 136, 255, 0.5);*/ | /*background-color: rgba(66, 136, 255, 0.5);*/ | ||
background-color: rgba(140,220,255,0.67) | background-color: rgba(140, 220, 255, 0.67) | ||
} | } | ||
#mw-content-text h2 { | #mw-content-text h2 { | ||
position: relative; | position: relative; | ||
background: url(/resources/assets/HeaderBanner_x2.png) no-repeat center; | background: url(/resources/assets/HeaderBanner_x2.png) no-repeat center; | ||
display: block; | display: block; | ||
width: 320px; | width: 320px; | ||
height: 66px; | height: 66px; | ||
text-align: center; | text-align: center; | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
#mw-content-text h2 .mw-headline { | #mw-content-text h2 .mw-headline { | ||
margin-top: 15px; | margin-top: 15px; | ||
display: block; | display: block; | ||
} | } | ||
#mw-content-text h2 .mw-editsection { | #mw-content-text h2 .mw-editsection { | ||
display: block; | display: block; | ||
position: absolute; | position: absolute; | ||
right: 50px; | right: 50px; | ||
top: 15px; | top: 15px; | ||
} | } | ||
.border-box { | .border-box { | ||
border-style: solid; | border-style: solid; | ||
border-image: url(/resources/assets/Borders.png); | border-image: url(/resources/assets/Borders.png); | ||
border-image-slice: 6 5 5 6; | border-image-slice: 6 5 5 6; | ||
border-image-width: 6px 5px 5px 6px; | border-image-width: 6px 5px 5px 6px; | ||
border-image-outset: 0px 0px 0px 0px; | border-image-outset: 0px 0px 0px 0px; | ||
border-image-repeat: stretch stretch; | border-image-repeat: stretch stretch; | ||
padding-top: 2px; | padding-top: 2px; | ||
padding-left: 2px; | padding-left: 2px; | ||
padding-right: 2px; | padding-right: 2px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
} | } | ||
.border-box-inner { | .border-box-inner { | ||
background: #d8b885; | background: #d8b885; | ||
padding: 10px; | padding: 10px; | ||
} | } | ||
.item-price-box { | .item-price-box { | ||
float: right; | float: right; | ||
clear: right; | clear: right; | ||
} | } | ||
.item-price-box-hidden { | .item-price-box-hidden { | ||
display: none; | display: none; | ||
} | } | ||
.info-box { | .info-box { | ||
float: right; | float: right; | ||
} | } | ||
.item-info-box { | .item-info-box { | ||
position: relative; | position: relative; | ||
width: 342px; | width: 342px; | ||
height: 444px; | height: 444px; | ||
background: url(/resources/assets/ItemInfoBox_x2.png) no-repeat center; | background: url(/resources/assets/ItemInfoBox_x2.png) no-repeat center; | ||
margin-left: 15px; | margin-left: 15px; | ||
margin-bottom: 15px; | margin-bottom: 15px; | ||
} | } | ||
.item-info-box .item-name { | .item-info-box .item-name { | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
margin-top: 12px; | margin-top: 12px; | ||
font-size: 14pt; | font-size: 14pt; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.item-info-box .item-icon { | .item-info-box .item-icon { | ||
text-align: center; | text-align: center; | ||
margin-top: 32px; | margin-top: 32px; | ||
} | } | ||
.item-info-box .item-desc { | .item-info-box .item-desc { | ||
margin-top: 25px; | margin-top: 25px; | ||
margin-left: 25px; | margin-left: 25px; | ||
margin-right: 25px; | margin-right: 25px; | ||
} | } | ||
.item-info-box .trait-1 { | .item-info-box .trait-1 { | ||
position: absolute; | position: absolute; | ||
bottom: 112px; | bottom: 112px; | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.item-info-box .trait-2 { | .item-info-box .trait-2 { | ||
position: absolute; | position: absolute; | ||
bottom: 78px; | bottom: 78px; | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.item-info-box .trait-3 { | .item-info-box .trait-3 { | ||
position: absolute; | position: absolute; | ||
bottom: 44px; | bottom: 44px; | ||
width: 100%; | width: 100%; | ||
text-align: center; | text-align: center; | ||
} | } | ||
.section-text { | .section-text { | ||
margin-top: 25px; | margin-top: 25px; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
} | } | ||
.table-header th { | .table-header th { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
.table-row td { | .table-row td { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
.styled-table .table-header { | .styled-table .table-header { | ||
background-color: #4288ff; | background-color: #4288ff; | ||
color: white; | color: white; | ||
} | } | ||
.styled-table .table-header th { | .styled-table .table-header th { | ||
padding: 5px; | padding: 5px; | ||
min-width: 100px; | min-width: 100px; | ||
} | } | ||
.styled-table .table-row { | .styled-table .table-row { | ||
background-color: #d1e2ff; | background-color: #d1e2ff; | ||
} | } | ||
.styled-table .table-row td { | .styled-table .table-row td { | ||
padding: 5px; | padding: 5px; | ||
} | } | ||
Revision as of 11:14, 30 November 2022
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');
html,
body {
height: 100%;
width: 100%;
padding: 0;
margin: 0;
font-family: 'Montserrat', sans-serif;
}
body {
background: #4288ff url(/resources/assets/Wikibg_x3.png) repeat no-repeat fixed center bottom;
}
#firstHeading {
border-bottom: 2px solid #4288ff;
}
.mw-body h1,
.mw-body-content h1,
.mw-body-content h2 {
font-family: inherit;
}
#mw-page-base {
background-color: transparent;
background-image: none;
}
.mw-body {
/*background-color: rgba(66, 136, 255, 0.5);*/
background-color: rgba(140, 220, 255, 0.67)
}
#mw-content-text h2 {
position: relative;
background: url(/resources/assets/HeaderBanner_x2.png) no-repeat center;
display: block;
width: 320px;
height: 66px;
text-align: center;
border-bottom: none;
}
#mw-content-text h2 .mw-headline {
margin-top: 15px;
display: block;
}
#mw-content-text h2 .mw-editsection {
display: block;
position: absolute;
right: 50px;
top: 15px;
}
.border-box {
border-style: solid;
border-image: url(/resources/assets/Borders.png);
border-image-slice: 6 5 5 6;
border-image-width: 6px 5px 5px 6px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: stretch stretch;
padding-top: 2px;
padding-left: 2px;
padding-right: 2px;
padding-bottom: 2px;
}
.border-box-inner {
background: #d8b885;
padding: 10px;
}
.item-price-box {
float: right;
clear: right;
}
.item-price-box-hidden {
display: none;
}
.info-box {
float: right;
}
.item-info-box {
position: relative;
width: 342px;
height: 444px;
background: url(/resources/assets/ItemInfoBox_x2.png) no-repeat center;
margin-left: 15px;
margin-bottom: 15px;
}
.item-info-box .item-name {
width: 100%;
text-align: center;
margin-top: 12px;
font-size: 14pt;
font-weight: bold;
}
.item-info-box .item-icon {
text-align: center;
margin-top: 32px;
}
.item-info-box .item-desc {
margin-top: 25px;
margin-left: 25px;
margin-right: 25px;
}
.item-info-box .trait-1 {
position: absolute;
bottom: 112px;
width: 100%;
text-align: center;
}
.item-info-box .trait-2 {
position: absolute;
bottom: 78px;
width: 100%;
text-align: center;
}
.item-info-box .trait-3 {
position: absolute;
bottom: 44px;
width: 100%;
text-align: center;
}
.section-text {
margin-top: 25px;
margin-bottom: 50px;
}
.table-header th {
padding: 5px;
}
.table-row td {
padding: 5px;
}
.styled-table .table-header {
background-color: #4288ff;
color: white;
}
.styled-table .table-header th {
padding: 5px;
min-width: 100px;
}
.styled-table .table-row {
background-color: #d1e2ff;
}
.styled-table .table-row td {
padding: 5px;
}