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}
- <!--- musecentral.tumblr.com/ basecode
- please don't steal! it's not very nice
- leave credit here. --->
- <!--- COLOURS ---->
- <meta name="color:background" content=""/>
- <meta name="color:text" content=""/>
- <meta name="color:b" content=""/>
- <meta name="color:i" content=""/>
- <meta name="color:strike" content=""/>
- <meta name="color:accent1" content=""/>
- <meta name="color:accent2" content=""/>
- <meta name="color:shadow" content=""/>
- <meta name="color:border" content=""/>
- <meta name="color:desc text" conetent=""/>
- <meta name="color:links" content=""/>
- <meta name="color:container" content=""/>
- <meta name="color:post background" content=""/>
- <meta name="color:info background" content=""/>
- <meta name="color:links background" content=""/>
- <!--- IMAGES ---->
- <meta name="image:background" content=""/>
- <meta name="image:image1" content=""/>
- <meta name="image:image2" content=""/>
- <meta name="image:fam2" content=""/>
- <!--- TEXT ---->
- <meta name="text:main title" content="/">
- <meta name="text:link2" content="/">
- <meta name="text:link2 text" content="/">
- <meta name="text:link3" content="/">
- <meta name="text:link3 text" content="/">
- <meta name="text:link4" content="/">
- <meta name="text:link4 text" content="/">
- <style type="text/css">
- @font-face {
- font-family: "Anatalia Script Regular";
- src: url('https://dl.dropbox.com/s/vtmrk16y2ohd9z6/Anatalia%20Script%20Regular.ttf?dl=0'); ;}
- /*SCROLLBAR*/
- ::-webkit-scrollbar-thumb {
- height:auto;
- background-color:{color:accent1};
- }
- ::-webkit-scrollbar {
- height:9px;
- width:2px;
- background-color:{color:accent2};
- }
- /*BULLET POINTS*/
- ul, li {
- line-height:100%;
- }
- /*BODY*/
- body {
- background:{color:background};
- color:{color:text};
- font-family:georgia;
- line-height:150%;
- font-size:9px;
- text-align:justify;
- background-attachment: fixed;
- background-repeat:repeat;
- background-image:url('{image:background}') ;
- }
- a {
- text-decoration:underline;
- font-family:courier;
- text-transform:uppercase;
- color:{color:links};
- font-weight:bold;
- }
- img {
- border:none;
- max-width:100%;
- }
- b {
- color:{color:b};
- }
- i
- /*TITLE STYLES*/
- pre {
- background:{color:border};
- border:1px dotted {color:border};
- color:{color:text};
- padding:5px;
- font-family:courier new;
- text-align:justify;
- word-wrap: break-word;
- }
- h1 {
- color:{color:desc text};
- padding:5px;
- text-transform:uppercase;
- font-family:arial;
- font-size:15px;
- background-color:{color:container};
- font-style:italic;
- text-align:right;
- border:1px dotted {color:border};
- }
- h2 {
- font-size:10px;
- color:{color:text};
- text-transform:uppercase;
- font-family: arial black;
- background-color:{color:background};
- padding:7px;
- font-style:bold, italic;
- text-align:center;
- border:1px dotted {color:border};
- }
- /*BLOCKQUOTES*/
- blockquote {
- border:1px dotted {color:border};
- padding-left:20px;
- margin-left:10px;
- padding:10px;
- text-align:justify;
- background:{color:background};
- word-wrap: break-word;
- }
- blockquote blockquote {
- border-left:4px solid {color:text};
- margin-left:10px;
- text-decoration:none;
- padding:10px;
- text-align:justify;
- font-family: 'PT Sans', sans-serif;
- background:{color:post background};
- border-radius:3px;
- word-wrap: break-word;
- }
- /*TOOLTIP*/
- #s-m-t-tooltip {
- max-width:300px;
- padding:3px 4px 5px 4px;
- margin:20px 0px 0px 20px;
- background-color:{color:accent2};
- font-family:arial;
- font-size:9px;
- letter-spacing:2px;
- text-transform:uppercase;
- color:{color:accent1};
- z-index:1;
- }
- /*IMAGES*/
- .image1 {
- position:fixed;
- margin-top:0px;
- margin-left:121px;
- width:200px;
- line-height:90%;
- letter-spacing:7px;
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .image1 img {
- padding:2px;
- border:1px dotted {color:border};
- width:180px;
- height:110px;
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .image2 {
- position:fixed;
- margin-top:0px;
- margin-left:-100px;
- width:230px;
- line-height:90%;
- letter-spacing:7px;
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .image2 img {
- padding:2px;
- border:1px dotted {color:border};
- width:210px;
- height:340px;
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .fam2 {
- position:fixed;
- margin-top:355px;
- margin-left:-94px;
- width:400px;
- line-height:90%;
- letter-spacing:7px;
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .fam2 img {
- padding:2px;
- border:1px dotted {color:border};
- width:400px;
- height:115px;
- opacity:1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- /*ENTRIES*/
- #box{
- margin-top:80px;
- margin-left:260px;
- width:905px;
- height:535px;
- border:5px double {color:border};
- background-color:{color:container};
- }
- #entries {
- position:fixed;
- padding:10px;
- z-index:9999;
- margin-left:10px;
- margin-top:10px;
- height:495px;
- width:443px;
- border:1px dotted {color:border};
- background:{color:background};
- overflow:auto;
- }
- #post {
- font-size:9px;
- width:400px;
- border:1px dotted {color:border};
- background-color: {color:post background};
- padding:20px;
- margin-bottom:30px;
- color: {color:text};
- text-align:justify;
- word-wrap: break-word;
- }
- /*SIDEBAR*/
- #sidebar{
- padding:10px;
- z-index:9999;
- text-align:center;
- position:fixed;
- margin-top:40px;
- font-size:10px;
- margin-left:828px;
- width:443px;
- height:150px;
- color:black;
- font-family:arial;
- color:{color:background};
- }
- #title {
- width:450px;
- font-size:85px;
- font-family: "Anatalia Script Regular";
- overflow:none;
- position:fixed;
- text-align:center;
- transform: rotate(5deg);
- letter-spacing:-1px;
- padding:5px;
- margin-top:-80px;
- margin-left:-100px;
- color:{color:links};
- border-bottom:1px solid {color:border};
- }
- #description {
- padding:10px;
- overflow:auto;
- text-align:center;
- font-size:9px;
- height:170px;
- position:fixed;
- width:164px;
- color:{color:desc text};
- background:{color:background};
- margin-left:130px;
- margin-top:120px;
- border:1px dotted {color:border};
- padding-bottom:20px;
- }
- #links{
- z-index:9999999999999999999;
- padding:10px;
- margin-top:240px;
- text-align:center;
- font-family:arial black;
- position:fixed;
- z-index:9999;
- display:block;
- margin-left:112px;
- width:200px;
- }
- #links a{
- text-decoration:none;
- z-index:99999999999999;
- padding:1px;
- font-size:10px;
- margin-top:80px;
- text-align:center;
- text-transform:lowercase;
- font-family: arial black;
- background-color:{color:accent2};
- color:{color:links};
- width:40px;
- display:inline-block;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- #links a:hover{
- text-decoration:underline;
- color:{color:accent2};
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- /*POST INFO*/
- #info {
- width:426px;
- text-align:left;
- font-family:arial;
- margin-top:7px;
- margin-left:-20px;
- letter-spacing:1px;
- color:{color:text};
- background:{color:info background};
- font-size:8px;
- font-style:none;
- padding:7px;
- line-height:10px;
- text-transform:uppercase;
- z-index:99999;
- }
- #info a {
- background:{color:info background};
- text-align:center;
- color:{color:Links};
- }
- #info a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:accent1}
- }
- #tags {
- background-color:{color:info background};
- float:left;
- width:430px;
- margin-top:0px;
- margin-left:-7px;
- text-align:left;
- font-family: "Anatalia Script Regular";
- font-size:8px;
- padding:5px;
- padding-bottom:10px;
- font-size:8px;
- opacity:1;
- transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -o-transition-duration: 0.5s
- color:{color:Links};
- }
- #tags a {
- letter-spacing:2px;
- text-transform:lowercase;
- font-size:18px;
- text-align:center;
- font-family: "Anatalia Script Regular";
- text-decoration:none;
- display:inline-block;
- color:{color:Links};
- }
- #tags a:hover {
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- color:{color:accent1};
- }
- ol.notes {
- display:block;
- text-align:left;
- list-style-type:none;
- margin-left:15px;
- background-color:{color:Info Background};
- }
- ol.notes li.note{
- margin-left:15px;
- margin-bottom:5px;
- background-color:{color:Info Background};
- line-height:110%;
- }
- .pagenotes {
- text-align:left;
- margin-top:15px;
- background:none;
- margin-left:15px;
- background-color:{color:Info Background};
- }
- .pagenotes img{
- padding-right:5px;
- padding-top:5px;
- margin-bottom:-5px;
- }
- /*CHAT*/
- ul.chat{
- list-style:none;
- margin-left:-40px;
- }
- .chat span {
- float: left;
- }
- p.chat {
- padding-left:3px;
- border-radius:3px;
- }
- /*QUOTES*/
- .quote{
- font-size:35px;
- font-family: "Anatalia Script Regular";
- text-align:center;
- line-height:100%;
- background:transparent;
- }
- .qsource{
- text-align:right;
- margin-bottom:10px;
- color:{color:links};
- text-align:center;
- font-size:9px;
- font-family:arial;
- text-decoration:lowercase;
- padding:7px;
- }
- /*AUDIO*/
- .songart{
- float:left;
- margin-right:10px;
- }
- .songart img{
- width:77px;
- height:77px;
- }
- .audio {
- margin-top:-10px;
- }
- .songtitle{
- margin-bottom:10px;
- margin-left:90px;
- text-shadow: 1px 1px 0px {color:shadow};
- }
- .songauthor{
- margin-bottom:10px;
- font-size:8px;
- margin-left:90px;
- }
- .tumblr_audio_player {
- height: 50px;
- border-radius:3px;
- }
- /*QUESTION*/
- #asker {
- color:{color:text};
- background-color:{color:container};
- padding:14px;
- font-family: "Anatalia Script Regular";
- font-size:9px;
- letter-spacing:0px;
- text-align:left;
- margin-top:0px;
- text-transform:lowercase;
- line-height:100%;
- }
- /*PAGINATION*/
- #pagination {
- background-color:{color:Links Background};
- width:170px;
- font-size:13px;
- z-index:999999999999;
- text-align:center;
- color:{color:desc text};
- position:fixed;
- margin-left:760px;
- height:18px;
- margin-top:25px;
- }
- #pagination a {
- color:{color:Links Background};
- font-size:10px;
- font-family:arial;
- z-index:999999999999;
- font-weight:bold;
- background-color:transparent;
- }
- /*CREDIT*/
- #cred {
- position:fixed;
- font-family: "Anatalia Script Regular";
- text-transform:uppercase;
- font-size:50px;
- left:9px;
- bottom:9px;
- padding:4px;
- letter-spacing:1px;
- }
- #cred a {
- position:fixed;
- font-family: "Anatalia Script Regular";
- text-transform:lowercase;
- font-size:50px;
- left:9px;
- bottom:30px;
- padding:4px;
- letter-spacing:1px;
- }
- {CustomCSS}
- </style></head>
- <body>
- <!--- this is your tooltip scripts ---->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:50,
- tip_fade_speed:600,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!---- start of your html ---->
- <div id="sidebar">
- <div class="title back"></div>
- <div id="title">{text:main title}</div>
- <div class="image1">
- <img src="{image:image1}">
- </div>
- <div class="image2">
- <img src="{image:image2}">
- </div>
- <div class="fam2">
- <img src="{image:fam2}">
- </div>
- <div id="description">{description}</div>
- <div id="links" >
- <a href="/">refresh.</a>
- <a href="{text:link2}">{text:link2 text}</a>
- <a href="{text:link3}">{text:link3 text}</a>
- <a href="{text:link4}">{text:link4 text}</a>
- </div>
- </div>
- <div id="pagination">{block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}">sink </a>
- {/block:PreviousPage}
- or
- {block:NextPage}
- <a href="{NextPage}">swim</a>
- {/block:NextPage}
- {/block:Pagination}</div>
- <!--- the start of your posts ---->
- <div id="box">
- <div id="entries">
- {block:Posts}
- <div id="post">
- <!--- TEXT POSTS ---->
- {block:Text}
- {block:Title}<h1>{Title}</h1>{/block:Title}
- {Body}{/block:Text}
- <!--- PHOTO POSTS ---->
- {block:Photo}{LinkOpenTag}<img src="{PhotoURL-400}">{LinkCloseTag}
- {block:Caption}{Caption}{/block:Caption}{/block:Photo}
- <!--- PHOTOSET POSTS ---->
- {block:Photoset}{Photoset-400}{block:Caption}{Caption}
- {/block:Caption}{/block:Photoset}
- <!--- QUOTE POSTS ---->
- {block:Quote}<div class="quote">❝ {Quote} ❞</div>
- {block:Source}<div class="qsource"> —{Source}</div>
- {/block:Source}{/block:Quote}
- <!--- LINK POSTS ---->
- {block:Link}<h1><a href="{URL}" {Target}><b>{Name}</b></a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
- <!--- CHAT POSTS ---->
- {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
- <!--- AUDIO POSTS ---->
- {block:Audio}{block:AlbumArt}<div class="songart"><img src="{AlbumArtURL}" align="left" style="margin-right:10px" /></div>{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</span>
- {block:TrackName}
- <b style="font-size:9px;"><u>Title:</u></b> <span style="color:{color:accent2};">{TrackName}</span><br>{/block:TrackName}
- {block:Artist}<b style="font-size:9px;"><u>Artist:</u></b> <span style="color:{color:accent2};">{Artist}</span>{/block:Artist}
- {/block:ExternalAudio}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- <!--- VIDEO POSTS ---->
- {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
- <!--- ASK POSTS ---->
- <!--- this is inline styling & is very easy to use. it's like css coding but in the actual html. ---->
- {block:Answer}<b><span style ="font-family:arial;font-size:13px;background:{color:background};color:white;padding:2px;text-transform:lowercase;color:{color:text}">{Asker} inquired,</span></b> <div id="ask" style="text-align:left;margin-left:0px;margin-top:0px;font-style:italic;padding:15px;font-size:9px;font-color:{color:text};font-family:arial;text-transform:lowercase;letter-spacing:0px;border:1px solid {color:border};margin-top:2px;">{Question}</span></div>{Answer}{/block:Answer}
- <!--- INFO & TAGS ---->
- <div id="info">
- <a href="{Permalink}">{TimeAgo}</a> // <a href="{Permalink}">{NoteCount}</a>
- <div id="tags">
- {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
- </div>
- </div>
- <!--- POSTNOTES ---->
- {block:Posts}
- <br><br>{block:PostNotes}<div id="notes"><left>{PostNotes}</div>{/block:PostNotes}
- {/block:Posts}</div></div></div>
- <br><br><br><br>
- <!--- CREDIT ---->
- <div id="cred">
- <a href="http://www.clairehclts.tumblr.com/">Sassy</a>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement