Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <html>
- <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}
- <head>
- <meta name="image:background" content="" />
- <meta name="color:background" content="#323232"/>
- <meta name="color:text" content="#A15758" />
- <meta name="color:post" content="#EBDACA" />
- <meta name="color:notes" content="#EBDACA" />
- <meta name="color:links" content="#6FB7AD" />
- <meta name="color:navi" content="#D3B378" />
- <meta name="color:scrollbar" content="#6FB7AD"/>
- <meta name="text:firstlink" content="" />
- <meta name="text:firstlinktitle" content="" />
- <meta name="text:secondlink" content="" />
- <meta name="text:secondlinktitle" content="" />
- <meta name="text:dropbar" content="" />
- <meta name="text:URL1" content="" />
- <meta name="text:TITLE1" content="" />
- <meta name="text:URL2" content="" />
- <meta name="text:TITLE2" content="" />
- <meta name="text:URL3" content="" />
- <meta name="text:TITLE3" content="" />
- <style type="text/css">
- ::-webkit-scrollbar-thumb {
- background-color:{color:scrollbar} ;
- width: 5px;
- }
- ::-webkit-scrollbar {
- width: 5px;
- background:{color:background};
- }
- @font-face {font-family:"lilfont"; src: url(http://static.tumblr.com/bj5zkci/I3Yn23fn9/04b_03__.ttf) format("truetype"); }
- body{
- background:{color:background};
- background-image:url({image:background});
- background-repeat:no-repeat;
- background-attachment: fixed;
- font-family:'century gothic';
- color:{color:text};
- text-transform:uppercase;
- font-size:9px;
- line-height:120%;
- letter-spacing:2px;
- margin:0px;
- }
- a {
- text-decoration:none;
- color:{color:links};
- }
- .call {
- color:{color:text};
- text-decoration:none;
- transition:0.3s ease-in-out;
- -moz-transition:0.3s ease-in-out;
- -webkit-transition:0.3s ease-in-out;
- -o-transition:0.3s ease-in-out;
- display: inline block;
- background-color:{color:navi};
- padding:2px 5px;
- margin: 5px 10px;
- text-align:center;
- -webkit-filter: grayscale(0%);
- }
- .call:hover {
- -webkit-filter: grayscale(50%);
- -moz-transition:0.3s ease-in-out;
- -webkit-transition:0.3s ease-in-out;
- -o-transition:0.3s ease-in-out;
- }
- .blockquote{
- border-left:2px {color:scrollbar} solid;
- padding: 2px 5px;
- margin-left:10px;
- }
- @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
- .fade-in {
- opacity:0; /* make things invisible upon start */
- -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
- -moz-animation:fadeIn ease-in 1;
- animation:fadeIn ease-in 1;
- -webkit-animation-fill-mode:forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
- -moz-animation-fill-mode:forwards;
- animation-fill-mode:forwards;
- -webkit-animation-duration:1s;
- -moz-animation-duration:1s;
- animation-duration:1s;
- }
- .fade-in.one {
- -webkit-animation-delay: 0.7s;
- -moz-animation-delay: 0.7s;
- animation-delay: 0.7s;
- }
- .fade-in.two {
- -webkit-animation-delay: 1.2s;
- -moz-animation-delay:1.2s;
- animation-delay: 1.2s;
- }
- .fade-in.three {
- -webkit-animation-delay: 1.6s;
- -moz-animation-delay: 1.6s;
- animation-delay: 1.6s;
- }
- #all {
- margin: 220px auto auto;
- width:270px;
- }
- iframe#tumblr_controls {
- top: 0% !important;
- right:0% !important;
- display:none !important;
- -webkit-transform: translateX(-50%) translateY(-50%);
- -moz-transform: translateX(-50%) translateY(-50%);
- -ms-transform: translateX(-50%) translateY(-50%);
- transform: translateX(-50%) translateY(-50%);
- }
- #container {
- text-align:center;
- background-color:{color:post};
- padding:10px 10px ;
- border-top:#6FB7AD 5px solid;
- overflow:hidden;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- }
- #test {
- color:{color:scrollbar};
- font-size:50px;
- text-align:center;
- font-family:'caviardreams';
- text-transform:lowercase;
- padding:11px;
- }
- #ach {
- color:{color:text};
- text-decoration:none;
- transition:0.3s ease-in-out;
- -moz-transition:0.3s ease-in-out;
- -webkit-transition:0.3s ease-in-out;
- -o-transition:0.3s ease-in-out;
- display: inline;
- background-color:{color:navi};
- padding:2px 5px;
- margin:2px 10px;
- text-align:center;
- -webkit-filter: grayscale(0%);
- }
- #ach:hover {
- -webkit-filter: grayscale(50%);
- -moz-transition:0.3s ease-in-out;
- -webkit-transition:0.3s ease-in-out;
- -o-transition:0.3s ease-in-out;
- }
- #mergh {
- opacity: 0;
- margin-top:10px;
- margin-bottom:-68px;
- transition: 0.8s;
- -moz-transition:0.5s ease-in-out;
- -webkit-transition:0.5s ease-in-out;
- -o-transition:0.5s ease-in-out;
- transition-delay:0.4s;
- }
- #hjk:hover #mergh{
- opacity: 1;
- margin-bottom: -7px;
- }
- #mergh a {
- display:block;
- margin:5px 20px;
- }
- #hjk {
- -moz-transition:0.5s ease-in-out;
- -webkit-transition:0.5s ease-in-out;
- -o-transition:0.5s ease-in-out;
- }
- .overlay {
- position: fixed;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- background: {color:background};
- z-index: 9;
- }
- #wrapper {
- width:440px;
- margin: -300px auto 0;
- position: relative;
- z-index: 999;
- }
- #strip {
- background:{color:post};
- border-top:{color:scrollbar} 20px solid;
- position:fixed;
- width:440px;
- height:100%;
- }
- #holder {
- height:94%;
- position:fixed;
- margin:10px 0px 0 20px ;
- overflow-y:scroll;
- padding-right:30px;
- }
- #posts {
- margin-bottom:5px;
- background:{color:post};
- padding:5px 0;
- width:400px;
- border-bottom:{color:scrollbar} 1px dashed;
- }
- #tittele a {
- color:{color:text};
- font-size:20px;
- text-decoration:none;
- text-transform:uppercase;
- }
- #audio{
- width:25px;
- height:25px;
- overflow:hidden;
- background:#000;
- overflow:hidden;
- padding:0px;
- position:absolute;
- margin-left:205px;
- border:80px solid #000;
- border-right:90px solid #000;
- border-top: 90px solid #000;
- border-bottom:85px solid #000;
- margin-top:1px;
- opacity: 0.6;filter:alpha(opacity=60);-moz-opacity: 0.6;-khtml-opacity: 0.6;
- }
- #pagi {
- float:right;
- margin-top:150px;
- margin-right:-140px;
- text-align:center;
- width:60px;
- }
- #pagi a {
- display:block;
- float:right;
- margin: 2px 5px;
- padding:2px 5px;
- width:50px;
- }
- #posts #notes{
- text-align:center;
- position: absolute;
- height: auto;
- line-height:12px;
- position:absolute;
- opacity: 0;
- width:200px;
- margin:5px 100px;
- padding: 3px 5px 3px 5px;
- position:absolute;
- background:{color:background};
- color:{color:notes};
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- }
- #posts:hover #notes {
- opacity:.8;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition-duration: 0.5s;
- }
- #quote {
- font-size:70px;
- float:left;
- opacity:.3;
- margin-top:18px;
- margin-right:-5px;
- transform:rotate(25deg);
- -ms-transform:rotate(25deg); /* IE 9 */
- -webkit-transform:rotate(25deg); /* Opera, Chrome, and Safari */
- }
- @font-face { font-family: "caviardreams"; src: url('http://static.tumblr.com/4yxykdm/xXTlrecqr/caviardreams.ttf'); }
- </style>
- </head>
- <body>
- {block:IndexPage}
- <div id="all">
- <div id="test">{title}</div>
- <div id="container">
- <a href="{text:FirstLink}" class="fade-in one call">{text:firstLinkTitle}</a><a href="{text:SecondLink}" class="call fade-in two">{text:secondlinktitle}</a><div id="hjk" style="display:inline"><div id="ach" class="fade-in three">{text:dropbar}</div>
- <div id="mergh">
- {block:ifTITLE1}<a href="{text:URL1}" class="call">{text:TITLE1}</a>{/block:ifTITLE1}
- {block:ifTITLE2}<a href="{text:URL2}" class="call">{text:TITLE2}</a>{/block:ifTITLE2}
- {block:ifTITLE3}<a href="{text:URL3}" class="call">{text:TITLE3}</a>{/block:ifTITLE3}</div></div></div>
- </div></div>
- {/block:IndexPage}
- {block:TagPage}
- <div class="overlay"></div>
- <div id="wrapper">
- <div id="strip">
- <div id="holder">
- {block:Posts}
- <div id="posts">
- <div id="notes">
- <span id="date">{block:Date}<a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear};{24HourWithZero}</a>{/block:Date}</span>
- {block:RebloggedFrom} <a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom} {block:RebloggedFrom}{/block:RebloggedFrom} | {block:NoteCount} {NoteCount} {/block:NoteCount}<br>
- {block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}
- <div style="text-align:center;">
- </div>
- </div>
- {block:Text}
- {block:Title}<div id="tittele"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center><img src="{PhotoURL-400}" border="0"></center>
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- {/block:Photo}
- {block:Photoset}
- {Photoset-400}
- {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div id="quote">❝</div><div style="margin-top:5px;margin-right:10px;">{Quote}</div><br>
- {block:Source}
- <div align="center">- {Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <div align="right" style="padding:5px 0 10px;"><a href="{URL}" style="font-size:30px;letter-spacing:1px;" {Target}>{Name} →</a></div>
- {/block:Link}
- {block:Chat}
- {block:Title}<div id="tittele"><a href="{Permalink}">{Title}</a></div>{/block:Title}
- <div style="padding:5px 10px;margin-left:15px;margin-top:5px;font-size:9px;font-weight:lighter; border-left: 5px solid {color:scrollbar}">{block:Lines}{block:Label}<b><span style="color:{color:chat};font-weight:bold;">{Label}</span></b>{/block:Label} {Line}<br>{/block:Lines}</div>
- {/block:Chat}
- {block:Audio}
- <div style="height:200px;">
- <div id= "audio" style="border-radius: 0px 15px 15px 0px;">{AudioPlayerBlack}</div>
- <div>{block:AlbumArt}
- <img src="{AlbumArtURL}" style="border-radius: 15px 0px 0px 15px; width:200px;height:200px;" >
- {/block:AlbumArt}</div></div>
- {block:PermalinkPage} {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:Audio}
- {block:Video}
- {Video-400}
- {block:PermalinkPage}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
- {/block:Video}
- {block:Answer}<img src="{AskerPortraitURL-40}" style="float:left;padding-right:5px;"> {Asker} whispered: {Question}
- <br><div id="answers">{Answer} </div>
- {/block:Answer}
- </div>
- {/block:Posts}
- </div></div>
- <div id="pagi">
- <a href="/" class="call">HOME</a>
- {block:ifTITLE1}<a href="{text:URL1}" class="call">{text:TITLE1}</a>{/block:ifTITLE1}
- {block:ifTITLE2}<a href="{text:URL2}" class="call">{text:TITLE2}</a>{/block:ifTITLE2}
- {block:ifTITLE3}<a href="{text:URL3}" class="call">{text:TITLE3}</a>{/block:ifTITLE3}<br>
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPost}"class="call">Present</a>{/block:PreviousPage}
- {block:NextPage}
- <a href="{NextPage}"class="call">Past</a>{/block:NextPage}{/block:Pagination}
- </div></div>
- </div>
- </div>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement