Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #fancy {
- width: 675px;
- height: auto;
- background: #000;
- padding: 35px;
- }
- #fancy .base {
- width: 100%;
- padding: 35px;
- box-sizing: border-box;
- outline: 10px solid #0e0e0e;
- }
- #fancy .title {
- font: 900 25px 'Noto Serif SC', sans-serif;
- color: #fff;
- text-transform: uppercase;
- line-height: 160%;
- text-align: center;
- padding: 5px;
- font-style: italic;
- box-sizing: border-box;
- }
- #fancy .cute {
- width: 80px;
- height: 80px;
- background: transparent;
- border: 3px solid #c182f5;
- padding: 5px;
- border-radius: 100%;
- position: relative;
- right: 20px;
- bottom: 5px;
- }
- #fancy .photo {
- width: 80px;
- height: 80px;
- background: url(https://66.media.tumblr.com/55eca3c76f881db6efeef6ef902b8ea0/tumblr_opk1yurxj81w9geguo1_250.png) center/cover;
- border-radius: 100%;
- }
- #fancy .quote {
- font: 10px 'Montserrat', sans-serif;
- color: #fff;
- text-align: justify;
- line-height: 130%;
- text-transform: uppercase;
- padding: 5px 10px 10px 5px;
- box-sizing: border-box;
- }
- #fancy .basepost {
- background: #000;
- width: 100%;
- box-sizing: border-box;
- padding: 30px;
- outline: 10px solid #0e0e0e;
- margin-top: 10px;
- }
- #fancy .post {
- font: 13px Arial, sans-serif;
- color: #878787;
- padding: 30px;
- text-align: justify;
- line-height: 150%;
- }
- #fancy .post b {
- color: #c182f5;
- }
- #fancy .notas {
- width: 100%;
- background: url(http://newevolutiondesigns.com/images/freebies/black-white-background-2.jpg) center/cover;
- padding: 10px;
- box-sizing: border-box;
- outline: 10px solid #0e0e0e;
- margin-top: 5px;
- background-blend-mode: multiply;
- background-color: #c182f5;}
- #fancy .text {
- font: 13px 'Montserrat', sans-serif;
- color: #fff;
- text-transform: uppercase;
- text-align: center;
- line-height: 160%;
- box-sizing: border-box;
- }
- #fancy::after { content: "「♡」";
- font: bold 12px Consolas;
- color: #ccc;
- text-transform: uppercase;
- text-align: center;
- letter-spacing: -.5px;
- opacity: .3;
- position: relative;
- bottom: -5px;
- left: 0px;
- }
- #fancy:hover::after {
- content: "「AMERICAN QUEEN ♡ ROYALTY CODES」"
- ; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement