theme 18: linha

<!--


theme #18: linha
by leopardraws

thanks for using my themes!
feel free to change fonts and colors.
enjoy!! <3


-->

<!DOCTYPE html>
<head>

<title>{Title}{block:searchpage}, search results: {searchquery}{/block:searchpage}{block:postsummary} - {postsummary}{/block:postsummary}
</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
<meta name="description" content="{MetaDescription}" />

<meta name="image:Avatar" content="https://goo.gl/nueR8c"/>

<meta name="color:Accent" content="#f2a994"/>
<meta name="color:Background" content="#fafafa"/>
<meta name="color:Borders" content="#eeeeee"/>
<meta name="color:Entry" content="#ffffff"/>
<meta name="color:Fonts" content="#a0a0a0"/>
<meta name="color:Links" content="#666666"/>
<meta name="color:Titles" content="#666666"/>

<meta name="text:Header title" content="Crier tout bas"/>
<meta name="text:Link 1 URL" content="url 01"/>
<meta name="text:Link 1 title" content="un"/>
<meta name="text:Link 2 URL" content="url 02"/>
<meta name="text:Link 2 title" content="deux"/>
<meta name="text:Link 3 URL" content="url 03"/>
<meta name="text:Link 3 title" content="trois"/>
<meta name="text:Link 4 URL" content="url 03"/>
<meta name="text:Link 4 title" content="quatre"/>
<meta name="text:Link 5 URL" content="url 03"/>
<meta name="text:Link 5 title" content="cinc"/>


<meta name="if:Posts background" content="0"/>
<meta name="if:Show avatar" content="1"/>

<meta name="select:Avatar style" content="square" title="Square"/>
<meta name="select:Avatar style" content="circle" title="Circle"/>

<meta name="select:Posts width" content="350px"/>
<meta name="select:Posts width" content="400px"/>
<meta name="select:Posts width" content="450px"/>
<meta name="select:Posts width" content="500px"/>
<meta name="select:Posts width" content="540px"/>




<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>


<link href="//fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i|IBM+Plex+Sans:400,400i,500,500i,600,600i,700,700i|IBM+Plex+Serif:400,400i,600,600i" rel="stylesheet" />
<link rel="stylesheet" href="//static.tumblr.com/ev0x8sk/uuCp443w9/i.css">

<style type="text/css">

/* defaults */
.global-app { display:none; }

::selection { background:{color:accent}; color:white; }


::-webkit-scrollbar {
    width:19px;
    height:19px;
    background:{color:borders};
    border:9px solid {color:background};}

::-webkit-scrollbar-thumb {
    width:5px;
    height:5px;
    border-radius:10px;
    border:8px solid {color:background};
    background:{color:accent}; }


img { max-width:100%;
    height:auto;
    border-radius:3px;
}

a {
    text-decoration:none;
    transition:.3s;
    color:{color:links};}

a:hover {
    color:{color:accent};
    cursor:help; }

p { margin:5px 0; }
p:only-child { margin:0!important; }
p:first-child, p:first-of-type { margin-top:0!important; }
p:last-child, p:last-of-type { margin-bottom:0!important; }

i { font-style:italic; }

pre { white-space:pre-wrap; }


.iframe-controls--desktop {
   position:fixed;
   top:15px!important;
   right:10px!important;
   z-index:9000;
   filter:invert(98%);
   transform:scale(0.7,0.7);
   transform-origin:100% 0%; }



iframe#ask_form { margin-top:10px; }

blockquote, .unnest blockquote blockquote {
    padding-left:14px;
    margin:5px 0 0;
    border-left:1px solid {color:borders}; }

.unnest blockquote {
    padding:0;
    margin:0;
    border:none; }

blockquote img:not(.c-ava), blockquote figure img, blockquote figure {
    max-width:100%;
    height:auto;
    text-align:left;
    margin-top:10px; }

body {
    margin:0;
    padding:0;
    min-height:100%;
    text-align:left;
    color:{color:fonts};
    background:{color:background};
    background-repeat:repeat; }

body, header { background-attachment:fixed;}

body,
body small,
body big,
body pre,
body sub,
body sup { -webkit-font-smoothing: antialiased;
    font:11.5px 'ibm plex sans', sans-serif;
    line-height:20px;
    text-shadow: 0 0 0.25px rgba({RGBcolor:fonts},.1);}

b,
b small, small b,
b big, big b,
b pre, pre b,
b sup, sup b,
b sub, sub b {
    font-weight:500;}


/* tumblr lightbox */
.tumblr-box { border-color:transparent!important; }
.tmblr-lightbox { background-color:rgba({RGBcolor:background},.9)!important; }
.tmblr-lightbox .vignette { background:transparent!important }
.tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
.tmblr-lightbox .lightbox-caption {
    color:{color:links}!important;
    text-shadow:0 0 0 transparent!important; }


/* lists */
ul { margin-left:-40px; }

ol li { list-style-type:decimal-leading-zero; }
ul li { list-style-type:none; }

ul li:before {
    content:"—";
    letter-spacing:-1px;
    color:{color:borders};
    margin-right:10px; }


/* post notes */
.post-notes {
    margin-top:-71px;
    height:auto;}

.post-notes img.avatar {
    width: 13px;
    height:13px;
    margin-top: 12px;
    margin-right: 10px;
    margin-bottom: -3px;
    border-radius: 2px; }

.post-notes ol {
    padding-top:8px;
    margin: 0 0 0 -40px;}

.post-notes li { list-style-type: none!important; }

.post-notes li.more_notes_link_container {
    text-align: left;
    display: inline-block;
    padding:6px 0 7px; }

.post-notes li.note.more_notes_link_container a {
    border-bottom:none;
    color:{color:links}!important; }

a.avatar_frame { border-bottom:none; }



/* alignment */
#content {
    position:relative;
    width:{select:posts width};
    top:0;
    left:50%;
    margin-left:calc({select:posts width} / -2 - 20px);
    {block:PermalinkPage}
    width:540px;
    margin-left:-295px;
    {/block:PermalinkPage}}

.perma { margin-top:15px; }
.perma a { border:none; }
.tags { font-weight:normal; }
.tags a { margin-right:5px; }
.tags a:before { content:'#';
    color:{color:fonts};}

.entry {
    border-radius:2px;
    margin:150px 0;
    width:100%;
    display:block;
    padding:20px;
    {block:ifpostsbackground}background:{color:entry};{/block:ifpostsbackground}
    position:relative; }

.e-notes {
    background:transparent!important;
    border:none!important;
    width: 100%;
    margin:0;
    padding:0;}

.entry.e-notes a { border:none; }
.entry.e-notes ol { padding:0; margin:0; }
.entry.e-notes li { list-style-type:none;
    display:block;
    background:transparent!important;
    padding: 8px 0; }
.entry.e-notes li img {
    vertical-align: middle;
    border-radius: 3px;
    margin-right: 10px;
    width: 15px; }
li.more_notes_link_container, li.more_notes_link_container a {
    text-align: left;
    display: block;
    border-bottom:none; }

.e-notes li blockquote { margin-top:8px; }


/* photos & etc */
.photopost, .photo-slideshow, .video {
    max-width:100%
    width:100%;
    display:inline-block;
    border-radius:3px;
    margin-bottom:-6px; }

.audio-in, iframe.tumblr_audio_player {
    width:{select:posts width};
    border-radius:3px;
    max-width:100%;
    display:block; }


/* captions */
.unnest p:first-of-type { margin-top:8px!important; }

.c-content .tumblr_blog:first-of-type { border:none; }
.c-content .tumblr_blog { font-weight:500; }

.c-content { display:block;
    margin-top:15px!important; }

img.c-ava {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    margin-right: 10px; }

img.c-ava.square { border-radius:3px; }
img..c-ava.circle { border-radius:100%; }


/* write */
h1, h2, h3 {
    font-size:18px;
    font-weight:normal;
    text-align:left;
    line-height:24px;
    font-family:'ibm plex serif';
    color:{color:titles};
    margin:0;}

h2 { font-size:16px; }
h3 { font-size:14px; }

.captions {
    margin-top:15px;
    display:block;
    border-radius:2px; }

.captions h1, .captions h2, .captions h3 { margin-top:8px; }

.hastitle { margin-top:8px; }

h1.quote { display:inline-block; }

.qsource {
    display:inline-block;
    margin-top:8px; }

.qsource:before { content:'——';
    letter-spacing:0;
    margin-right:6px;}

.l-content {
    width:{select:posts width};
    overflow:hidden;
    margin-bottom:-7px;
    display:inline-block;  }

.l-info {
    position:relative;
    z-index:20; }

.l-info h1 { margin-bottom:6px;
    color:{color:titles}; }




/* chat posts */
.chatblock { padding:15px 0px 0;
    width:{select:posts width}; }
.chatblock b { color:{color:links}; font-weight:500;}
.chatarrange .chatblock:first-child { padding-top:0px;}
.chatarrange .chatblock:nth-last-child(2) { padding-bottom:0px;}
.chatarrange { margin-bottom:7px; }






/* ask posts */
.question {
    width:{select:posts width};
    display:inline-block; }

.asker-in {
    width:calc(100% - 40px);
    display:inline-block;
    vertical-align:top;  }

.asker-in .tumblr_blog:first-child { font-weight:500 }

.question a {
    color:{color:links};
    border:none; }

.question a:hover { color:{color:accent}; }

.asker-in span { display:block;
    font-weight:500;}

.question img {
    width:20px;
    display:inline-block;
    vertical-align:top;
    margin-top:5px;
    margin-right:15px; }




/* header */
.btitle h1 { display:inline-block;}

.links a { margin-right:8px; }
.links a[href=""], .links a[href="#"] { display:none; }

.himg { margin-bottom:12px;
    {block:ifnotshowavatar}display:none;{/block:ifnotshowavatar} }
.himg img {
    display:inline-block;
    width:35px;}

.square img { border-radius:3px; }
.circle img { border-radius:100%; }

hr {
    width: 50px;
    height:1px;
    background:{color:borders};
    outline:none;
    border:none;
    left:0;
    margin:15px 0;
    position:relative; }


.pag {
    padding:15px 20px;
    margin-bottom:150px;
    border-radius:3px;
    border:none;
    display:inline-block;
    {block:ifpostsbackground}
    background:{color:entry};
    {/block:ifpostsbackground} }

.pag a {
    margin:0 5px;
    border:none; }

.pag a:first-child { margin-left:0; }
.pag a:last-child { margin-right:0; }


{CustomCSS}
</style></head>
<body>


<div id="content">


<div class="entry">
    <div class="header">
        <div class="himg {select:avatar style}">
            <img src="{image:avatar}">
        </div>
        <div class="btitle"><h1>{text:header title}</h1></div><hr>
        <div class="desc">{Description}</div><hr>
        <div class="links">
            <a href="/">index</a>
            <a href="/ask">message</a>
            <a href="{text:link 1 url}">{text:link 1 title}</a>
            <a href="{text:link 2 url}">{text:link 2 title}</a>
            <a href="{text:link 3 url}">{text:link 3 title}</a>
            <a href="{text:link 4 url}">{text:link 4 title}</a>
            <a href="{text:link 5 url}">{text:link 5 title}</a>
        </div>
    </div>
</div>



{block:Posts}

<article class="entry">


    {block:Answer}
    <div class="question {select:avatar style}">
        <img src="{AskerPortraitURL-128}">
        <div class="asker-in">
            <span>{Asker}</span>
            {Question}
        </div>
    </div>
    <br><br>
    {block:NotReblog}
    <div class="question {select:avatar style}">
        <img src="{PortraitURL-128}">
        <div class="asker-in">
            <span><a href="/">{Name}</a></span>
            {Answer}
        </div>
    {/block:NotReblog}
    {block:RebloggedFrom}
    <div class="question {select:avatar style}">
        <img src="{ReblogRootPortraitURL-128}">
        <div class="asker-in">
            {Answer}
        </div>
    {/block:RebloggedFrom}
    </div>
    {/block:Answer}


    {block:Text}
    <div class="bodies">
    {block:Title}<h1>{Title}</h1><hr>{/block:Title}
    <div class="{block:Title}hastitle{/block:Title}">{Body}</div>
    </div>
    {/block:Text}





    {block:Quote}
    <div class="bodies">
    <h1 class="quote">{Quote}</h1>
    <span class="qsource">{Source}</span>
    </div>
    {/block:Quote}






    {block:Link}
        <div class="l-content">
        <a href="{URL}">
            <div class="l-info">
            <h1>{Name} →</h1><hr>
            {block:Excerpt}{Excerpt}{/block:Excerpt}
            </div>
        </a>
        </div>


        {block:Description}
        <div class="captions unnest">
        {Description}
        </div>
        {/block:Description}
    {/block:Link}





    {block:Photo}
    <img src="{PhotoURL-HighRes}" class="photopost">
    {/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-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" 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:Photoset}

    {block:Video}
    <div class="video">{Video-500}</div>
    {/block:Video}




    {block:Audio}
        {block:AudioEmbed}
        <div class="audio-in">{AudioEmbed}</div>
        {/block:AudioEmbed}
    {/block:Audio}



    {block:Chat}
        <div class="bodies">
        {block:Title}<h1>{Title}</h1><hr>{/block:Title}
        <div class="chatarrange">
            {block:Lines}
            <div class="chatblock">
            {block:Label}<b>{Label}</b>{/block:Label}<br>
            {Line}
            </div>
            {/block:Lines}
        </div>
        </div>
    {/block:Chat}



    {block:Caption}
    <hr>
    <div class="captions unnest">{Caption}</div>
    {/block:Caption}

    {block:IndexPage}
    <div class="perma">
        <hr>
        <a href="{Permalink}">{NoteCountWithLabel}</a> +
        <a href="{ReblogURL}">reblog</a>
        <br>
        {block:HasTags}
        <div class="tags">
        {block:Tags}
        <a href="{TagURL}">{Tag}</a>
        {/block:Tags}
        </div>
        {/block:HasTags}
    </div>
    {/block:IndexPage}

    {block:PermalinkPage}
    {block:Date}
    <div class="perma">
        <hr>
        Posted {TimeAgo} on {Month} {DayOfMonth}{DayOfMonthSuffix} at {12Hour}:{Minutes}{AmPM}<br>
        <a href="{Permalink}">{NoteCountWithLabel}</a> +
        <a href="{ReblogURL}">Reblog</a>
        <br>
        {block:HasTags}
        <div class="tags">
        Tagged as:
        {block:Tags}
        <a href="{TagURL}">{Tag}</a>
        {/block:Tags}
        </div>
        {/block:HasTags}
    </div>
    {/block:Date}
    {/block:PermalinkPage}


    {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}

    {block:PermalinkPage}
    {block:PostNotes}
    <div class="entry e-notes">
    <hr>
    {PostNotes}</div>
    {/block:PostNotes}
    {/block:PermalinkPage}





</article>
{/block:Posts}


    {block:Pagination}
    <div class="pag">
    {block:PreviousPage}
    <a href="{PreviousPage}">back</a>
    {/block:PreviousPage}
    {block:NextPage}
    <a href="{NextPage}">forth</a>
    {/block:NextPage}
    </div>
    {/block:Pagination}


</div>
<style>
a#quote {  position:fixed; z-index:1000000000000; bottom:20px; right:15px; transition:.2s; font-size:40px;font-family:muli; line-height:1px; padding:4px; text-align:center; border-bottom:none; }

.i-top { position:fixed; font-size:16px; bottom:55px; border:none; display:none; font-weight:300; right:19px; }

.i-top dt, #quote dt { position:absolute;
    margin-left:-110px;
    margin-top:-11px;
    font-size:7px;
    font-family:ibm plex sans;
    letter-spacing:2px;
    font-weight:700;
    text-transform:uppercase;
    width:100px;
    text-align:right;
    opacity:0;
    color:{color:links};
    transition:.3s;
    visibility:hidden; }

.i-top:hover dt, #quote:hover dt {
    opacity:1;
    visibility:visible;}

</style>
<a href="#" class="i-top">
    <dt>scroll to top</dt>
</a>
<a href="//leopardraws.tumblr.com" title="theme" id="quote">
    <dt>theme</dt>”</a>




</body>


<script src="//static.tumblr.com/ev0x8sk/bCJos9wzh/scroll-to-top.js"></script>
<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>


<!-- pxu -->
<link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
<script src="//static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
<script>
    $(document).ready(function() {
    $('.photo-slideshow').pxuPhotoset({
        'ligthbox': false,
        'highRes': true,
        'rounded': false,
        'exif': false,
        'captions': false,
        'gutter': '1px',
        'photoset': '.photo-slideshow',
        'photoWrap': '.photo-data',
        'photo': '.pxu-photo'
    }, function() {
        // callback
    });
});
</script>
<!-- /pxu -->


<script src="//static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
<script>
$(document).ready(function() {
    $('article').unnest({
        yourCaption: ".unnest",
        wrapName: ".c-content",
        tumblrAvatars: true,
        newCaptionUsername: false,
        originalPostCaptionUsername: true,
        tumblrAvatarClass: ".c-ava .{select:avatar style}",
        usernameColon: false
    });
});
</script>

<script src="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>

<script>
// minimal soundcloud player © shythemes.tumblr
$(document).ready(function() {
    var color = '{color:accent}';
    $('.soundcloud_audio_player').each(function() {
        $(this).attr({
            src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=true&amp;origin=tumblr&amp;color=' + color.split('#')[1],
            height: 20,
            width: '100%'
        });
    });
});
</script>



</html>