User:LightSwitch/common.css
From Growtopia
Jump to navigationJump to search
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.
/* Home WPCard */
.wpcardls {
font-family: Century Gothic, sans-serif;
margin-bottom: 5px;
font-size: 14px;
background: linear-gradient(180deg, rgba(161,0,9,1) 0%, rgba(177,59,0,1) 50%, rgba(220,154,0,1) 100%);
color: #FFF;
border-radius: 20px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
padding: 30px 40px 60px;
}
.wpcardls>.header{
text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
font-weight: bold;
text-align: left;
font-size: 36px;
position:relative;
margin-bottom: 10px;
}
.wpcardls>.header>.image {
text-align: center;
width: 100%;
display: block;
}
.wpcardls>.header>h2{
font-size: 25px;
line-height: 25px;
text-align: center;
border: none;
margin: 0;
}
.wpcardls>.body {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/7/74/Ntbheader.png");
background-repeat: repeat-x;
background-position: right bottom;
}
.wpcardls>.body::after{
border-radius: 20px;
content: "";
display: block;
width: 100%;
height: 17px;
background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/9/96/Dirtlayer.png");
background-color: #BEE8F1;
background-repeat: repeat-x;
position:absolute;
bottom: 0;
left: 0;
}
.wpcardls.large {
background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/e/e7/Disclaimerbackground2222.png");
background-color: #60D7F2;
background-repeat: repeat-x;
background-position: bottom;
}