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">
- <!--
- --------------------------------------------------
- C L E A M O U R (C) 2 0 1 4
- ( d o n' t r e m o v e t h e c r e d i t )
- --------------------------------------------------
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-- DEFAULT VARIABLES -->
- <script type="text/javascript">
- Cufon.replace('.wrapper');
- Cufon.replace('#titles');
- </script>
- <meta name="color:background" content="#ffffff" />
- <meta name="color:entry" content="#ffffff" />
- <meta name="color:text" content="#313131" />
- <meta name="color:link" content="#313131" />
- <meta name="color:link hover" content="#a3a3a3" />
- <meta name="text:Link1" content="link one" />
- <meta name="text:Link1 Title" content="one" />
- <meta name="text:Link2" content="link two" />
- <meta name="text:Link2 Title" content="two" />
- <meta name="text:Link3" content="link three" />
- <meta name="text:Link3 Title" content="three" />
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <style type="text/css">
- body {
- color:{color:text};
- background-color:{color:background};
- background-attachment:fixed;
- font-family: 'helvetica';
- font-size:11px;
- line-height:150%;
- }
- a:link, a:active, a:visited {
- color: {color:link};
- text-decoration:none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- a:hover {
- color:{color:link hover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:background};
- height:100px;
- border-left:2px solid #181818;
- }
- ::-webkit-scrollbar {
- height:0px;
- width:5px;
- border-left:1px dotted #181818;
- background-color: {color:background};
- }
- #entries {
- margin: auto;
- padding-top:50px;
- width:500px;
- display: block;
- }
- #tbar {
- margin-top:100px;
- margin-bottom:100px;
- width:500px;
- display: block;
- }
- #potrait {
- height:64px;
- background-color:#FAFAFA;
- border:1px solid #F2F2F2;
- padding:7px;
- float:left;
- display:block;
- }
- #title {
- text-transform: lowercase;
- margin: 0px 0px 10px 0px;
- font-weight:bolder;
- font-size: 18px;
- line-height:100%;
- }
- #ttext {
- width:350px;
- text-align:left;
- color:{color:text};
- margin-left:100px;
- padding: 10px 50px 10px 50px;
- border-left:1px dotted #181818;
- display:block;
- }
- #pag {
- background-color:#ffffff;
- margin-top: 70px;
- margin-bottom: 100px;
- width:500px;
- font-size:11px;
- letter-spacing:1px;
- text-align: center;
- display:block;
- }
- #pag a {
- text-decoration:none;
- padding-bottom: 2px;
- border-bottom: 1px dotted #000000;
- }
- #nav{
- text-align:left;
- width:400px;
- margin: 10px 0px 0px 150px;
- letter-spacing:1px;
- }
- #nav a {
- text-transform: lowercase;
- color:{color:text};
- background-color:{color:background};
- padding:5px;
- margin:5px;
- border:1px solid {color:background};
- font-style:italic;
- text-decoration:none;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #nav a:hover {
- color:#A4A4A4;
- background-color:#FAFAFA;
- border:1px solid #F2F2F2;
- margin:5px;
- padding:5px;
- }
- #posts{
- overflow:hidden;
- margin:auto;
- width:500px;
- background-color: {color:entry};
- margin-top: 70px;
- margin-bottom: 70px;
- }
- #caption{
- padding:0px 0px 15px 10px;
- }
- #caption img, #caption a img {max-width: 450px;}
- #caption a{
- color: {color:link};
- text-decoration:underline;
- }
- #caption a:hover{
- color: {color:link hover};
- text-decoration:none;
- }
- #caption2{
- padding:15px 10px 15px 10px;
- margin-top:5px;
- }
- #caption2 img, #caption2 a img {max-width: 450px;}
- #caption2 a{
- color: {color:link};
- text-decoration:underline;
- }
- #caption2 a:hover{
- color: {color:link hover};
- text-decoration:none;
- }
- #posts:hover .tags {
- opacity:1;
- }
- .source{
- margin-top:15px;
- font-size:9px;
- letter-spacing:0px;
- font-family:'helvetica';
- text-align:right;
- }
- .tags{
- text-transform:none;
- line-height:150%;
- padding:5px 5px 0px 5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- opacity: 0;
- }
- .tags a {
- color:#000000;
- margin-left:15px;
- text-decoration:none;
- }
- .tags a:hover {
- color:{color:text};
- background-color:#FFFF00;
- }
- .info {
- color:#000000;
- line-height:150%;
- padding:0px 5px 0px 5px;
- }
- .info a {
- color:#000000;
- background-color:#FFFFFF;
- text-decoration:none;
- }
- .info a:hover {
- text-decoration:none;
- color:#BDBDBD;
- }
- .perma {
- margin-top:10px;
- margin-bottom:50px;
- font-size:9px;
- font-family:'helvetica';
- text-align:left;
- }
- .permatags {
- text-transform:none;
- line-height:150%;
- padding:0px 5px 0px 5px;
- }
- .permatags a {
- color:#000000;
- margin-right:15px;
- text-decoration:none;
- }
- .permatags a:hover {
- color:#BDBDBD;
- }
- blockquote {
- width:90%;
- text-align:justify;
- padding:5px 5px 5px 20px;
- margin-left:15px;
- border-left: 1px solid #000000;
- }
- blockquote img, blockquote a img {max-width: 400px;}
- #question {
- padding:0px 10px 20px 10px;
- border-bottom: 1px solid #000000;
- }
- #answer {
- padding:10px;
- }
- #quote {
- font-weight:bolder;
- letter-spacing:0px;
- font-size:12px;
- text-align:left;
- margin:0px 15px 15px 15px;
- line-height: 150%;
- }
- #quotesource {
- margin:0px 15px 0px 15px;
- font-size:11px;
- text-align:left;
- line-height: 150%;
- }
- #credit {
- position:fixed;
- right:15px;
- bottom:10px;
- font-size:12px;
- padding:5px;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- #credit:hover {
- position:fixed;
- right:15px;
- bottom:10px;
- padding:5px;
- text-shadow: 1px 1px 1px #bebebe;
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -ms-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- transition: all 0.5s ease;
- }
- .user_1 .label {color:{color:text}; font-weight:bold;}
- .user_2 .label {color:{color:text}; font-weight:bold;}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:3px; }
- #audio { max-width:400px; margin-bottom:10px; }
- #notes {margin-top:20px; font-weight:normal; font-size:9px;}
- #notes li {padding-bottom:1em; list-style-type: none;}
- #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px;}
- iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1;}
- {CustomCSS}
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript">
- jQuery(document).ready(function() {
- jQuery(".sub").hide();
- //toggle the componenet with class msg_body
- jQuery(".cthrough").click(function()
- {
- jQuery(this).next(".sub").slideToggle(500);
- });});
- </script>
- <script language="javascript">
- function toggle() {
- var ele = document.getElementById("toggleText");
- var text = document.getElementById("displayText");
- if(ele.style.display == "block") {
- ele.style.display = "none";
- text.innerHTML = "SHOW NOTES";
- }
- else {
- ele.style.display = "block";
- text.innerHTML = "HIDE NOTES";
- }
- }
- </script>
- </head>
- <body>
- <div id="credit"><a href="http://cleamour.tumblr.com/">✽</a></div>
- <div id="entries" style="top:0px; margin-bottom:30px;">
- <div id="tbar">
- <div>
- <div id="potrait"><img src="{PortraitURL-64}"></div>
- <div id="ttext">
- <div id="title">{Title}</div>
- {block:Description}{Description}{/block:Description}</center>
- </div>
- </div>
- <div id="nav">
- <a href="/" title="home">home</a>
- <a href="/ask" title="ask">ask</a>
- {block:ifLink1}<a href="{text:Link1}" title="{text:Link1 Title}">{text:Link1 Title}</a>{/block:ifLink1}
- {block:ifLink2}<a href="{text:Link2}" title="{text:Link2 Title}">{text:Link2 Title}</a>{/block:ifLink2}
- {block:ifLink3}<a href="{text:Link3}" title="{text:Link3 Title}">{text:Link3 Title}</a>{/block:ifLink3}
- </div>
- </div>
- </div>
- <div id="entries">
- {block:Posts}
- <div id="posts">
- {block:Text}<div id="caption">{block:Title}<big><strong>{Title}</strong></big>{/block:Title}{Body}</div>{/block:Text}
- {block:Quote}<div id="caption">
- <div id="quote">{Quote}</div>
- <div id="quotesource">— {Source}</div></div>
- {/block:Quote}
- {block:Link}<a href="{URL}" class="link" {Target}><big><strong>{Name}</strong></big></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>{block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Chat}<div id="caption"><ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}
- <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
- {/block:Chat}
- {block:Video}{Video-500}{block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Answer}<div id="caption">
- <div id="question"><strong>{Asker}:</strong><br> {Question}</div>
- <div id="answer">{Answer}</div></div>{/block:answer}
- {block:Audio}<div id="caption">
- {block:AudioPlayer}<div id="audio">{AudioPlayerWhite}</div>{/block:AudioPlayer}
- <span style="line-height:200%; font-size:11px; margin-bottom:"-50px";>
- {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
- {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
- {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
- {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}</span>
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- </div>{/block:Audio}
- {block:IndexPage}<div class="source">
- <div class="info">
- <span style="text-transform:uppercase;"><a href="{Permalink}" title="{block:Date}{TimeAgo}{/block:Date}">{block:Date}{ShortMonth} {DayOfMonth}{/block:Date}</a>{block:NoteCount} · {NoteCountWithLabel}{/block:NoteCount}</span></div>
- <div class="tags">
- {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- </div></div>{/block:IndexPage}
- {block:PermalinkPage}<div class="perma">
- <div class="info">
- <span style="text-transform:uppercase;">{block:Date}{TimeAgo}{/block:Date} {block:NoteCount}<span style="padding-left:10px;">?</span> <span style="padding-left:10px;">{NoteCountWithLabel}{/block:NoteCount}</span></span>
- {block:RebloggedFrom}<br/>via <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} · source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
- </div>
- <div class="permatags">
- {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
- </div>
- </div>{/block:PermalinkPage}
- {block:PostNotes}<center><a id="displayText" href="javascript:toggle();" style="font-size:11px; letter-spacing:2px;">SHOW NOTES</a></center>
- <div id="toggleText" style="display: none"><div id="notes">{PostNotes}</div>
- </div>{/block:PostNotes}
- </div><br>
- {/block:Posts}
- {block:Pagination}
- <div id="pag">
- <center>
- {block:PreviousPage}
- <span style="padding-right:50px;"><a href="{PreviousPage}">fall</a></span>
- {/block:PreviousPage}
- {block:NextPage}<a href="{NextPage}">jump</a>
- {/block:NextPage}
- </center>
- </div>
- {/block:Pagination}
- {block:ContentSource}
- <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
- width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
- {/block:SourceLogo}
- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
- {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement