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
- COMPENSATE 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://24.media.tumblr.com/tumblr_luvtrlZDsC1qiav1uo4_250.jpg"/>
- <meta name="image:Sidebar" content="http://29.media.tumblr.com/tumblr_lzek7nqKVn1qc3fy9o1_500.png"/>
- <meta name="image:Icon1" content="http://i778.photobucket.com/albums/yy64/twofallenstars/SNSD/Yoona/yoona19-5.png"/>
- <meta name="image:Icon2" content="http://i778.photobucket.com/albums/yy64/twofallenstars/SNSD/Yoona/yoona9-8.png"/>
- <meta name="color:Background" content="#FFFFFF"/>
- <meta name="color:Text" content="#747373"/>
- <meta name="color:Link" content="#81929C"/>
- <meta name="color:Link Hover" content="#567B91"/>
- <meta name="color:Highlighter" content="#80a6ff"/>
- <meta name="font:Body" content="Helvetica Neue"/>
- <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:Endless Scrolling" content="0"/>
- <meta name="if:Disable Right Click" content="0"/>
- <meta name="if:Back To Top Button" content="1"/>
- <meta name="if:Fixed Description" content="0"/>
- <meta name="if:Fixed Sidebars" content="1"/>
- {block:IfEndlessScrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfEndlessScrolling}
- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
- <link href="http://fonts.googleapis.com/css?family=Crushed:regular" rel="stylesheet" type="text/css" >
- <script type="text/javascript">
- $(document).ready(function() {
- $(".post").css("display", "none");
- $(".post").fadeIn(800);
- });
- </script>
- {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}
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- {block:IfBackToTopButton}
- <script type="text/javascript" >
- /***********************************************
- * Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
- * Modified by www.MyBloggerTricks.com
- * This notice MUST stay intact for legal use
- * Visit Project Page at http://www.dynamicdrive.com for full source code
- ***********************************************/
- var scrolltotop={
- //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
- //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
- setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
- controlHTML: 'back to top', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
- controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
- anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
- state: {isvisible:false, shouldvisible:false},
- scrollup:function(){
- if (!this.cssfixedsupport) //if control is positioned using JavaScript
- this.$control.css({opacity:0}) //hide control immediately after clicking it
- var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
- if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
- dest=jQuery('#'+dest).offset().top
- else
- dest=0
- this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
- },
- keepfixed:function(){
- var $window=jQuery(window)
- var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
- var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
- this.$control.css({left:controlx+'px', top:controly+'px'})
- },
- togglecontrol:function(){
- var scrolltop=jQuery(window).scrollTop()
- if (!this.cssfixedsupport)
- this.keepfixed()
- this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
- if (this.state.shouldvisible && !this.state.isvisible){
- this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
- this.state.isvisible=true
- }
- else if (this.state.shouldvisible==false && this.state.isvisible){
- this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
- this.state.isvisible=false
- }
- },
- init:function(){
- jQuery(document).ready(function($){
- var mainobj=scrolltotop
- var iebrws=document.all
- mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
- mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
- mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
- .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
- .attr({title:'Scroll Back to Top'})
- .click(function(){mainobj.scrollup(); return false})
- .appendTo('body')
- if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
- mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
- mainobj.togglecontrol()
- $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
- mainobj.scrollup()
- return false
- })
- $(window).bind('scroll resize', function(e){
- mainobj.togglecontrol()
- })
- })
- }
- }
- scrolltotop.init()
- </script>
- {/block:IfBackToTopButton}
- <style type="text/css">
- iframe#tumblr_controls {right:3px !important;
- position: fixed !important;
- opacity: 0.8;
- filter:alpha(opacity=80);
- -moz-opacity: 0.8;
- -khtml-opacity: 0.8;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- iframe#tumblr_controls:hover{
- opacity: 1;
- filter:alpha(opacity=100);
- -moz-opacity: 1;
- -khtml-opacity: 1;
- -webkit-transition: all 0.9s ease;
- -moz-transition: all 0.9s ease;
- -o-transition: all 0.9s ease;}
- /* basic */
- ::-moz-selection {
- background: transparent;
- color:{color:Highlighter};
- }
- ::selection {
- background: transparent;
- color:{color:Highlighter};
- }
- @font-face {
- font-family:typograph; src: url(http://static.tumblr.com/cq91gob/iDTlzki76/typograph_pro_light.ttf) format(“truetype”); }
- body {
- background-color:#fff;
- background-image:url({image:Background});
- background-repeat:repeat;
- background-attachment: fixed;
- color:{color:Text};
- font-size:9px;
- 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;
- transition-duration: 0.3s;
- -webkit-transition-duration: 0.3s;
- -moz-transition-duration: 0.3s;
- -o-transition-duration: 0.3s;
- }
- h3 {
- font-size:20px;
- margin: 10px 7px 5px 7px;
- font-family:helvetica;
- font-weight:lighter;
- font-style:italic;
- }
- p {
- margin: 10px 7px 5px 7px;}
- blockquote{padding:0px; padding-left:5px; margin:5px; border-left:1px solid #eee;}
- 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;}
- img{
- -moz-border-radius:2px;
- border-radius:2px;
- }
- /* leftbar */
- .wholeleft{
- {block:ifFixedSidebars}
- position:fixed;
- {/block:ifFixedSidebars}
- {block:ifnotFixedSidebars}
- position:absolute;
- {/block:ifnotFixedSidebars}
- left: 50px;
- top: 100px;
- width: 200px;
- z-index:-1;
- }
- .leftbar{
- position:relative;
- width: 200px;
- background-color: #fff;
- border: 1px #eee solid;
- padding: 0px;
- overflow:hidden;
- text-align:center;
- margin-bottom:10px;
- -moz-border-radius:2px;
- z-index:1;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- }
- .fat{
- position:absolute;
- top:42%;
- width:100%;
- height:1px;
- background-color:#eee;
- }
- .tall{
- position:absolute;
- left:50%;
- width:1px;
- height:100%;
- background-color:#eee;
- }
- .sidebarwithin{
- padding: 10px; 10px;
- position: relative;
- text-align: center;
- }
- img.sideimg {
- -moz-border-radius:50px;
- border-radius:50px;
- width:96px;
- }
- #movingpic {
- left:40px;
- margin-top: 5px;
- width:96px;
- height:96px;
- position: relative;
- -moz-border-radius:50px;
- border-radius:50px;
- }
- #movingpic div {
- position: absolute;
- }
- #movingpic div:nth-child(2) {
- -webkit-animation: wipe 6s infinite;
- -webkit-animation-delay: 3s;
- -webkit-animation-direction: alternate;
- -webkit-mask-size: 2000px 2000px;
- -webkit-mask-image: -webkit-gradient(linear, left top, right bottom,
- color-stop(0.00, rgba(0,0,0,1)),
- color-stop(0.45, rgba(0,0,0,1)),
- color-stop(0.50, rgba(0,0,0,0)),
- color-stop(0.55, rgba(0,0,0,0)),
- color-stop(1.00, rgba(0,0,0,0)));
- }
- @-webkit-keyframes wipe {
- 0% {
- -webkit-mask-position: 0 0;}
- 100% {
- -webkit-mask-position: -1200px -1200px;}
- }
- .deeppic{
- left:50px;
- margin-top: 5px;
- width:96px;
- height:96px;
- z-index:133;
- position:absolute;
- -moz-border-radius:50px;
- border-radius:50px;
- box-shadow: inset 0 0 10px rgb(110,110,110);
- transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- .deeppic:hover{
- box-shadow: inset 0 0 15px rgb(110,110,110);
- transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- .wholedescription{
- position:relative;
- width: 200px;
- {block:ifNotFixedDescription}
- margin-top:-60px;
- {/block:ifNotFixedDescription}
- transition-duration: 0.9s;
- -webkit-transition-duration: 0.9s;
- -moz-transition-duration: 0.9s;
- -o-transition-duration: 0.9s;
- {block:ifFixedDescription}
- margin-top:0px;
- {/block:ifFixedDescription}
- }
- {block:ifNotFixedDescription}
- .describer:hover .wholedescription{
- margin-top:0px;
- transition-duration: 0s;
- -webkit-transition-duration: 0s;
- -moz-transition-duration: 0s;
- -o-transition-duration: 0s;
- }
- {/block:ifNotFixedDescription}
- .descriptionbar{
- position:relative;
- width: 200px;
- background-color: #fff;
- border: 1px #eee solid;
- padding: 0px;
- overflow:hidden;
- text-align:center;
- margin-bottom:10px;
- -moz-border-radius:2px;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- {block:ifNotFixedDescription}
- opacity:0;
- {/block:ifNotFixedDescription}
- {block:ifFixedDescription}
- opacity:1;
- {/block:ifFixedDescription}
- transition-duration: 0.9s;
- -webkit-transition-duration: 0.9s;
- -moz-transition-duration: 0.9s;
- -o-transition-duration: 0.9s;
- }
- {block:ifNotFixedDescription}
- .describer:hover .descriptionbar{
- opacity:1;
- transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- {/block:ifNotFixedDescription}
- .describe{
- padding:10px;
- margin:10px;
- border: 1px #eee solid;
- background-color:#fff;
- color:#666;
- z-index:3;
- text-transform:uppercase;
- font:helvetica;
- }
- {block:ifNotFixedDescription}
- .descriptionbutton{
- position:absolute;
- top:170px;
- left:32%;
- z-index:-3;
- text-transform:uppercase;
- padding: 2px 5px;
- background-color:#fff;
- color: #b3b3b3;
- font-size: 10px;
- box-shadow: 0 0 2px rgba(110, 110, 110, 0.3),
- inset 0 0 10px rgba(110, 110, 110, 0.1);
- }
- {/block:ifNotFixedDescription}
- /* right bar */
- .wholeright{
- {block:ifFixedSidebars}
- position:fixed;
- {/block:ifFixedSidebars}
- {block:ifnotFixedSidebars}
- position:absolute;
- {/block:ifnotFixedSidebars}
- left: 830px;
- top: 100px;
- width: 200px;}
- .rightpic{
- position:relative;
- width: 200px;
- background-color: #fff;
- border: 1px #eee solid;
- padding: 10px 5px;
- overflow:hidden;
- text-align:center;
- margin-bottom:10px;
- -moz-border-radius:2px;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- z-index:1;
- }
- .rightnav{
- position:relative;
- width: 200px;
- padding: 10px 5px;
- background-color: #fff;
- border: 1px #eee solid;
- overflow:hidden;
- text-align:center;
- margin-bottom:10px;
- -moz-border-radius:2px;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- z-index:1;
- }
- /* nav */
- a.nav{
- text-transform:uppercase;
- margin:5px;
- padding: 2px 5px;
- position: relative;
- background-color:#fff;
- color: #b3b3b3;
- font-size: 10px;
- box-shadow: 0 0 2px rgba(110, 110, 110, 0.3),
- inset 0 0 10px rgba(110, 110, 110, 0.1);
- }
- a.nav:hover{
- background-color:white;
- color: #b3b3b3;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.3),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- }
- .nav {
- margin-top:20px;
- }
- a.nav2{
- text-transform:uppercase;
- margin:5px;
- padding: 2px 5px;
- position: relative;
- color: #b3b3b3;
- font-size: 12px;
- text-shadow:0px -1px 0px #FFFDFC;
- }
- ol.links {
- padding: 0px;
- margin:0px;
- list-style-type: none;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- }
- .links li{
- padding:3px;
- background-color: #f5f5f5;
- box-shadow:
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- .links li:nth-child(odd){
- padding:3px;
- background-color: #fff;
- box-shadow:
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- .links li:hover{
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.15),
- inset 0 0 20px rgba(110, 110, 110, 0.15);
- transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- .links li:nth-child(odd):hover{
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.15),
- inset 0 0 20px rgba(110, 110, 110, 0.15);
- transition-duration: 0.4s;
- -webkit-transition-duration: 0.4s;
- -moz-transition-duration: 0.4s;
- -o-transition-duration: 0.4s;
- }
- /*content*/
- .content {
- position: absolute;
- top: 10px;
- left: 290px;
- }
- .post{
- position:relative;
- width: 500px;
- background-color: #fff;
- border: 1px #eee solid;
- overflow:hidden;
- margin-bottom:10px;
- -moz-border-radius:2px;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- z-index:1;
- display:hidden;
- }
- /*photo and sets*/
- .onphoto{
- width:100%;
- height:100%;
- z-index:133;
- position:absolute;
- -moz-border-radius:2px;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.3),
- inset 0 0 20px rgba( 0, 0, 0, 0.1);
- transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- .onphoto:hover{
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.3),
- inset 0px 0px 100px rgb( 0, 0, 0);
- transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- }
- .phototext{
- position:absolute;
- font-size:100px;
- margin-left:-300px;
- font-family:"typograph";
- bottom:0px;
- transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- line-height:normal!important;
- }
- .photoreblog{
- position:absolute;
- font-size:55px;
- margin-right:-300px;
- font-family:"typograph";
- right:0px;
- transition-duration: 0.5s;
- -webkit-transition-duration: 0.5s;
- -moz-transition-duration: 0.5s;
- -o-transition-duration: 0.5s;
- line-height:normal!important;
- }
- .onphoto:hover .photoreblog{
- margin-right:10px;
- transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;}
- .onphoto:hover .phototext{
- margin-left:10px;
- transition-duration: 0.7s;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;}
- img.theimg{
- {block:IndexPage}
- -moz-border-radius:2px;
- border-radius:2px;
- {/block:IndexPage}
- }
- .fixphoto{
- line-height:0;
- }
- a.pic{
- rgba(255, 255, 255, 0.9);
- -webkit-text-stroke: 1px #2e2e2e;
- -webkit-text-fill-color: rgba(255, 255, 255, 0.5);
- }
- a.pic:hover{
- rgba(255, 255, 255, 0.7);
- -webkit-text-stroke: 1px #2e2e2e;
- -webkit-text-fill-color: rgba(255, 255, 255, 0.8);
- }
- /*quote*/
- .quotemark{
- position:absolute;
- z-index:-1300;
- font-size:150px;
- color:#eee;
- margin-top: -20px;
- margin-left:5px;
- }
- /*chat*/
- .chat {
- padding:0px
- }
- .chat li {
- padding: 5px;
- list-style-type: none;
- }
- .chat li:nth-child(odd) {
- background:#f2f2f2;
- }
- /*footer*/
- .footer{
- position:relative;
- width: 500px;
- background-color: #fff;
- border: 1px #eee solid;
- text-align:center;
- margin-bottom:10px;
- padding-bottom: 7px;
- -moz-border-radius:2px;
- border-radius:2px;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- z-index:1;
- }
- span.current_page{
- display:inline-block;
- background-color: #fff;
- border: 1px #eee solid;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- -moz-border-radius:2px;
- border-radius:2px;
- font-size:15px;
- padding:2px 5px 2px 5px;
- margin:5px 0 2px; 0 ;
- }
- a.jump_page{
- display:inline-block;
- background-color: #fff;
- border: 1px #eee solid;
- box-shadow: 0 0 5px rgba(110, 110, 110, 0.1),
- inset 0 0 20px rgba(110, 110, 110, 0.1);
- -moz-border-radius:2px;
- border-radius:2px;
- font-size:15px;
- padding:2px 5px 2px 5px;
- margin:6px 0 2px; 0 ;
- }
- /* tags dates etc. */
- .bottomstuff {
- font-family: 'Crushed', serif;
- text-transform: uppercase;
- letter-spacing: 1px;
- border-top:1px solid #eee;
- background-image
- {block:PermalinkPage}
- font-size:9px;
- padding-top:2px;
- margin:3px 5px 3px 5px;}
- {/block:PermalinkPage}
- {block:IndexPage}
- height:0px;
- opacity:0;
- padding-top:0px;
- margin:0;
- font-size:0px;
- transition:
- opacity 0.2s ease,
- height 0.2s ease 0.1s,
- padding 0.2s ease 0.1s,
- margin 0.2s ease 0.1s,
- font-size 0.2s ease 0.1s;
- -moz-transition:
- opacity 0.2s ease,
- height 0.2s ease 0.1s,
- padding 0.2s ease 0.1s,
- margin 0.2s ease 0.1s,
- font-size 0.2s ease 0.1s;
- -webkit-transition:
- opacity 0.2s ease,
- height 0.2s ease 0.1s,
- padding 0.2s ease 0.1s,
- margin 0.2s ease 0.1s,
- font-size 0.2s ease 0.1s;
- -o-transition:
- opacity 0.2s ease,
- height 0.2s ease 0.1s,
- padding 0.2s ease 0.1s,
- margin 0.2s ease 0.1s,
- font-size 0.2s ease 0.1s;
- }
- .post:hover .bottomstuff {
- height:20px;
- opacity:1;
- font-size:9px;
- border-top:1px solid #eee;
- padding-top:2px;
- margin:3px 5px 3px 5px;
- transition:
- opacity 0.2s ease 0.2s,
- height 0.2s ease,
- padding 0.2s ease,
- margin 0.2s ease,
- font-size 0.2s ease;
- -moz-transition:
- opacity 0.2s ease 0.2s,
- height 0.2s ease,
- padding 0.2s ease,
- margin 0.2s ease,
- font-size 0.2s ease;
- -webkit-transition:
- opacity 0.2s ease 0.2s,
- height 0.2s ease,
- padding 0.2s ease,
- margin 0.2s ease,
- font-size 0.2s ease;
- -o-transition:
- opacity 0.2s ease 0.2s,
- height 0.2s ease,
- padding 0.2s ease,
- margin 0.2s ease,
- font-size 0.2s ease;
- }
- {/block:IndexPage}
- /* notes */
- ol.notes {
- list-style-type: none;
- padding: 0;
- margin-bottom: 0;
- }
- img.avatar {
- margin-right:5px;
- display:block;
- float:left;
- }
- .notes li {
- padding: 5px;}
- .notes li:nth-child(odd) {
- background:#eee}
- /* ask */
- .askr{
- background:#eee;
- padding:5px;
- font-size: 15px!important;
- letter-spacing: -1px;
- margin:0px;
- }
- {CustomCSS}
- </style>
- </head>
- <body>
- <div class="wholeleft">
- <div class="leftbar">
- <div class="tall"></div>
- <div class="fat"></div>
- <div class="sidebarwithin">
- <a href="/">
- <div class="deeppic"></div>
- </a>
- <div id="movingpic">
- <div><img src="{image:Icon1}" class="sideimg"></div>
- <div><img src="{image:Icon2}" class="sideimg"></div>
- </div>
- <div class="nav">
- <a href="/" class="nav">home</a>
- <a href="/archive" class="nav">archive</a>
- <a href="/ask" class="nav">ask</a>
- </div>
- </div>
- </div>
- <div class="describer">
- <div class="wholedescription">
- <div class="descriptionbar">
- <div class="describe">
- {Description}
- </div>
- </div>
- </div>
- {block:ifNotFixedDescription}
- <div class="descriptionbutton">
- Description
- </div>
- {/block:ifNotFixedDescription}
- </div>
- </div>
- <div class="wholeright">
- <div class="rightpic">
- <img src="{image:Sidebar}"/ width="200px">
- </div>
- <div class="rightnav">
- <ol class="links">
- <li class="links"><a href="/" class="nav2">{Title}</a></li>
- <li class="links"><a href="/archive" class="nav2">Archive</a></li>
- {block:AskEnabled}
- <li class="links"><a href="/ask" class="nav2">Ask</a></li>
- {/block:AskEnabled}
- {block:SubmissionsEnabled}
- <li class="links"><a href="/submit" class="nav2">Submit</a></li>
- {/block:SubmissionsEnabled}
- {block:IfLink1Name}<li class="links"><a href="{text:link 1 url}" class="nav2">{text:link 1 name}</a></li>{/block:IfLink1Name}
- {block:IfLink2Name}<li class="links"><a href="{text:link 2 url}" class="nav2">{text:link 2 name}</a></li>{/block:IfLink2Name}
- {block:IfLink3Name}<li class="links"><a href="{text:link 3 url}" class="nav2">{text:link 3 name}</a></li>{/block:IfLink3Name}
- {block:IfLink4Name}<li class="links"><a href="{text:link 4 url}" class="nav2">{text:link 4 name}</a></li>{/block:IfLink4Name}
- {block:IfLink5Name}<li class="links"><a href="{text:link 5 url}" class="nav2">{text:link 5 name}</a></li>{/block:IfLink5Name}
- <li class="links"><a href="http://instantkimchi.tumblr.com/" class="nav2" id="moar">Theme</a></li>
- </ol>
- </div>
- </div>
- <div class="content">
- {block:IfEndlessScrolling}
- <div class = "autopagerize_page_element" >
- {/block:IfEndlessScrolling}
- {block:Posts}
- <div class="post">
- {block:Text}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- <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:Text}
- {block:Photo}
- {block:IndexPage}
- <div class="fixphoto">
- <div class="onphoto">
- <div class="phototext">
- {block:NoteCount}<a href="{Permalink}" class="pic">{NoteCount}</a>{/block:NoteCount}
- </div>
- <div class="photoreblog">
- <a href="{ReblogURL}" target="_blank" class="pic">reblog</a>
- </div>
- </div>
- {/block:IndexPage}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}" class="theimg" width="500px"/>
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <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:PermalinkPage}
- {block:IndexPage}
- </div>
- {/block:IndexPage}
- {/block:Photo}
- {block:Photoset}
- {block:IndexPage}
- <div class="fixphoto">
- <div class="onphoto">
- <div class="phototext">
- {block:NoteCount}<a href="{Permalink}" class="pic">{NoteCount}</a>{/block:NoteCount}
- </div>
- <div class="photoreblog">
- <a href="{ReblogURL}" target="_blank" class="pic">reblog</a>
- </div>
- </div>
- {/block:IndexPage}
- {Photoset-500}
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- <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:PermalinkPage}
- {block:IndexPage}
- </div>
- {/block:IndexPage}
- {/block:Photoset}
- {block:Quote}
- <div class="quotemark"> " </div>
- <div style="margin: 15px 10px 5px 23px"><h3>{Quote}</h3></div>
- {block:Source}
- <div style="text-align:right;margin: 2px 5px"> -{Source}<br clear=right></div>
- {/block:Source}
- <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:Quote}
- {block:Link}
- <h3><a href="{URL}" class="link" {Target}> {Name} >> </a></h3>
- {block:Description}
- {Description}
- {/block:Description}
- <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: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>
- <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:Chat}
- {block:Video}
- <center>{Video-500}</center>
- {block:PermalinkPage}
- {block:Caption}
- {Caption}
- {/block:Caption}
- {/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: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">
- <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:Audio}
- {block:Answer}
- <div class="askr">
- <img src="{AskerPortraitURL-24}" style="float: left; margin-right: 2px;">
- {Asker} sobbed: {Question}
- <br clear="left">
- </div>
- {Answer}
- <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:Answer}
- {block:PostNotes}
- {PostNotes}
- {/block:PostNotes}
- </div>
- {/block:Posts}
- {block:IfEndlessScrolling}
- </div>
- {/block:IfEndlessScrolling}
- {block:IfNotEndlessScrolling}
- {block:IndexPage}
- <div class="footer">
- {block:Pagination}
- {block:PreviousPage}
- <a href="{PreviousPage}" class="jump_page">«</a>
- {/block:PreviousPage}
- {block:JumpPagination length="10"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a href="{URL}" class="jump_page">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}" class="jump_page">»</a>
- {/block:NextPage}
- <div style="border-bottom:1px solid #eee ;margin: 6px 0px"></div>
- <a href="http://instantkimchi.tumblr.com">Compensate</a> | Theme By <a href="http://instantkimchi.tumblr.com">InstantKimchi</a>
- {/block:Pagination}
- </div>
- {/block:IndexPage}
- {block:IfNotEndlessScrolling}
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement