Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face { font-family: 'sunrise'; src: url('https://static.tumblr.com/uopakca/iiEq5fjcv/sunrise.otf') format('truetype');}
- @font-face{
- font-family: 'TITLEfont';
- src: url('https://dl.dropbox.com/scl/fi/cjqkk3ddw3s0vtcicyizx/edo.ttf?rlkey=volw4e8kbcjaoe559ync8r5uf&dl=0');
- @font-face { font-family: 'sunrise'; src: url('https://static.tumblr.com/uopakca/iiEq5fjcv/sunrise.otf') format('truetype');}
- }
- body{
- background-image: url("https://i.pinimg.com/originals/d6/f0/2f/d6f02f2c65547f4f0d4b6b09556eb886.gif"),url("https://i.imgur.com/o5rnnm0.png"),linear-gradient(180deg, #c70039 , #c70039, #900c3f);
- background-size: 30px;
- background-size: auto;
- background-position: 0px 0px;
- }
- /*This centers everything! No touch!*/
- .center {
- position:fixed;
- left:-105px;
- right:0px;
- bottom:0px;
- top:0px;
- height:650px;
- width:510px;
- margin:auto;
- opacity:.99;
- z-index:998;
- }
- #oochub {
- position: absolute;
- background-image:url('https://i.imgur.com/gkCohfR.png');
- background-position: right left;
- background-size: 100%;
- background-attachment: absolute;
- background-repeat:no-repeat;
- height: 50px; width: 50px;
- right: 0px; bottom: 0px;
- font-family: 'Cinzel Decorative', cursive;
- font-size: 20px;
- z-index: 9999;
- opacity: .35;
- }
- #oochub:hover {
- opacity: .8;
- transition: 1.5s;
- }
- .title{
- position:absolute;
- top: 350px;
- left: 180px;
- height: 75px;
- width: 650px;
- font-family: 'sunrise', sans-serif;
- font-size: 60px;
- color: #febd85;
- -webkit-text-stroke: 1px #651728;);
- z-index:999;
- }
- /*The webkit filter and drop-shadow change the color of the image border! Erase the #000000 to remove the border!*/
- .mainimg{
- position: absolute;
- background-attachment: absolute;
- -webkit-filter: drop-shadow(3px 3px 0 #000000)
- drop-shadow(-2px -2px 0 #000000);
- background-repeat: no-repeat;
- background-image: url('https://i.imgur.com/D1glBFf.png');
- background-size:350px;
- width: 1000px;
- height: 1000px;
- left: 15px;
- top: -63px;
- opacity: ;
- z-index: 800;
- }
- #gifbg {
- background-color: #000000;
- background-image: url('https://i.imgur.com/SmMvVE3.gif');
- background-repeat: no-repeat;
- background-size: 133%;
- left: 50px;
- top:25px;
- height:380px;
- width:510px;
- overflow:auto;
- position:absolute;
- z-index:2;
- }
- /*This is also the border around the gif background! Changing the color of the bg also changes the gif border!*/
- #bg {
- position:absolute;
- background-color: #BBB1BC;
- background-image: url('');
- background-repeat: no-repeat;
- background-size: 133%;
- left: 45px;
- top:20px;
- height:600px;
- width:520px;
- overflow:auto;
- z-index:1;
- }
- .dossier{
- position: absolute;
- top: 417px;
- left: 55px;
- height: 170px;
- width: 120px;
- border: 1px solid #562017;
- padding:10px;
- color: #CAC9D2;
- background: #000000;
- font-weight: bold;
- text-align: justify;
- font-family: 'Calibri';
- font-size: 9pt;
- line-height: 12pt;
- overflow: auto;
- z-index:998;
- }
- .bio{
- position: absolute;
- top: 417px;
- left: 207px;
- height: 170px;
- width: 327px;
- border: 1px solid #562017;
- background:#000000;
- padding:10px;
- color: #CAC9D2;
- font-weight: bold;
- text-align: justify;
- font-family: 'Calibri';
- font-size: 9pt;
- line-height: 12pt;
- overflow: auto;
- z-index:998;
- }
- /*-------MUSIC PLAYER BY GLENTHEMES-------*/
- #glenplayer02 {
- position:absolute;
- top:630px;
- left:200px;
- margin:auto;
- width:200px;
- text-align:center;
- display:flex;
- z-index:999999999;
- }
- #glenplayer02 a {text-decoration:none;}
- #glenplayer02 > div {
- align-self:center;
- -webkit-align-self:center;
- }
- .music-controls {
- user-select:none;
- -webkit-user-select:none;
- width:13px;
- font-size:13px;
- cursor:pointer;
- }
- .playy, .pausee {color:#BBB1BC; } /* color of play & pause buttons */
- .pausee {display:none;}
- .sonata {
- margin-left:10px;
- color:#BBB1BC ; /* color of music note symbol */
- }
- .labeltext {
- width:500px;
- margin-top:10px;
- margin-left:8px;
- font-size:9px;
- font-family:arial;
- text-transform:uppercase;
- letter-spacing:3px;
- color:#BBB1BC; /* color of song title */
- }
- /*-------MISC-------*/
- h1 {
- text-align: right;
- margin-bottom: 5px;
- font-family: 'TITLEfont';
- font-size: 15px;
- text-shadow: 3px 3px 0px rgba(78, 63, 93, 0.42);
- color: #CAC9D2;
- }
- hr{
- height: 1px;
- background-color: #562017;
- border: none;
- }
- b {
- color:#A8333F;
- text-transform:uppercase;
- font-size:10;
- font-family:arial;
- letter-spacing:2px;
- }
- i {
- color:#77767E;
- font-family:georgia;
- text-transform:lowercase;
- font-size:12px;
- letter-spacing:1px;
- }
- a { text-decoration:none; color:#43728A;}
- ::-webkit-scrollbar { display:none }
- </style>
- <body>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
- <div id="oochub">
- <a class="a" target="_blank" href="https://roleplay.chat/profile.php?user=Zombie"> <img src="https://i.imgur.com/gkCohfR.png" width="50"> </a>
- </div>
- <div class='center'>
- <div class="title">Samurai</div>
- <div class="mainimg"> </div>
- <div id="gifbg"></div>
- <div id="bg"></div>
- <div class="Dossier">
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- <b>stat</b><font style=float:right>something here</font><br>
- </div>
- <div class="bio">
- <h1>header here</h1>
- <hr>
- <center>Normal | <b>Bold</b> | <i>Italics</i> | <u>Underline</u> | <s>Strikethrough</s> | <a href="#">Links</a></center>
- consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborumLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum
- </div>
- <!-------MUSIC PLAYER BY GLENTHEMES------->
- <div id="glenplayer02">
- <div class="music-controls" onclick="if (!window.__cfRLUnblockHandlers) return false; songstart();" data-cf-modified-71ce8743ad662dc9b2bada30-="">
- <div class="playy">►</div>
- <div class="pausee">❚❚</div>
- </div>
- <div class="sonata">♫</div>
- <div class="labeltext">Adrian von Ziegler - Honō no Megami (炎の女神)</div>
- </div><!--end music player-->
- <audio id="tune" src="https://dl.dropbox.com/scl/fi/1qhmadqqvq9ogq0hjwc6x/Japanese-Fantasy-Music-Hon-no-Megami.mp3?rlkey=9pic5gb2jpbz3zgx0awhyl9dr&dl=0" type="audio"></audio>
Advertisement
Add Comment
Please, Sign In to add comment