:root
{
--ui: #d0d000; --ui-marked: #ffff00; --bg: #008080; --filter: invert(69%) sepia(96%) saturate(547%) hue-rotate(11deg) brightness(96%) contrast(101%); --x-0: 0px;
--y-0: 0px;
--x: 0px;
--y: 2px;
--spread-low: 8px;
--spread-med: 12px;
--spread-hi: 15px;
--spread-big: 20px;
--spread-max: 25px;
--sh-low: #ffffff var(--x-0) var(--y-0) var(--spread-low);
--sh-med: #ffffff var(--x-0) var(--y-0) var(--spread-med);
--sh-hi: #ffffff var(--x-0) var(--y-0) var(--spread-hi);
--sh-big: #ffffff var(--x-0) var(--y-0) var(--spread-big);
--sh-max: #ffffff var(--x-0) var(--y-0) var(--spread-max);
--sh-low-m: #ffffff var(--x) var(--y) var(--spread-low);
--sh-med-m: #ffffff var(--x) var(--y) var(--spread-med);
--sh-hi-m: #ffffff var(--x) var(--y) var(--spread-hi);
--sh-big-m: #ffffff var(--x) var(--y) var(--spread-big);
--sh-max-m: #ffffff var(--x) var(--y) var(--spread-max);
}
#wrapper
{
background-image: url(https://www.alyxes.se/wp-content/uploads/2024/06/treasure-cave-pageheader.jpg);
background-size: 100.5%;
background-repeat: no-repeat;
}
#article_title
{
color: #ffff00;
}
#first-header
{
color: #c0c0c0;
text-shadow:#000000 1px 1px 12px, #000000 -1px -1px 12px, #000000 0px 0px 12px, #000000 0px -1px 15px, #000000 -1px 0px 15px, #000000 -1px 1px 15px, #000000 0px 0px 20px, #000000 0px 0px 20px, #000000 0px 0px 20px;
}
#download_button
{
position: absolute;
margin-left: 620px;
font-size: 16px;
text-decoration: none;
text-align: center;
line-height: 1.1;
color: black;
top: 163px;
width: 70px;
background-color: var(--ui-marked);
padding: 6px;
padding-top: 4px;
padding-bottom: 8px;
border-style: solid;
border-color: #c89100;
border-width: 2px;
border-radius: 7px;
}
#starter
{
font-size: 22px;
padding-bottom: 25px;
text-shadow: var(--sh-low-m), var(--sh-low-m), var(--sh-low-m), var(--sh-low-m), var(--sh-med-m), var(--sh-med-m), var(--sh-med-m), var(--sh-big-m), var(--sh-big-m), var(--sh-big-m), var(--sh-big-m), var(--sh-big-m), var(--sh-max-m), var(--sh-max-m);
}
#treasure-cave-list
{ }
.alignleft
{
float: left;
padding-right: 25px;
}
article
{
padding-bottom: 12%;
}
@media only screen and (max-width: 1080px)
{
#download_button
{
top: 240px;
right: 5vw;
margin-left: 100px;
width: 75px;
font-size: 18px;
line-height: 1.2;
padding: 12px;
padding-top: 8px;
padding-bottom: 10px;
border-width: 3px;
border-radius: 10px;
}
#icon-outer-small-svg
{
display: none;
}
#icon-outer-small-png
{
display: none;
}
}
@media only screen and (max-width: 900px)
{
article
{
padding-bottom: 18%;
}
}
@media only screen and (max-width: 630px)
{
article
{
padding-bottom: 25%;
}
#download_button
{
width: 50px;
}
}
@media only screen and (orientation: portrait)
{
#starter
{
font-size: 32px;
padding-bottom: 30px;
}
article
{
padding-bottom: 350px;
}
#download_button
{
top: 220px;
}
}