User:LightSwitch/common.css: Difference between revisions
From Growtopia
Jump to navigationJump to search
>LightSwitch Created page with "→Home WPCard: .wpcard { font-family: Century Gothic, sans-serif; margin-bottom: 5px; font-size: 14px; background-image: url(https://vignette.wikia.nocookie..." |
>LightSwitch No edit summary |
||
| Line 4: | Line 4: | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
font-size: 14px; | font-size: 14px; | ||
background-image: url(https://vignette.wikia.nocookie.net/growtopia/images/d/d9/SummerFestLandscape.png); | background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/d/d9/SummerFestLandscape.png"); | ||
background: linear-gradient(180deg, rgba(161,0,9,1) 0%, rgba(177,59,0,1) 50%, rgba(220,154,0,1) 100%); | background: linear-gradient(180deg, rgba(161,0,9,1) 0%, rgba(177,59,0,1) 50%, rgba(220,154,0,1) 100%); | ||
background-repeat: repeat-x; | background-repeat: repeat-x; | ||
Revision as of 14:54, 3 July 2020
/* Home WPCard */
.wpcard {
font-family: Century Gothic, sans-serif;
margin-bottom: 5px;
font-size: 14px;
background-image: url("https://vignette.wikia.nocookie.net/growtopia/images/d/d9/SummerFestLandscape.png");
background: linear-gradient(180deg, rgba(161,0,9,1) 0%, rgba(177,59,0,1) 50%, rgba(220,154,0,1) 100%);
background-repeat: repeat-x;
background-position: right bottom;
color: #FFF;
border-radius: 20px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
padding: 30px 40px 60px;
}
.wpcard>.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;
}
.wpcard>.header>.image {
text-align: center;
width: 100%;
display: block;
}
.wpcard>.header>h2{
font-size: 25px;
line-height: 25px;
text-align: center;
border: none;
margin: 0;
}
.wpcard>.body {
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.wpcard.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;
}