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">
- <!--
- _____ _ _ _ ___ _ _
- |_ _| | | | | | | / (_) | | (_)
- | | _ __ ___| |_ __ _ _ __ | |_| |/ / _ _ __ ___ ___| |__ _
- | | | '_ \/ __| __|/ _` | '_ \| __| \| | '_ ` _ \ / __| '_ \| |
- _| |_| | | \__ \ |_| (_| | | | | |_| |\ \ | | | | | | (__| | | | |
- |_____|_| |_|___/\__|\__,_|_| |_|\__\_| \_/_|_| |_| |_|\___|_| |_|_|
- o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o
- please do not steal or claim any components from this theme
- Une Petite Ami by
- INSTANTKIMCHI.TUMBLR.COM
- powered by tumblr
- TUMBLR.COM
- o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o-o
- -->
- <head>
- <title>{TITLE}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:Background" content="http://static.tumblr.com/cq91gob/aTtlrnm2v/untitled-1.png"/>
- <meta name="image:Sidebar" content="http://27.media.tumblr.com/tumblr_lrqksq1Fwh1qcihlyo1_500.png"/>
- <meta name="image:Sidebar Bg" content="http://static.tumblr.com/cq91gob/Krelrfydw/4.gif"/>
- <meta name="color:Background" content="#FFFFFF"/">
- <meta name="color:Text" content="#747373"/>
- <meta name="color:Title" content="#666666"/>
- <meta name="color:Posts" content="#FFFFFF"/>
- <meta name="color:Link" content="#81929C"/>
- <meta name="color:Link Hover" content="#00A2FF"/>
- <meta name="color:Chat Bg" content="#E9E9E9"/>
- <meta name="color:Notes Bg" content="#E9E9E9"/>
- <meta name="font:Body" content="Lucida Sans"/>
- <meta name="text:Link 1 Name" content="link 1"/>
- <meta name="text:Link 1 URL" content=""/>
- <meta name="text:Link 2 Name" content="link 2"/>
- <meta name="text:Link 2 URL" content=""/>
- <meta name="text:Link 3 Name" content="link 3"/>
- <meta name="text:Link 3 URL" content=""/>
- <meta name="text:Link 4 Name" content="link 4"/>
- <meta name="text:Link 4 URL" content=""/>
- <meta name="text:Link 5 Name" content="link 5"/>
- <meta name="text:Link 5 URL" content=""/>
- <meta name="if:Enable Image Opacity" content="1"/>
- <meta name="if:Endless Scrolling" content="0"/>
- <meta name="if:Disable Right Click" content="0"/>
- {block:IfEndlessScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfEndlessScrolling}
- {block:IfDisableRightClick}
- <script language=JavaScript>
- <!--
- //Disable right click script III- By Renigade (renigade@mediaone.net)
- //For full source code, visit http://www.dynamicdrive.com
- var message="";
- ///////////////////////////////////
- function clickIE() {if (document.all) {(message);return false;}}
- function clickNS(e) {if
- (document.layers||(document.getElementById&&!document.all)) {
- if (e.which==2||e.which==3) {(message);return false;}}}
- if (document.layers)
- {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
- else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
- document.oncontextmenu=new Function("return false")
- // -->
- </script>
- {/block:IfDisableRightClick}
- <link href='http://fonts.googleapis.com/css?family=Comfortaa:300' rel='stylesheet' type='text/css'>
- <link href="http://fonts.googleapis.com/css?family=Crushed:regular" rel="stylesheet" type="text/css" >
- <style type="text/css">
- iframe#tumblr_controls{
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.5;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;}
- iframe#tumblr_controls:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;}
- body {
- background-color:{color:Background};
- background-image:url({image:Background});
- background-repeat:repeat;
- background-attachment: fixed;
- color:{color:Text};
- font-size:10px;
- font-family:{font:body};
- }
- a, a:visited, a:active {
- color:{color:Link};
- text-decoration: none;
- transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- a:hover {
- color:{color:link hover};
- text-decoration:none;
- }
- .header{
- position:fixed;
- z-index:-1;
- top:10px;
- left:-100px;
- width:500px;
- }
- a.navi{
- float:right;
- background-color: {color:Link};
- color: #fff;
- font: {font:Body};
- font-size: 16px;
- text-transform: uppercase;
- text-align: center;
- padding:2px 4px 2px 300px;
- margin-bottom:2px;
- border:1px solid #fff;
- display:block;
- }
- a.navi:hover{
- background-color: #fff;
- margin-right:10px;
- color: {color:link hover};
- border:1px solid {color:link hover};
- }
- blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px dotted {color:text};}
- blockquote img{display:block;}
- blockquote p{padding:0px; margin:0px;}
- blockquote blockquote{position:relative; left:-5px; margin-top:0px; margin-right:0px; padding-right:0px;}
- p{
- margin: 8px 0px;
- }
- a.link{
- text-decoration:underline
- }
- img {
- max-width:500px !important;
- border: 0px !important;
- {block:IfEnableImageOpacity}
- opacity: 0.9;
- filter:alpha(opacity=90);
- transition: opacity 0.5s;
- -moz-transition: opacity 0.5s;
- -webkit-transition: opacity 0.5s;
- -o-transition: opacity 0.5s;
- {/block:IfEnableImageOpacity}
- cursor: crosshair;
- }
- img:hover {
- {block:IfEnableImageOpacity}
- opacity:1;
- filter:alpha(opacity=100);
- {/block:IfEnableImageOpacity}
- cursor: crosshair;
- }
- .content {
- position: absolute;
- top: 10px;
- left: 410px;
- }
- .post{
- padding: 10px;
- width: 500px;
- margin-bottom:10px;
- background-color:{Color:Posts};
- border:1px solid #eeeeee;
- box-shadow: 0 0 9px #d6d6d6;
- -moz-box-shadow: 0 0 9px #d6d6d6;
- -webkit-box-shadow: 0 0 9px #d6d6d6;
- transition:box-shadow 0.5s;
- -moz-transition: box-shadow 0.5s;
- -webkit-transition: box-shadow 0.5s;
- -o-transition: box-shadow 0.5s;
- }
- .post:hover{
- box-shadow: 0 0 9px {color:link hover};
- -moz-box-shadow: 0 0 9px {color:link hover};
- -webkit-box-shadow: 0 0 9px {color:link hover};
- transition:box-shadow 0.1s;
- -moz-transition: box-shadow 0.1s;
- -webkit-transition: box-shadow 0.1s;
- -o-transition: box-shadow 0.1s;
- }
- .des {
- margin:10px;
- border:1px solid {color:Link hover};
- box-shadow: 0 0 9px {color:link hover};
- -moz-box-shadow: 0 0 9px {color:link hover};
- -webkit-box-shadow: 0 0 9px {color:link hover};
- background: rgba(255, 255, 255, 0.5);
- transition:box-shadow 0.5s,background 0.5s;
- -moz-transition: box-shadow 0.5s,background 0.5s;
- -webkit-transition: box-shadow 0.5s,background 0.5s;
- -o-transition: box-shadow 0.5s,background 0.5s;
- }
- .des:hover {
- border:1px solid #d6d6d6;
- box-shadow: 0 0 9px #d6d6d6;
- -moz-box-shadow: 0 0 9px #d6d6d6;
- -webkit-box-shadow: 0 0 9px #d6d6d6;
- background: rgba(255, 255, 255, 0.9);
- transition:box-shadow 0.1s,background 0.1s;
- -moz-transition: box-shadow 0.1s,background 0.1s;
- -webkit-transition: box-shadow 0.1s,background 0.1s;
- -o-transition: box-shadow 0.1s,background 0.1s;
- }
- .sidebar{
- background-image:url({image:Sidebar Bg});
- position: fixed;
- top:0px;
- left:0px;
- width: 300px;
- height:100%;
- padding-top:10px;
- background-color:{Color:Posts};
- border:1px solid #eeeeee;
- box-shadow: 0 0 9px #d6d6d6;
- -moz-box-shadow: 0 0 9px #d6d6d6;
- -webkit-box-shadow: 0 0 9px #d6d6d6;
- transition:box-shadow 0.5s;
- -moz-transition: box-shadow 0.5s;
- -webkit-transition: box-shadow 0.5s;
- -o-transition: box-shadow 0.5s;
- }
- .sidebar:hover{
- box-shadow: 0 0 9px {color:link hover};
- -moz-box-shadow: 0 0 9px {color:link hover};
- -webkit-box-shadow: 0 0 9px {color:link hover};
- transition:box-shadow 0.1s;
- -moz-transition: box-shadow 0.1s;
- -webkit-transition: box-shadow 0.1s;
- -o-transition: box-shadow 0.1s;
- }
- h4 {
- font-family: 'Comfortaa', cursive;
- margin-top:2px;
- margin-bottom:0px;
- font-size:14px;
- color:{color:Title};
- text-transform:uppercase;
- line-height:20px;
- border-bottom:1px dashed #A3A3A3;
- }
- h3 {
- font-family: 'Comfortaa', cursive;
- margin-top:2px;
- margin-bottom:2px;
- font-size:28px;
- font-weight:normal;
- color:{color:Title};
- text-transform:none;
- line-height:23px;
- letter-spacing:-2px;
- }
- a.title{
- font-family: 'Comfortaa', cursive;
- font-size:28px;
- font-weight:normal;
- }
- .chat {
- padding:0px
- }
- .chat li {
- padding: 5px;
- list-style-type: none;
- }
- .chat li:nth-child(odd) {
- background:{color:Chat Bg};
- }
- .notes ol {
- list-style-type: none;
- padding: 0;
- }
- img.avatar {
- margin-right:5px;
- display:block;
- float:left;
- }
- .notes li {
- padding: 5px}
- .notes li:nth-child(odd) {
- background:{color:Notes Bg}}
- ::-webkit-scrollbar {
- width: 5px;
- background-color:#fff;
- }
- ::-webkit-scrollbar-thumb {
- background-color:{color:link};
- }
- .tags {
- padding: 10px;
- width: 500px;
- margin-bottom:10px;
- background-color:{Color:Posts};
- border:1px solid #eeeeee;
- box-shadow: 0 0 9px #d6d6d6;
- -moz-box-shadow: 0 0 9px #d6d6d6;
- -webkit-box-shadow: 0 0 9px #d6d6d6;
- transition:box-shadow 0.5s;
- -moz-transition: box-shadow 0.5s;
- -webkit-transition: box-shadow 0.5s;
- -o-transition: box-shadow 0.5s;
- }
- .tags:hover {
- box-shadow: 0 0 9px {color:link hover};
- -moz-box-shadow: 0 0 9px {color:link hover};
- -webkit-box-shadow: 0 0 9px {color:link hover};
- transition:box-shadow 0.1s;
- -moz-transition: box-shadow 0.1s;
- -webkit-transition: box-shadow 0.1s;
- -o-transition: box-shadow 0.1s;
- }
- .derp {
- font-family: 'Comfortaa', cursive;
- font-size: 15px;
- text-transform: capitalize;
- text-decoration: none;
- letter-spacing: 1px;
- }
- .askr{
- background:{color:Notes Bg};
- padding:5px;
- font-size: 19px!important;
- letter-spacing: -1px;
- }
- .bottomstuff {
- font-family: 'Crushed', serif;
- text-transform: uppercase;
- font-size:9px;
- padding-top:2px;
- margin-top:2px;
- letter-spacing: 1px;
- }
- .footer {
- font-family: Trebuchet Ms;
- font-size:7pt;
- letter-spacing: 1px;
- text-align: center;
- text-transform: uppercase;
- padding:10px;
- width: 500px;
- margin-bottom:10px;
- background-color:{Color:Posts};
- border:1px solid #eeeeee;
- box-shadow: 0 0 9px #d6d6d6;
- -moz-box-shadow: 0 0 9px #d6d6d6;
- -webkit-box-shadow: 0 0 9px #d6d6d6;
- transition:box-shadow 0.5s;
- -moz-transition: box-shadow 0.5s;
- -webkit-transition: box-shadow 0.5s;
- -o-transition: box-shadow 0.5s;
- }
- .footer:hover {
- box-shadow: 0 0 9px {color:link hover};
- -moz-box-shadow: 0 0 9px {color:link hover};
- -webkit-box-shadow: 0 0 9px {color:link hover};
- }
- .post:hover .permalink {
- opacity:1;
- left:550px;
- transition: opacity 0.4s,left 0.3s,left 0.1s;
- -moz-transition: opacity 0.4s ,left 0.3s,padding 0.1s;
- -webkit-transition: opacity 0.4s ,left 0.3s,padding 0.1s;
- -o-transition: opacity 0.4s ,left 0.3s,padding 0.1s;
- }
- .permalink {
- z-index:-1;
- background-color:{Color:Posts};
- text-align:center;
- padding: 2px;
- font-size:18px;
- position:absolute;
- left:500px;
- margin-right:260px;
- float: left;
- opacity:0;
- width: 150px;
- box-shadow: 0 0 9px {color:link hover};
- -moz-box-shadow: 0 0 9px {color:link hover};
- -webkit-box-shadow: 0 0 9px {color:link hover};
- border:1px solid #eeeeee;
- transition: opacity 0.4s,left 0.3s,left 0.1s;
- -moz-transition: opacity 0.4s ,left 0.3s,padding 0.1s;
- -webkit-transition: opacity 0.4s ,left 0.3s,padding 0.1s;
- -o-transition: opacity 0.4s ,left 0.3s,padding 0.1s;
- }
- a.permalink {
- color:{color:nav hover};
- padding:0!important;
- }
- a.permalink:hover {
- color:{color:nav};
- }
- span.leperm{
- font-family: 'Crushed', serif;
- text-transform: uppercase;
- font-size:12px;
- padding-top:2px;
- margin-top:2px;
- letter-spacing: 1px;
- }
- .facebook{
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.5;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- .facebook:hover{
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="sidebar">
- {block:IfSidebarImage}
- <center><a href="/"><img src="{image:Sidebar}" width="300"/></a>
- {/block:IfSidebarImage}
- <div class="des">
- {Description}</div></center>
- <center><a href="/" class="title">{Title}</a></center>
- </div>
- <div class="content">
- <div class="header">
- <a href="/" class="navi">Home</a>
- <a href="/archive" class="navi">Archive</a>
- {block:AskEnabled} <a href="/ask" class="navi">Ask</a>{/block:AskEnabled}
- {block:SubmissionsEnabled}
- <a href="/submit" class="navi">Submit</a>
- {/block:SubmissionsEnabled}
- {block:IfLink1Name}<a href="{text:link 1 url}" class="navi">{text:link 1 name}</a>{/block:IfLink1Name}
- {block:IfLink2Name}<a href="{text:link 2 url}" class="navi">{text:link 2 name}</a>{/block:IfLink2Name}
- {block:IfLink3Name}<a href="{text:link 3 url}" class="navi">{text:link 3 name}</a>{/block:IfLink3Name}
- {block:IfLink4Name}<a href="{text:link 4 url}" class="navi">{text:link 4 name}</a>{/block:IfLink4Name}
- {block:IfLink5Name}<a href="{text:link 5 url}" class="navi">{text:link 5 name}</a>{/block:IfLink5Name}
- <a href="http://instantkimchi.tumblr.com/" class="navi">Theme</a>
- </div>
- {block:TagPage}
- <div class="tags">
- <div class="derp">
- <center>Posts tagged as "<a href="{TagURL}">{Tag}</a>"</center></div>
- </div>
- {/block:TagPage}
- <table border="0" cellspacing="0px" cellpadding="0px">
- <tr>
- <td>
- {block:Posts}
- <div class="post">
- {block:IndexPage}
- <div class="permalink">
- <span class="leperm">
- <p><a href="{ReblogURL}" target="_blank">Reblog this</a></p>
- <p>{block:RebloggedFrom}
- From <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}</p>
- <p>{block:Date} Posted on <a href="{Permalink}">{ShortDayOfWeek}/{ShortMonth}/{DayOfMonth}/{ShortYear}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a></p>
- <p>
- {block:HasTags}Tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}</p>
- </span>
- </div>
- {/block:IndexPage}
- {block:Text}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}"><center><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/></center></a>
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-500}</center>
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:PermalinkPage}
- {/block:Photoset}
- {block:Quote}
- <h3>"{Quote}"</h3>
- {block:Source}
- <div style="text-align:right"> -{Source}<br></div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <h3><a href="{URL}" class="link" {Target}> {Name} >> </a></h3>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <strong>{Label}</strong>
- {/block:Label}
- {Line}</li>
- {/block:Lines}</ul>
- {/block:Chat}
- {block:Video}
- <center>{Video-500}</center>
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/block:Video}
- {block:Audio}
- {block:AlbumArt}
- <img src="{AlbumArtURL}" align="left" width="100px" height="100px" style="margin-right:5px;"/>{/block:AlbumArt}
- {AudioPlayerWhite}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <p>{PlayCountWithLabel}</p>
- <br clear="all">
- {/block:Audio}
- {block:Answer}
- <div class="askr">
- <img src="{AskerPortraitURL-24}" style="float: left; margin-right: 2px;">
- {Asker} said: {Question}
- </div>
- {Answer}
- {/block:Answer}
- {block:PermalinkPage}
- <div class="bottomstuff">
- <div style="float:right;text-align:right">
- <a href="{ReblogURL}" target="_blank">Reblog this</a><br>
- {block:RebloggedFrom}
- Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- </div>
- <div style="float:left;text-align:left">
- {block:Date} Posted on <a href="{Permalink}">{ShortDayOfWeek}/{ShortMonth}/{DayOfMonth}/{ShortYear}{/block:Date}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}{/block:NoteCount}</a>
- {block:HasTags}<br>Tagged as {block:Tags}<a href="{TagURL}">{Tag}</a>, {/block:Tags}{/block:HasTags}
- </div>
- <br clear="all">
- </div>
- {block:PostNotes}
- <div class="notes">{PostNotes}</div>
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- </td>
- </tr>
- <tr>
- <td>
- <div class="footer">
- {block:Pagination}
- <font size="6">
- {block:PreviousPage}
- <a href="{PreviousPage}">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="6"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">»</a>
- {/block:NextPage}
- </font>
- <div style="border-bottom:1px solid #eee;margin: 6px 0px"></div>
- {/block:Pagination}
- <a href="http://instantkimchi.tumblr.com">Une Petite Ami </a> | Theme By <a href="http://instantkimchi.tumblr.com">InstantKimchi</a>
- </div>
- </td>
- </tr>
- </table>
- </center>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement