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; }