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">
- <!--
- ///////////////////////////////////////////////////////////////////////////
- Piquant
- Design and Coded by artset.tumblr.com
- //////////////////////////////////////////////////////////////////////////
- Do not redistribute, remove credit, or claim as your own. Edits are welcome as long as credit remains intact.
- -->
- <head>
- <meta name="color:Background" content="#fff" />
- <meta name="color:Header" content="#fff" />
- <meta name="color:PostBackground" content="#fff" />
- <meta name="color:Question Background" content="#eee" />
- <meta name="color:Text" content="#424242" />
- <meta name="color:Accent" content="#f3b1e7" />
- <meta name="color:Border" content="#ecebeb" />
- <meta name="color:Title" content="#d768c8" />
- <meta name="color:TitleHover" content="#474849" />
- <meta name="color:Link" content="#6b6b6b" />
- <meta name="color:Hover" content="#215497" />
- <meta name="color:Permabox" content="#424242" />
- <meta name="color:Perma" content="#2e2d2d" />
- <meta name="color:PermaBG" content="#e7fbf4" />
- <meta name="color:PermaBGHover" content="#92c6ea" />
- <meta name="color:Cross" content="#fff" />
- <meta name="color:Navigation" content="#444444" />
- <meta name="color:NavBackground" content="#ecebeb" />
- <meta name="color:bold" content="#7c6d83" />
- <meta name="color:italic" content="#788591" />
- <meta name="select:title font" content="consolas" title="consolas">
- <meta name="select:title font" content="san serif" title="san serif">
- <meta name="text:about" content="Put information here for your about -- this is where all the extra information will go. Since the description has a limited amount of space, here is where you can go crazy and ramble, paste your favorite James Joyce quote, or perhaps put one ominous saying here. Enjoy!" />
- <meta name="text:Home Link" content="Index" />
- <meta name="text:Ask Link" content="Message" />
- <meta name="text:Archive Link" content="Grid" />
- <meta name="text:More Link" content="Further" />
- <meta name="text:Link One Title" content="un" />
- <meta name="text:Link One" content="/" />
- <meta name="text:Link Two Title" content="deux" />
- <meta name="text:Link Two" content="/" />
- <meta name="text:Link Three Title" content="trois" />
- <meta name="text:Link Three" content="/" />
- <meta name="text:Link Four Title" content="quatre" />
- <meta name="text:Link Four" content="/" />
- <meta name="text:Link Five Title" content="cinq" />
- <meta name="text:Link Five" content="/" />
- <meta name="text:Link Six Title" content="six" />
- <meta name="text:Link Six" content="/" />
- <meta name="if:white tumblr controls" content="1" />
- <meta name="if:Border" content="1" />
- <meta name="if:caption" content="0" />
- <meta name="if:faded images" content="0" />
- <meta name="if:large space" content="0" />
- <meta name="if:medium space" content="1" />
- <meta name="if:small space" content="0" />
- <meta name="if:cross" content="0" />
- <meta name="if:bottom left" content="0"/>
- <meta name="if:bottom right" content="0" />
- <meta name="if:top left" content="0" />
- <meta name="if:top right" content="0" />
- <meta name="if:repeat" content="0" />
- <meta name="image:background" content=""/>
- <title>{Title}</title>
- <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Lora:400,400italic' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Source+Code+Pro' rel='stylesheet' type='text/css'>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- {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.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:20,tip_fade_speed:400,attribute:"title"});});})(jQuery);</script>
- <style type="text/css">
- #s-m-t-tooltip {
- display: block;
- max-width: 100px;
- margin: 15px;
- word-wrap: break-word;
- padding:2px 5px 2px 5px;
- z-index: 9999;
- background: {color:postbackground};
- text-transform: uppercase;
- font-family:consolas;
- font-size: 9px;
- color: {color:text};
- text-align: center;
- letter-spacing:1px;
- }
- {block:ifwhitetumblrcontrols}#tumblr_controls {-webkit-filter: invert(100%); position: fixed !important;}{/block:ifwhitetumblrcontrols}
- body, a, a:hover {
- cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur),
- progress;}
- body {
- background-color:{color:background};
- color:{color:text};
- font-size:{text:font size};
- font-family: 'Open Sans', sans-serif;
- text-align:left;
- padding: 0px;
- font-size:10px;
- background-image: url({image:background});
- background-position: {block:ifbottomleft}bottom left{/block:ifbottomleft}{block:ifbottomright}bottom right{/block:ifbottomright}{/block:ifbottomright}{block:iftopright}top right{/block:iftopright} {block:iftopleft}top left{/block:iftopleft} ;
- background-attachment: fixed;
- {block:ifnotrepeat}background-repeat: no-repeat;{/block:ifnotrepeat}
- {block:ifrepeat}background-repeat:repeat;{/block:ifrepeat}
- }
- ::selection {
- background:{color:accent};
- color:{color:background};}
- ::-webkit-scrollbar {
- width:3px;
- height:7px;
- }
- ::-webkit-scrollbar-track-piece {
- background-color:{color:border};
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:accent};
- }
- a{
- text-decoration:none;
- color:{color:link};
- border-bottom:1px solid none;
- -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
- a:hover {
- color:{color:hover} ;
- }
- #content {
- {block:indexpage}
- margin:auto;
- float:center;
- margin-top:100px;
- width:750px;
- {/block:indexpage}
- {block:permalinkpage}
- width:500px;
- margin:auto;
- float:center;
- {/block:permalinkpage};
- }
- #entry img {
- {block:Indexpage}
- max-width:250px;
- z-index:-9999;
- -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;
- {/block:Indexpage}
- {block:permalinkpage}width:400px;
- background:{color:postbackground};
- margin-top:10px;{/block:permalinkpage}
- }
- #entry:hover{
- opacity:.9;
- }
- #entry {
- {block:ifborder}border:1px solid {color:border};{/block:ifborder}
- {block:iffadedimages}opacity:.8;{/block:iffadedimages}
- float:left;
- padding:5px;
- {block:iflargespace}margin:40px;{/block:iflargespace}
- {block:ifmediumspace}margin:30px;{/block:ifmediumspace}
- {block:ifsmallspace}margin:20px;{/block:ifsmallspace}
- {block:Indexpage}
- background:{color:postbackground};
- width:250px;{/block:Indexpage}
- {block:permalinkpage}
- width:400px;
- margin-left:100px;
- margin-top:100px;
- background: {color:postbackground};{/block:permalinkpage};
- -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease- out; transition: all 0.3s ease-out;
- }
- #header{
- {block:IndexPage}
- width:690px;
- margin-top:-110px;
- {/block:IndexPage}
- {block:PermalinkPage}
- width:700px;
- margin-top:-10px;
- {/block:PermalinkPage}
- color:{color:text};
- background:rgba({RGBcolor:header}, 0.85);
- position:fixed;
- padding:15px;
- {block:ifborder}border-bottom:1px solid {color:border};{/block:ifborder}
- z-index:999;
- }
- #description {
- text-align:justify;
- font-size:9px;
- text-justify: inter-word;
- padding:5px;
- margin-top:-10px;
- width:400px;
- max-height:25px;
- -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
- }
- #title {
- padding:5px;
- padding-bottom:8px;
- text-align:left;
- font-size:15px;
- text-transform:uppercase;
- }
- #title a{
- color:{color:title};
- display:relative;
- border-bottom:none;
- }
- #title:hover a{
- color:{color:titlehover};
- }
- .consolas {
- font-family: consolas;
- }
- .san serif {
- font-family: 'Open Sans', sans-serif;
- }
- #nav {
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- font-family: 'Lato', sans-serif;
- position:absolute;
- width:300px;
- margin-left:450px;
- margin-top:-10px;
- padding:29px;
- {block:ifborder}border-left:1px solid {color:border};{/block:ifborder}
- }
- #nav a {
- display:inline-block;
- margin:4px;
- padding:3px;
- color:{color:Navigation};
- background:{color:navbackground};
- box-shadow:0px 0px 0px 0px #f3f3f3 inset;
- -webkit-transition: all .5s linear;
- -moz-transition: all .5s linear;
- -o-transition: all .5s linear;
- -ms-transition: all .5s linear;
- transition: all .5s linear;
- }
- #nav a:hover {
- box-shadow:50px 0px 0px 0px {color:permabghover} inset;
- color:{color:perma};
- }
- #tab {
- width:690px;
- padding:15px;
- background:rgba({RGBcolor:header}, 0.65);
- z-index:999;
- {block:indexpage}
- {block:ifborder}margin-top:-23px;{/block:ifborder}
- {block:ifnotborder}margin-top:-24px;{/block:ifnotborder}
- {/block:indexpage}
- {block:permalinkpage}margin-top:60px;{/block:permalinkpage}
- display:none;
- position:fixed;
- height:100%;
- }
- #tab img {
- width:70px;
- padding:5px;
- border:1px solid {color:border};
- border-radius:100%;
- }
- .about {
- width:300px;
- margin-left:200px;
- position:absolute;
- }
- .links {
- text-align:center;
- padding:10px;
- }
- .links a{
- padding:5px;
- background:{color:navbackground};
- margin:5px;
- display:inline-block;
- text-transform:uppercase;
- font-size:8px;
- border-radius:6px;
- }
- .posttitle {
- text-align:center;
- font-size:14px;
- }
- .mark {
- font: bold 60px georgia;
- line-height: 50px;
- position: absolute;
- color:{color:link};
- opacity:.3;}
- .quote {
- text-indent: 35px;
- text-align: justify;
- padding:6px;
- border-bottom:1px solid {color:border};
- line-height:15px;
- font-family:times;
- }
- .question {
- padding:12px;
- text-align:justify;
- border-bottom:1px solid {color:border};
- margin:-6px -5px 10px;
- background:{color:question background};
- }
- .asker {
- text-align:center;
- font-size:11px;
- font-style:italic;
- }
- .caption {
- font-size:9px;
- }
- i, em {
- font-style:italic;
- color:{color:italic};
- }
- b, strong {
- color:{color:bold};
- font-weight:bold;
- }
- blockquote {
- margin-top:7px;
- margin-left:15px;
- padding-left:5px;
- padding-right:5px;
- border-left: 1px solid {color:border};}
- #audio { width:100%; }
- .tumblr_audio_player {height: 40px; width: 40px; border:none; position:absolute; border:1px solid {color:border}; z-index:999999; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
- #entry:hover .tumblr_audio_player {opacity:.8; }
- #captio { overflow:auto; margin-left: 55px; height:45px;}
- q { font-family:consolas; color:{color:link};}
- .permalinkpage {
- line-height:10px;
- text-align:center;
- font-size:8px;
- letter-spacing:1px;
- padding:15px;
- text-transform:uppercase;
- }
- #postnotes {
- height:250px;
- padding-top:4px;
- overflow:auto;
- font-size:11px;
- }
- .permat {
- position:absolute;
- top:50%;
- margin-top:-20px;
- width:inherit;
- letter-spacing:1px;
- font-size:8px;
- padding-top:1px;
- font-family: 'Lato', sans-serif;
- text-align:center;
- z-index:1;
- -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
- }
- #entry:hover .permat {
- margin-top:0px;
- }
- #entry:hover #fade {
- opacity:1;
- margin-top:-20px;
- }
- #fade {
- position:absolute;
- top:50%;
- width:inherit;
- z-index:0;
- background:rgba({RGBcolor:permabox}, 0.65);
- width:200px;
- height:50px;
- margin-left:25px;
- margin-top:-0px;
- opacity:0;
- -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
- }
- #fade:before {
- content:"";
- width:70px;
- position:absolute;
- margin-top:10px;
- margin-left:60px;
- border: 1px solid {color:cross};
- {block:ifcross}
- width:150px;
- {/block:ifcross}
- -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
- }
- #fade:after {
- content:"";
- width:70px;
- position:absolute;
- margin-top:40px;
- margin-left:60px;
- border: 1px solid {color:cross};
- -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
- {block:ifcross}
- width:150px;
- transform: rotate(150deg); -ms-transform: rotate(150deg); -webkit-transform: rotate(150deg); -o-transform: rotate(150deg); -moz-transform: rotate(150deg);
- {/block:ifcross}
- }
- #entry:hover #fade:before {
- {block:ifcross}
- margin-left:20px;
- border: 1px solid {color:cross};
- margin-top:25px;
- transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);
- {block:ifcross}
- }
- #entry:hover #fade:after {
- {block:ifcross}
- margin-left:20px;
- margin-top:25px;
- border: 1px solid {color:cross};
- transform: rotate(170deg); -ms-transform: rotate(170deg); -webkit-transform: rotate(170deg); -o-transform: rotate(170deg); -moz-transform: rotate(170deg);
- {/block:ifcross}
- }
- .permainfo {
- opacity:0;
- -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
- }
- #entry:hover .permainfo {
- opacity:.85;
- }
- .permainfo a{
- text-transform:uppercase;
- margin:5px;
- background:{color:permabg};
- color:{color:perma};
- padding:4px;
- }
- .permainfo a:hover {
- background:{color:permabghover};
- color:{color:text};
- }
- #postnotes img{display:none;}
- #postnotes ul, #postnotes ol {margin:0px; list-style:none;}
- #postnotes li{list-style:none;}
- .pagination {display: none;}
- #artset {
- font-family:calibri;
- text-transform:uppercase;
- letter-spacing:1px;
- font-size:10px;
- position:fixed;
- right:10px;
- bottom:10px;
- color:{color:postbackground};
- background:{color:accent};
- padding:5px 15px 5px 15px;
- width:70px;
- overflow:hidden;
- text-align:center;
- height:13px;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- #artset a {
- color:{color:background};
- line-height:10px;
- -webkit-animation:fadeInDown 3s;
- -moz-animation:fadeInDown 3s;
- -ms-animation:fadeInDown 3s;
- -moz-transition: all 0.4s ease-out;
- -o-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .word {
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- #artset a:hover .word{
- margin-top:-18px;
- -webkit-transition: all 0.3s linear;
- -moz-transition: all 0.3s linear;
- transition: all 0.3s linear;
- }
- {CustomCSS}</style>
- {block:IndexPage}
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
- <script type="text/javascript">
- $(window).load(function(){
- var $wall = $('#content');
- $wall.imagesLoaded(function(){
- $wall.masonry({
- itemSelector: '#entry',
- isAnimated : false
- });
- });
- $wall.infinitescroll({
- navSelector : 'div.pagination',
- nextSelector : '.pagination a#next',
- itemSelector : '#entry',
- bufferPx : 2000,
- debug : false,
- errorCallback: function() {
- $('#scroll').fadeOut('normal');
- }},
- function( newElements ) {
- var $newElems = $( newElements );
- $newElems.hide();
- $newElems.imagesLoaded(function(){
- $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
- });
- }); $('#content').show(500);
- });
- </script>
- {/block:IndexPage}
- <script>
- $(document).ready(function(){
- $(".flink").click(function(){
- $("#tab").fadeToggle("medium");
- });
- });
- </script>
- </head>
- <body>
- <div id="artset">
- <a href="http://artset.tumblr.com">
- <div class="word">Piquant
- <br><br>
- by artset
- </div>
- </a>
- </div>
- <div id="content">
- <div id="header">
- <div id="nav">
- <a href="/">{text:home link}</a>
- <a href="/ask">{text:ask link}</a>
- <a href="/archive">{text:archive link}</a>
- <a href="" onclick="return false;" class="flink">{text:more link}</a>
- </div>
- <div id="title">
- <div class="{select:title font}">
- <a href="/">{Title}</a>
- </div>
- </div>
- <div id="description"> {description}</div>
- </div>
- <div id="tab">
- <center><img src="{PortraitURL-128}"></center>
- <div class="links">
- {block:IfLinkOneTitle}<a href="{text:Link One}">{text:Link One Title}</a>{/block:ifLinkOneTitle}
- {block:ifLinkTwoTitle} <a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}
- {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
- {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title}</a>{/block:ifLinkFourTitle}
- {block:ifLinkFiveTitle}<a href="{text:Link Five}">{text:Link Five Title}</a>{/block:ifLinkFiveTitle}
- {block:ifLinkSixTitle}<a href="{text:Link Six}">{text:Link Six Title}</a>{/block:ifLinkSixTitle}
- </div>
- <div class="about">{text:about}</div>
- </div>
- {block:Posts}
- <div id="entry">
- {block:IndexPage}
- <div id="fade"></div>
- {/block:IndexPage}
- {block:Text}
- <div class="posttitle"><a href="{Permalink}">{block:Title}{Title}{/block:Title}</a> </div>
- {Body}
- {/block:Text}
- {block:Photo}
- {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}"/>{block:IndexPage}</a>
- {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}{/block:IndexPage}
- {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
- {block:PermalinkPage}<BR><div class="caption">{Caption}</div>{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- {block:Photos}<a href="{permalink}"><img src="{PhotoURL-500}" width="250" style="padding-bottom:5px;"/></a>
- {/block:Photos}
- {block:ifcaption}<div class="caption">{Caption}</div>{/block:ifcaption}
- {/block:Photoset}
- {block:Quote}
- <div class="mark">❝</div>
- <div class="quote">
- {Quote} </div> <BR>
- {block:Source} <a href="{Permalink}">{Source}</a>{/block:Source}
- {/block:Quote}
- {block:Link}
- <div class="question"><a href="{URL}" {Target}>{Name}</a> </div>
- {block:Description}{Description}{/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}<t>{Title}</t>{/block:Title}
- {block:Lines}
- {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
- {/block:Lines}
- {/block:Chat}
- {block:Audio}
- <div id="audio">
- {block:AudioPlayer}{AudioPlayerGrey}{/block:AudioPlayer}</div>
- <div id="playpic"><div id="captio">{block:TrackName} "{TrackName}"
- {/block:TrackName} <br> {block:Artist}{Artist}{/block:Artist} <br> {block:Album} {Album}{/block:Album}</div></div>
- {/block:Audio}
- {block:Video}
- <div style="width:250px; overflow:Auto;">{Video-400}</div>{/block:indexpage} {block:permalinkpage} {Video-500}{/block:permalinkpage}
- {block:Caption}{Caption}{/block:Caption}
- {/block:Video}
- {block:Answer}
- <div class="question">
- <div class="asker">{Asker}</div>
- <br>
- {Question}</div> {Answer}
- {/block:Answer}
- {block:Indexpage}
- <div class="permat">
- <div class="permainfo">{block:Date} <a href="{Permalink}"> {Month} {DayOfMonth} </a> {/block:Date} <a href="{ReblogUrl}">Reblog</a></div>
- <br>
- </div>
- {/block:Indexpage}
- {block:PermalinkPage}
- <div class="permalinkpage">
- {block:NoteCount}{NoteCount} notes<br>{/block:NoteCount}
- {block:RebloggedFrom}Source: <a href="{ReblogRootURL}">{ReblogRootName}</a> | Reblogged From: <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
- {block:NoteCount} <div style="text-align:center; margin:5px; font-family:calibri; line-height:12px"></div>{/block:NoteCount} <Br>
- {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}
- </div>
- {/block:PermalinkPage}
- {block:PostNotes}
- <div id="postnotes">{PostNotes}</div>
- {/block:PostNotes}</div>
- {/block:Posts}
- <div class="pagination">
- {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> ·{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
- </div></div>{/block:Posts}</div></div></div> </div>
- </div> </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement