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 5
- ( 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">
- <!-- 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="color:title" content="#313131" />
- <meta name="color:border" content="#313131" />
- <meta name="color:tags" content="#FFFF00" />
- <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 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>
- <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- <head>
- <style type="text/css">
- body {
- color:{color:text};
- background-color:{color:background};
- background-attachment:fixed;
- font-family: 'helvetica';
- font-size:10px;
- line-height:140%;
- }
- a:link, a:active, a:visited {
- color: {color:link};
- text-decoration:none;
- }
- a:hover {
- color:{color:link hover};
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:background};
- height:100px;
- border-left:2px solid #181818;
- }
- ::-webkit-scrollbar {
- height:0px;
- width:5px;
- border-left:1px solid #fff;
- background-color: {color:background};
- }
- #s-m-t-tooltip {
- z-index:999;
- max-width: 300px;
- margin:15px 0px 0px 15px;
- text-transform: lowercase;
- font-size: 10px;
- color: {color:text};
- background-color:#FFF;
- border:1px solid #313131;
- padding: 5px;
- }
- #entries {
- z-index: 1100;
- position: center;
- margin-left:150px;
- margin-bottom:60px;
- width:400px;
- }
- h1 {
- font-size:15px;
- text-align:left;
- line-height: 130%;
- }
- #sbar {
- height:100%;
- top:100px;
- border-right:1px solid #D8D8D8;
- margin-left:50px;
- background-color:{color:background};
- width:230px;
- padding-right:50px;
- position:fixed;
- display: block;
- }
- #title {
- text-transform: lowercase;
- color:{color:title};
- font-weight:bolder;
- font-size: 16px;
- line-height:140%;
- text-align:left;
- padding-bottom:10px;
- border-bottom:1px solid {color:border};
- }
- #stext {
- margin-top:10px;
- text-align:left;
- color:{color:text};
- line-height:170%;
- display:block;
- }
- #stext a{
- text-decoration:underline;
- }
- #stext a:hover{
- text-decoration:none;
- }
- #nav{
- text-align:left;
- margin: 10px 0px 10px 0px;
- line-height:170%;
- }
- #nav a {
- text-transform: lowercase;
- color:{color:link};
- margin-right:10px;
- border-bottom: 1px solid {color:link};
- text-decoration:none;
- }
- #nav a:hover {
- color:{color:link hover};
- border-bottom: 1px solid transparent;
- }
- #pag {
- margin:0px 0px 100px 0px;
- width:400px;
- border-top:1px solid {color:border};
- padding-top:10px;
- text-align: right;
- display:block;
- }
- #pagless {
- width:100px;
- position:absolute;
- text-align:left;
- float:left;
- }
- #pagmore {
- width:100px;
- text-align:right;
- float:right;
- }
- #posts{
- z-index: 1100;
- float: center;
- overflow:hidden;
- width:400px;
- background-color: {color:entry};
- margin-bottom: 180px;
- text-align:justify;
- }
- #posts:hover .source{
- opacity:1;
- }
- #caption{
- padding:0px 0px 0px 0px;
- }
- #caption img, #caption a img {max-width: 400px;}
- #caption a{
- color: {color:link};
- border-bottom: 1px solid {color:link};
- }
- #caption a:hover{
- color: {color:link hover};
- border-bottom: 1px solid #fff;
- text-decoration:none;
- }
- #caption2{
- padding:10px 0px 0px 0px;
- }
- #caption2 img, #caption2 a img {max-width: 400px;}
- #caption2 a{
- color: {color:link};
- border-bottom: 1px solid {color:link};
- }
- #caption2 a:hover{
- color: {color:link hover};
- border-bottom: 1px solid #fff;
- text-decoration:none;
- }
- .source {
- margin-left:-90px;
- margin-top: 0px;
- position: absolute;
- text-align:left;
- padding:10px;
- opacity:1;
- }
- .tags{
- margin-top:20px;
- text-transform:none;
- text-align:left;
- line-height:200%;
- }
- .tags a {
- background-color:{color:tags};
- padding:3px;
- color:{color:title};
- margin-right:5px;
- text-decoration:none;
- }
- .tags a:hover {
- background-color:{color:background};
- padding:2px;
- color:{color:title};
- }
- .info {
- font-size:16px;
- color:#222222;
- line-height:150%;
- padding:0px 5px 0px 5px;
- }
- .info a {
- color:{color:title};
- padding:10px;
- margin-right:10px;
- text-decoration:none;
- }
- .info a:hover {
- text-decoration:none;
- color:#BDBDBD;
- }
- .perma {
- margin-top:20px;
- margin-bottom:20px;
- text-align:center;
- }
- blockquote {
- width:93%;
- padding-left:15px;
- margin-left:5px;
- border-left:1px solid #fff;
- }
- blockquote img, blockquote a img {max-width: 350px;}
- #question {
- padding: 15px 15px 0px 15px;
- border:1px solid #313131;
- }
- #asker {
- padding:10px 0px 15px 0px;
- text-align:right;
- }
- #answer {
- padding:10px 10px 0px 10px;
- }
- #quote {
- letter-spacing:0px;
- font-size:11px;
- text-align:left;
- margin:0px 15px 20px 15px;
- line-height: 140%;
- }
- #quotesource {
- margin:0px 15px 10px 15px;
- text-align:right;
- line-height: 150%;
- }
- #credit {
- position:fixed;
- right:15px;
- bottom:10px;
- font-size:10px;
- 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;}
- .user_3 .label {color:{color:text}; font-weight:bold;}
- .user_4 .label {color:{color:text}; font-weight:bold;}
- .user_5 .label {color:{color:text}; font-weight:bold;}
- .user_6 .label {color:{color:text}; font-weight:bold;}
- .user_7 .label {color:{color:text}; font-weight:bold;}
- .user_8 .label {color:{color:text}; font-weight:bold;}
- .user_9 .label {color:{color:text}; font-weight:bold;}
- .user_10 .label {color:{color:text}; font-weight:bold;}
- .user_11 .label {color:{color:text}; font-weight:bold;}
- .user_12 .label {color:{color:text}; font-weight:bold;}
- ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:3px; }
- .audio {
- height:85px;
- border:1px solid #313131;
- }
- .audio-album {
- position:absolute;
- width:85px;
- opacity:.0;
- }
- .audio-player {
- opacity:1;
- filter:alpha(opacity=100);
- border:30px solid #FFF;
- width:25px;
- height:25px;
- overflow:hidden;
- position:absolute;
- z-index:2;
- -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;}
- .audio-info {
- width:355px;
- height:100%;
- line-height:180%;
- padding:0px 20px 0px 20px;
- text-align:right;
- display: table;
- }
- .audio-info p {
- display: table-cell;
- vertical-align: middle;
- text-align:right;
- }
- #notes {margin-top:30px; font-weight:normal;}
- #notes li {padding-bottom:2em; 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/" title="theme by cleamour.">▼</a></div>
- <div id="entries" style="margin-top:100px">
- <div id="title">{Title}</div>
- <div id="stext">
- {block:Description}{Description}{/block:Description}
- </div>
- <div id="nav">
- <a href="/" title="index">index</a>
- <a href="/message" 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}
- </div>
- </div>
- <div id="entries" style="margin-top:180px">
- {block:Posts}
- <div id="posts">
- <div class="source">
- <div class="info">
- {block:Date}<a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}">+</a>{/block:Date}</div>
- </div>
- {block:Text}<div id="caption">{block:Title}<h1>{Title}</h1>{/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}><h1>{Name}</h1></a>
- {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
- {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"/>{LinkCloseTag}</center>{block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}{/block:Photo}
- {block:Photoset}<center>{Photoset-400}</center>{block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}
- {/block:Photoset}
- {block:Chat}<div id="caption">{block:Title}<h1>{Title}</h1>{/block:Title}<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-400}{block:Caption}<div id="caption2">{Caption}</div>{/block:Caption}{/block:Video}
- {block:Answer}<div id="caption">
- <div id="question">{Question}<br /><div id="asker"><em>{Asker}</em></div></div>
- <div id="answer">{Answer}</div></div>{/block:answer}
- {block:Audio}<div id="caption">
- <div class="audio">
- {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
- <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
- </div>
- <div class="audio-info">
- <p>{block:TrackName}{TrackName}<BR>{/block:TrackName}
- {block:Artist}{Artist}<BR>{/block:Artist}
- </p>
- </div>
- </div>
- {block:Caption}<br>{Caption}{/block:Caption}</div>
- {/block:Audio}
- {block:HasTags}<div class="tags">
- {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}<br>
- </div>{/block:HasTags}
- {block:PermalinkPage}
- {block:RebloggedFrom}<div class="perma"><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource} · <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}</div>{/block:RebloggedFrom}{/block:PermalinkPage}
- {block:PostNotes}<center><br><br>
- <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>
- {/block:Posts}
- {block:Pagination}
- <div id="pag">
- <div id="pagless">{block:PreviousPage}<a href="{PreviousPage}">less</a>{/block:PreviousPage}</div>
- <div id="pagmore">{block:NextPage}<a href="{NextPage}">more</a>{/block:NextPage}</div>
- </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