Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
- <!---
- BASE CODE 2.0 BY LIMESTHEMES/OFCUTEBOYS/CAROLINE
- HEAVILY EDITED BY NICOLE @ JUNGJNSOUL
- IMESSAGE CHAT POSTS BY ANAMALITIES
- --->
- <!---META TAGS--->
- <meta name="image:side icon" content=""/>
- <meta name="color:background" content=""/>
- <meta name="color:scroll" content=""/>
- <meta name="color:text" content=""/>
- <meta name="color:link" content=""/>
- <meta name="color:hover" content=""/>
- <meta name="color:i like ya accent" content=""/>
- <meta name="color:accent" content=""/>
- <meta name="color:accent text" content=""/>
- <meta name="text:text1" content=""/>
- <meta name="text:text2" content=""/>
- <meta name="text:side desc" content=""/>
- <meta name="text:link1hover" content="i"/>
- <meta name="text:link1url" content="link 1 url"/>
- <meta name="text:link2hover" content="ii"/>
- <meta name="text:link2url" content="link 2 url"/>
- <meta name="text:link3hover" content="iii"/>
- <meta name="text:link3url" content="link 3 url"/>
- <meta name="text:link4hover" content="iv"/>
- <meta name="text:link4url" content="link 4 url"/>
- <meta name="text:link5hover" content="v"/>
- <meta name="text:link5url" content="link 5 url"/>
- <!---post related if blocks--->
- <meta name="if:Post Align Justify" content="0"/>
- <meta name="if:Post Align left" content="1"/>
- <!--- ICONS & FONT HOSTING --->
- <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
- <link href="https://fonts.googleapis.com/css?family=Assistant" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Fredericka+the+Great" rel="stylesheet">
- <link href="https://fonts.googleapis.com/css?family=Anonymous+Pro" rel="stylesheet">
- <style type="text/css">
- /*--OVERALL STYLING---*/
- body {background-color:{color:background};font-family:'Assistant', sans-serif; font-size:11px;color:{color:text};}
- a {color:{color:link};text-decoration:none;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;}
- blockquote { padding:0px 6px 0px 12px; margin:4px 0px 2px 2px; text-align:left; letter-spacing:1px; border-left:1px solid {color:accent}; }
- /* POST AESTHETICS */
- b, strong {
- color:{color:accent}; font-size:10.5px; letter-spacing:.5px;
- }
- em, i {
- color:{color:i like ya accent}; letter-spacing:.7px;
- }
- h1 {
- font-family:'Abril Fatface', cursive;
- font-size:18px;
- color:{color:i like ya accent};
- text-align:center; text-transform:uppercase;
- }
- h2 {
- font-family:'Abril Fatface', cursive;
- font-size:18px; letter-spacing:2px;
- color:{color:accent};
- text-align:center; text-transform:lowercase;
- }
- h3 {
- font-family: 'Anonymous Pro', monospace;
- text-align:center; letter-spacing:2px;
- }
- h4 {
- text-align:center;
- }
- /* IMESSAGE CHAT POST */
- .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#e5e5ea;color:#000;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #e5e5ea;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:{color:i like ya accent};color:#000}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid {color:i like ya accent};border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden}
- .asked p {
- text-align: left;
- margin: 0 0px 10px 0px;
- padding: 0;
- color: #666666;
- font-family: 'Inconsolata', Inconsolata;
- font-size: 12px;
- line-height: 0px;
- }
- .footerright .viasrc {
- float: left;
- }
- .asked a {
- margin:0;padding:0;
- }
- .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060}
- .convo {
- overflow: hidden;
- list-style-type: none;
- padding: 0;
- margin: 0;
- }
- ::selection {background-color:{color:accent};}
- ::-webkit-scrollbar {width:5px;background-color:{color:scroll};border:5px solid white;}
- ::-webkit-scrollbar-thumb {background-color:{color:scroll};border-width:3px;}
- #credit {bottom:3px;position:fixed;right:10px;float:right;font-family:calibri;color:{color:accent text};font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:5px;}
- #credit a {color:{color:accent text};background-color:{color:i like ya accent};padding:5px;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;-ms-transition-duration:.8s;}
- #credit a:hover {color:{color:accent text};background-color:{color:i like ya accent};}
- /*---SIDEBAR---*/
- #sidebar {
- width:180px;
- height:280px;
- margin-left:200px;
- background-color:transparent;
- margin-top:120px;
- position:fixed;
- }
- #fresh {
- font-family:'Abril Fatface', cursive;
- margin-top:15px;
- text-align:center;
- width:100%;
- font-size:17px;
- color:{color:i like ya accent};
- letter-spacing:5px;
- font-weight:bold;
- text-transform:uppercase;
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- #fresh a {
- color:{color:i like ya accent};
- -webkit-transition-duration:1s;
- -moz-transition-duration:1s;
- -o-transition-duration:1s;
- }
- /* TEXT BUBBLES */
- .sidebub {
- padding:7px; margin-top:10px;
- height:auto; width:75%;
- background-color:{color:accent}; color:#fff;
- border-radius: 7px 7px 7px 0px;
- font-size:9px;
- text-align:right;
- padding-right:10px;
- }
- .sidebubt {
- width: 0;
- height: 0;
- border-top: 10px solid transparent;
- border-right: 7px solid {color:accent};
- border-bottom: 0px solid transparent;
- margin-top:-10px; margin-right:149px;
- }
- .sidebubload {
- padding:7px; margin-top:5px;
- height:auto; width:20%;
- background-color:{color:accent}; color:#fff;
- border-radius: 7px 7px 7px 0px;
- font-size:7px;
- text-align:center;
- }
- .sidebubloadt {
- width: 0;
- height: 0;
- border-top: 10px solid transparent;
- border-right: 7px solid {color:accent};
- border-bottom: 0px solid transparent;
- margin-top:-10px; margin-right:48px;
- }
- .lsidebub {
- padding:7px; margin-top:5px;
- height:auto; width:75%;
- background-color:{color:i like ya accent}; color:#fff;
- border-radius: 7px 7px 0px 7px;
- font-size:9px;
- text-align:left;
- padding-left:10px;
- }
- .lsidebubt {
- width: 0;
- height: 0;
- border-top: 10px solid transparent;
- border-left: 7px solid {color:i like ya accent};
- border-bottom: 0px solid transparent;
- margin-top:-10px; margin-left:149px;
- }
- #sidebarimage {
- width: 70px;
- height: 70px;
- background: red;
- border-radius: 50%;
- margin-top:15px;
- border:3px {color:i like ya accent} solid;
- background-image:url('{image:side icon}');
- }
- .sidebarimg {
- width: 0; height: 0;
- border-left: 7px solid transparent;
- border-right: 7px solid transparent;
- border-top: 10px solid {color:i like ya accent};
- margin-top:-2px;
- }
- #desc {
- width:100%; margin-top:15px;
- color:#000;
- text-align:justify; text-align-last:center;
- font-family:'Assistant', sans-serif;
- font-size:10px; font-weight:normal;
- line-height:150%;
- }
- #links {
- width:100%;
- word-spacing:1px;
- display:inline-block;
- font-family:helvetica;
- text-align:center;
- font-size:11px;
- margin-top:15px;
- color:black;
- letter-spacing:8px;
- text-transform:lowercase;
- color:{color:accent2};
- }
- #links a {
- color:{color:text};
- background-color:transparent;
- padding:3px;
- display:inline-block;
- }
- #links a:hover {
- background-color:transparent;
- }
- /*---POSTS---*/
- #postcontainer {
- margin-left:600px;
- margin-top:-50px;
- width:550px;
- }
- #post {{block:Ifpostalignleft}text-align:left;{/block:Ifpostalignleft}{block:IfPostAlignJustify}text-align:justify;{/block:IfPostAlignJustify}line-height:150%;width:500px;margin-top:100px;letter-spacing:1px;}
- #post ul {list-style:circle;letter-spacing:2px;text-align:justify;}
- #post ol {list-style:decimal;letter-spacing:2px;text-align:justify;}
- /*---MESSAGE POSTS---*/
- .ask_block {
- width:480px;
- background-color:#f5f5f5;
- padding:10px;
- }
- .answer {
- color:black;
- padding:10px;
- padding-top:5px;
- border:1px solid #f5f5f5;
- letter-spacing:1px;
- }
- .asker {
- font-size:9px;
- text-transform:uppercase;
- font-weight:normal;
- letter-spacing:2px;
- }
- .asker a:hover {
- color:{color:accent};
- }
- /*---POST INFORMATION---*/
- .postinfo{
- margin-top:10px;
- font-weight:bold;
- }
- .postinfo a {
- color:{color:accent};
- }
- .tags {
- margin-top:5px;
- font-weight:normal;
- color:{color:text};
- font-size:9px;
- font-family: 'Anonymous Pro', monospace;
- }
- .tags a {
- color:{color:text};
- }
- /*---PAGINATION: BASE CREDIT EXCOLO---*/
- #pagination{
- position:static;
- margin-top:30px;
- text-align:center;
- }
- .pagibutton{
- position:relative;
- display:inline-block;
- background:transparent;
- padding:10px;
- border-radius:15px;
- color:{color:title};
- font-size:15px;
- margin-top:10px;
- }
- #post:hover #info {
- opacity:1;
- }
- {block:IfHoverTags}
- #post:hover .tags {
- opacity:1;
- }
- {/block:IfHoverTags}
- .captoin {
- color:black;
- padding:15px;
- letter-spacing:1px;
- display:block;
- margin-top:10px;
- width:466px;
- }
- .convo li {list-style: none;}
- .convo .label {text-transform: uppercase;}
- .line_odd .label {color: {color:chatline_odd};}
- .line_even .label {color: {color:chatline_even};}
- .dinky {
- float:left;
- }
- #albumart img{
- width:150px;
- height:150px;
- padding:0px;
- border-width:0px;
- }
- .player {
- width:30px;
- overflow:hidden;
- height:30px;
- padding:0px;
- padding-left:5px;
- padding-top:3px;
- position:absolute;
- left:50%;
- top:50%;
- margin-top:-20px;
- margin-left:-20px;
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- .daplaya:hover {
- -webkit-transform:scale(.4);
- }
- .daplaya:hover .player {
- -webkit-transform:scale(3);
- }
- .daplaya {
- background-color:black;
- width:120px;
- height:120px;
- position:absolute;
- margin-top:-135px;
- margin-left:15px;
- -webkit-transition-duration:500ms;
- -moz-transition-duration:500ms;
- -o-transition-duration:500ms;
- -ms-transition-duration:500ms;
- }
- .donkey {
- float:left top;
- margin-left:150px;
- background-color:black;
- padding:20px;
- height:110px;
- text-align:center;
- color:white;
- }
- .track {
- font-size:15px;
- text-shadow:0px 0px 1px #fff;
- letter-spacing:4px;
- padding:10px;
- font-weight:300;
- text-transform:uppercase;
- font-family:Helvetica;
- color:white;
- }
- .artist {
- letter-spacing:1px;
- font-style:italic;
- font-weight:bold;
- }
- .playcount {
- font-size:9px;
- text-transform:uppercase;
- letter-spacing:3px;
- }
- #audiolo {
- width:500px;
- padding-bottom:80px;
- }
- .album {
- font-weight:normal;
- }
- .qtation {
- color:{color:accent};
- font-family:'Abril Fatface', cursive;
- text-align:right;
- font-size:15px;
- letter-spacing:1px;
- }
- .src {
- padding:5px; color:{color:text};
- margin-top:10px;
- font-family: 'Anonymous Pro', monospace;
- }
- ol.notes {
- font-size:10px;
- text-align:left;
- list-style-type:circle; }
- ol.notes li.note {
- margin-bottom:5px;
- font-size:9px; }
- ol.notes img { padding-left:5px; padding-right:5px; }
- </style>
- </head>
- <body>
- <div id="sidebar">
- <div align="center"><div id="sidebarimage"></div><div class="sidebarimg"></div>
- <div align="right"><div class="sidebub">{text:text1}</div><div class="sidebubt"></div></div>
- <div align="left"><div class="lsidebub">{text:text2}</div><div class="lsidebubt"></div></div>
- <div align="right"><div class="sidebubload">◯ ◯ ◯</div><div class="sidebubloadt"></div></div>
- <div id="desc">{text:side desc}
- </div>
- <div id="fresh"><a href="/">{Title}</a></div>
- <div id="links">
- <a title="{text:link1hover}" href="{text:link1url}"><span class="lnr lnr-redo"></span></a>
- <a title="{text:link2hover}" href="{text:link2url}"><span class="lnr lnr-bubble"></span></a>
- <a title="{text:link3hover}" href="{text:link3url}"><span class="lnr lnr-heart"></span></a>
- <a title="{text:link4hover}" href="{text:link4url}"><span class="lnr lnr-tag"></span></a>
- <a title="{text:link5hover}" href="{text:link5url}"><span class="lnr lnr-cog"></span></a>
- {block:Pagination}
- <div class="pagination">
- {block:PreviousPage}
- <a href="{PreviousPage}">
- <div class="pagibutton"><span class="lnr lnr-arrow-left"></span></div></a>
- {/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}">
- <div class="pagibutton"><span class="lnr lnr-arrow-right"></span></div></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div></div>
- </div>
- </div>
- </div>
- <div id="postcontainer">
- {block:Posts}
- <div id="post">
- {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
- {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">{Photoset-500}</div>
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:Photoset}
- {block:Video}{Video-500}
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Audio}<div id="audiolo">
- <div class="dinky">
- {block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="daplaya"><div class="player">{AudioPlayerBlack}</div></div></div>
- <div class="donkey">
- <div class="track"> {block:TrackName}
- {TrackName}
- {/block:TrackName} </div>
- <div class="artist">
- {block:Artist}
- Artist: {Artist}
- {/block:Artist} </div>
- <div class="album">
- {block:Album}
- Album: {Album}
- {/block:Album}
- </div>
- <div class="download">{block:ExternalAudio}<a href="{ExternalAudioURL}">download this song</a>{/block:ExternalAudio}</div>
- <div class="playcount">
- {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
- </div>
- {block:Caption}<div class="captoin">{Caption}</div>{/block:Caption}</div>{/block:Audio}
- {block:Quote}<div class="qtation"><span style="font-family:times;font-size:15px;font-weight:900;">❝ </span>{Quote}<span style="font-family:times;font-size:15px;font-weight:900;"> ❞</span></div>{block:Source}<div class="src">{Source}</div>{/block:Source}{/block:Quote}
- {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
- {block:Answer}<div class="question">
- <div class="ask_block"><span class="asker">{Asker}</span> asked: {Question}</div>
- <div class="answer">{Answer}</div>
- </div>{/block:Answer}
- {block:Chat}
- {block:Title}
- <h1>{Title}</h1>{/block:Title}<br>
- <ul class="convo">{block:Lines}<li class="line_{Alt} user_{UserNumber}">{block:Label}<span class="label"><strong>{Label}</strong></span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- <p><hr>
- <div id="info">
- <!---POST INFO--->
- <div class="postinfo">
- <!--PERMALINK-->
- <a href="{Permalink}">
- {block:Date}
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} {12Hour}:{Minutes} {AmPm}
- {/block:Date}
- </a>
- <!--NOTES-->
- {block:NoteCount}
- <a href="{Permalink}"> + {NoteCount} </a>
- {/block:NoteCount}
- <!--VIA AND SOURCE-->
- {block:RebloggedFrom}
- ( <a href="{ReblogParentURL}">Via</a>
- {/block:RebloggedFrom}
- {block:ContentSource}
- & <a href="{SourceURL}">Source</a>
- {/block:ContentSource}
- {block:RebloggedFrom} ){/block:RebloggedFrom}
- <!--TAGS-->
- {block:HasTags}
- <div class="tags">
- » {block:Tags}
- <a href="{TagURL}">{Tag},</a>
- {/block:Tags}
- </div>
- {/block:HasTags}
- </div>
- <br><br>
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- {/block:Posts}
- </div><div id="postnotes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
- <div id="credit"><a href="http://jungjnsoul.tumblr.com/"><span class="lnr lnr-magic-wand"></span></a></div>
- </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement