Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url('https://fonts.googleapis.com/css?family=Indie+Flower|Oleo+Script|Allura|Aladin|Pompiere');
- body {
- background-color: #;
- background-image: linear-gradient(to top, #AB7FCE, #CF9AF2, #D7A7FD, #D0AFFF, #CDB1FE, #CCAFFF, #C5A4FD, #C09BFA, #BE94FA, #B88AF6, #AB79EC);
- background-position: center;
- background-size: 100%;
- background-repeat:no-repeat;
- }
- #whole {
- position: fixed;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- }
- ::-webkit-scrollbar-track {
- background-color: #CDB1FE;
- }
- ::-webkit-scrollbar-thumb {
- background-color: #AB7FCE;
- }
- ::-webkit-scrollbar {
- width:2px;
- height:3px;
- }
- #container {
- position: absolute;
- opacity: 1;
- left: 31%;
- bottom: 7%;
- height: 488px;
- width: 560px;
- background: #000;
- background: linear-gradient(to top, #AB7FCE, #CF9AF2, #D7A7FD, #D0AFFF, #CDB1FE, #CCAFFF, #C5A4FD, #C09BFA, #BE94FA, #B88AF6, #AB79EC);
- box-shadow: 0px 0px 10px 10px #8D51DB;
- background-image: url('https://img1.picmix.com/output/stamp/normal/8/9/1/4/264198_d6166.gif');
- background-repeat: repeat;
- background-size: 23%;
- }
- #qimage {
- position: absolute;
- z-index: 3;
- opacity: 0.3;
- left: 0px;
- bottom: 0px;
- height: 75vh;
- width: 26vw;
- background-image: url('http://i.picpar.com/Rshf.jpg');
- background-size: 100%;
- background-repeat: no-repeat;
- }
- #icon {
- position: absolute;
- z-index: 3;
- right: 15px;
- bottom: 356px;
- height: 115px;
- width: 207px;
- background: #000;
- box-shadow: 0px 0px 2px 2px #8D51DB;
- background-image: url('https://d.wattpad.com/story_parts/587214773/images/1536cf3f1135bf2c702824909100.gif');
- background-size: 105%;
- background-repeat: no-repeat;
- opacity: 0.9;
- }
- #info {
- position: absolute;
- z-index: 3;
- right: 15px;
- bottom: 55px;
- width: 197px;
- height: 276px;
- background: #fff;
- padding: 5px;
- box-shadow: 0px 0px 2px 2px #8D51DB;
- font-family: 'Pompiere';
- color: #666;
- font-size: 12.5px;
- line-height: 17px;
- overflow-y: auto;
- }
- #icon:hover {
- background-image: url('https://terminal-k.com/dreamcatcher/images/handong/rep.gif');
- opacity: 0.8;
- }
- #title {
- position: absolute;
- z-index: 3;
- top: -70px;
- left: 0px;
- height: 140px;
- width: 350px;
- background-color: transparent;
- background-image: url('http://i.picpar.com/Ushf.png');
- background-repeat: no-repeat;
- background-size: 90%;
- transform: rotate(0deg);
- }
- #tab1 {
- position: absolute;
- z-index: 4;
- bottom: 0px;
- right: 173px;
- height: 50px;
- width: 50px;
- background-color: transparent;
- background-image: url('https://i.gifer.com/5DYJ.gif');
- background-repeat: no-repeat;
- background-size: 95%;
- opacity: 1;
- }
- #tab2 {
- position: absolute;
- z-index: 4;
- bottom: 0px;
- right: 120px;
- height: 50px;
- width: 50px;
- background-color: transparent;
- background-image: url('https://i.gifer.com/5DYJ.gif');
- background-repeat: no-repeat;
- background-size: 95%;
- opacity: 1;
- }
- #tab3 {
- position: absolute;
- z-index: 4;
- bottom: 0px;
- right: 68px;
- height: 50px;
- width: 50px;
- background-color: transparent;
- background-image: url('https://i.gifer.com/5DYJ.gif');
- background-repeat: no-repeat;
- background-size: 95%;
- opacity: 1;
- }
- #tab4 {
- position: absolute;
- z-index: 4;
- bottom: 0px;
- right: 15px;
- height: 50px;
- width: 50px;
- background-color: transparent;
- background-image: url('https://i.gifer.com/5DYJ.gif');
- background-repeat: no-repeat;
- background-size: 95%;
- opacity: 1;
- }
- b {
- font-family: 'Aladin';
- font-size: 12px;
- background: -webkit-linear-gradient(#F1AED9, #E1A3E9, #D29FF5);
- -webkit-background-clip: text;
- -webkit-text-fill-color: transparent;
- }
- h1 {
- font-family: 'Allura';
- font-size: 19px;
- text-align: right;
- background: linear-gradient(to left, #F1AED9, #E1A3E9, #D29FF5, #C6A6FB, #BDB8FC, #B7CAFC);
- line-height: 10px;
- margin-top: 1px;
- margin-bottom: 4px;
- color: #fff;
- }
- .glow {
- font-size: 19px;
- color: #fff;
- text-align: right;
- -webkit-animation: glow 1s ease-in-out infinite alternate;
- -moz-animation: glow 1s ease-in-out infinite alternate;
- animation: glow 1s ease-in-out infinite alternate;
- }
- @-webkit-keyframes glow {
- from {
- text-shadow: 0 0 1px #fff, 0 0 2px #F1AED9, 0 0 4px #E1A3E9, 0 0 6px #D29FF5, 0 0 8px #D29FF5, 0 0 10px #D29FF5, 0 0 13px #D29FF5;
- }
- to {
- text-shadow: 0 0 2px #fff, 0 0 4px #C6A6FB, 0 0 6px #C6A6FB, 0 0 8px #C6A6FB, 0 0 10px #C6A6FB, 0 0 13px #C6A6FB, 0 0 16px #C6A6FB;
- }
- }
- </style>
- <div id="whole" oncontextmenu="return false;">
- <div id="container">
- <div id="qimage"></div>
- <div id="icon"></div>
- <div id="title"></div>
- <a href="#2"><div id="tab1"></div></a>
- <a href="#3"><div id="tab2"></div></a>
- <a href="#4"><div id="tab3"></div></a>
- <a href="#1"><div id="tab4"></div></a>
- <div id="info">
- <h1 class="glow">Statistics</h1>
- <B>Name:</B><font style=float:right>Liu Qiang.</font><br>
- <B>Script:</B> <font style=float:right>刘玫瑰.</font><br>
- <B>Alias:</b> <font style=float:right>Rosie Liu.</font><br>
- <B>Gender:</B> <font style=float:right>Female.</font><br>
- <B>D.o.B.:</B> <font style=float:right>04/05/1997.</font><br>
- <B>Zodiac:</B> <font style=float:right>Aries.</font><br>
- <B>Species:</B> <font style=float:right>Human.</font><br>
- <B>Blood Status:</B> <font style=float:right>Half.</font><br>
- <B>Birthplace:</B> <font style=float:right>Wuhan, China.</font><br>
- <B>Ethnicity:</B> <font style=float:right>Chinese.</font><br>
- <B>Nationality:</B> <font style=float:right>Chinese.</font><br>
- <B>Orientation:</b> <font style=float:right>Bisexual.</font><br>
- <B>Marital:</b> <font style=float:right>Single.</font><br>
- <B>Alignment:</B> <font style=float:right>Neutral.</font><br>
- <B>Affiliation:</B> <font style=float:right>Chinese Ministry.</font><br>
- <B>Hair Color:</b> <font style=float:right>Black (Dyes).</font><br>
- <B>Eye Color:</b> <font style=float:right>Brown (Contacts).</font><br>
- <B>Height:</b> <font style=float:right>5'6".</font><br>
- <B>Weight:</b> <font style=float:right>120 lbs.</font><br>
- <B>Build:</b> <font style=float:right>Ectomorph.</font><br>
- <B>Scent:</b> <font style=float:right>Roses, Oranges.</font><br>
- <B>Blood Type:</b> <font style=float:right>O+.</font>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement