Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- div.xg_span-16, div.xg_3col {width: 600px; height;}
- div#xg_layout_column_2{width:300px; height:400px; position: absolute; left: -200px;}
- #xn_bar, .module_members, #xg_head, #xg_foot,
- ul.navigation li.right a, .xg_chat.chatFooter
- .xg_chatBar, .xg_span-5, .xg_module_comment_wall,
- .xg_sprite .xg_sprite-add, h1{ display: none;}
- #xg_body{ width: 500px; background: black;}
- #xg_body, body{ font-size: 9.5px; font-family: trebuchet ms;}
- #xg_layout_column_1{position: absolute; left: 250px; top: 25px; z-index: 100; width: 90px; height: 90px; overflow: hidden; border-radius: 360px;
- border-top: 5px solid #C9C9C1; border-left: 5px solid #C9C9C1; border-bottom: 5px solid #BB8C8B; border-right: 5px solid #BB8C8B; }
- #xg_layout_column_1 img{ animation: myAnim 2s ease 0s infinite alternate-reverse both;
- }
- #xg_layout_column_2:before{
- content: " ";
- position: absolute;
- left: 395px;
- top: 20px;
- width: 400px;
- height: 350px;
- overflow: hidden;
- display: block;
- z-index: 4;
- background: #8E4D54;
- --mask:
- radial-gradient(91.18px at 127.20px 50%,#000 99%,#0000 101%) 0 calc(50% - 106px)/100% 212px,
- radial-gradient(91.18px at -74.2px 50%,#0000 99%,#000 101%) 53px 50%/100% 212px repeat-y;
- -webkit-mask: var(--mask);
- mask: var(--mask);}
- #xg_layout_column_2:after{
- content: "";
- width: 250px;
- height: 350px;
- display: block;
- position: absolute;
- z-index: 2;
- left:230px;
- top: 20px;
- background: url(https://64.media.tumblr.com/ebf96a78eb6181fe27672c31a7a79633/fcc6c66907397df0-dc/s500x750/98232de60705fccf7ef1cac439b5c38ce16345e6.jpg);
- background-size: 300px;
- background-position: 55% 10%;}
- #xg_body:before{
- content: "@ringaroundtherosie";
- width: 240px;
- height: 100px;
- font-family: georgia;
- font-style: italic;
- color: #E9DA5B;
- font-size: 22px;
- position: absolute!important;
- z-index: 50;
- display: block;
- top: 30px;
- left: 360px;
- }
- .xg_span-16:after{
- content: "PRIMROSE • twenty5, aries bby. forever unavailable. looking for me? find me in a book store struggling to carry a pile of books. my friends are my everything.";
- position: absolute;
- width: 230px;
- text-align: justify;
- height: 100px;
- display: block;
- top: 60px;
- left: 360px;
- z-index: 50;}
- .xg_span-16:before{ content:""; position: absolute; display: inherit; width: 310px; height: 390px; top: 145px; left: 280px; z-index: 70;
- background:url(https://64.media.tumblr.com/dafea90024fad92786e1207155fad69c/4238e37e24b47008-1f/s1280x1920/7d95f3806c797d3b240db312a21e5b1122c183e0.jpg), url(https://64.media.tumblr.com/eaed964b99883852eee5b98d9b96b99f/3ca6533d2ba13f10-5d/s250x400/2de5aa7357702b551770062bd2368ee2e02f7b20.gifv),
- url(https://64.media.tumblr.com/7f843a8b41a31b7e6937198f63ccc283/4238e37e24b47008-b4/s500x750/40d22e27d9cc913b59409129e6ea18f5f58c30d6.jpg),
- url(https://64.media.tumblr.com/aaac5b33153f5b17708892dca72fde16/4238e37e24b47008-ef/s500x750/ff0cd69709ff80629d3d85f08cad43c375941512.jpg), url(https://64.media.tumblr.com/44f4c32e181a3b788defb58acc8e4e85/3ca6533d2ba13f10-89/s250x400/3ed683dc87ede4242a5f6c87db7101a6d6dc90ce.gifv),
- url(https://64.media.tumblr.com/c585a44cc3e5babece64d84fb58731cb/4238e37e24b47008-44/s500x750/21a1a9b12a8ec7a6d2ea631f342c878bdb0468bb.jpg);
- background-size: 32%, 32%, 32%, 32%, 32%, 32%;
- background-position: 0% 0%, 50% 0%, 100% 0%, 0% 36%, 50% 36%, 100% 36%;
- background-repeat: no-repeat;}
- @keyframes myAnim {
- 0%{ filter: grayscale(0%); }
- 25%{ filter: grayscale(25%);}
- 50%{filter: grayscale(50%);}
- 75{ filter: grayscale(75%);}
- 100% { filter: grayscale(100%);}
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement