Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- #text01 {
- font-family: stabillo medium;
- z-index: 99;
- top: 0.25em;
- }
- #image02 {
- position: absolute;
- z-index: 99999;
- left: 8em;
- top: 12em;
- animation-name: floating;
- animation-duration: 3s;
- animation-iteration-count: infinite;
- animation-timing-function: ease-in-out;
- filter: drop-shadow(1px 1px 0 #FFA8C6) drop-shadow(-1px 1px 0 #FFA8C6) drop-shadow(0 -1px 0 #FFA8C6) drop-shadow(0 1px 1px #FFA8C6) drop-shadow(0 -1px 1px #FFA8C6);
- }
- @media only screen and (max-width: 600px) {
- #image02 {
- left: 2em;
- }
- }
- #image03 {
- position: absolute;
- z-index: 99999;
- left: 22em;
- top: 17em;
- filter: drop-shadow(1px 1px 0 #FFA8C6) drop-shadow(-1px 1px 0 #FFA8C6) drop-shadow(0 -1px 0 #FFA8C6) drop-shadow(0 1px 1px #FFA8C6) drop-shadow(0 -1px 1px #FFA8C6);
- }
- @media only screen and (max-width: 600px) {
- #image03 {
- left: 15em;
- }
- }
- #container01 > .wrapper {
- width: 13em;
- }
- #container02 > .wrapper {
- width: 6em;
- height: 8em;
- box-shadow: inset 17px 0 17px -19px #FFA8C6, inset -17px 0 17px -19px #FFA8C6, inset 0 -17px 17px -19px #FFA8C6;
- position: absolute;
- z-index: 999;
- top: -11em;
- left: 24em;
- }
- @media only screen and (max-width: 600px) {
- #container02 {
- left: -5em;
- }
- }
- #text02 {
- font-family: stabillo medium;
- z-index: 99;
- top: 0.25em;
- }
- #text03, #text04, #text05 {
- font-family: hearts;
- text-shadow: -1px 0 #ababab, 0 1px #ababab, 1px 0 #ababab, 0 -1px #ababab, 0 0;
- background: #FFA8C6;
- border-radius: 15px 15px 15px 15px;
- }
- #image04 {
- position: absolute;
- z-index: 9999;
- top: 6.5em;
- left: 27.5em;
- }
- @media only screen and (max-width: 600px) {
- #image04 {
- left: 21.5em;
- }
- }
- #text06, #text07, #text08 {
- font-family: hearts;
- border: 2px solid #FFA8C6;
- border-radius: 10px 10px 10px 10px;
- padding: 5px;
- background: white;
- height: 11em;
- overflow-y: scroll;
- position:absolute;
- z-index: 999;
- top: 7.5em;
- left: 14.625em;
- width: 11em;
- }
- @media only screen and (max-width: 600px) {
- #text06, #text07, #text08 {
- left: 9.125em;
- width: 10em;
- }
- }
- </style>
Advertisement
Add Comment
Please, Sign In to add comment