Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- #tumblr_lightbox {background-color:rgba(255,255,255,0.9)!important;}
- #tumblr_lightbox img { opacity:0;padding: 10px;
- border: 1px solid #ddd; }
- #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
- opacity: 1!important;
- box-shadow: 0 0 0 transparent!important;
- border-radius: 0!important;
- -moz-border-radius: 0!important;
- -webkit-border-radius: 0!important;
- -o-border-radius: 0!important;
- padding: 10px!important;
- border: 1px solid #ddd!important;
- background-color: #fff!important;
- }
- #tumblr_lightbox_caption {
- color: #aaa!important;
- font-family: calibri!important;
- font-size: 12px!important;
- margin-top: 30px!important;
- text-shadow: 0 0 0 transparent!important;
- font-weight: 400!important;
- }
- ::-webkit-scrollbar { width: 5px; }
- ::-webkit-scrollbar-track-piece { background-color: rgba(255,255,255,0.5); }
- ::-webkit-scrollbar-thumb:vertical {
- width: 5px;
- background-color: #e89e8c;
- padding: 1px;
- }
- ::selection {background-color: #e89e8c; color: #fff;}
- ::-moz-selection {background-color: #e89e8c; color: #fff;}
- ::-webkit-selection {background-color: #e89e8c; color: #fff;}
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
- @font-face { font-family: "pix"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
- @font-face { font-family: "bit"; src: url('https://dl.dropboxusercontent.com/s/sq28ejp56rarabs/BitxMap%20Font%20tfb.ttf'); }
- body {
- background-color: #75b06d;
- background-image: url(http://i.picpar.com/RmEc.png);
- background-attachment: fixed;
- margin: 0;
- word-wrap: break-word;
- }
- a { text-decoration:none; }
- *, body, a, a:hover {cursor: url(), auto;}
- .pagination {display: none;}
- #s-m-t-tooltip {
- padding: 3px 5px;
- margin: 10px 14px 7px 33px;
- background-color: #4c4c4c;
- font-family: pix; /* change the font */
- font-size: 8px; /* change the font size */
- letter-spacing: 1px; /* change the letter spacing */
- text-transform: uppercase; /* can be uppercase, lowercase, none*/
- color: #ffffff; /* change the text color */
- z-index: 999999;
- border: 1px double #ffffff;
- }
- #cente {
- width: 100%;
- position: fixed;
- }
- #sora, #sora2, #sora3 {
- width: 1000px;
- margin-top: 40px;
- background-color: #ffffff;
- border-radius: 8px;
- padding: 0 0 5px 0;
- border: 4px double #dddddd;
- box-shadow: 5px 5px 0 #f2f2f2;
- }
- .blogtitle, .blogtitle2, .blogtitle3 {
- background-color: #f4f4f4;
- text-align: left;
- font-family: pix;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- margin-left: 0;
- padding: 12px 15px;
- width: 970px;
- border-radius: 3px 3px 0 0;
- color: #999999;
- border-bottom: 1px solid #dddddd;
- }
- #maincon {
- background-image: url( );
- background-size: cover;
- width: 980px;
- height: 500px;
- margin-top: 10px;
- margin-bottom: 5px;
- }
- #left {
- position: fixed;
- width: 250px;
- margin: 10px 10px;
- }
- .lefticon {
- width: 90px;
- height: 90px;
- background-color: rgba(255,255,255,0.4);
- padding: 14px;
- float: left;
- border: 1px solid #eeeeee;
- position: relative;
- z-index: 10;
- }
- .userclass {
- position: absolute;
- font-family: pix;
- font-size: 10px;
- text-transform: uppercase;
- width: 120px;
- margin: -15px -112px;
- text-align: right;
- color: #eeeeee;text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
- }
- .urnm {
- background-color: rgba(255,255,255,0.5);
- font-family: bit;
- text-align: right;
- position: absolute;
- z-index: 9;
- float: right;
- min-width: 100px;
- margin: 20px 0 0 120px;
- padding: 5px 12px 5px 16px;
- font-size: 12px;
- color: #333333;
- text-shadow: 1px 1px 0 rgba(255,255,255,0.8);
- letter-spacing: 1px;
- text-transform: uppercase;
- border-radius: 0 5px 5px 0;
- border-bottom: 1px solid #eeeeee;
- border-right: 1px solid #eeeeee;
- border-top: 1px solid #eeeeee;
- }
- .userb {
- border-bottom: 1px solid #eeeeee;
- border-top: 1px solid #eeeeee;
- background-color: rgba(255,255,255,0.5);
- position: absolute;
- z-index: 9;
- height: 14px;
- width: 10px;
- padding: 5px 0;
- margin: 20px -10px;
- }
- .gender {
- color: #FF8CA9;
- }
- #health {
- position: absolute;
- margin: 58px 0 0 125px;
- }
- .healthtxt {
- font-family: pix;
- color: #fff;
- text-transform: uppercase;
- font-size: 10px;
- float: left;
- text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
- }
- .hpbar {
- background-color: rgba(255,255,255,0.3);
- width: 80px;
- border: 1px solid #eeeeee;
- float: left;
- height: 7px;
- margin: 0 6px;
- }
- .healthf {
- height: 7px;
- float: left;
- }
- #hp { background-color: #ff8282; width: 72%; }
- #sp { background-color: #86B4E3; width: 35%; }
- #interactionb {
- position: absolute;
- margin: 93px 0 0 133px;
- float: left;
- }
- #sbw1, #sbw2, .post, #pi, #notecon {
- width: 250px;
- padding: 0 10px 10px 10px;
- border-radius: 5px;
- border: 1px solid #b5cfb2;
- box-shadow: ;
- box-shadow: ;
- background-color: #ffffff;
- }
- #sbw1 {
- position: fixed;
- top: 140px;
- left: 200px;
- }
- .wpic {
- width: 210px;
- display: block;
- }
- .bt, .bt2, .bt3, .bt4 {
- height: 24px;
- background-color: #b5cfb2;
- width: 250px;
- padding-left: 20px;
- margin-left: -10px;
- margin-bottom: 10px;
- line-height: 24px;
- font-family: consolas;
- font-size: 8px;
- letter-spacing: 2px;
- text-transform: uppercase;
- color: #aaaaaa;
- }
- .mv, .mv2, .mv3, .mv4 {
- position: absolute;
- width: 100px;
- margin: 0 150px;
- }
- .rightbuttons {
- font-family: consolas;
- font-size: 10px;
- float: right;
- margin-right: 1px;
- background-color: #ffffff;
- color: #888888;
- width: 20px;
- text-align: center;
- height: 16px;
- line-height: 17px;
- }
- .rightbuttons1 {
- font-family: consolas;
- font-size: 10px;
- float: left;
- margin-right: 1px;
- background-color: #ffffff;
- color: #888888;
- width: 20px;
- text-align: center;
- height: 16px;
- line-height: 17px;
- }
- #rbi {
- border-radius: 0 0 0 3px;
- line-height: 13px;
- }
- #rbii {
- line-height: 18px;
- font-size: 8px;
- }
- #rbx {
- border-radius: 0 0 3px 0;
- }
- #sbw2, #pi {
- position: absolute;
- background-color: #ffffff;
- margin: -40px 160px;
- font-family: consolas;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- width: 140px;
- z-index: 1;
- margin: 40px 240px;
- }
- .mv2 {margin-left: 78px;}
- .bt2 {
- width: 140px;
- letter-spacing: 0;
- }
- #iv {
- position: absolute;
- margin: 14px 30px;
- width: 150px;
- height: 36px;
- padding-left: 6px;
- z-index: 1000000000;
- margin: 14px 5px;
- }
- .dbl {
- border-top: 1px solid #e2e2e2;
- border-bottom: 1px solid #e2e2e2;
- height: 2px;
- background-color: transparent;
- width: 270px;
- position: absolute;
- margin: 16px -180px;
- z-index: -10000;
- opacity: 0;
- }
- .ifonts a, .ifonts2 a {color: #ffffff;transition: 0.2s;}
- .ifontsbg, .ifontsbg2, .ifontsbg3 {
- padding: 3px;
- background-color: #35822a;
- width: 18px;
- height: 18px;
- text-align: center;
- margin: 6px 6px 6px 0;
- float: left;
- border-radius: 3px;
- font-size: 14px;
- line-height: 18px;
- transition: 0.2s;
- }
- .ifontsbg2, .ifontsbg3 {
- float: none;
- }
- .ifontsbg:hover {
- background-color: #e4e796;
- color:#ffffff;
- }
- .ifontsbg2:hover {
- background-color: #c6aec4;
- color:#ffffff;
- }
- .ifontsbg3:hover {
- background-color: #c6aec4;
- color:#ffffff;
- }
- .ifontstxt, .ifontstxt2 {
- font-family: consolas;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- position: absolute;
- line-height: 12px;
- text-align: center;
- width: 100px;
- margin-top: 6px;
- margin-left: -51px;
- opacity: 0;
- transition: 0.2s;
- }
- .ifontstxt2 {
- margin-top: -15px;
- margin-left: 20px;
- text-align: left;
- width: 400px;
- }
- .ifontstxt a, .ifontstxt2 a {
- background-color: #eaeaea;
- color: #a5a5a5;
- padding: 1px 3px;
- }
- .ifontsbg:hover .ifontstxt {
- opacity: 1;
- margin-top: 10px;
- }
- .ifontsbg2:hover .ifontstxt2, .ifontsbg3:hover .ifontstxt2 {
- opacity: 1;
- margin-left: 24px;
- }
- .iftri, .iftri2 {
- position: absolute;
- text-align: center;
- color: #eaeaea;
- font-size: 10px;
- margin: -8px 0 0 48px;
- }
- .iftri2 {
- text-align: left;
- margin: -1px 0 0 -6px;
- }
- .pptags {
- width: 200px;
- font-family: consolas;
- font-size: 8px;
- text-transform: uppercase;
- padding: 0 10px;
- border-left: 3px double #e2e2e2;
- text-align: left;
- margin: 2px 7px;
- line-height: 9px;
- opacity: 0;
- line-height: 16px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .pptags a {
- color: #eacae8;
- background-color: #fff8fd;
- padding: 2px 3px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .pptags a:hover { border-bottom: 1px solid #eacae8; }
- .ifontsbg3:hover .pptags {
- padding: 5px 10px;
- opacity: 1;
- }
- #ps1 {
- position: absolute;
- margin-top: 40px;
- border-left: 436px solid transparent;
- opacity: 0;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .post:hover #ps1 {
- border-left: 440px solid transparent;
- opacity: 1;
- }
- .mv3 {
- margin-left: 340px;
- }
- .bt3 {
- padding-left: 50px;
- color: #aaaaaa;
- width: 380px;
- }
- .bt3 a {color: #aaaaaa;}
- .bt3 a:hover {text-decoration: underline;}
- .desc {
- font-family: consolas;
- font-size: 8px;
- color: #4f6a4c;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- .desc a {
- background-color: #fff6fe;
- color: #c6aec4;
- }
- .desc a:hover {
- border-bottom: 1px solid #c6aec4;
- }
- .desc b,strong { color: #daadd6; }
- .desc i,em { color: #cccccc; }
- #content {
- margin: 60px 470px;
- width: 600px;
- margin: 60px 490px;
- }
- .post {
- background-color: #ffffff;
- width: 510px;
- margin-bottom: 60px;
- opacity: 1;
- width: 410px;
- }
- .photo {
- width: 400px;
- display: block;
- opacity: 0.7;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .post img {
- max-width: 400px;
- }
- .post blockquote img {max-width: 100%;}
- .post:hover .photo {
- opacity: 1;
- }
- .posttags {
- width: 200px;
- font-family: consolas;
- font-size: 8px;
- text-transform: uppercase;
- position: absolute;
- padding: 5px 10px;
- border-left: 1px solid #e2e2e2;
- opacity: 0;
- margin: 40px 440px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .post:hover .posttags {
- margin: 50px 440px;
- opacity: 1;
- }
- .posttags a {
- color: #eacae8;
- background-color: #fff8fd;
- padding: 1px 3px;
- line-height: 12px;
- }
- .posttags a:hover {border-bottom: 1px solid #eacae8;}
- .reblogme {
- position: absolute;
- padding: 5px 10px;
- border-left: 1px solid #e2e2e2;
- margin: -30px -11px;
- }
- .reblogme a { color: #ffeffe;background-color: transparent; }
- .reblogme a:hover { text-decoration: underline;border-bottom: 1px solid transparent; }
- .peri {
- position: absolute;
- margin: -34px 12px;
- font-size: 12px;
- color: #e7c5db;
- padding: 4px;
- width: 16px;
- height: 16px;
- text-align: center;
- line-height: 16px;
- }
- .pp {
- padding: 5px;
- }
- .text {
- font-family: consolas;
- font-size: 10px;
- color: #aaaaaa;
- line-height: 13px;
- }
- .text a {
- color: #dabcd7;
- background-color: #fff6fe;
- }
- .text a:hover {
- border-bottom: 1px solid #dabcd7;
- }
- .text b,strong { color: #da9dc4; }
- .text i,em { color: #cccccc; }
- .text blockquote {
- margin: 5px;
- padding-left: 10px;
- border-left: 1px solid #f3bce7;
- }
- .ptitle {
- font-size: 12px;
- font-family: consolas;
- padding: 3px 6px;
- border-radius: 0 0 4px 0;
- color: #c6aec4;
- border-bottom: 1px solid #e5e5e5;
- }
- .pquo, .ltitle {
- font-family: consolas;
- font-size: 12px;
- color: #aaaaaa;
- z-index: 1;
- position: relative;
- }
- .pquos {
- font-family: consolas;
- font-size: 10px;
- color: #cccccc;
- }
- .pquos blockquote {
- border-left: 1px solid #f3bce7;
- margin-left: 10px;
- padding-left: 20px;
- }
- .pquot {
- color: #eeeeee;
- z-index: 1;
- font-family: georgia;
- font-size: 80px;
- position: absolute;
- margin: -5px 366px;
- }
- .ltitle a {
- background-color: #fff7fe;
- border-bottom: 1px solid #eacae8;
- color: #c9a8c6;
- padding: 2px 5px;
- }
- .ltitle a:hover {
- background-color: #f8f8f8;
- border-bottom: 1px solid #dadada;
- color: #dadada;
- }
- .line {
- font-family: consolas;
- font-size: 10px;
- color: #aaa;
- text-align: left;
- padding: 4px 0;
- }
- .odd .line {color:;}
- .even .line {
- color:;
- background-color: #fff4ff;
- }
- .odd .name {
- min-width: 60px;
- float: left;
- text-align: right;
- padding-right: 10px;
- }
- .even .name {
- min-width: 60px;
- float: left;
- text-align: right;
- padding-right: 10px;
- }
- .albumart {
- width: 130px;
- height: 130px;
- border-radius: 10px;
- padding: 10px;
- border-left: 1px solid #eacae8;
- border-right: 1px solid #eacae8;
- background-color: #f8f8f8;
- }
- .albartblank {
- width: 130px;
- height: 130px;
- font-family: consolas;
- font-size: 8px;
- text-transform: uppercase;
- letter-spacing: 1px;
- line-height: 150px;
- text-align: center;
- background-color: #fafafa;
- color: #ccc;
- }
- .albart {
- width: 130px;
- height: 130px;
- margin-top: -130px;
- position: absolute;
- border-radius: 10px;
- display: block;
- }
- .audinfo {
- position: absolute;
- margin: 0 160px;
- font-family: consolas;
- font-size: 10px;
- color: #aaaaaa;
- line-height: 24px;
- }
- .audinfot {
- background-color: #eacae8;
- color: #ffffff;
- padding: 4px 6px;
- }
- .aud {
- border: 1px solid #f8f8f8;
- border-radius: 5px;
- margin-bottom: 10px;
- padding-top: 7px;
- padding-left: 5px;
- width: 239px;
- }
- .askerportrait {
- padding: 10px;
- border-radius: 5px;
- border-left: 1px solid #eacae8;
- border-right: 1px solid #eacae8;
- background-color: #f8f8f8;
- }
- .aske {
- position: absolute;
- margin: 0 85px;
- font-family: consolas;
- font-size: 10px;
- color: #aaa;
- width: 310px;
- }
- .askersent {
- border-bottom: 1px solid #eacae8;
- padding: 4px 10px;
- }
- .askersent a {
- background-color: #fff6fe;
- color: #dabcd7;
- }
- .askersent a:hover {
- border-bottom: 1px solid #dabcd7;
- }
- .askco {
- padding: 8px 5px 10px 10px;
- height: 42px;
- overflow: auto;
- }
- #pi {
- margin: -40px 0;
- }
- #pi a, #notecon a {
- background-color: #fff6fe;
- color: #dabcd7;
- }
- #pi a:hover, #notecon a:hover {
- border-bottom: 1px solid #dabcd7;
- }
- .bt4 {
- margin-top: -5px;
- margin-left: -5px;
- position: absolute;
- width: 315px;
- }
- .mv4 {
- margin-top: -5px;
- z-index: 10;
- margin-left: 260px;
- }
- #notecon {
- font-family: consolas;
- font-size: 10px;
- color: ;
- width: 325px;
- margin: -40px 185px;
- padding: 5px;
- }
- #notecon ol.notes {
- list-style-type: none;
- text-decoration: none;
- }
- #notecon img.avatar {
- margin-right: 5px;
- width: 10px;
- height: 10px;
- float: left;
- }
- .pnott {
- margin-left: -20px;
- margin-top: 30px;
- }
- .pagi {
- font-family: consolas;
- font-size: 12px;
- position: fixed;
- bottom: 50px;
- left: 80px;
- width: 320px;
- text-align: center;
- color: ;
- }
- .pagi a {
- background-color: #fff6fe;
- color: #dabcd7;
- padding: 2px 5px;
- }
- .pagi a:hover {
- border-bottom: 1px solid #dabcd7;
- }
- #mugen {
- position: absolute;
- margin: -30px 90px;
- width: 55px;
- height: 30px;
- overflow: hidden;
- }
- .mus {
- margin-left: 10px;
- transition: 0.4s;
- }
- #mugen:hover .mus {
- margin-top: -30px;
- opacity: 0;
- }
- .fuu {
- margin-left: -5px;
- }
- </style>
- <div id="maincon">
- <div id="left">
- <a href="/" title="restart"><img class="lefticon" src="http://i.picpar.com/YmEc.gif"></a>
- <div class="urnm">Leafa<span class="userclass">alive</span>
- <span class="gender">
- ♀
- </span></div><div class="userb"></div>
- <div id="health">
- <div class="heal">
- <span class="healthtxt">hp</span>
- <span class="hpbar"><div class="healthf" id="hp"></div></span></div>
- <div style="height: 14px;"></div>
- <div class="heal"><span class="healthtxt">sp</span><span class="hpbar"><span class="healthf" id="sp"></span></span></div>
- </div><!--health-->
- <div id="sbw1">
- <div class="mv">
- <div class="rightbuttons" id="rbi">_</div>
- <div class="rightbuttons" id="rbii">▢</div>
- <div class="rightbuttons" id="rbx">x</div>
- </div><!--mv-->
- <div class="bt"><span style="color: #415042;">桐ヶ谷直葉</div>
- <div id="sbw2">
- <div id="mugen">
- <img class="mus" src="http://static.tumblr.com/06875307f3e9d1b26a74b988b699c42a/2icx37z/jOJnbvn46/tumblr_static_9hppr7kq8u80ckwg880ks4wgk.gif">
- <div class="fuu">
- <embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=http://k007.kiwi6.com/hotlink/s7oblbmft5/DANGANRONPA_OST-_Disc_01-_-05-_Beautiful_Dead.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
- </div>
- </div><!--mugen-->
- <div class="mv2">
- <div class="rightbuttons1" id="rbi">_</div>
- <div class="rightbuttons1" id="rbii">▢</div>
- <div class="rightbuttons1" id="rbx">x</div>
- </div><!--mv2-->
- <div class="bt2"></div>
- <div class="desc">
- TEXT GOES HERE.
- </div>
- <select style="width: 135px; margin-top: 10px; border: 1px solid #fff1fe; padding: 3px; color: #aaaaaa; background-color: #ffffff; font-family: consolas; font-size: 10px; letter-spacing: 1px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value="">Friends!</option>
- <a href="https://roleplay.chat/profile.php?user=Yuuki+Asuna"><option value="">Asuna Yuuki</option></a>
- <a href="https://roleplay.chat/profile.php?user=Kirito Blak Swordman"><option value="">Kirito Kirigaya</option></a>
- <a href="https://roleplay.chat/profile.php?user=Shino Asada"><option value="">Shino Asada</option></a>
- </select>
- <div id="iv">
- <div class="dbl"></div>
- <div class="ifontsbg"><div class="ifonts"><a href="/"><i class="fa fa-file-o"></i></a></div>
- <span class="ifontstxt"><a href="/"><div class="iftri">▲</div>new document</a></span>
- </div>
- <div class="ifontsbg"><div class="ifonts"><a href="/ask"><i class="fa fa-envelope-o"></a></i></div>
- <span class="ifontstxt"><a href="/ask"><div class="iftri">▲</div>mail</a></span>
- </div>
- <div class="ifontsbg"><div class="ifonts"><a href="/archive"><i class="fa fa-folder-open-o"></i></a></div>
- <span class="ifontstxt"><a href="/archive"><div class="iftri">▲</div>open file</a></span>
- </div>
- <div class="ifontsbg"><div class="ifonts"><a href="http://yukoki.tumblr.com"><i class="fa fa-floppy-o"></i></a></div>
- <span class="ifontstxt"><a href="http://yukoki.tumblr.com"><div class="iftri">▲</div>control panel</a></span>
- </div>
- </div><!--iv-->
- </div><!--sbw2-->
- <span style="width: 135px; margin-top: 10px; border: 1px solid #fff1fe; padding: 3px; color: #aaaaaa; background-color: #ffffff; font-family: consolas; font-size: 10px; letter-spacing: 1px; margin-right: 5px;" onChange="location.href=this.options[this.selectedIndex].value;">
- jfldsjglslsk
- <div style="letter-spacing: 2px; text-shadow: ##585858 0pt 0em .1em, ##585858 0pt 0em 1em,##585858 1pt 1em 1em; ; opacity: 1; width: px; height: px; ; position: absolute; top: 80px; left: 370px; overflow: auto; text-align: left; border-radius: ; border: 0px solid #3f3c3c;"><span style="font-family: andale mono,times; font-size: xx-small; color: #000000;"> <img src="http://i.picpar.com/TmEc.png" alt="" width="730" height=" " /> </span></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement