BackpackDecalSpotter/style.css

133 lines
2.0 KiB
CSS
Raw Normal View History

2024-03-07 16:13:33 +02:00
body {
background-color: #111;
color: #eee;
font-family: Verdana, Geneva, sans-serif;
font-size: 0.85em;
margin: 0px;
text-align: justify;
text-justify: inter-word;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
text-align: center;
}
div {
display: inline-block;
}
h3 {
text-align: center;
padding: 0.5em;
}
h4 {
color: #555;
text-align: center;
2024-03-07 19:58:24 +02:00
padding: 0.5em 5em;
2024-03-07 16:13:33 +02:00
}
li {
display: inline-block;
width: 140px;
height: 140px;
position: relative;
border-radius: 3px;
margin: 10px;
border: 3px solid;
margin-bottom: 38px;
}
.decal {
width: 128px;
height: 128px;
margin: auto;
z-index: 2;
position: absolute;
top: 6px;
left: 6px;
}
.item-icon {
width: 24px;
height: 24px;
bottom: -38px;
left: -3px;
background-size: 24px;
z-index: 1;
position: absolute;
border-radius: 3px;
border: 3px solid;
}
.q-440-6,
.q-440-6 .item-icon,
.q-440-6 .bottom-right {
background-color: rgb(119, 101, 3);
border-color: rgb(181, 154, 5);
}
.q-440-11,
2024-03-21 21:06:09 +02:00
.q-440-11 .item-icon,
2024-03-07 16:13:33 +02:00
.q-440-11 .bottom-right {
background-color: rgb(110, 56, 26);
border-color: rgb(144, 73, 34);
}
.nocraft {
border-style: dashed;
}
2024-03-31 18:53:59 +03:00
.notrade {
border-color: red;
}
2024-03-07 16:13:33 +02:00
.top-left {
display: none;
}
.bottom-right {
position: absolute;
width: 105px;
height: 24px;
bottom: -38px;
left: 32px;
border-radius: 3px;
border: 3px solid;
margin: auto;
}
.bottom-right span {
text-align: center;
display: block;
margin-top: 3px;
}
2024-03-21 21:06:09 +02:00
.filtered-item {
color: #eee;
position: absolute;
margin-left: -64px;
margin-top: 30px;
display: none;
2024-03-22 14:25:48 +02:00
font-style: normal;
font-weight: 500;
2024-03-21 21:06:09 +02:00
}
2024-03-07 16:13:33 +02:00
a,
a:link,
a:visited,
a:hover,
a:active {
text-decoration: none;
color: #eee;
}
h4 a,
h4 a:link,
h4 a:visited,
h4 a:hover,
h4 a:active {
text-decoration: none;
color: #555;
font-style: italic;
}