Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <meta name="image:banner" content="" />
- <meta name="image:Left Background" content""/>
- <meta name="image:Right Background" content""/>
- <meta name="image:Cover Background" content""/>
- <meta name="color:background if no fish" content="" />
- <meta name="color:text" content="#525252"/>
- <meta name="color:Link" content="#767676"/>
- <meta name="color:linkunderline" content="#9edac6"/>
- <meta name="color:Hover" content="#acddce"/>
- <meta name="color:Title" content="#acddce"/>
- <meta name="color:post accent" content="#9edac6"/>
- <meta name="color:scrollbar" content="#9edac6"/>
- <meta name="color:Borders" content="#9fd7c5"/>
- <meta name="color:buttons" content="#858585"/>
- <meta name="color:buttons background" content="#ffffff"/>
- <meta name="color:button borders" content="#9fd7c5"/>
- <meta name="color:blog borders" content="#c4e5db"/>
- <meta name="color:sidebar border" content="#c4e5db"/>
- <meta name="color:post shadow" content="#c4e5db"/>
- <meta name="color:ImageBorder" content="#a6d4c6"/>
- <meta name="color:Highlight" content="#c4e5db"/>
- <meta name="if:fish" content="1" />
- <meta name="if:link1" content="1" />
- <meta name="if:link1" content="1" />
- <meta name="if:link2" content="1" />
- <meta name="if:link3" content="1" />
- <meta name="if:link4" content="1" />
- <meta name="if:link5" content="1" />
- <meta name="if:show blog title" content="1"/>
- <meta name="if:background" content="0"/>
- <meta name="if:fullsizebackground" content="1" />
- <meta name="if:linkeffect" content="1" />
- <meta name="if:imagefade" content="1" />
- <meta name="if:imagezoom" content="1" />
- <meta name="if:show banner" content="0"/>
- <meta name="if:blogborders" content="1" />
- <meta name="if:post shadow" content="1" />
- <meta name="if:postborders" content="1" />
- <meta name="text:blog title" content="Koi"/>
- <meta name="text:Title Font size" content="38px"/>
- <meta name="text:Quote" content="'You are loved'"/>
- <meta name="text:Banner Width" content="230px"/>
- <meta name="text:between links" content=" "/>
- <meta name="text:link 1 url" content="/ask"/>
- <meta name="text:link 1 name" content="ask"/>
- <meta name="text:link 1 title" content="message me!"/>
- <meta name="text:link 2 url" content="/archive"/>
- <meta name="text:link 2 name" content="archive"/>
- <meta name="text:link 2 title" content="past"/>
- <meta name="text:link 3 url" content="/submit"/>
- <meta name="text:link 3 name" content="submit"/>
- <meta name="text:link 3 title" content="submit things!"/>
- <meta name="text:link 4 url" content="/"/>
- <meta name="text:link 4 name" content="link"/>
- <meta name="text:link 4 title" content="hru"/>
- <meta name="text:link 5 url" content="/"/>
- <meta name="text:link 5 name" content="link"/>
- <meta name="text:link 5 title" content="pew pew"/>
- <!--background colors-->
- <meta name="select:background color" content="FFFFFF" title="White">
- <meta name="select:background color" content="000000" title="Black">
- <meta name="select:background color" content="F0F7FF" title="Blue">
- <meta name="select:background color" content="F0FAFF" title="Baby blue">
- <meta name="select:background color" content="FEF5FF" title="Light Pink">
- <meta name="select:background color" content="FFF5F5" title="Peach">
- <meta name="select:background color" content="FFF9F2" title="Cream">
- <meta name="select:background color" content="F2FFF7" title="Light Green">
- <meta name="select:background color" content="FFFEED" title="Light yellow">
- <!--fish colors-->
- <meta name="select:fish 1" content="F45540" title="Red">
- <meta name="select:fish 1" content="F2BDEB" title="Pink">
- <meta name="select:fish 1" content="F250E2" title="Fuchsia">
- <meta name="select:fish 1" content="F5E867" title="Yellow">
- <meta name="select:fish 1" content="5BB84F" title="Green">
- <meta name="select:fish 1" content="8ADECF" title="Turquoise">
- <meta name="select:fish 1" content="76C0E3" title="Blue">
- <meta name="select:fish 1" content="FF8700" title="Orange">
- <meta name="select:fish 1" content="A59AE6" title="Purple">
- <meta name="select:fish 1" content="000000" title="Black">
- <meta name="select:fish 1" content="FFFFFF" title="White">
- <meta name="select:fish 1" content="8F8F8F" title="Grey">
- <meta name="select:fish 1" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 2" content="F45540" title="Red">
- <meta name="select:fish 2" content="F2BDEB" title="Pink">
- <meta name="select:fish 2" content="F250E2" title="Fuchsia">
- <meta name="select:fish 2" content="F5E867" title="Yellow">
- <meta name="select:fish 2" content="5BB84F" title="Green">
- <meta name="select:fish 2" content="8ADECF" title="Turquoise">
- <meta name="select:fish 2" content="76C0E3" title="Blue">
- <meta name="select:fish 2" content="FF8700" title="Orange">
- <meta name="select:fish 2" content="A59AE6" title="Purple">
- <meta name="select:fish 2" content="000000" title="Black">
- <meta name="select:fish 2" content="FFFFFF" title="White">
- <meta name="select:fish 2" content="8F8F8F" title="Grey">
- <meta name="select:fish 2" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 3" content="F45540" title="Red">
- <meta name="select:fish 3" content="F2BDEB" title="Pink">
- <meta name="select:fish 3" content="F250E2" title="Fuchsia">
- <meta name="select:fish 3" content="F5E867" title="Yellow">
- <meta name="select:fish 3" content="5BB84F" title="Green">
- <meta name="select:fish 3" content="8ADECF" title="Turquoise">
- <meta name="select:fish 3" content="76C0E3" title="Blue">
- <meta name="select:fish 3" content="FF8700" title="Orange">
- <meta name="select:fish 3" content="A59AE6" title="Purple">
- <meta name="select:fish 3" content="000000" title="Black">
- <meta name="select:fish 3" content="FFFFFF" title="White">
- <meta name="select:fish 3" content="8F8F8F" title="Grey">
- <meta name="select:fish 3" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 4" content="F45540" title="Red">
- <meta name="select:fish 4" content="F2BDEB" title="Pink">
- <meta name="select:fish 4" content="F250E2" title="Fuchsia">
- <meta name="select:fish 4" content="F5E867" title="Yellow">
- <meta name="select:fish 4" content="5BB84F" title="Green">
- <meta name="select:fish 4" content="8ADECF" title="Turquoise">
- <meta name="select:fish 4" content="76C0E3" title="Blue">
- <meta name="select:fish 4" content="FF8700" title="Orange">
- <meta name="select:fish 4" content="A59AE6" title="Purple">
- <meta name="select:fish 4" content="000000" title="Black">
- <meta name="select:fish 4" content="FFFFFF" title="White">
- <meta name="select:fish 4" content="8F8F8F" title="Grey">
- <meta name="select:fish 4" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 5" content="F45540" title="Red">
- <meta name="select:fish 5" content="F2BDEB" title="Pink">
- <meta name="select:fish 5" content="F250E2" title="Fuchsia">
- <meta name="select:fish 5" content="F5E867" title="Yellow">
- <meta name="select:fish 5" content="5BB84F" title="Green">
- <meta name="select:fish 5" content="8ADECF" title="Turquoise">
- <meta name="select:fish 5" content="76C0E3" title="Blue">
- <meta name="select:fish 5" content="FF8700" title="Orange">
- <meta name="select:fish 5" content="A59AE6" title="Purple">
- <meta name="select:fish 5" content="000000" title="Black">
- <meta name="select:fish 5" content="FFFFFF" title="White">
- <meta name="select:fish 5" content="8F8F8F" title="Grey">
- <meta name="select:fish 5" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 6" content="F45540" title="Red">
- <meta name="select:fish 6" content="F2BDEB" title="Pink">
- <meta name="select:fish 6" content="F250E2" title="Fuchsia">
- <meta name="select:fish 6" content="F5E867" title="Yellow">
- <meta name="select:fish 6" content="5BB84F" title="Green">
- <meta name="select:fish 6" content="8ADECF" title="Turquoise">
- <meta name="select:fish 6" content="76C0E3" title="Blue">
- <meta name="select:fish 6" content="FF8700" title="Orange">
- <meta name="select:fish 6" content="A59AE6" title="Purple">
- <meta name="select:fish 6" content="000000" title="Black">
- <meta name="select:fish 6" content="FFFFFF" title="White">
- <meta name="select:fish 6" content="8F8F8F" title="Grey">
- <meta name="select:fish 6" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 7" content="F45540" title="Red">
- <meta name="select:fish 7" content="F2BDEB" title="Pink">
- <meta name="select:fish 7" content="F250E2" title="Fuchsia">
- <meta name="select:fish 7" content="F5E867" title="Yellow">
- <meta name="select:fish 7" content="5BB84F" title="Green">
- <meta name="select:fish 7" content="8ADECF" title="Turquoise">
- <meta name="select:fish 7" content="76C0E3" title="Blue">
- <meta name="select:fish 7" content="FF8700" title="Orange">
- <meta name="select:fish 7" content="A59AE6" title="Purple">
- <meta name="select:fish 7" content="000000" title="Black">
- <meta name="select:fish 7" content="FFFFFF" title="White">
- <meta name="select:fish 7" content="8F8F8F" title="Grey">
- <meta name="select:fish 7" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 8" content="F45540" title="Red">
- <meta name="select:fish 8" content="F2BDEB" title="Pink">
- <meta name="select:fish 8" content="F250E2" title="Fuchsia">
- <meta name="select:fish 8" content="F5E867" title="Yellow">
- <meta name="select:fish 8" content="5BB84F" title="Green">
- <meta name="select:fish 8" content="8ADECF" title="Turquoise">
- <meta name="select:fish 8" content="76C0E3" title="Blue">
- <meta name="select:fish 8" content="FF8700" title="Orange">
- <meta name="select:fish 8" content="A59AE6" title="Purple">
- <meta name="select:fish 8" content="000000" title="Black">
- <meta name="select:fish 8" content="FFFFFF" title="White">
- <meta name="select:fish 8" content="8F8F8F" title="Grey">
- <meta name="select:fish 8" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 9" content="F45540" title="Red">
- <meta name="select:fish 9" content="F2BDEB" title="Pink">
- <meta name="select:fish 9" content="F250E2" title="Fuchsia">
- <meta name="select:fish 9" content="F5E867" title="Yellow">
- <meta name="select:fish 9" content="5BB84F" title="Green">
- <meta name="select:fish 9" content="8ADECF" title="Turquoise">
- <meta name="select:fish 9" content="76C0E3" title="Blue">
- <meta name="select:fish 9" content="FF8700" title="Orange">
- <meta name="select:fish 9" content="A59AE6" title="Purple">
- <meta name="select:fish 9" content="000000" title="Black">
- <meta name="select:fish 9" content="FFFFFF" title="White">
- <meta name="select:fish 9" content="8F8F8F" title="Grey">
- <meta name="select:fish 9" content="F0F0F0" title="Darker than white">
- <meta name="select:fish 10" content="F45540" title="Red">
- <meta name="select:fish 10" content="F2BDEB" title="Pink">
- <meta name="select:fish 10" content="F250E2" title="Fuchsia">
- <meta name="select:fish 10" content="F5E867" title="Yellow">
- <meta name="select:fish 10" content="5BB84F" title="Green">
- <meta name="select:fish 10" content="8ADECF" title="Turquoise">
- <meta name="select:fish 10" content="76C0E3" title="Blue">
- <meta name="select:fish 10" content="FF8700" title="Orange">
- <meta name="select:fish 10" content="A59AE6" title="Purple">
- <meta name="select:fish 10" content="000000" title="Black">
- <meta name="select:fish 10" content="FFFFFF" title="White">
- <meta name="select:fish 10" content="8F8F8F" title="Grey">
- <meta name="select:fish 10" content="F0F0F0" title="Darker than white">
- <!--body font-->
- <meta name="select:body" content="'Raleway', sans-serif" title="Raleway">
- <meta name="select:body" content="'Cutive Mono'", title="Cutive Mono">
- <meta name="select:body" content=" 'Poiret One', cursive" title="Poiret One">
- <meta name="select:body" content="'Kurale', serifl" title="Kurale">
- <meta name="select:body" content="'Cabin', sans-serif" title="Cabin">
- <meta name="select:body" content="'Short Stack', cursive" title="Short Stack">
- <meta name="select:body" content="'Josefin Sans', sans-serif" title="Josefin">
- <meta name="select:body" content="'Inconsolata', " title="Inconsolata">
- <meta name="select:body" content="'Indie Flower', cursive" title="Indie Flower">
- <meta name="select:body" content="'Karla', sans-serif, cursive" title="Karla">
- <meta name="select:body" content="'Sorts Mill Goudy', serif" title="Sorts Mill Goudy">
- <!--title-->
- <meta name="select:title" content="'Tangerine', cursive" title="Tangerine">
- <meta name="select:title" content="'Arizonia', cursive" title="Arizona">
- <meta name="select:title" content="'Allura', cursive;" title="Allura">
- <meta name="select:title" content="'Quicksand', sans-serif" title="Quicksand">
- <meta name="select:title" content="'Raleway', sans-serif" title="Raleway">
- <meta name="select:title" content="'Satisfy', cursive" title="Satisfy">
- <meta name="select:title" content="'Nixie One', cursive" title="Nixie One">
- <meta name="select:title" content="'Short Stack', cursive" title="Short Stack">
- <meta name="select:title" content="'Gruppo', cursive" title="Gruppo">
- <meta name="select:title" content="'Cutive Mono'", title="Cutive Mono">
- <meta name="select:title" content="'Flamenco', cursive" title="Flamenco">
- <meta name="select:title" content="'Josefin Slab', serif" title="Josefin Slab">
- <meta name="select:title" content="'Cinzel', serif" title="Cinzel">
- <meta name="select:title" content="'Montez', cursive" title="Montez">
- <meta name="select:description align" content="Left" title="Left"/>
- <meta name="select:description align" content="Center" title="Center"/>
- <meta name="select:description align" content="Right" title="Right"/>
- <meta name="select:title align" content="Left" title="Left"/>
- <meta name="select:title align" content="Center" title="Center"/>
- <meta name="select:title align" content="Right" title="Right"/>
- <meta name="select:links align" content="Left" title="Left"/>
- <meta name="select:links align" content="Right" title="Right"/>
- <meta name="select:links align" content="Center" title="Center"/>
- <meta name="select:Font Size" content="10px" title="10px"/>
- <meta name="select:Font Size" content="11px" title="11px"/>
- <meta name="select:Font Size" content="12px" title="12px"/>
- <meta name="select:Font Size" content="14px" title="14px"/>
- <meta name="select:Font Size" content="16px" title="16px"/>
- <!--end-->
- <link href='https://fonts.googleapis.com/css?family=Raleway|Kurale|Indie+Flower|Poiret+One|Cabin|Inconsolata|Josefin+Sans|Karla|Josefin+Slab|Sorts+Mill+Goudy' rel='stylesheet' type='text/css'>
- <link href='https://fonts.googleapis.com/css?family=Arizonia|Quicksand|Satisfy|Nixie+One|Allura|Short+Stack|Gruppo|Cutive+Mono|Flamenco|Josefin+Slab|Cinzel|Tangerine|Montez' rel='stylesheet' type='text/css'>
- <!--end-->
- <!--font-awesome icons code-->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
- <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" media="all">
- <!--masonry-- (dont remove unless you want wierd columns-->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <!--end-->
- <!-- start of script tooltip -->
- <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>
- <!-- end of script tooltip -->
- <style type="text/css">
- #s-m-t-tooltip {
- font-family:{select:body};
- max-width:200px; /* maximum width */
- background-color:white; /* color background */
- border:1px solid {color:borders}; /* color, shape and thickness of the border */
- font-size:{select:font size}; /* font size */
- color:black ; /* font color */
- letter-spacing:1px; /* font spacing */
- text-transform:none; /* uppercase, lowercase, none */
- padding:3px; /* padding size */
- margin:15px 0px 0px 20px; /* margin size */
- z-index:9999999999999999999999;
- border-radius: 2px; /* border radius */
- }
- /*makes images in texts posts stay in the box*/
- iframe, img, embed, object, video {
- max-width: 100%;
- }
- img {
- height: auto;
- width: auto;
- }
- body{
- background-color:{color:background};
- background-image: url({image:Left Background}),
- url({image:Right Background}),
- url({image:Cover Background});
- background-attachment: fixed;
- background-position: bottom 0px left 0px, bottom 0px right 0px;
- background-repeat: no-repeat, no-repeat, no-repeat;
- -webkit-background-size: auto, auto, auto;
- -moz-background-size: auto, auto, auto;
- -o-background-size: auto, auto, auto;
- background-size: auto, auto, cover;
- font-size:{select:font size};
- color:{color:text};
- line-height:14px;
- font-family:{select:body};
- /*to here*/
- }
- a:link, a:active, a:visited{
- color:{color:link};
- text-decoration: none;
- font-family:{select:body};
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;
- }
- a:hover {
- text-decoration:none;
- color:{color:hover};
- -webkit-transition: all 0.7s ease-in-out;
- -moz-transition: all 0.7s ease-in-out;
- -o-transition: all 0.7s ease-in-out;;
- }
- #banner img{
- width:{text:banner width};
- }
- #blogtitle{
- text-align:{select:title align};
- padding-left:10px;
- background-color:transparent;
- z-index:9;
- font-family:{select:title};
- color:{color:title};
- line-height:40px;
- font-size:{text:Title Font size};
- word-spacing:10px;
- }
- #blogtitle a{
- color:{color:title};
- font-family:{select:title};
- }
- /*style for titles of text posts*/
- .title{
- font-size:14px;
- line-height:15px;
- font-family:{select:title};
- background-color:{color:post accent};
- font-family:{select:body};
- padding:10px;
- color:white;
- opacity:0.8;
- margin-bottom:10px;
- }
- .quote{
- font-size:12px;
- font-style:italic;
- }
- h2 a{
- font-size:14px;
- letter-spacing:2px;
- color:{color:title};
- }
- h2 a:hover{
- color:{color:hover};
- }
- h3{
- font-size:{select:font size};
- color:{color:title}
- }
- #descriptions{
- color:{color:text};
- font-size:{select:font-size};
- padding:10px 5px 10px 5px;
- line-height:14px;
- letter-spacing:0.5px;
- overflow:hidden;
- height:;
- text-align:{select:description align};
- z-index:8;
- }
- #sidebar{
- width:250px;
- height:auto;
- font-size:{select:font size};
- left:5%;
- top:20%;
- position:fixed;
- padding:20px 20px 20px 20px;
- z-index:999;
- }
- ::-webkit-scrollbar {width: 8px; height: 4px; background:{color:scrollbar}; border:4px solid white;}
- ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border:3px solid #fff; }
- #sidebar:hover #links{
- height:;
- opacity:1;
- margin-top:0px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #links{
- font-size:{select:font size};
- padding:5px 5px 5px 5px;
- width:96%;
- word-spacing:3px;
- line-height:18px;
- text-align:{select:links align};
- margin-top:0px;
- {block:iflinkeffect}
- margin-top:-30px;
- opacity:0;
- {/block:iflinkeffect}
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #links a:hover{
- opacity:1;
- color:{color:hover};
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- .linkline{
- border-top:1px solid {color:borders};
- padding:5px;
- position:absolute;
- margin-top:0px;
- {block:iflinkeffect}
- opacity:0;
- margin-top:40px;
- {/block:iflinkeffect}
- z-index:3;
- width:250px;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #sidebar:hover .linkline{
- margin-top:0px;
- opacity:1;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- #fishies{
- position: fixed;
- z-index: 1;
- top: 0;
- left: 0;
- height:100%;
- width:100%;
- }
- .pagination {
- display: none;}
- .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{
- top:0px;
- white-space:nowrap;
- -webkit-filter: invert(100%);
- -moz-filter: invert(100%);
- -o-filter: invert(100%);
- -ms-filter: invert(100%);
- filter: invert(100%);
- opacity:1;
- transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out;
- z-index:9999999;}
- #container{
- padding:10px 10px 0px 10px;
- width: 240px;
- top:30px;
- left:34%;
- float:center;
- background-color:transparent;
- position:absolute;
- background-image:url(http://assets.tumblr.com/images/x.gif?v=1);
- background-size:;
- background-attachment:fixed;
- z-index:1;
- {block:PermalinkPage}
- left:39%;
- min-height:100%;
- {/block:PermalinkPage}
- }
- .entry{
- padding-top:10px;
- padding-right:10px;
- padding-left:10px;
- padding-bottom:10px;
- float:left;
- width:250px;
- {block:ifpostshadow}
- box-shadow:4px 4px 0px {color:post shadow};
- {/block:ifpostshadow}
- {block:ifpostborders}
- border:1px solid {color:imageborder};
- {/block:ifpostborders}
- background-color:transparent;
- margin-top:0px;margin-bottom:30px;margin-left:15px;margin-right:15px;
- {block:IndexPage}
- overflow:hidden;
- {/block:IndexPage}
- {block:PermalinkPage}
- padding:30px;
- background-color:{color:transparent};
- margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;
- width:400px;
- height:auto;
- display:block;
- {/block:PermalinkPage}
- }
- .entry .perma{
- position:absolute;
- color:{color:text};
- font-size:10px;
- width:auto;
- z-index:99999999;
- text-align:left;
- padding:10px;
- line-height:12px;
- height:250px;
- font-family:{select:body};
- opacity:0.0;
- overflow:hidden;
- {block:PermalinkPage}
- border:1px none;
- background:transparent;
- color:transparent;
- visibility:hidden;
- z-index:1;
- {/block:PermalinkPage}
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- }
- .entry .perma a{
- font-family:{select:body};
- color:{color:buttons};
- }
- .entry:hover .perma{
- opacity:0.95;
- }
- .entry img{
- opacity:1; -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- }
- .entry:hover img{
- {block:indexpage}
- {block:ifimagefade}
- opacity:0.7;
- {/block:ifimagefade}
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- {block:ifimagezoom}
- -ms-transform: scale(1.4); /* IE 9 */
- -webkit-transform: scale(1.4); /* Safari */
- transform: scale(1.4);
- {/block:ifimagezoom}
- {/block:indexpage}
- }
- .textperma{
- text-align:center;
- font-size:10px;
- border-top:1px solid {color:borders};
- font-style:normal;
- }
- #audio post{
- width:250px;
- height:100px;
- position:relative;
- }
- .playbox {
- width: 30px;
- height: 30px;
- opacity:0.5;
- margin-top:25px;
- margin-left:35px;
- overflow: hidden;
- float:right;
- position: absolute;
- z-index: 1000;
- }
- .album img{
- width:100px;
- display:block;
- height:100px;
- position:absolute;
- }
- .question{
- color:black;
- line-height:16px;
- text-transform:italic;
- font-family:arial;
- font-size:12px;
- background-color:{color:transparent};
- padding:5px;
- opacity:0.8;
- }
- .asker{
- padding:0px 5px 5px 0px;
- color:black;
- position:left;
- line-height:16px;
- font-size:14px;
- }
- .asker a{
- color:white;
- }
- .answerer{
- font-size:12px;
- line-height:16px;
- font-family:{select:body};
- }
- .answer{
- line-height:14px;
- font-family:{select:body};
- font-size:{select:font size};
- }
- /*change the color of the highlight*/
- ::-moz-selection { /* Code for Firefox */
- color: {color:highlight};
- background: transparent;
- }
- ::selection {
- color:{color:highlight};
- background: transparent;
- }
- blockquote{
- padding:2px 0px 2px 10px;
- margin:0px 0px 2px 5px;
- border-left: 1px solid {color:text};
- }
- /*styling of how the notes will look on the permalink page*/
- #permpage{
- {block:PermalinkPage}
- width: 400px;
- height:;
- font-style:normal;
- overflow:hidden;
- font-family:{select:body};
- position: relative;
- font-size:{select:font size};
- margin:0px;
- padding:10px;
- float:center;
- {/block:PermalinkPage}
- }
- .info {
- font-family:{select:body};
- margin-left:120px;
- margin-top:0px;
- height:100px;
- line-height:14px;
- }
- /*hover.css effects*/
- /* Push */
- @-webkit-keyframes hvr-push {
- 50% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes hvr-push {
- 50% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- /* Push */
- @-webkit-keyframes hvr-push {
- 50% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- @keyframes hvr-push {
- 50% {
- -webkit-transform: scale(0.8);
- transform: scale(0.8);
- }
- 100% {
- -webkit-transform: scale(1);
- transform: scale(1);
- }
- }
- .hvr-push {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- }
- .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
- -webkit-animation-name: hvr-push;
- animation-name: hvr-push;
- -webkit-animation-duration: 0.5s;
- animation-duration: 0.5s;
- -webkit-animation-timing-function: linear;
- animation-timing-function: linear;
- -webkit-animation-iteration-count: 1;
- animation-iteration-count: 1;
- }
- /* Underline From Center */
- .hvr-underline-from-center {
- display: inline-block;
- vertical-align: middle;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- box-shadow: 0 0 1px rgba(0, 0, 0, 0);
- -webkit-backface-visibility: hidden;
- backface-visibility: hidden;
- -moz-osx-font-smoothing: grayscale;
- position: relative;
- overflow: hidden;
- }
- .hvr-underline-from-center:before {
- content: "";
- position: absolute;
- z-index: -1;
- left: 50%;
- right: 50%;
- bottom: 0;
- background: {color:linkunderline};
- height: 1px;
- -webkit-transition-property: left, right;
- transition-property: left, right;
- -webkit-transition-duration: 0.6s;
- transition-duration: 0.6s;
- -webkit-transition-timing-function: ease-out;
- transition-timing-function: ease-out;
- }
- .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
- left: 0;
- right: 0;
- }
- /*end of effects*/
- .time{
- border: 1px solid {color:button borders};
- padding:8px;
- width:15px;
- height:15px;
- margin:2px;
- margin-left:-50px;
- background: {color:buttons background};
- text-align:center;
- font-size:15px;
- -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- }
- .postinfo{
- border: 1px solid {color:button borders};
- padding:8px;
- width:15px;
- height:15px;
- margin:2px;
- margin-left:-50px;
- background: {color:buttons background};
- text-align:center;
- font-size:15px;
- -webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- }
- .reblogbutton{
- border: 1px solid {color:button borders};
- padding:8px;
- width:15px;
- height:15px;
- margin:2px;
- margin-left:-50px;
- background: {color:buttons background};
- text-align:center;
- font-size:15px;
- -webkit-transition: all 1.2s ease-in-out;
- -moz-transition: all 1.2s ease-in-out;
- -o-transition: all 1.2s ease-in-out;
- }
- .entry:hover .time{
- margin-left:0px; -webkit-transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -o-transition: all 0.8s ease-in-out;
- }
- .entry:hover .postinfo{
- margin-left:0px;-webkit-transition: all 1s ease-in-out;
- -moz-transition: all 1s ease-in-out;
- -o-transition: all 1s ease-in-out;
- }
- .entry:hover .reblogbutton{
- margin-left:0px;-webkit-transition: all 1.2s ease-in-out;
- -moz-transition: all 1.2s ease-in-out;
- -o-transition: all 1.2s ease-in-out;
- }
- .shape:hover a{
- color: {color:buttons};
- }
- /**blog borders*/
- {block:ifblogborders}
- #left{position:fixed;left:0px;bottom:0px;height:100%;width:25px;background:{color:blog borders}; z-index:9;}
- #right{position:fixed;right:0px;bottom:0px;height:100%;width:25px;background:{color:blog borders}; z-index:9;}
- #top{position:fixed;left:0px;top:0;height:25px;width:100%;background:{color:blog borders};z-index:14;line-height:25px;font-size:13px;}
- #bottom{position:fixed;left:0px;bottom:0;height:25px;width:100%;background:{color:blog borders};z-index:14;}
- {/block:ifblogborders}
- </style>
- <link rel="shortcut icon" href="{favicon}">
- <title>{Title}</title>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <!---masonry--->
- {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 = $('#container');
- $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}<!--end-->
- </head>
- <body>
- {block:iffish}
- <div id="fishies">
- <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor7={select:fish 1}&up_fishColor10={select:fish 2}&up_backgroundImage={image:background}&up_fishColor6={select:fish 3}&up_fishName=Fish&up_fishColor9={select:fish 4}&up_fishColor4={select:fish 5}&up_numFish=10&up_fishColor5={select:fish 6}&up_foodColor=FCB347&up_fishColor3={select:fish 7}&up_fishColor2={select:fish 8}&up_fishColor8={select:fish 9}&up_backgroundColor={select:background color}&up_fishColor1={select:fish 10}&" width="100%" height="100%"><param name="movie" value="http://cdn.abowman.com/widgets/fish/fish.swf?up_fishColor7={select:fish 1}&up_fishColor10={select:fish 2}&up_backgroundImage={image:background}&up_fishColor6={select:fish 3}&up_fishName=Fish&up_fishColor9={select:fish 4}&up_fishColor4={select:fish 5}&up_numFish=10&up_fishColor5={select:fish 6}&up_foodColor=FCB347&up_fishColor3={select:fish 7}&up_fishColor2={select:fish 8}&up_fishColor8={select:fish 9}&up_backgroundColor={select:background color}&up_fishColor1={select:fish 10}&"></param><param name="AllowScriptAccess" value="always"></param><param name="wmode" value="opaque"></param><param name="scale" value="noscale"/><param name="salign" value="tl"/></object>
- </div>
- {/block:iffish}
- <!--blog borders-->
- {block:ifblogborders}
- <div id=""></div>
- <div id=""><div style="margin-left:32%;width:672px;text-align:center;">{text:quote}</div></div>
- <div id=""></div>
- <div id=""></div>
- {/block:ifblogborders}
- <div id="sidebar">
- {block:ifshowblogtitle}<div id="blogtitle"><a href="/" title="home">{text:blog title}</a></div>{/block:ifshowblogtitle}<center>
- {block:ifshowbanner}<div id="banner"><a href="/"><img src="{image:banner}"/></a></div>{/block:ifshowbanner}</center>
- <div id="descriptions">
- {block:Description}
- {Description}
- {/block:Description} </div>
- <div class="linkline"></div>
- <!--You can add or change links here-->
- <div id="links">
- {block:iflink1} <a href="{text:link 1 url}"class="hvr-underline-from-center"title="{text:link 1 title}">{text:link 1 name}</a>{text:between links}{/block:iflink1}
- {block:iflink2}<a href="{text:link 2 url}"class="hvr-underline-from-center"title="{text:link 2 title}">{text:link 2 name}</a>{text:between links}{/block:iflink2}
- {block:iflink3}<a href="{text:link 3 url}"class="hvr-underline-from-center"title="{text:link 3 title}">{text:link 3 name}</a>{text:between links}{/block:iflink3}
- {block:iflink4} <a href="{text:link 4 url}"class="hvr-underline-from-center"title="{text:link 4 title}">{text:link 4 name}</a>{text:between links}{/block:iflink4}
- {block:iflink5} <a href="{text:link 5 url}"class="hvr-underline-from-center"title="{text:link 5 title}">{text:link 5 name}</a>{text:between links}{/block:iflink5}
- {block:HasPages}{block:Pages}<a href="{URL}"class="hvr-underline-from-center">{Label}</a>{text:between links} {/block:Pages}{/block:HasPages}
- <!--Please keep the credit or i will be sad :C -->
- <a href="http://unswear.tumblr.com/"class="hvr-underline-from-center" title="theme by unswear">theme</a>
- </div>
- </div>
- </div>
- <div id="container">
- {block:Posts}
- <div class="entry">
- <!--photo-->
- {block:Photo}
- <div class="post photo">
- {block:IndexPage}
- <div class="perma">
- <a href="{Permalink}" class="time hvr-push" title=" Posted {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} ({TimeAgo})"><i class="fa fa-calendar" aria-hidden="true"></i></a><br><a href="{Permalink}" class="postinfo hvr-push" title="{NoteCount} Notes"><i class="fa fa-folder-open-o" aria-hidden="true"></i></a><br><a href="{permalink}"><a href="{ReblogURL}" class="reblogbutton hvr-push" title="Reblog" target="_blank"><i class="fa fa-refresh"></i></a></div>
- <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
- {/block:IndexPage}
- {block:PermalinkPage}
- <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
- </a>{/block:PermalinkPage}
- </div>
- {/block:Photo}
- <!--panooo-->
- {block:Panorama}
- <div class="post panorama">
- {LinkOpenTag}
- <div class="perma">
- <a href="{Permalink}" class="shape hvr-push" title=" Posted {TimeAgo}"><i class="fa fa-clock-o fa-2x"></i></a><a href="{Permalink}" class="shape hvr-push" title="{NoteCount} Notes"><i class="fa fa-search fa-2x"></i></a><a href="{permalink}"><a href="{ReblogURL}" class="shape hvr-push" title="Reblog" target="_blank"><i class="fa fa-refresh fa-2x"></i></a></div>
- <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
- {LinkCloseTag}
- </div>
- {/block:Panorama}
- <!--photo set-->
- {block:Photoset}
- </center>
- {block:indexpage}
- <div class="perma">
- <a href="{Permalink}" class="shape hvr-push" title=" Posted {TimeAgo}"><i class="fa fa-clock-o fa-2x"></i></a><a href="{Permalink}" class="shape hvr-push" title="{NoteCount} Notes"><i class="fa fa-search fa-2x"></i></a><a href="{permalink}"><a href="{ReblogURL}" class="shape hvr-push" title="Reblog" target="_blank"><i class="fa fa-refresh fa-2x"></i></a></div> {/block:indexpage}
- <center> {Photoset-250}</center>
- {/block:Photoset}
- <!--Quote-->
- {block:Quote}
- <div class="post quote">
- <div class="quote">"{Quote}"</div>
- {block:Source}
- <h3> <p></p></h3>
- {/block:Source}
- <p></p><div class="textperma"> <p></p>
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} · <a href="{Permalink}">{NoteCount}</a> · <a href="{permalink}"><a href="{ReblogURL}" target="_blank">↺</a></a></div>
- </div>
- {/block:Quote}
- <!--link-->
- {block:Link}
- <div class="post link">
- <a href="{URL}" class="link" {Target}>{Name}</a>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- {block:Thumbnail}<img src="{Thumbnail}"> {/block:Thumbnail}
- <p></p><div class="textperma"> <p></p>
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} · <a href="{Permalink}">{NoteCount}</a> · <a href="{permalink}"><a href="{ReblogURL}" target="_blank">↺</a></a></div>
- </div>
- {/block:Link}
- <!--chat-->
- {block:Chat}
- <div class="post chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <div id="chat">
- {block:Lines}
- <h3> <div class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}{Line}
- </div></h3>
- {/block:Lines}
- </div>
- <p></p><div class="textperma"> <p></p>
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} · <a href="{Permalink}">{NoteCount}</a> · <a href="{permalink}"><a href="{ReblogURL}" target="_blank">↺</a></a></div>
- </div>
- {/block:Chat}
- <!--video-->
- {block:Video}
- <div class="post video"> {block:indexpage}
- <div class="perma">
- <a href="{Permalink}" class="shape hvr-push" title=" Posted {TimeAgo}"><i class="fa fa-clock-o fa-2x"></i></a><a href="{Permalink}" class="shape hvr-push" title="{NoteCount} Notes"><i class="fa fa-search fa-2x"></i></a><a href="{permalink}"><a href="{ReblogURL}" class="shape hvr-push" title="Reblog" target="_blank"><i class="fa fa-refresh fa-2x"></i></a></div>{/block:indexpage}
- <center>{Video-250}</center>
- </div>
- {/block:Video}
- <!--audio-->
- {block:Audio}
- <div class="post audio">
- <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><br><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>
- </a> {/block:IndexPage} {block:indexpage} <div class="textperma"> <p></p>
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} · <a href="{Permalink}">{NoteCount}</a> · <a href="{permalink}"><a href="{ReblogURL}" target="_blank">↺</a></a></div> {/block:indexpage}
- {/block:Audio}
- <!--questions-->
- {block:Answer}
- {block:indexpage}
- {/block:indexpage}
- <div class="question">
- <div class="asker"><center><img src="{AskerPortraitURL-30}" style="border-radius:100%;-webkit-transform:scale(1);opacity:1;padding:0px;border:2px solid white"><br> {Asker}asked: {Question}</center></div></div> <p></p>
- {block:Answerer}
- <div class="answerer"> {Answerer}:</div> {/block:Answerer}<div class="answer"><p><div style="border:1px solid {color:borders}; padding:10px;font-family:{select:body};font-size:12px;text-align:center;">{Answer}</p>
- </div>
- <p></p><div class="textperma"> <p></p>
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} · <a href="{Permalink}">{NoteCount}</a> · <a href="{permalink}"><a href="{ReblogURL}" target="_blank">↺</a></a></div>
- </div>
- {/block:Answer}
- <!--text-->
- {block:Text} <div style="overflow:hidden;">
- {block:Title}
- <div class="title">{Title}</div>
- {/block:Title}{Body}</div>
- {block:indexpage} <p></p><div class="textperma"> <p></p>
- {ShortMonth} {DayOfMonth}{DayOfMonthSuffix} · <a href="{Permalink}">{NoteCount}</a> · <a href="{permalink}"><a href="{ReblogURL}" target="_blank">↺</a></a></div> {/block:indexpage}
- {/block:Text}
- <!--perma page-->
- {block:PermalinkPage}
- <div id="permpage"> {block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{block:date}<div style="margin-left:-100px;margin-top:10px;padding-top:1px;border-top:1px solid {color:ImageBorder}; width:500px;"></div><p></p>{/block:date}
- {block:Date}<li><span>{block:NotReblog}Posted {/block:NotReblog}{block:RebloggedFrom}Reblogged {block:RebloggedFrom}:</span> {Month} {DayOfMonth}{DayOfMonthSuffix} ({TimeAgo}){/block:Date}
- {block:RebloggedFrom}<li><span>From:</span> <a href="{ReblogParentURL}">@{ReblogParentName}</a>{/block:RebloggedFrom}
- {block:ContentSource}<li><span>Source:</span> <a href="{SourceURL}">@{SourceTitle}</a>{/block:ContentSource}
- {block:HasTags}<li><span>Filed under:</span> {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
- </ul>
- {block:Notecount}<li><span>Notes:</span> {NoteCount}{/block:notecount}{block:Date}
- <div style="margin-left:-100px;margin-top:10px;padding-top:1px;border-top:1px solid {color:ImageBorder}; width:500px"></div>{/block:Date}
- </div>
- {block:PostNotes}
- {PostNotes-16}
- {/block:PostNotes}
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <!--infinite scroll-->
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement