Scribd Logo
Upload

Welcome to Scribd!

  • Carmin

    Uploaded by

    itgeaneg
    22 views13 pages
    tumblr theme code

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    tumblr theme code

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    22 views13 pages

    Carmin

    Uploaded by

    itgeaneg
    tumblr theme code

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 13

    <!

    --

    ✧* 。♡ theme made by tumblr user @planthed ♡ 。*✧

    theme blog: @themekid

    -->

    <html lang="en">
    <head>

    <link href='http://fonts.googleapis.com/css?family=Abel|Abril+Fatface|Raleway|
    Montserrat' rel='stylesheet' type='text/css'>
    <link rel="stylesheet" type="text/css"
    href="http://assets.tumblr.com/fonts/squareserif/stylesheet.css?v=4">
    <link rel="stylesheet" type="text/css"
    href="http://assets.tumblr.com/fonts/avalon/stylesheet.css?v=1">

    <meta name="color:Background" content="#fff"/>


    <meta name="color:Text" content="#656565"/>
    <meta name="color:Link" content="#97b0be"/>
    <meta name="if:faded posts" content="0"/>
    <meta name="text:blogtitle" content="carmin"/>
    <meta name="text:Link 1 Title" content="refresh" />
    <meta name="text:Link 1" content="/" />
    <meta name="text:Link 2 Title" content="message"/>
    <meta name="text:Link 2" content="/ask" />
    <meta name="text:Link 3 Title" content="more" />
    <meta name="text:Link 3" content="/" />
    <meta name="text:Link 4 Title" content="about" />
    <meta name="text:Link 4" content="/" />
    <meta name="text:Link 5 Title" content="archive" />
    <meta name="text:Link 5" content="/archive" />

    <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css"
    rel="stylesheet">
    <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:90,
    tip_fade_speed:600,
    attribute:"title"
    });
    });
    })(jQuery);
    </script>

    <style type="text/css">
    ol.notes li.note img.avatar {
    display:none;}

    #s-m-t-tooltip {
    background:{color:link};
    height:auto;
    max-width:300px;
    padding:5px;
    display:block;
    text-align:center;
    font-size:9px;
    font-family:arial;
    line-height:10px;
    border-radius:4px;
    z-index: 9999999999;
    color:white;
    margin-top:25px;
    margin-left:0px;
    }

    #s-m-t-tooltip:before{
    position:absolute;
    height:0px;
    width:0px;
    left:5px;
    top:-10px;
    content:"";
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-right:10px solid {color:link};
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    }

    #tumblr_controls, .tmblr-iframe{ z-index:999999999999999999!important; -webkit-


    filter:invert(100%); -moz-filter:invert(100%); -o-filter:invert(100%); -ms-
    filter:invert(100%); filter:invert(100%); position:fixed!important; top:0px!
    important; right:0px!important; opacity:.5;
    -webkit-transition:all 0.6s ease-out;-webkit-transition: opacity 0.7s
    linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s
    ease-out;transition: all 0.8s ease-out}

    #tumblr_controls, .tmblr-iframe:hover{
    opacity:.9;webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s
    ease-out;transition: all 0.4s ease-out;
    -webkit-transition:all 0.6s ease-out;-webkit-filter:invert(80%); -moz-
    filter:invert(80%); -o-filter:invert(80%); -ms-filter:invert(80%);
    filter:invert(80%);
    }

    ::-webkit-scrollbar {width: 10px; height: 2px; background:{color:background};


    border:4px solid {color:background}; }
    ::-webkit-scrollbar-thumb { background-color:{color:link}; border-bottom: 3px solid
    {color:background}; border-radius:0px; border-top: 3px solid {color:background};
    border-left: 3px solid {color:background}; border-right: 3px solid
    {color:background}; }

    body, a, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png),


    progress;}

    a:link, a:active, a:visited{


    color:{color:link};
    text-decoration: none;
    -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-
    transition: all 0.6s ease-out;transition: all 0.6s ease-out;
    }
    a:hover {
    font-style: none;
    color:{color:link};
    cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
    }
    #akina{width:250px; height:auto;}
    {block:PermalinkPage}
    width:410px;
    {/block:PermalinkPage}
    }
    #center{
    padding-top:3px;
    padding-bottom:3px;
    position:fixed !important;
    width:250px;
    height:207px;
    background-color:white;
    {block:PermalinkPage}
    width:410px;
    height:207px;
    {/block:PermalinkPage}
    }
    body{
    margin:5px;
    background-color: {color:Background};
    background-image:url({image:Background});
    background-attachment: fixed;
    background-repeat: repeat;
    color:{color:Text};
    }
    #audio {
    width:350px;
    height:auto;
    min-height:60px;
    padding-bottom:0px;
    }
    .cover {
    position:absolute;
    z-index:1;
    width:60px;
    height:60px;
    }
    .cover img {
    float:left;
    width:60px;
    height:60px;
    }
    .playbox {
    opacity:0.6;
    width:27px;
    height:30px;
    overflow:hidden;
    position:absolute;
    z-index:1000;
    margin-left:17px;
    margin-top:17px;
    text-align:center;
    }
    .info {
    margin-left:73px;
    margin-top:4px;
    line-height:14px;
    }

    .title{
    font-family: 'Avalon', sans-serif;
    text-transform:uppercase;
    font-style:normal;
    font-size:12px;
    line-height: 16px;
    color:{color:link};
    margin-top:5px;
    letter-spacing:3px;
    padding: 2px 0px 0px 0px;

    askk {
    font-family: 'Avalon', sans-serif;
    font-size:8px;
    color:{color:text};
    font-style:italic;
    text-transform:uppercase;
    letter-spacing:1px;
    z-index:1;
    }

    #posts{
    float:center;
    width:710px;
    margin-left:60px;
    margin-top:50px;
    height:100%;
    }

    #entry img{
    {block:iffadedposts}
    opacity:0.7;
    {/block:iffadedposts}
    border-radius:0px;
    {block:indexpage}
    max-width:100%;
    {/block:indexpage}
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    }

    #entry img:hover{
    opacity:1;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    }

    #entry {
    font-family:arial;
    text-transform:normal;
    font-style:normal;
    font-size:9px;
    line-height: 16px;
    color:{color:text};
    margin-top:10px;
    margin-left:60px;
    background:#fff;
    float:left;
    width:250px;
    {block:PermalinkPage}
    width:400px;
    {/block:PermalinkPage}
    }

    #permalinks a{
    color:#fff;
    }
    #permalinks {
    background:{color:link};
    display:block;
    border-radius:2px;
    text-align:left;
    font-size:9px;
    letter-spacing:1px;
    font-family: 'Avalon', sans-serif;
    text-transform:uppercase;
    padding:5px;
    color:#fff;
    margin-top:25px;
    width:44px;
    opacity:0;
    -o-transition-transition:0.4s;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    }

    #permalinks:before { font-style:normal; margin-top: -18px; margin-left:2px;


    content:"▲"; position:absolute; float:right; font-size:15px; color:{color:link}; }

    #entry:hover #permalinks{
    opacity:1;margin-top:18px;
    -o-transition-transition:0.4s;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    }

    #lace{
    position:fixed;
    opacity:1;
    width:40px;
    height:100%;
    padding:3px;
    background:{color:link};
    margin-top:-50px;
    margin-left:-5px;
    z-index:9999;
    text-align:center;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;}

    #sidebar {
    width:200px;
    height:auto;
    border:1px solid {color:link};
    position:fixed;
    background:white;
    padding:10px;
    z-index:999;
    margin-top:200px;
    margin-left:770px;
    z-index:999;
    font-family:arial;
    font-size:9px;
    z-index:999999;
    text-align:left;
    padding:15px;
    height:auto;
    line-height:14px;
    letter-spacing:0px;
    color:{color:text};
    {block:permalinkpage}
    margin-left:580px;
    {/block:permalinkpage}
    -o-transition-transition:0.4s;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    }

    .titulo {
    color:{color:link};
    margin-top:-30px;
    margin-left:-5px;
    font-family: 'Avalon', sans-serif;
    z-index:999999;
    text-align:left;
    width:auto;
    padding:3px;
    background:white;
    font-size:15px;
    line-height:23px;
    letter-spacing:1px;
    text-transform:uppercase;
    position:absolute;

    .wow {
    position:fixed;
    font-size:20px;
    right:10px;
    bottom:10px;
    z-index:999999999999999999999999;
    -o-transition-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }

    .wow a{color:{color:link};}
    .wow:hover a{color:{color:text};}
    .wow:hover{
    -webkit-animation:pop 1s;
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
    transform: rotate(360deg);
    }

    @-webkit-keyframes pop{0% {-webkit-transform: scale(1);}50% {-webkit-transform:


    scale(.8);}100% {-webkit-transform: scale(1);}}

    .links{
    position:fixed;
    width:190px;
    height:19px;
    padding:5px;
    z-index:-9999999999999;
    margin-top:3px;
    margin-left:20px;
    opacity:1;
    transition:0.4s;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
    }

    .links a{
    text-shadow:10px 0px transparent, -10px 0px transparent;
    position:relative;
    font-family:arial
    font-size:5px;
    letter-spacing:1px;
    margin-top:-8px;
    display:inline-block;
    margin-left:1px;
    padding:4px;
    background:white;
    border:1px solid transparent;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -ms-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out;
    transition:All 0.5s ease-in-out;
    outline:1px solid transparent;
    outline-offset:-5px;
    }

    .links a:hover {
    -webkit-box-shadow: inset 25px 0 0 {color:link};
    color:white;
    border:1px solid {color:link};
    text-shadow:0px 0px transparent, 0px 0px transparent;
    transition: all 0.9s ease;
    -o-transition-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    }

    .links2{
    position:fixed;
    height:19px;
    padding:5px;
    z-index:-9999999999999;
    margin-top:-86px;
    margin-left:197px;
    opacity:1;
    transition:0.4s;
    -webkit-transition:all 0.6s ease-out;
    -moz-transition:all 0.6s ease-out;
    transition:all 0.6s ease-out;
    }

    .links2 a{
    text-shadow:10px 0px transparent, -10px 0px transparent;
    position:relative;
    font-family:arial
    font-size:7px;
    letter-spacing:1px;
    margin-top:3px;
    display:block;
    margin-left:1px;
    padding:4px;
    background:white;
    border:1px solid transparent;
    -webkit-transition:All 0.5s ease-in-out;
    -moz-transition:All 0.5s ease-in-out;
    -ms-transition:All 0.5s ease-in-out;
    -o-transition:All 0.5s ease-in-out;
    transition:All 0.5s ease-in-out;
    outline:1px solid transparent;
    outline-offset:-5px;
    }

    .links2 a:hover {
    -webkit-box-shadow: inset 25px 0 0 {color:link};
    color:white;
    border:1px solid {color:link};
    text-shadow:0px 0px transparent, 0px 0px transparent;
    transition: all 0.9s ease;
    -o-transition-transition: all 0.9s ease;
    -webkit-transition: all 0.9s ease;
    -moz-transition: all 0.9s ease;
    }

    </style>

    <script>
    $(document).ready(function(){
    $(".nav").hide();
    $(".click").show();$('.click').toggle(function(){
    $(".nav").slideDown(function(){});
    },function(){
    $(".nav").slideUp(function(){});
    });
    });
    </script>

    <title>{title}</title>
    <link rel="shortcut icon" href="{favicon}">
    <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta
    name="viewport" content="width=720" /></head>

    <body>
    <div id="center">
    <div id="content">

    <div id="lace"></div>
    <div id="sidebar">
    <div class="titulo">{text:blogtitle}</div>
    {description}
    <div class="links">
    <a title="{text:Link 1 Title}" href="{text:Link 1}">.01</a>
    <a title="{text:Link 2 Title}" href="{text:Link 2}">.02</a>
    <a title="{text:Link 3 Title}" href="{text:Link 3}">.03</a>
    <a title="{text:Link 4 Title}" href="{text:Link 4}">.04</a>
    <a title="{text:Link 5 Title}" href="{text:Link 5}">.05</a>
    <a title="theme credit" href="http://planthed.tumblr.com">.06</a>
    </div>
    <div class="links2">

    </div>
    </div>
    <div id="posts">
    {block:Posts}
    <div id="entry">

    {block:Text}
    {block:Title}<span class="title">{Title}</span>{/block:Title}
    <span class="entrytext">{Body}</span></a>
    {/block:Text}

    {block:Link}
    <a href="{URL}" class="title">{Name}</a>
    {block:Description}{Description}{/block:Description}
    {/block:link}

    {block:Photo}
    {block:IndexPage}
    <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="" /></a>
    {/block:IndexPage}
    {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}"
    alt="{PhotoAlt}"width=100%/>{LinkCloseTag}{/block:PermalinkPage}
    {/block:Photo}

    {block:Photoset}
    {block:IndexPage}
    {Photoset-250}
    {/block:IndexPage}
    {block:PermalinkPage}{Photoset-400}{/block:PermalinkPage}
    {/block:Photoset}

    {block:Quote}
    <div class="quote">❝{quote}</div>
    {/block:Quote}

    {block:Chat}
    {block:Title}<span class="title">{Title}</span>{/block:Title}
    <ul class="chat">
    {block:Lines}
    <li class="user_{UserNumber}">
    {block:Label}
    <span class="label">{Label}</span>
    {/block:Label}
    {Line}<br>
    {/block:Lines}
    {/block:Chat}

    {block:Audio}
    <div id="audio"><div class="cover"><img
    src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:A
    lbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div
    class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div
    class="info"><b>Artist:</b> <span{block:Artist}
    style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}
    {/block:Artist}<br><b>Title:</b> <span{block:TrackName}
    style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}
    {/block:TrackName}<br><b>Album:</b> <span{block:Album}
    style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}
    {/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}
    {/block:PlayCount}</div></div>
    {/block:Audio}

    {block:Video}
    {block:IndexPage}
    {Video-250}
    {/block:IndexPage}
    {block:PermalinkPage}{Video-400}{/block:PermalinkPage}
    {block:Video}

    {block:Answer}
    <div style="margin-top:2px;;margin-bottom:0px;min-height:auto; padding: 4px;
    border:1px solid {color:link};text-transform:uppercase; letter-spacing:1px;font-
    size:8px; font-family:calibri;color:{color:text}">
    {Question} <askk>— {asker}</askk></div>
    <div style="margin-top:5px;line-height:11px;margin-bottom:2px; text-align-
    align:left; text-transform:uppercase;letter-spacing:1px;font-size:8px;font-
    family:calibri;">
    {Answer}</div>
    {/block:Answer}

    {block:IndexPage}
    <div id="permalinks">
    <a title="reblog" href="{ReblogURL}" target="_blank">R</a> + <a title="posted
    {timeago} with {notecountwithlabel}" href="{permalink}" target="_blank">info</a>
    </div>
    {/block:IndexPage}

    {block:PermalinkPage}
    <center>
    {block:Caption}{Caption}{/block:Caption}
    {block:RebloggedFrom}
    posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year} with
    {notecountwithlabel}<br>
    <b>orginally posted by:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> |
    <b>reblogged from:</b> <a
    href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
    {block:HasTags} tags: {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
    {/block:HasTags}

    {block:NoteCount} <div style="border-bottom: 1px solid #eee; text-align: center;


    margin: 10px;"></div>{/block:NoteCount}
    </center>
    {/block:PermalinkPage}

    {block:PostNotes}<div align="middle"></div>
    <center></center></span><br>
    <div id="postnotes">{PostNotes}</div><br>
    <center>{block:ContentSource}
    <br><a href="{SourceURL}">
    {lang:Source}:
    {block:SourceLogo}
    <img src="{BlackLogoURL}" width="{LogoWidth}"
    height="{LogoHeight}" alt="{SourceTitle}" />
    {/block:SourceLogo}
    {block:NoSourceLogo}
    {SourceLink}
    {/block:NoSourceLogo}
    </a>
    {/block:ContentSource}</center>

    {/block:PostNotes}
    </div>
    {/block:Posts}
    </div></div>

    <!--don't delete or i will fucking will you-->


    <div class="wow"><a title="theme credit" href="http://planthed.tumblr.com"
    target="_blank"><i class="fa fa-product-hunt"></i></a></div>
    <!--don't delete or i will fucking will you-->

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-


    awesome/4.5.0/css/font-awesome.min.css">
    {block:indexpage}
    {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
    <script type="text/javascript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript"
    src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
    <script type="text/javascript">
    $(window).load(function(){
    var $wall = $('#posts');
    $wall.imagesLoaded(function(){
    $wall.masonry({
    itemSelector: '#entry, #entry_photo',
    isAnimated : false
    });
    });

    $wall.infinitescroll({
    navSelector : '#page-nav',
    nextSelector : '#page-nav a',
    itemSelector : '#entry, #entry_photo',
    bufferPx : 2000,
    debug : false,
    errorCallback: function() {
    $('#infscr-loading').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 type="text/javascript">
    <!--

    // Disable Right Click Script

    function IE(e)
    {
    if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" ||
    event.button == "3"))
    {
    return false;
    }
    }
    function NS(e)
    {
    if (document.layers || (document.getElementById && !document.all))
    {
    if (e.which == "2" || e.which == "3")
    {
    return false;
    }
    }
    }
    document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new
    Function("return false");

    //-->
    </script>
    </body>
    </html>

    You might also like