MediaWiki:Common.css
From Valheim Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* Own */
.valheimwiki-note {
background: #ffd9d9;
border: 2px solid #fb4f4f;
border-radius: 4px;
overflow: auto;
padding: 5px;
}
.valheimwiki-message {
background: #ced7e1;
border: 2px solid #77a1cd;
border-radius: 4px;
overflow: auto;
padding: 5px;
}
.digimon-hover-box {
background: #fff;
padding: 10px;
border: 1px solid black;
width: 200px;
}
.digimon-hover-box img {
width: 120px;
}
.digimon-mave-hover:after {
content: url('/images/arrow.png');
margin: 0 3px;
}
#mw-panel .body {
background: none !important;
}
.admin-sig a {
color: #03a9f4;
font-weight: bold;
}
/*
@media (max-width: 1000px) {
.main-alert {
display: none;
}
}
.main-alert {
background: #E74C3C;
border: 2px solid #E74C3C;
color: #fff;
padding: 3px;
text-align: center;
width: 100%;
position: absolute;
font-size: 13px;
z-index: 99999;
}
.main-alert a {
text-decoration: underline;
font-weight: bold;
color: #fff;
}
#p-personal {
top: 25px !important;
}*/
.alert.alert-info {
padding: 3px 15px 3px 11px !important;
}
.armor-tr .digivolve-level {
top: 15px;
}
.width-auto {
width: auto !important;
}
.digivolve-table {
width: calc(100% - 400px);
table-layout: fixed;
}
.digivolve-table .down-right-arrow .digivolve-version {
bottom: 30px;
right: -2px;
}
.infoboxhover a {
display: block;
padding: 10px;
}
.infoboxhover a * {
box-sizing: border-box;
}
.digivolve-table .down-right-arrow {
text-align: right;
font-size: 24px;
padding-top: 0 !important;
padding-right: 10px;
position: relative;
}
.digivolve-table .armor-tr td {
padding-top: 10px;
}
.digivolve-table .digivolve-type {
position: absolute;
bottom: 0;
right: -18px;
}
.digivolve-table .digivolve-version {
position: absolute;
bottom: 12px;
right: -18px;
}
.w46 {
width: 46px !important;
}
.w46 a {
display: block;
position: relative;
}
.digivolve-relative {
position: relative;
width: 30px;
text-align: center;
}
.digivolve-level {
position: absolute;
top: 5px;
left: 2px;
width: 30px;
font-size: 10px;
}
.digivolve-table * {
box-sizing: border-box;
}
.alert {
display: inline-block !important;
width: auto !important;
}
.wikitable.glossary td,
.wikitable.glossary th,
.wikitable.droptable td {
padding: 4px 8px;
}
.wikitable.glossary td:first-child {
text-align: center;
}
.wikitable .questname {
padding: 8px;
}
.statstable td {
padding: 5px 10px !important;
}
.wild {
border-spacing: 0;
border: 2px solid grey;
border-radius: 4px;
width: 400px;
}
.wild .wild-mutation {
background: #bfcaff;
}
.wild .wild-leader {
background: #caffbf;
}
.wild .wild-dd {
background: #ffc66b;
}
/*.wild .wild-mutation td, .wild .wild-leader td { padding: 2px 2px 2px 10px; }*/
.wild .wild-padding td {
padding-left: 20px;
}
.wild th {
background: #ffc0cb;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.wild th, .wild td {
padding: 5px;
}
.questtable td, .questtable th {
padding: 5px !important;
}
.questtable td:first-child {
text-align: center;
}
.questtable th:first-child {
text-align: left;
width: 50px;
}
.questtable th:first-child + th + th {
text-align: left;
width: 40px;
}
.infobox td {
padding: 3px;
}
.mw-collapsible-toggle {
float: left;
}
.attacktable td:hover {
background: #f2f2f2;
}
.atkdesc {
color: #666;
width: 450px;
}
.atkdesc span {
margin-left: 10px;
}
.atkbor {
border-right: 1px solid #666;
}
.atkbor:hover {
border-right: 1px solid #af1015;
}
.atkpad {
/*padding: 0px 10px;*/
padding-right: 10px;
}
.atkpad:hover {
background: #f2f2f2;
}
.infoboxhover, .wild .wild-image {
background-color: transparent;
}
.infoboxhover:hover, .wild .wild-image:hover {
background-color: #666;
}
.selecteddigivolve {
border: 3px solid # /*6cc0e5*//*a8ff00 green*/ fb4f4f;
padding: 2px;
}
.doesnotexist {
opacity: 0.6;
}
.doesnotexist:hover {
cursor: not-allowed;
opacity: 1;
}
.attacktable td {
text-align: center;
}
.attacktable .attackname {
padding: 0px 10px;
}
.tableheader a, .tableheader a:visited {
color: #fbc93d;
/*text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;*/
}
.tableheader {
color: white;
font-weight: bold;
text-align: center;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
-webkit-background-size: 50px 50px;
-moz-background-size: 50px 50px;
background-size: 50px 50px; /* Controls the size of the stripes */
background-color: #222 !important;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
.tableheadersmall {
-webkit-background-size: 15px 15px;
-moz-background-size: 15px 15px;
background-size: 15px 15px; /* Controls the size of the stripes */
}
.locations td {
padding: 5px !important;
}
.gallerybox img {
background: transparent;
}
.gallerybox img:hover {
background: #666;
}
.itembox {
background: #1e2c51;
border: 1px solid #a7b3c5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: right;
font-family: Arial;
text-shadow: 1px 1px 1px #000;
width: 312px;
}
.itembox a {
color: #fff;
text-decoration: underline;
}
.itembox a:hover {
color: #77ff06;
}
.itemheader {
padding: 10px 20px;
}
.itemheader span {
display: inline-block;
margin-left: 12px;
}
.iteminfo {
margin-left: 10px !important;
}
.itemspan {
color: #f0ce97;
display: inline-block;
margin-top: 5px;
width: 114px;
}
.description {
display: inline-block;
margin-top: 5px;
}
.itembox {
background: #1e2c51;
border: 1px solid #a7b3c5;
font-family: Arial;
width: 312px;
}
.itembox hr {
margin: 0 auto;
margin-top: 10px;
width: 80%;
}
.cash {
color: #fff000;
}
.characterbound {
color: #f00033;
}
.magic {
color: #77ff06;
}
.normal {
color: #fff;
}
.premiumsilk {
color: #fff000;
}
.rare {
color: #06e5ff;
}
.silk {
color: #b8a49d;
}
.table-rank-category {
border-collapse: separate;
border-spacing: 0;
}
.table-rank-category td {
text-align: center;
padding: 0 !important;
}
.table-rank-category td.selected {
background: #bbb;
border: 1px solid #000;
}
.table-rank-category td a {
display: block;
padding: 4px 8px;
}
#p-googleadsense.emptyPortlet {
display: initial;
}