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">
- <!--
- lala @ cleamour
- -->
- <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="if:show avatar" content="0"/>
- <meta name="if:show title" content="1"/>
- <meta name="color:background" content="#ffffff" />
- <meta name="color:title" content="#000000" />
- <meta name="color:text" content="#000000" />
- <meta name="color:border" content="#cccccc" />
- <meta name="color:link" content="#000000" />
- <meta name="color:link hover" content="#888888" />
- <meta name="color:navi" content="#000000" />
- <meta name="color:navi hover" content="#888888" />
- <meta name="color:info" content="#000000" />
- <meta name="color:info hover" content="#888888" />
- <meta name="color:tags" content="#000000" />
- <meta name="color:tags hover" content="#888888" />
- <meta name="text:Link1" content="url" />
- <meta name="text:Link1 Title" content="Link" />
- <meta name="text:Link2" content="url" />
- <meta name="text:Link2 Title" content="Link" />
- <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>
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" rel="stylesheet">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
- <style type="text/css">
- body {
- color:{color:text};
- background-color:{color:background};
- background-attachment:fixed;
- font-family: 'Roboto', sans-serif;
- font-weight:normal;
- letter-spacing:0px;
- line-height:1.4;
- font-size:11px;
- }
- 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;
- }
- /* scrollbar */
- ::-webkit-scrollbar-thumb:vertical {
- background-color: {color:background};
- height:100px;
- border-left:5px solid {color:text};
- }
- ::-webkit-scrollbar {
- height:0px;
- width:5px;
- border-left:1px solid {color:border};
- background-color: {color:background};
- }
- /* tooltip */
- #s-m-t-tooltip {
- z-index:999;
- max-width: 300px;
- margin:15px 0px 0px 15px;
- text-transform: lowercase;
- color: {color:text};
- background-color:#FFF;
- border:1px solid {color:title};
- padding: 5px;
- }
- #entries {
- margin-left:400px;
- margin-top:140px;
- margin-bottom:50px;
- width:400px;
- display: block;
- }
- /* sidebar */
- #sbar {
- margin-top:0px;
- margin-left:100px;
- width:150px;
- text-align:left;
- position:fixed;
- display: block;
- }
- .portrait {
- width: 64px;
- height: 64px;
- border-radius: 32px;
- background-image: url({PortraitURL-64});
- margin-bottom:20px;
- }
- #title {
- text-transform: uppercase;
- color: {color:title};
- font-weight:bolder;
- font-size: 16px;
- letter-spacing:1px;
- line-height:130%;
- margin-bottom:10px;
- text-align:left;
- }
- #stext {
- text-align:left;
- color:{color:text};
- margin-bottom:10px;
- line-height:170%;
- display:block;
- }
- #stext a{
- color: {color:link};
- }
- #stext a:hover{
- color: {color:link hover};
- text-decoration:none;
- }
- #nav{
- color:{color:link};
- margin-top:10px;
- line-height:200%;
- }
- #nav a{
- margin-left:5px;
- color:{color:navi};
- }
- #nav a:hover{
- margin-left:5px;
- color:{color:navi hover};
- }
- #pag {
- text-align:left;
- display:block;
- }
- #pag a {
- text-decoration:none;
- }
- /* posts */
- .posts{
- text-align:justify;
- overflow:hidden;
- margin:auto;
- width:400px;
- margin-top: 70px;
- margin-bottom: 70px;
- }
- .caption{
- padding:10px 0px 0px 0px;
- }
- .caption img, .caption a img {max-width: 350px; height:auto;}
- .caption a{
- color: {color:link};
- border-bottom: 1px solid {color:link};
- }
- .caption a:hover{
- color: {color:link hover};
- text-decoration:none;
- }
- .cap {
- border:0;
- padding:0;
- }
- a.tumblr_blog {border:0;}
- .tumblr_blog {
- display:block;
- vertical-align:middle; /* this is to center the url to the height of the icon */
- border
- line-height:20px; /* change this to the height of the icon */
- margin-bottom:10px;
- font-weight:bold;
- color:#000000!important;
- }
- .icon {
- width:20px; /* size of the icon */
- height:20px; /* size of the icon */
- margin-right:10px; /* space between icon and url */
- display:inline-block;
- float:left;
- border-radius:2px; /* change to 100% for circular icon */
- }
- blockquote {
- width:90%;
- text-align:justify;
- padding:0px 5px 0px 15px;
- margin-left:2px;
- border-left: 1px solid #585858;
- }
- blockquote img, blockquote a img {max-width: 400px; height:auto;}
- #question {
- padding: 15px;
- background-color: #F2F2F2;
- margin-bottom:-20px;
- }
- #answer {
- margin-top:15px;
- }
- #quote {
- font-weight:bolder;
- font-size:12px;
- text-align:left;
- margin-bottom:15px;
- line-height: 150%;
- }
- #quotesource {
- text-align:left;
- line-height: 150%;
- }
- /* source & tags */
- .dates{
- text-transform:uppercase;
- font-weight:bold;
- }
- .dates a{
- color:{color:info};
- border-bottom:{color:Background} 1px solid;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .dates a:hover{
- color:{color:info hover};
- border-bottom:{color:info hover} 1px solid;
- -webkit-transition:all 0.5s;
- -moz-transition:all 0.5s;
- -ms-transition:all 0.5s;
- -o-transition:all 0.5s;
- transition:all 0.5s;
- }
- .reblog {
- }
- .info a {
- color:{color:info};
- text-decoration:none;
- }
- .info a:hover {
- text-decoration:none;
- color:{color:info hover};
- }
- .info {
- color:{color:info};
- margin-top:10px;
- padding-top:10px;
- text-align:left;
- }
- .tags {
- margin-top:5px;
- text-transform:none;
- line-height:140%;
- }
- .tags a {
- color:{color:tags};
- margin-right:10px;
- text-decoration:none;
- }
- .tags a:hover {
- color:{color:tags hover};
- margin-right:10px;
- text-decoration:none;
- }
- /* credit */
- /* you can change the position but do not remove */
- #credit {
- position:fixed;
- right:30px;
- bottom:15px;
- font-size:10px;
- }
- /* chat users */
- .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:10px 0px 0px 0px; }
- /* notes */
- #notes {margin-top:50px; margin-left:-40px; font-weight:normal; font-size:11px; text-align:left;}
- #notes li {padding-bottom:.2em; list-style-type: none;}
- #notes li img.avatar {display:none;}
- 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>
- <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
- <script src="//code.jquery.com/jquery-2.2.4.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
- <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
- </script><script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
- <script>
- $(document).ready(function(){
- $('.photo-slideshow').pxuPhotoset({
- lightbox: true,
- rounded: false,
- gutter: '2px',
- borderRadius: '0px',
- photoset: '.photo-slideshow',
- photoWrap: '.photo-data',
- photo: '.pxu-photo'
- });
- $('.posts').unnest({
- yourCaption: ".caption",
- wrapName: ".cap",
- newCaptionUsername: true,
- originalPostCaptionUsername: true,
- tumblrAvatars: true,
- tumblrAvatarClass: ".icon",
- usernameColon: false
- });
- });
- </script>
- </head>
- <body>
- <div id="credit"><a href="http://clmrth.tumblr.com/" title="theme by cleamour.">cred.</a></div>
- <div id="sbar">
- {block:IfShowAvatar}
- <div class="portrait"><a href="/" title="refresh"></a></div>
- {/block:IfShowAvatar}
- {block:IfShowTitle}
- <div id="title">{Title}</div>
- {/block:IfShowTitle}
- <div id="stext">
- {block:Description}{Description}{/block:Description}
- <div id="nav">
- <strong>01.</strong> <a href="/">Home</a><br />
- <strong>02.</strong> <a href="/ask">Ask</a><br />
- {block:ifLink1}<strong>03.</strong> <a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<br />
- {block:ifLink2}<strong>04.</strong> <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
- </div>
- </div>
- {block:Pagination}
- <div id="pag">
- {block:PreviousPage}
- <a href="{PreviousPage}"><big>←</big></a>
- {/block:PreviousPage}Page {CurrentPage}
- {block:NextPage}<a href="{NextPage}"> <big>→</big></a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="entries">
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}<big><strong>{Title}</strong></big>
- {/block:Title}<div class="caption">{Body}</div>{/block:Text}
- {block:Quote}
- <div id="quote">{Quote}</div>
- <div id="quotesource">{Source}</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-400}" alt="{PhotoAlt}" width="400px"/>{LinkCloseTag}</center>
- {block:PermalinkPage}{/block:PermalinkPage}{/block:Photo}
- {block:Photoset}
- <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-400}" width="{PhotoWidth-400}" height="{PhotoHeight-400}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
- {block:PermalinkPage}{/block:PermalinkPage}
- {/block:Photoset}
- {block:Chat}{block:Title}<big><strong>{Title}</strong></big>{/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>
- {/block:Chat}
- {block:Video}{Video-400}{block:PermalinkPage}{/block:PermalinkPage}{/block:Video}
- {block:Answer}
- <div id="question"><strong>{Asker} said:</strong> {Question}</div>
- <div id="answer"><div class="caption">{Answer}</div></div>{/block:answer}
- {block:Audio}
- {block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}
- {/block:Audio}
- {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
- {block:Date}
- <div class="info">
- <span class="dates"><a href="{Permalink}" title="{TimeAgo}">{ShortMonth} {DayofMonth}</a></span>
-
- {block:NoteCount}
- {NoteCountwithLabel}
-
- {/block:NoteCount}
- <a href="{ReblogURL}" class="reblog" title="reblog"><i class="fa fa-retweet" aria-hidden="true"></i></a>
- <div class="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>
- </div>{/block:Date}
- {block:PostNotes}<div id="notes">{PostNotes}</div>
- </div>{/block:PostNotes}
- </div><br>
- {/block:Posts}
- {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