Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html><!--
- .------..------..------..------..------..------..------..------.
- |H.--. ||A.--. ||Y.--. ||A.--. ||S.--. ||A.--. ||K.--. ||A.--. |
- | :/\: || (\/) || (\/) || (\/) || :/\: || (\/) || :/\: || (\/) |
- | (__) || :\/: || :\/: || :\/: || :\/: || :\/: || :\/: || :\/: |
- | '--'H|| '--'A|| '--'Y|| '--'A|| '--'S|| '--'A|| '--'K|| '--'A|
- `------'`------'`------'`------'`------'`------'`------'`------'
- > RLR theme by hayasaka @tumblr, Happy Birthday Rachel!
- > Thanks for using and please keep credit intact!
- --><html>
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{image:favicon}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <meta name="description" content="{MetaDescription}">
- <meta name="image:favicon" content="http://i.imgur.com/0S1fXEd.png">
- <meta name="image:background" content="">
- <meta name="image:banner" content="">
- <meta name="image:sidebar img" content="http://i.imgur.com/68cJ1QD.png">
- <meta name="image:side img 1" content="http://www.clker.com/cliparts/b/S/S/A/L/5/blue-salamander-md.png">
- <meta name="image:side img 2" content="">
- <meta name="select:font" content="arial, sans-serif" title="Arial">
- <meta name="select:font" content="ms gothic, sans-serif" title="MS Gothic">
- <meta name="select:font" content="ms ui gothic, sans-serif" title="MS UI Gothic">
- <meta name="select:font" content="lucida console, serif" title="Lucida Console">
- <meta name="select:font" content="lucida sans, sans-serif" title="Lucida Sans">
- <meta name="select:font" content="inconsolata, monospace" title="Inconsolata">
- <meta name="select:font" content="consolas, monospace" title="Consolas">
- <meta name="select:font" content="dotum, sans-serif" title="Dotum">
- <meta name="select:font" content="ubuntu, sans-serif" title="Ubuntu">
- <meta name="select:font size" content="9px" title="9">
- <meta name="select:font size" content="10px" title="10">
- <meta name="select:font size" content="11px" title="11">
- <meta name="select:font size" content="12px" title="12">
- <meta name="select:background size" content="auto" title="tile">
- <meta name="select:background size" content="100% 100%" title="stretch">
- <meta name="select:background size" content="cover" title="cover">
- <meta name="select:post border width" content="9px" title="9">
- <meta name="select:post border width" content="5px" title="5">
- <meta name="select:post border width" content="3px" title="3">
- <meta name="select:post border width" content="1px" title="1">
- <meta name="select:post border width" content="0px" title="none">
- <meta name="select:sidebar border width" content="9px" title="9">
- <meta name="select:sidebar border width" content="5px" title="5">
- <meta name="select:sidebar border width" content="3px" title="3">
- <meta name="select:sidebar border width" content="1px" title="1">
- <meta name="select:sidebar border width" content="0px" title="none">
- <meta name="select:sidebar align horizontal" content="left">
- <meta name="select:sidebar align horizontal" content="right">
- <meta name="select:sidebar align vertical" content="top">
- <meta name="select:sidebar align vertical" content="bottom">
- <meta name="select:side img 1 align horizontal" content="left">
- <meta name="select:side img 1 align horizontal" content="right">
- <meta name="select:side img 1 align vertical" content="bottom">
- <meta name="select:side img 1 align vertical" content="top">
- <meta name="select:side img 2 align horizontal" content="right">
- <meta name="select:side img 2 align horizontal" content="left">
- <meta name="select:side img 2 align vertical" content="bottom">
- <meta name="select:side img 2 align vertical" content="top">
- <meta name="color:background" content="#fff">
- <meta name="color:posts" content="#fff">
- <meta name="color:post border 1" content="#fce">
- <meta name="color:post border 2" content="#cff">
- <meta name="color:text" content="#222">
- <meta name="color:highlighted text" content="#0ef">
- <meta name="color:links" content="#0000ff">
- <meta name="color:links hover" content="#ff0000">
- <meta name="color:blockquote" content="#f79">
- <meta name="color:permalink" content="#fff">
- <meta name="color:permalink links" content="#00f">
- <meta name="color:permalink border" content="#6cf">
- <meta name="color:sidebar" content="#fff">
- <meta name="color:sidebar text" content="#222">
- <meta name="color:sidebar border 1" content="#fce">
- <meta name="color:sidebar border 2" content="#cff">
- <meta name="color:sidebar image border 1" content="#eee">
- <meta name="color:sidebar image border 2" content="#999">
- <meta name="color:sidebar img bg" content="#fff">
- <meta name="color:sidebar img hover" content="#fff">
- <meta name="color:sidebar img text" content="#777">
- <meta name="color:sidebar links" content="#fce">
- <meta name="color:sidebar link bg" content="#fff">
- <meta name="color:title" content="#fff">
- <meta name="color:title outline" content="#999">
- <meta name="color:audio border" content="#aaa">
- <meta name="color:audio text" content="#eee">
- <meta name="color:question" content="#ffeef8">
- <meta name="color:answer" content="#e5f5e9">
- <meta name="color:ask text" content="#777">
- <meta name="color:pagination" content="#fce">
- <meta name="color:pagination bg" content="#fff">
- <meta name="color:chat 1" content="#f1f1f1">
- <meta name="color:chat 1 arrow" content="#0cf">
- <meta name="color:chat 1 text" content="#999">
- <meta name="color:chat 2" content="#f1f1f1">
- <meta name="color:chat 2 arrow" content="#99f">
- <meta name="color:chat 2 text" content="#999">
- <meta name="color:scrollbar" content="#000">
- <meta name="color:scrollbar bg" content="#fff">
- <meta name="color:tooltip" content="#ffc">
- <meta name="color:tooltip border 1" content="#aaa">
- <meta name="color:tooltip border 2" content="#666">
- <meta name="color:tooltip text" content="#222">
- <meta name="color:music player border" content="#aaa">
- <meta name="if:500px posts" content="0">
- <meta name="if:400px posts" content="1">
- <meta name="if:300px posts" content="0">
- <meta name="if:250px posts" content="0">
- <meta name="if:show title" content="1">
- <meta name="if:show banner" content="0">
- <meta name="if:show sidebar img text" content="0">
- <meta name="if:sidebar img button" content="1">
- <meta name="if:dark audio post" content="1">
- <meta name="if:music player" content="0">
- <meta name="if:music player autoplay" content="0">
- <meta name="if:infinite scroll" content="0">
- <meta name="if:track 1" content="1">
- <meta name="if:track 2" content="1">
- <meta name="if:track 3" content="0">
- <meta name="if:track 4" content="0">
- <meta name="text:sidebar position horizontal" content="100px">
- <meta name="text:sidebar position vertical" content="100px">
- <meta name="text:sidebar width" content="150px">
- <meta name="text:side img 1 margin horizontal" content="0px">
- <meta name="text:side img 1 margin vertical" content="0px">
- <meta name="text:side img 2 margin horizontal" content="0px">
- <meta name="text:side img 2 margin vertical" content="0px">
- <meta name="text:sidebar img hover" content="click for links">
- <meta name="text:link 1 url" content="/">
- <meta name="text:link 1 title" content="link 1">
- <meta name="text:link 2 url" content="/">
- <meta name="text:link 2 title" content="link 2">
- <meta name="text:link 3 url" content="/">
- <meta name="text:link 3 title" content="link 3">
- <meta name="text:link 4 url" content="/">
- <meta name="text:link 4 title" content="link 4">
- <meta name="text:track 1 url">
- <meta name="text:track 1 title" content="track 1">
- <meta name="text:track 2 url">
- <meta name="text:track 2 title" content="track 2">
- <meta name="text:track 3 url">
- <meta name="text:track 3 title" content="track 3">
- <meta name="text:track 4 url">
- <meta name="text:track 4 title" content="track 4">
- <style>
- body {
- font-family:{select:font};
- font-size:{select:font size};
- color:{color:text};
- letter-spacing:1px;
- word-wrap:break-word;
- line-height:1.4em;
- background: {color:background} url({image:background});
- -webkit-background-size:{select:background size};
- -moz-background-size:{select:background size};
- -o-background-size:{select:background size};
- background-size:{select:background size};
- background-attachment:fixed;
- }
- #s-m-t-tooltip {
- position:relative;
- padding:3px 2px 2px 3px;
- margin:15px;
- max-width:300px;
- border-top:1px solid {color:tooltip border 1};
- border-right:1px solid {color:tooltip border 2};
- border-bottom:1px solid {color:tooltip border 2};
- border-left:1px solid {color:tooltip border 1};
- background:{color:tooltip};
- color:{color:tooltip text};
- font-family:arial;
- font-size:9px;
- line-height:9px;
- letter-spacing:2px;
- z-index:999999999;
- }
- ol, ul {
- padding-left:20px;
- list-style-position:inside;
- }
- a {
- cursor:default;
- color:{color:links};
- text-decoration:none;
- -webkit-transition:all .2s;
- -moz-transition:all .2s;
- -o-transition:all .2s;
- transition:all .2s;
- }
- a:hover {
- color:{color:links hover};
- }
- p a, .question a {
- padding:0px 2px 0px 3px;
- margin:0 1px;
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- border:1px solid rgba({RGBcolor:links},.1);
- background:rgba({RGBcolor:links},.1);
- }
- p a:hover, .question a:hover {
- background:rgba({RGBcolor:links hover},.1);
- border:1px solid transparent;
- }
- blockquote {
- margin:10px 0 10px 20px;
- padding-left:10px;
- border-left:3px solid {color:blockquote};
- }
- p, br {
- margin:10px 0;
- }
- #desp { margin:0; }
- pre {
- font-family:consolas, monospace;
- font-size:12px;
- letter-spacing:0;
- background:rgba({RGBcolor:blockquote},.1);
- padding:7px;
- }
- big, small, h1, h2, h3, h4, h5, h6 { font-size:{select:font size}; }
- ::-moz-selection { color:{color:highlighted text}; }
- ::selection { color:{color:highlighted text}; }
- ::-webkit-scrollbar {
- width:1px;
- height:1px;
- }
- ::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- }
- body::-webkit-scrollbar {
- width:11px; height:11px;
- background:{color:scrollbar bg};
- }
- body::-webkit-scrollbar-track {
- border:5px solid {color:scrollbar bg};
- background:{color:scrollbar};
- }
- body::-webkit-scrollbar-thumb {
- background:{color:scrollbar};
- border:2px solid {color:scrollbar bg};
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
- body::-webkit-scrollbar-button {
- background:url(http://i.imgur.com/57yGzp2.png) center no-repeat;
- height:11px;
- width:11px;
- -webkit-border-radius:2px;
- -moz-border-radius:2px;
- border-radius:2px;
- }
- #wrap {
- margin:auto;
- width:700px;
- }
- .top_bar { margin:0px }
- a img { border:0; }
- #posts {
- {block:IndexPage}
- margin:60px 0;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin:30px 0;
- {/block:PermalinkPage}
- }
- #post_outer {
- padding:{select:post border width};
- background:-webkit-linear-gradient({color:post border 1},{color:post border 2});
- background:-moz-linear-gradient({color:post border 1},{color:post border 2});
- background:-o-linear-gradient({color:post border 1},{color:post border 2});
- background:linear-gradient({color:post border 1},{color:post border 2});
- {block:if500pxposts}
- width:520px;
- {/block:if500pxposts}
- {block:if400pxposts}
- width:420px;
- {/block:if400pxposts}
- {block:if300pxposts}
- width:320px;
- {/block:if300pxposts}
- {block:if250pxposts}
- width:270px;
- {/block:if250pxposts}
- margin:auto;
- }
- #post {
- padding:10px;
- background:{color:posts};
- }
- #notepost {
- max-height:300px;
- overflow-y:scroll;
- }
- #notepost ol {
- margin:0;
- padding:0;
- list-style:none;
- }
- #notepost li {
- margin:1px 0;
- line-height:22px;
- padding:10px;
- background:{color:posts};
- }
- #notepost li:first-child {
- margin-top:0;
- }
- #notepost li:last-child {
- margin-bottom:0;
- }
- #notepost img {
- float:left;
- height:20px;
- width:20px;
- margin-right:10px;
- position:relative;
- border:1px solid rgba({RGBcolor:links},.3);
- border-radius:2px
- }
- #caption {
- margin-top:15px;
- }
- #caption p:last-child, #caption blockquote:last-child, blockquote pre:last-child {
- margin-bottom:5px;
- }
- #p, .photoset, #ask_form { margin:auto; display:block; }
- img, .photoset { max-width:100% }
- #dollar {
- position:relative;
- border-top:1px solid {color:permalink border};
- background:{color:permalink};
- height:25px;
- overflow:hidden;
- }
- #sugar {
- color:{color:permalink links};
- line-height:25px;
- padding-right:7px;
- letter-spacing:2px;
- text-align:right;
- text-transform:uppercase;
- }
- #roundb {
- font-family:lucida console, sans-serif;
- }
- #sugar, #ass {
- font-family:arial;
- font-size:9px;
- }
- #lbutton, #rbutton {
- height:25px;
- width:20px;
- display:table;
- position:absolute;
- }
- #lbutton {
- margin-left:23px;
- }
- #rbutton {
- margin-right:20px;
- }
- #lb, #rb {
- display:table-cell;
- vertical-align:middle;
- }
- #lb {
- -webkit-transform:scale(0.6);
- -moz-transform:scale(0.6);
- -ms-transform:scale(0.6);
- -o-transform:scale(0.6);
- transform:scale(0.6);
- }
- .rb { margin:auto; display:block; pointer-events:none; }
- #rb a {
- border:0;
- cursor:crosshair;
- }
- #controls {
- float:left;
- line-height:0;
- height:25px;
- width:40px;
- margin:0 3px;
- }
- #ass {
- font-size:10px;
- font-style:italic;
- overflow:hidden;
- background:{color:permalink};
- text-align:center;
- {block:IndexPage}
- max-height:0px;
- {/block:IndexPage}
- }
- #ass, #nafs {
- -webkit-transition:all.4s linear;
- -moz-transition:all.4s linear;
- -o-transition:all.4s linear;
- transition:all.4s linear;
- }
- #hoverpost:hover #ass {
- {block:IndexPage}
- max-height:57px;
- {/block:IndexPage}
- overflow:hidden;
- }
- #hoverpost:hover #nafs {
- {block:IndexPage}
- opacity:1;
- {/block:IndexPage}
- }
- #nafs {
- {block:IndexPage}
- opacity:0;
- padding:4px;
- margin:0 5px 7px 5px;
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- border:1px solid {color:permalink border};
- max-height:40px;
- overflow-y:scroll;
- {/block:IndexPage}
- {block:PermalinkPage}
- margin:2px 0;
- padding-top:1px;
- border-top:1px dotted {color:permalink border};
- {/block:PermalinkPage}
- }
- #tags {
- {block:PermalinkPage}
- border-top:2px solid rgba({RGBcolor:permalink border},.7);
- padding:4px;
- {/block:PermalinkPage}
- }
- #tags a:hover {
- text-decoration:line-through;
- }
- /***********sidebar************/
- #sub {
- min-width:104px;
- width:{text:sidebar width};
- position:fixed;
- z-index:2;
- {select:sidebar align horizontal}:{text:sidebar position horizontal};
- {select:sidebar align vertical}:{text:sidebar position vertical};
- }
- #btitle {
- text-align:center;
- letter-spacing:.3ch;
- padding:5px;
- font-size:15px;
- font-family:consolas, monospace;
- font-weight:700;
- }
- #atitle {
- color:{color:title};
- text-shadow:1px 0 {color:title outline}, 0 1px {color:title outline}, -1px 0 {color:title outline}, 0 -1px {color:title outline};
- }
- #sidebar {
- padding:{select:sidebar border width};
- background:-webkit-linear-gradient({color:sidebar border 1},{color:sidebar border 2});
- background:-moz-linear-gradient({color:sidebar border 1},{color:sidebar border 2});
- background:-o-linear-gradient({color:sidebar border 1},{color:sidebar border 2});
- background:linear-gradient({color:sidebar border 1},{color:sidebar border 2});
- position:relative;
- z-index:3;
- }
- #sb {
- background:{color:sidebar};
- color:{color:sidebar text};
- }
- #koro {
- padding:10px 10px 0 10px;
- margin-bottom:10px;
- line-height:0px;
- text-align:center;
- }
- #gon {
- {block:ifnotsidebarimgbutton}
- padding:4px;
- {/block:ifnotsidebarimgbutton}
- cursor:crosshair;
- overflow:hidden;
- position:relative;
- display:inline-block;
- background:{color:sidebar img bg};
- {block:ifnotsidebarimgbutton}
- border:1px solid {color:sidebar image border 1};
- -webkit-transition:all .1s;
- -moz-transition:all .1s;
- -o-transition:all .1s;
- transition:all .1s;
- {/block:ifnotsidebarimgbutton}
- {block:ifsidebarimgbutton}
- -webkit-border-radius:3px;
- -moz-border-radius:3px;
- border-radius:3px;
- border-top:2px solid {color:sidebar image border 1};
- border-left:2px solid {color:sidebar image border 1};
- border-bottom:3px solid {color:sidebar image border 2};
- border-right:3px solid {color:sidebar image border 2};
- {/block:ifsidebarimgbutton}
- -webkit-transition-delay:.1s;
- -moz-transition-delay:.1s;
- -o-transition-delay:.1s;
- transition-delay:.1s;
- }
- #nog {
- position:absolute;
- {block:ifnotsidebarimgbutton}
- margin:-4px;
- {/block:ifnotsidebarimgbutton}
- width:100%;
- height:100%;
- background:rgba({RGBcolor:sidebar img hover},.8);
- opacity:0;
- -webkit-transition:all .3s;
- -moz-transition:all .3s;
- -o-transition:all .3s;
- transition:all .3s;
- }
- #nogt {
- display:table;
- height:100%;
- width:100%;
- font-style:italic;
- font-family:trebuchet ms;
- font-size:9px;
- letter-spacing:2px;
- color:{color:sidebar img text};
- }
- #nogtxt {
- padding:5px;
- line-height:1.6em;
- display:table-cell;
- vertical-align:middle;
- }
- #gon:hover #nog {
- opacity:1;
- }
- #asdf {
- display:block;
- pointer-events:none;
- }
- #gon:hover {
- {block:ifsidebarimgbutton}
- border-top:3px solid {color:sidebar image border 2};
- border-left:3px solid {color:sidebar image border 2};
- border-bottom:2px solid {color:sidebar image border 1};
- border-right:2px solid {color:sidebar image border 1};
- {/block:ifsidebarimgbutton}
- {block:ifnotsidebarimgbutton}
- border:1px solid {color:sidebar image border 2};
- {/block:ifnotsidebarimgbutton}
- }
- /********sidebar links*******/
- #line {
- height:17px;
- width:100%;
- margin:4px 0;
- }
- #line a {
- display:block;
- border:1px solid {color:sidebar links};
- background:{color:sidebar link bg};
- color:{color:sidebar links};
- border-radius:4px;
- padding:2px;
- margin:0 2px;
- height:10px;
- line-height:10px;
- white-space:nowrap;
- overflow:hidden;
- }
- #line a:hover {
- background:{color:sidebar links};
- border:1px solid transparent;
- color:{color:sidebar link bg};
- }
- #block {
- display:block;
- }
- #saisho_wa_guu_janken_guuuu, #saisho_wa_guu_janken_paaaa {
- width:50%;
- }
- #saisho_wa_guu_janken_guuuu {
- float:left;
- }
- #saisho_wa_guu_janken_paaaa {
- float:right;
- }
- #freecs {
- display:none;
- text-align:center;
- font-family:consolas, monospace;
- font-size:10px;
- text-transform:uppercase;
- margin:10px 7px;
- }
- /*******description and music player*******/
- #sensei {
- text-align:center;
- padding:0 10px 10px 10px;
- margin-top:10px;
- }
- #fmusic {
- margin:0px auto -20px auto;
- width:100px;
- height:37px;
- border:2px solid {color:music player border};
- border-bottom:0;
- background:#fff;
- overflow:hidden;
- -webkit-transition:all.3s;
- -moz-transition:all.3s;
- -o-transition:all.3s;
- transition:all.3s;
- -webkit-transition-delay:.1s;
- -moz-transition-delay:.1s;
- -o-transition-delay:.1s;
- transition-delay:.1s;
- }
- #fmusic:hover { margin-bottom:0px; }
- #fplayer {
- border-bottom:1px solid #0cf;
- margin:auto;
- width:100px;
- height:16px;
- background:#fff;
- overflow:hidden;
- }
- #player {
- margin:-2px;
- }
- /********track scroll text********/
- #finfo {
- background:#000;
- color:#ddd;
- line-height:11px;
- padding:5px 0;
- font-family:ms gothic;
- font-size:11px;
- }
- /***********permalink pagination***********/
- #alluka {
- {block:if500pxposts}
- width:590px;
- {/block:if500pxposts}
- {block:if400pxposts}
- width:490px;
- {/block:if400pxposts}
- {block:if300pxposts}
- width:390px;
- {/block:if300pxposts}
- {block:if250pxposts}
- width:340px;
- {/block:if250pxposts}
- height:30px;
- margin:auto;
- font-size:30px;
- line-height:30px;
- font-family: consolas, monospace;
- }
- #pprv {
- float:left;
- }
- #pnxt {
- float:right;
- }
- /***********sidebar pagination***********/
- #nanika {
- text-align:center;
- text-transform:uppercase;
- font-family:ms gothic;
- font-size:11px;
- font-weight:bold;
- letter-spacing:1px;
- margin-top:5px;
- }
- #nanika a, #cpage {
- color:{color:pagination};
- }
- #prv, #nxt, #pages, #cpage {
- display:inline-block;
- padding:2px 3px 0px 4px;
- margin:1px 0;
- background:{color:pagination bg};
- }
- #prv, #nxt, #pages {
- border:2px solid {color:pagination};
- }
- #cpage, #prv:hover, #nxt:hover, #pages:hover {
- border:2px solid {color:pagination};
- background:{color:pagination};
- color:{color:pagination bg};
- }
- /**************Audio**************/
- #audio_post, #atable, #acover {
- {block:ifnot250pxposts}
- height:100px;
- {/block:ifnot250pxposts}
- {block:if250pxposts}
- height:70px;
- {/block:if250pxposts}
- }
- #audio_post {
- border:3px solid {color:audio border};
- color:{color:audio text};
- {block:ifdarkaudiopost}
- background:#000;
- {/block:ifdarkaudiopost}
- {block:ifnotdarkaudiopost}
- background:#fff;
- {/block:ifnotdarkaudiopost}
- overflow:hidden;
- }
- #audio_post p {
- margin:5px;
- height:1.2em;
- {block:if500pxposts}
- width:350px;
- {/block:if500pxposts}
- {block:if400pxposts}
- width:250px;
- {/block:if400pxposts}
- {block:if300pxposts}
- width:150px;
- {/block:if300pxposts}
- {block:if250pxposts}
- width:130px;
- {/block:if250pxposts}
- overflow:hidden;
- line-height:1.2em;
- text-overflow:ellipsis;
- white-space:nowrap;
- }
- #track {
- font-weight:700;
- }
- #al {
- font-style:italic;
- }
- #atable {
- {block:if500pxposts}
- width:391px;
- {/block:if500pxposts}
- {block:if400pxposts}
- width:291px;
- {/block:if400pxposts}
- {block:if300pxposts}
- width:191px;
- {/block:if300pxposts}
- {block:if250pxposts}
- width:171px;
- {/block:if250pxposts}
- float:left;
- display:table;
- }
- #acover {
- {block:ifnot250pxposts}
- width:100px;
- {/block:ifnot250pxposts}
- {block:if250pxposts}
- width:70px;
- {/block:if250pxposts}
- border-left:3px dotted {color:audio border};
- background:url(http://i.imgur.com/7AoHoRX.gif);
- background-repeat:no-repeat;
- background-position:center;
- float:right;
- }
- #album {
- display:block;
- width:100%;
- height:100%;
- }
- #aplayer {
- display:table-cell;
- width:27px;
- overflow:hidden;
- padding:2px;
- }
- .tumblr_audio_player {
- display:block;
- width:27px;
- }
- #ainfo {
- display:table-cell;
- }
- #aplayer , #ainfo {
- vertical-align:middle;
- }
- /*******ask posts******/
- #ask_post { color:{color:ask text}; }
- .trl {
- width:0;
- height:0;
- border-top:8px solid transparent;
- border-right:9px solid {color:question};
- border-bottom:8px solid transparent;
- margin-left:9px;
- }
- .trr {
- width:0;
- height:0;
- border-top:8px solid transparent;
- border-left:9px solid {color:answer};
- border-bottom:8px solid transparent;
- margin-right:9px;
- }
- #aline1, #aline2 {
- display:table;
- }
- #aline2 {
- margin-top:10px;
- }
- .qimg , .aimg {
- -webkit-border-radius:100%;
- -moz-border-radius:100%;
- border-radius:100%;
- background:#fff;
- padding:5px;
- width:50px;
- }
- .qimg { border:1px solid {color:question}; }
- .aimg { border:1px solid {color:answer}; }
- .question, .qimg, .answer, .aimg, .trl, .trr {
- display:block;
- }
- #question, #qimg, #answer, #aimg, #trl, #trr {
- display:table-cell;
- vertical-align:middle;
- }
- .question {
- background:{color:question};
- padding:10px;
- }
- .question, .answer {
- {block:if500pxposts}
- width:400px;
- {/block:if500pxposts}
- {block:if400pxposts}
- width:300px;
- {/block:if400pxposts}
- {block:if300pxposts}
- width:200px;
- {/block:if300pxposts}
- {block:if250pxposts}
- width:150px;
- {/block:if250pxposts}
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- }
- .answer {
- background:{color:answer};
- padding:5px 10px;
- }
- /******link posts and titles*****/
- #titles {
- padding:9px;
- text-align:center;
- background:{color:posts};
- margin-bottom:1px;
- font-family:arial;
- font-size:10px;
- letter-spacing:2px;
- text-transform:uppercase;
- }
- /*******Quote posts*******/
- #quoteshort, #quotemedium, #quotelong {
- text-align:center;
- font-family:arial;
- letter-spacing:2px;
- }
- #quoteshort { font-size:13px; }
- #quotemedium { font-size:12px; }
- #quotelong { font-size:10px; }
- #quota {
- font-family:consolas, monospace;
- font-size:15px;
- }
- #src {
- text-align:right;
- font-style:italic;
- margin:0px 5px;
- }
- /*****chat posts*****/
- #chatline_even,#chatline_odd {
- width:85%;
- margin-bottom:5px;
- position:relative;
- overflow:hidden;
- }
- #chatline_even:last-child, #chatline_odd:last-child {
- margin-bottom:0;
- }
- #chatchat_odd, #chatchat_even {
- padding:3px 6px;
- }
- #chatlabel_odd,#chatlabel_even {
- line-height:15px;
- height:17px;
- white-space:nowrap;
- text-overflow:ellipsis;
- }
- #chatlabel_odd {
- float:left;
- margin-left:10px;
- }
- #chatlabel_even {
- float:right;
- margin-right:23px;
- }
- #chatline_odd { margin-right:15%; }
- #chatline_even { margin-left:15%; }
- #chatchat_odd, #chatchat_even {
- -webkit-border-radius:4px;
- -moz-border-radius:4px;
- border-radius:4px;
- }
- #chatchat_odd {
- background:rgba({RGBcolor:chat 1},.5);
- border:1px solid rgba({RGBcolor:chat 1},.9);
- color:{color:chat 1 text};
- }
- #chatchat_even {
- background:rgba({RGBcolor:chat 2},.5);
- border:1px solid rgba({RGBcolor:chat 2},.9);
- color:{color:chat 2 text};
- }
- #t_inl_odd, #t_inl_even, #l_inl_odd, #l_inl_even {
- display:inline-block;
- }
- #l_inl_odd, #l_inl_even {
- padding-left:3px;
- font-style:italic;
- }
- #l_inl_odd, #t_inl_odd { border-top:2px solid {color:chat 1 arrow}; }
- #l_inl_even, #t_inl_even { border-top:2px solid {color:chat 2 arrow}; }
- #t_inl_odd, #t_inl_even {
- position:absolute;
- padding-right:3px;
- }
- #t_r_odd, #t_r_even {
- width:0; height:0;
- border-left:5px solid transparent;
- border-right:5px solid transparent;
- display:block;
- }
- #t_r_odd { border-top:6px solid {color:chat 1 arrow}; }
- #t_r_even { border-top:6px solid {color:chat 2 arrow}; }
- /***misc formats***/
- #ar { font-family:ms gothic; }
- #tumblr_controls {
- opacity:.7;
- border:2px solid transparent;
- -webkit-transition:all.3s;
- -moz-transition:all.3s;
- -o-transition:all.3s;
- transition:all.3s;
- }
- #tumblr_controls:hover {
- opacity:1
- }
- .tumblr_video_container, #post iframe, #post embed, #post object {
- max-width:100%;
- }
- #youtube_iframe { display:block; }
- @-moz-document url-prefix() {
- #nafs {
- overflow:hidden;
- text-overflow:ellipsis
- }
- }
- #nafs { -ms-overflow-style:none; }
- #ass a, #dollar a {
- color:{color:permalink links};
- }
- #ass a:hover, #dollar a:hover {
- color:{color:links hover};
- }
- #co {
- position:fixed;
- z-index:999;
- bottom:10px;
- right:10px;
- background:-webkit-linear-gradient({color:post border 1},{color:post border 2});
- background:-moz-linear-gradient({color:post border 1},{color:post border 2});
- background:-o-linear-gradient({color:post border 1},{color:post border 2});
- background:linear-gradient({color:post border 1},{color:post border 2});
- overflow:hidden;
- }
- #c {
- padding:2px;
- margin:1px;
- background:{color:posts};
- width:10px;
- height:10px;
- -webkit-transition:all.3s;
- -moz-transition:all.3s;
- -o-transition:all.3s;
- transition:all.3s;
- white-space:nowrap;
- }
- #c:hover {
- width:50px;
- }
- #c img {
- display:block;
- float:left;
- margin-right:5px;
- }
- #ct {
- line-height:10px;
- font-size:10px;
- text-transform:uppercase;
- font-family:consolas, sans-serif;
- }
- /****side images + banner****/
- #b {
- position:fixed;
- display:block;
- z-index:5;
- top:0px;
- left:0px;
- background-repeat:repeat-x;
- background-image:url({image:banner});
- height:50px; /**change this if your banner is cut off**/
- width:100%;
- }
- #s1, #s2 {
- display:block;
- position:fixed;
- pointer-events:none;
- z-index:-2;
- }
- #s1 {
- {select:side img 1 align horizontal}:{text:side img 1 margin horizontal};
- {select:side img 1 align vertical}:{text:side img 1 margin vertical};
- }
- #s2 {
- {select:side img 2 align horizontal}:{text:side img 2 margin horizontal};
- {select:side img 2 align vertical}:{text:side img 2 margin vertical};
- }
- </style>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic,700italic&subset=latin,cyrillic-ext,cyrillic,greek-ext,greek,latin-ext' rel='stylesheet' type='text/css'>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/06h530u/wN2nev783/jquery.style-my-tooltips.js"></script><script>(function(a){a(document).ready(function(){a("[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:9,tip_fade_speed:99,attribute:"title"})})})(jQuery);</script>
- {block:ifinfinitescroll}<script src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:ifinfinitescroll}
- <script>$(document).ready(function(){ $("#gon").click(function(){ $("#freecs").slideToggle("fast", "linear");});});</script>
- </head>
- <body>
- <a id="co" href="http://hayasaka.tumblr.com">
- <div id="c">
- <img src="http://i.imgur.com/8h0nbvk.gif">
- <div id="ct">theme</div>
- </div>
- </a>
- {block:ifshowbanner}
- <div id="b"> </div>
- {/block:ifshowbanner}
- <img id="s1" src="{image:side img 1}">
- <img id="s2" src="{image:side img 2}">
- <div id="sub">
- {block:ifshowtitle}
- <div id="btitle">
- <a id="atitle" href="/">{Title}</a>
- </div>
- {/block:ifshowtitle}
- {block:ifmusicplayer}
- <div id="fmusic">
- <div id="fplayer">
- <object id="player" type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_multi.swf" width="120" height="20">
- <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_multi.swf" />
- <param name="bgcolor" value="#ffffff" />
- <param name="FlashVars" value="mp3=
- {block:iftrack1}{text:track 1 url}{/block:iftrack1}
- {block:iftrack2}|{text:track 2 url}{/block:iftrack2}
- {block:iftrack3}|{text:track 3 url}{/block:iftrack3}
- {block:iftrack4}|{text:track 4 url}{/block:iftrack4}
- &width=120&height=20&loop=1&bgcolor1=ffffff&bgcolor2=ffffff&buttoncolor=000000&buttonovercolor=00ccff&showlist=0&showslider=0&{block:ifmusicplayerautoplay}autoplay=1&{/block:ifmusicplayerautoplay}" />
- </object>
- </div>
- <div id="finfo">
- <marquee behaviour="scroll">
- {block:iftrack1}1. {text:track 1 title}{/block:iftrack1}{block:iftrack2} > 2. {text:track 2 title}{/block:iftrack2}{block:iftrack3} > 3. {text:track 3 title}{/block:iftrack3}{block:iftrack4} > 4. {text:track 4 title}{/block:iftrack4}
- </marquee>
- </div>
- </div>
- {/block:ifmusicplayer}
- <div id="sidebar">
- <div id="sb">
- <div id="koro">
- <div id="gon"{block:ifnotshowsidebarimgtext} title="{text:sidebar img hover}"{/block:ifnotshowsidebarimgtext}>
- {block:ifshowsidebarimgtext}
- <div id="nog">
- <div id="nogt">
- <span id="nogtxt">{text:sidebar img hover}</span>
- </div>
- </div>
- {/block:ifshowsidebarimgtext}
- <img id="asdf" src="{image:sidebar img}">
- </div>
- </div>
- <div id="freecs">
- <div id="line">
- <div id="saisho_wa_guu_janken_guuuu">
- <a href="/">
- <div id="block">home</div>
- </a>
- </div>
- <div id="saisho_wa_guu_janken_paaaa">
- <a href="/ask">
- <div id="block">mail</div>
- </a>
- </div>
- </div>
- <div id="line">
- <div id="saisho_wa_guu_janken_guuuu">
- <a href="{text:link 1 url}">
- <div id="block">{text:link 1 title}</div>
- </a>
- </div>
- <div id="saisho_wa_guu_janken_paaaa">
- <a href="{text:link 2 url}">
- <div id="block">{text:link 2 title}</div>
- </a>
- </div>
- </div>
- <div id="line">
- <div id="saisho_wa_guu_janken_guuuu">
- <a href="{text:link 3 url}">
- <div id="block">{text:link 3 title}</div>
- </a>
- </div>
- <div id="saisho_wa_guu_janken_paaaa">
- <a href="{text:link 4 url}">
- <div id="block">{text:link 4 title}</div>
- </a>
- </div>
- </div>
- </div><!--freecs-->
- {block:Description}
- <div id="sensei">
- <p id="desp">{Description}</p>
- </div>
- {block:Description}
- </div><!--sb-->
- </div><!--sidebar-->
- {block:ifnotinfinitescroll}
- {block:Pagination}
- <div id="nanika">
- {block:PreviousPage}
- <a id="prv" href ="{previouspage}">
- {lang:Prev}
- </a>
- {/block:PreviousPage}
- {block:JumpPagination length="3"}
- {block:CurrentPage}
- <span id="cpage">{CurrentPage}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a id="pages" href="{URL}">
- {PageNumber}
- </a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a id="nxt" href ="{nextpage}">
- {lang:Next}
- </a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- {/block:ifnotinfinitescroll}
- </div><!--sub-->
- <div id="wrap">
- <div class="autopagerize_page_element">
- {block:Posts}
- {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
- <div id="posts">
- <div id="post_outer">
- <div id="hoverpost">
- {block:Title}
- <div id="titles">
- {Title}
- </div>
- {/block:Title}
- {block:Chat}
- <div id="post">
- {block:Lines}
- <div id="chatline_{Alt}">
- <div id="chatchat_{Alt}">{Line}</div>
- {block:Label}
- <div id="chatlabel_{Alt}">
- <div id="l_inl_{Alt}">
- <span id="l_b_{Alt}">{Label}</span>
- </div>
- <div id="t_inl_{Alt}">
- <div id="t_r_{Alt}"></div>
- </div>
- </div>
- {/block:Label}
- </div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Video}
- <div id="post">
- {block:if500pxposts}
- {Video-500}
- {/block:if500pxposts}
- {block:if400pxposts}
- {Video-400}
- {/block:if400pxposts}
- {block:if300pxposts}
- {Video-400}
- {/block:if300pxposts}
- {block:if250pxposts}
- {Video-250}
- {/block:if250pxposts}
- {block:Caption}
- <div id="caption">
- {Caption}
- </div>
- {/block:Caption}
- </div>
- {/block:Video}
- {block:Link}
- <div id="titles">
- <a href="{URL}" target="_blank">
- {Name}<span id="ar"> »</span>
- </a>
- </div>
- {block:Description}
- <div id="post">
- {Description}
- </div>
- {/block:Description}
- {/block:Link}
- {block:Quote}
- <div id="titles">
- <p id="quote{Length}">
- <span id="quota">❝ </span>{Quote}<span id="quota"> ❞</span>
- </p>
- </div>
- {block:Source}
- <div id="post">
- <p id="src">
- ┉ {Source}
- </p>
- </div>
- {/block:Source}
- {/block:Quote}
- {block:Submission}
- <div id="titles">
- {Submitter}<span id="ar"> > </span>{Name}
- </div>
- {/block:Submission}
- {block:Answer}
- <div id="post">
- <div id="ask_post">
- <div id="aline1">
- <div id="qimg">
- <img class="qimg" src="{AskerPortraitURL-64}" title="{AskerName}">
- </div>
- <div id="trl">
- <div class="trl"></div>
- </div>
- <div id="question">
- <div class="question">
- <span id="ar">></span>{Asker} {Question}
- </div>
- </div>
- </div>
- <div id="aline2">
- <div id="answer">
- <div class="answer">
- {Answer}
- </div>
- </div>
- <div id="trr">
- <div class="trr"></div>
- </div>
- <div id="aimg">
- {block:RebloggedFrom}
- <img class="aimg" src="{AnswererPortraitURL-64}" title="{AnswererName}">
- {/block:RebloggedFrom}
- {block:NotReblog}
- <img class="aimg" src="{PortraitURL-64}" title="{Name}">
- {/block:NotReblog}
- </div>
- </div>
- </div>
- </div>
- {/block:Answer}
- {block:Audio}
- <div id="post">
- <div id="audio_post">
- <div id="atable">
- <div id="aplayer">
- {block:ifdarkaudiopost}
- {AudioPlayerBlack}
- {/block:ifdarkaudiopost}
- {block:ifnotdarkaudiopost}
- {AudioPlayerWhite}
- {/block:ifnotdarkaudiopost}
- </div>
- <div id="ainfo">
- {block:TrackName}
- <p id="track">{TrackName}</p>
- {/block:TrackName}
- {block:Artist}
- <p>{Artist}</p>
- {/block:Artist}
- {block:ifnot250pxposts}
- {block:Album}
- <p id="al">{Album}</p>
- {/block:Album}
- {block:PlayCount}
- <p>{PlayCountWithLabel}</p>
- {/block:PlayCount}
- {/block:ifnot250pxposts}
- </div>
- </div>
- <div id="acover">
- {block:AlbumArt}
- <img id="apic" src="{AlbumArtURL}">
- {/block:AlbumArt}
- </div>
- </div>
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- </div><!--post-->
- {/block:Audio}
- {block:Text}
- <div id="post">
- {Body}
- </div>
- {/block:text}
- {block:Photo}
- <div id="post">
- {block:IndexPage}
- <img id="p" src="{PhotoURL-500}">
- {/block:IndexPage}
- {block:PermalinkPage}
- <img id="p" src="{PhotoURL-HighRes}">
- {/block:PermalinkPage}
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photo}
- {block:Photoset}
- <div id="post">
- {block:if500pxposts}
- {Photoset-500}
- {/block:if500pxposts}
- {block:if400pxposts}
- {Photoset-400}
- {/block:if400pxposts}
- {block:if300pxposts}
- {Photoset}
- {/block:if300pxposts}
- {block:if250pxposts}
- {Photoset-250}
- {/block:if250pxposts}
- {block:Caption}
- <div id="caption">{Caption}</div>
- {/block:Caption}
- </div>
- {/block:Photoset}
- {block:Date}
- <div id="dollar">
- {block:IndexPage}
- <div id="controls">
- <div id="lbutton" >
- <div id="lb" title="Like">
- {LikeButton color="black" size="20"}
- </div>
- </div>
- <div id="rbutton">
- <div id="rb">
- <a href="{ReblogURL}" target="_blank" title="Reblog?">
- <img class="rb" src="http://i.imgur.com/RyBC7P7.png">
- </a>
- </div>
- </div>
- </div>
- {/block:IndexPage}
- <div id="sugar">
- <a href="{Permalink}" {block:NoteCount}title="+{NoteCountWithLabel}"{/block:NoteCount}>
- {block:ifnot250pxposts}
- {block:NotReblog}
- <span id="ar">> </span>{lang:Posted TimeAgo}
- {/block:NotReblog}
- {block:RebloggedFrom}
- <span id="ar">> </span>{lang:Reblogged} {TimeAgo}
- {/block:RebloggedFrom}
- {/block:ifnot250pxposts}
- {block:if250pxposts}
- <span id="ar">> </span>{TimeAgo}
- {/block:if250pxposts}
- </a>
- {block:RebloggedFrom}
- <span id="roundb">(</span><a href="{ReblogParentURL}" title="{lang:Reblogged from ReblogParentName}">Via</a>{block:ContentSource}/<a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">{block:ifnot250pxposts}Source{/block:ifnot250pxposts}{block:if250pxposts}Src{/block:if250pxposts}</a>{/block:ContentSource}<span id="roundb">)</span>
- {/block:RebloggedFrom}
- </div><!--sugar-->
- </div><!--dollar-->
- {/block:Date}
- {block:HasTags}
- <div id="ass">
- <div id="nafs">
- <div id="tags">
- {block:Tags}
- <a href="{TagURL}">#{Tag}</a>
- {/block:Tags}
- </div>
- </div>
- </div>
- {/block:HasTags}
- </div><!--hoverpost-->
- </div><!--post_outer-->
- </div><!--posts-->
- {/block:Posts}
- </div><!--scroll-->
- {block:PermalinkPagination}
- <div id="alluka">
- {block:PreviousPost}
- <a id="pprv" href="{PreviousPost}" title="{lang:Previous post}">
- <
- </a>
- {/block:PreviousPost}
- {block:NextPost}
- <a id ="pnxt" href="{NextPost}" title="{lang:Next post}">
- >
- </a>
- {/block:NextPost}
- </div>
- {/block:PermalinkPagination}
- {block:PostNotes}
- <div id="posts">
- <div id="post_outer">
- <div id="notepost">
- {PostNotes}
- </div>
- </div>
- </div>
- {/block:PostNotes}
- </div><!--wrap-->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement