Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!-----------------------------------------------------------------------
- Theme 05 Rhapsody
- by yukoki/s-ekki
- 1. Light/Heavy CSS editting is allowed.
- 2. Do not use as base code.
- 3. Do not remove credit.
- 4. Do not claim theme as your own.
- 5. Do not redistribute.
- ++ [YUKOKI 2012 THEMES' REVAMPS] ++
- This theme is unlikely to be further edited or updated, & its preview will also be moved to a static page. It's similar to being labeled as an 'old theme'. This theme's first title was 'Umi'.
- --------------------------------------------------- UPDATE VER 160515 -->
- <meta name="color:scrollbar" content="#F59871">
- <meta name="color:scrollbar bg" content="#dddddd">
- <meta name="color:text highlight" content="#f59871">
- <meta name="color:background" content="#ffffff">
- <meta name="color:custom link 1" content="#D4CB85">
- <meta name="color:custom link 2" content="#D9C481">
- <meta name="color:custom link 3" content="#DEBD7D">
- <meta name="color:custom link 4" content="#E3B679">
- <meta name="color:custom link 5" content="#E8AE76">
- <meta name="color:custom link 6" content="#EDA772">
- <meta name="color:custom link 7" content="#F2A06E">
- <meta name="color:custom link 8" content="#F7996A">
- <meta name="color:custom links text" content="#ffffff">
- <meta name="color:custom links hover background" content="#cccccc">
- <meta name="color:custom links hover text" content="#ffffff">
- <meta name="color:nav bubble border" content="#cccccc">
- <meta name="color:nav bubble text" content="#555555">
- <meta name="color:nav bubble background" content="#ffffff">
- <meta name="color:nav reset background" content="#818D9C">
- <meta name="color:nav ask background" content="#A8918E">
- <meta name="color:nav archive background" content="#CE947F">
- <meta name="color:nav theme background" content="#F59871">
- <meta name="color:nav hover background" content="#dddddd">
- <meta name="color:blog title text" content="#555555">
- <meta name="color:blog title border" content="#aaaaaa">
- <meta name="color:blog title background" content="#ffffff">
- <meta name="color:desc text" content="#555555">
- <meta name="color:desc border" content="#aaaaaa">
- <meta name="color:desc background" content="#ffffff">
- <meta name="color:desc bold" content="#f0763e">
- <meta name="color:desc italic" content="#e89262">
- <meta name="color:desc links" content="#f0c073">
- <meta name="color:desc links hover" content="#c9c9c9">
- <meta name="color:post background" content="#ffffff">
- <meta name="color:post bottom border" content="#cfc77a">
- <meta name="color:body text" content="#aaaaaa">
- <meta name="color:body bold" content="#f0bf71">
- <meta name="color:body italic" content="#c7c17f">
- <meta name="color:body links" content="#f5a37f">
- <meta name="color:body links hover" content="#cfcfcf">
- <meta name="color:post title text" content="#aaaaaa">
- <meta name="color:post title underline" content="#e8e8e8">
- <meta name="color:link post text" content="#aaaaaa">
- <meta name="color:link post underline" content="#f2be6f">
- <meta name="color:link post hover underline" content="#dbdbdb">
- <meta name="color:quote post" content="#898989">
- <meta name="color:quote post quotation marks" content="#e8d29e">
- <meta name="color:quote post source" content="#dcdcdc">
- <meta name="color:chat even name" content="#df8063">
- <meta name="color:chat even text" content="#b8b8b8">
- <meta name="color:chat odd name" content="#c2bb97">
- <meta name="color:chat odd text" content="#919191">
- <meta name="color:chat dividers" content="#e7e7e7">
- <meta name="color:audio info background" content="#fff7d9">
- <meta name="color:audio info text" content="#929292">
- <meta name="color:audio info list headings" content="#ecb45b">
- <meta name="color:no album art" content="#888888">
- <meta name="color:ask background" content="#f6f6f6">
- <meta name="color:ask text" content="#9b9b9b">
- <meta name="color:asker text" content="#747474">
- <meta name="color:asker link" content="#d9876b">
- <meta name="color:permalink background" content="#ffffff">
- <meta name="color:permalink text" content="#bbbbbb">
- <meta name="color:permalink hover background" content="#cfc77a">
- <meta name="color:permalink hover text" content="#ffffff">
- <meta name="color:tags background" content="#d9c88d">
- <meta name="color:tags colour" content="#ffffff">
- <meta name="color:tags hover background" content="#ffffff">
- <meta name="color:tags hover colour" content="#cccccc">
- <meta name="color:pagination links" content="#ffffff">
- <meta name="color:pagination text" content="#777777">
- <meta name="color:pagination bg" content="#cfc77a">
- <meta name="color:pagination bg hover" content="#ffffff">
- <meta name="color:pagination links hover" content="#aaaaaa">
- <meta name="image:background" content="">
- <meta name="image:sidebar" content="">
- <meta name="text:billy music player code" content="">
- <meta name="text:link 1" content="">
- <meta name="text:link 1 URL" content="">
- <meta name="text:link 2" content="">
- <meta name="text:link 2 URL" content="">
- <meta name="text:link 3" content="">
- <meta name="text:link 3 URL" content="">
- <meta name="text:link 4" content="">
- <meta name="text:link 4 URL" content="">
- <meta name="text:link 5" content="">
- <meta name="text:link 5 URL" content="">
- <meta name="text:link 6" content="">
- <meta name="text:link 6 URL" content="">
- <meta name="text:link 7" content="">
- <meta name="text:link 7 URL" content="">
- <meta name="text:link 8" content="">
- <meta name="text:link 8 URL" content="">
- <meta name="if:post type 1" content="1">
- <meta name="if:post type 2" content="0">
- <meta name="if:post type 3" content="0">
- <meta name="if:show captions" content="1">
- <meta name="if:infinite scroll" content="0">
- <meta name="if:monochrome posts" content="0">
- <meta name="if:photo fading" content="1">
- <meta name="if:music player" content="0">
- <meta name="if:rounded sidebar" content="1">
- <link href='http://fonts.googleapis.com/css?family=Lekton' rel='stylesheet' type='text/css'>
- <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <style type="text/css">
- iframe#tumblr_controls {
- z-index: 100000; right:3px !important; position:fixed !important; opacity: 0.2;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- iframe#tumblr_controls:hover {
- opacity: 1;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- ::-webkit-scrollbar { width: 5px; }
- ::-webkit-scrollbar-track-piece {background-color:{color:scrollbar bg};}
- ::-webkit-scrollbar-thumb:vertical {
- width: 10px;
- border-radius: 100px;
- -moz-border-radius: 100px;
- -webkit-border-radius: 100px;
- -o-border-radius: 100px;
- background-color: {color:scrollbar};
- }
- ::selection {
- background: transparent;
- color: {color:text highlight};
- }
- ::-moz-selection {
- background: transparent;
- color: {color:text highlight};
- }
- body {
- background-color: {color:background};
- background-image: url({image:background});
- background-attachment: fixed;
- margin: 0;
- word-wrap: break-word;
- }
- a { text-decoration:none; }
- #sidebar {
- position: fixed;
- background-image: url({image:background});
- top: 100px;
- left: 170px;
- z-index: 1000;
- width: 220px;
- padding: 5px;
- background-color: {color:background};
- {block:ifroundedsidebar}
- border-radius: 100px 0 0 0;
- -moz-border-radius: 100px 0 0 0;
- -webkit-border-radius: 100px 0 0 0;
- {/block:ifroundedsidebar}
- }
- .sbpic {
- width: 220px;
- display: block;
- {block:ifroundedsidebar}
- border-radius: 100px 0 0 0;
- -moz-border-radius: 100px 0 0 0;
- -webkit-border-radius: 100px 0 0 0;
- {/block:ifroundedsidebar}
- }
- #links {
- position: fixed;
- z-index: 999;
- top: 150px;
- left: 40px;/**40**/
- }
- .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8 {
- width: 360px;
- height: 15px;
- line-height: 15px;
- padding: 0 10px;
- margin-bottom: 5px;
- font-family: consolas;
- font-size: 8px;
- letter-spacing: 1px;
- color: {color:custom links text};
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- }
- .c1 {background-color:{color:custom link 1};margin-left:-10px;width: 365px;}
- .c2 {background-color:{color:custom link 2};margin-left:40px;width: 315px;}
- .c3 {background-color:{color:custom link 3};margin-left:20px;width: 335px;}
- .c4 {background-color:{color:custom link 4};margin-left:30px;width: 325px;}
- .c5 {background-color:{color:custom link 5};margin-left:10px;width: 345px;}
- .c6 {background-color:{color:custom link 6};margin-left:50px;width: 305px;}
- .c7 {background-color:{color:custom link 7};margin-left:00px;width: 355px;}
- .c8 {background-color:{color:custom link 8};margin-left:20px;width: 335px;}
- .c1:hover, .c2:hover, .c3:hover, .c4:hover, .c5:hover, .c6:hover, .c7:hover, .c8:hover { background-color: {color:custom links hover background}; color: {color:custom links hover text}; }
- .nav {
- opacity: 0;
- font-family: pixelfont;
- font-size: 8px;
- text-transform: uppercase;
- border: 1px solid {color:nav bubble border};
- border-radius: 5px;
- color: {color:nav bubble text};
- background-color: {color:nav bubble background};
- width: auto;
- margin-top:10px;
- padding:5px 5px 3px 5px;
- text-align: center;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- }
- .n2:hover .nav { margin-top: 20px; opacity: 1; }
- .n3:hover .nav { margin-top: 20px; opacity: 1; }
- .n4:hover .nav { margin-top: 20px; opacity: 1; }
- .n5:hover .nav { margin-top: 20px; opacity: 1; }
- .navt {
- position: absolute;
- z-index: 1;
- color: {color:nav bubble background};
- font-size: 12px;
- text-shadow: 0 -2px 0 {color:nav bubble border};
- margin-top: -12px;
- margin-left: 18px;
- }
- .navigate { width: 300px;margin: 5px 0 0 0; }
- .n2, .n3, .n4, .n5 {
- width: 55px;
- height: 7px;
- float: left;
- font-family: pixelfont;
- font-size: 8px;
- text-transform: uppercase;
- text-align: center;
- line-height: 11px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- }
- .n2 { background-color: {color:nav reset background}; }
- .n3 { background-color: {color:nav ask background}; }
- .n4 { background-color: {color:nav archive background}; }
- .n5 { background-color: {color:nav theme background}; }
- .n1:hover, .n2:hover, .n3:hover, .n4:hover, .n5:hover {
- background-color: {color:nav hover background};
- }
- .blogt {
- font-size: 10px;
- letter-spacing: 1px;
- text-align: center;
- width: 200px;
- padding: 2px 0;
- font-family: courier new;
- position: absolute;
- margin: -26px 9px;
- border-radius: 5px;
- background-color: {color:blog title background};
- border: 1px solid {color:blog title border};
- color: {color:blog title text};
- opacity: 0.4;
- text-transform: uppercase;
- transition: 0.8s;
- -moz-transition: 0.8s;
- -webkit-transition: 0.8s;
- }
- #sidebar:hover .blogt {margin-top: -100px;}
- .desc {
- font-family: pixelfont;
- overflow: auto;
- font-size: 9px;
- text-align: justify;
- text-transform: uppercase;
- position: absolute;
- width: 190px;
- border: 1px solid transparent;
- margin: -5px 9px;
- color: transparent;
- border-radius: 5px;
- height: 56px;
- padding: 5px;
- margin-top: -76px;
- font-size: 8px;
- opacity: 0;
- background-color: {color:desc background};
- border: 1px solid {color:desc border};
- color: {color:desc text};
- transition: 0.8s;
- -moz-transition: 0.8s;
- -webkit-transition: 0.8s;
- }
- .desc b,strong { color: {color:desc bold};font-weight:400; }
- .desc i,em { color: {color:desc italic}; }
- .desc a { color: {color:desc links}; }
- .desc a:hover { color: {color:desc links hover}; }
- #sidebar:hover .desc {opacity: 0.8;}
- #sidebar:hover .blogt { opacity: 0.8; }
- #content {
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 400px;{/block:ifposttype2}
- {block:ifposttype3}width: 620px;{/block:ifposttype3}
- padding: 10px;
- margin: 10px 450px;
- {block:permalinkpage}
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 500px;{/block:ifposttype2}
- {block:ifposttype3}width: 500px;{/block:ifposttype3}
- {/block:permalinkpage}
- }
- .posts {
- background-color: {color:post background};
- padding: 20px;
- margin-bottom: 20px;
- border-bottom: 3px solid {color:post bottom border};
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 400px;{/block:ifposttype2}
- {block:ifposttype3}width: 250px;float: left;margin-right: 20px;{/block:ifposttype3}
- {block:permalinkpage}
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 500px;{/block:ifposttype2}
- {block:ifposttype3}width: 500px;{/block:ifposttype3}
- {/block:permalinkpage}
- transition: 0.8s;
- -moz-transition: 0.8s;
- webkit-transition: 0.8s;
- -o-transition: 0.8s;
- }
- .photo {
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 400px;{/block:ifposttype2}
- {block:ifposttype3}width: 250px;{/block:ifposttype3}
- {block:permalinkpage}
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 500px;{/block:ifposttype2}
- {block:ifposttype3}width: 500px;{/block:ifposttype3}
- {/block:permalinkpage}
- display: block;
- {block:ifphotofading}opacity: 0.6;{/block:ifphotofading}
- {block:ifmonochromeposts}
- filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
- filter: gray; /* IE6-9 */
- -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
- {/block:ifmonochromeposts}
- transition: 0.8s;
- -moz-transition: 0.8s;
- webkit-transition: 0.8s;
- -o-transition: 0.8s;
- }
- .posts:hover .photo {
- opacity: 1;
- {block:ifmonochromeposts}
- filter: none;
- -webkit-filter: grayscale(0%);
- {/block:ifmonochromeposts}
- }
- .posts img {
- {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
- {block:ifposttype2}max-width: 400px;{/block:ifposttype2}
- {block:ifposttype3}max-width: 250px;{/block:ifposttype3}
- {block:permalinkpage}
- {block:ifposttype1}max-width: 500px;{/block:ifposttype1}
- {block:ifposttype2}max-width: 500px;{/block:ifposttype2}
- {block:ifposttype3}max-width: 500px;{/block:ifposttype3}
- {/block:permalinkpage}
- }
- .posts blockquote img {max-width: 100%;}
- .text {
- text-align: justify;
- font-family: consolas;
- font-size: 11px;
- color: {color:body text};
- }
- #content blockquote {
- margin: 5px;
- padding: 0 10px;
- border-left: 1px solid {color:blockquote};
- }
- .line {
- border-bottom: 1px solid {color:chat dividers};
- background-color: {color:post background};
- }
- .odd .line {padding: 10px 5px;color:{color:chat odd text};}
- .even .line {padding: 10px 5px;color:{color:chat even text};}
- .odd .name {color: {color:chat odd name};padding: 3px 5px;}
- .even .name {color: {color:chat even name};padding: 3px 5px;}
- .ptitle, .ltitle {
- font-family: courier new;
- font-size: 12px;
- text-transform: uppercase;
- border-bottom: 1px solid {color:post title underline};
- color: {color:post title text};
- padding: 5px 10px;
- letter-spacing: 2px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- webkit-transition: 0.6s;
- }
- .ltitle {
- color: {color:link post text};
- border-bottom: 1px solid {color:link post underline};
- }
- .ltitle:hover {
- padding-left: 20px;
- border-bottom: 1px solid {color:link post hover underline};
- }
- .quom, .quomr {
- font-family: georgia;
- font-size: 100px;
- margin: -15px 0;
- position: absolute;
- color: {color:quote post quotation marks};
- z-index: 1;
- }
- .quomr {
- {block:ifposttype1}margin: -15px 460px;{/block:ifposttype1}
- {block:ifposttype2}margin: -15px 360px;{/block:ifposttype2}
- {block:ifposttype3}margin: -15px 210px;{/block:ifposttype3}
- {block:permalinkpage}{block:ifposttype2}margin: -15px 460px;{/block:ifposttype2}{/block:permalinkpage}
- }
- .pquote {
- font-family: lekton;
- font-size: 14px;
- text-align: center;
- position: relative;
- z-index: 2;
- color: {color:quote post};
- }
- .psrc {
- font-family: pixelfont;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- text-align: center;
- margin-top: -20px;
- color: {color:quote post source};
- }
- .audiopost { height: 150px; }
- .albumno {
- width: 150px;
- height: 150px;
- background-color: {color:no album art};
- position: absolute;
- z-index: 1;
- {block:indexpage}{block:ifposttype3}
- width: 250px;
- height: 250px;
- {/block:ifposttype3}{/block:indexpage}
- }
- .albumartp {
- z-index: 10;
- width: 150px;
- height: 150px;
- position: relative;
- z-index: 2;
- display: block;
- {block:indexpage}{block:ifposttype3}
- width: 250px;
- height: 250px;
- {/block:ifposttype3}{/block:indexpage}
- }
- .albumart {
- width: 150px;
- height: 150px;
- display: block;
- position: relative;
- {block:indexpage}{block:ifposttype3}
- width: 250px;
- height: 250px;
- {/block:ifposttype3}{/block:indexpage}
- }
- .audioplayer {
- position: absolute;
- z-index: 11;
- margin-top: -90px;
- margin-left: 65px;
- width: 25px;
- height: 25px;
- overflow: hidden;
- opacity: 0.5;
- {block:indexpage}{block:ifposttype3}
- margin-top: -140px;
- margin-left: 115px;
- {/block:ifposttype3}{/block:indexpage}
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .audioplayer:hover {opacity: 1;}
- .audioinfo {
- position: absolute;
- margin-left: 155px;
- height: 150px;
- }
- .aline {
- {block:ifposttype1}width: 325px;{/block:ifposttype1}
- {block:ifposttype2}width: 225px;{/block:ifposttype2}
- {block:indexpage}{block:ifposttype3}margin-top: 5px;{/block:ifposttype3}{/block:indexpage}
- {block:permalinkpage}width: 325px;{/block:permalinkpage}
- font-family: consolas;
- font-size: 10px;
- padding: 11px 10px;
- margin-bottom: 5px;
- text-transform: uppercase;
- background-color: {color:audio info background};
- color: {color:audio info text};
- }
- .aline b,strong {
- font-weight: 400;
- color: {color:audio info list headings};
- }
- .askerportrait {
- max-width: 64px;
- max-height: 64px;
- position: absolute;
- border: 10px solid {color:ask background};
- }
- .a {
- margin-left: 100px;
- background-color: {color:ask background};
- min-height: 64px;
- padding: 10px;
- font-family: consolas;
- font-size: 11px;
- color: {color:ask text};
- }
- .asker {
- color: {color:asker text};
- font-family: consolas;
- font-size: 11px;
- text-transform: uppercase;
- }
- .asker a {color: {color:asker link};border-bottom: 1px solid {color:asker link};}
- .q {margin-top: 10px;}
- .tri {
- position: absolute;
- font-size: 30px;
- margin: 20px 0 0 85px;
- color: {color:ask background};
- }
- .permalink {
- text-align: right;
- margin-left: -10px;
- opacity: 0;
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 400px;{/block:ifposttype2}
- {block:ifposttype3}
- width: 250px;
- position: absolute;
- margin-left: 0;
- text-align: center;
- {/block:ifposttype3}
- transition: 0.8s;
- -moz-transition: 0.8s;
- -webkit-transition: 0.8s;
- -o-transition: 0.8s;
- }
- .permalink a {
- text-align: right;
- font-family: courier new;
- font-size: 8px;
- letter-spacing: 1px;
- text-transform: uppercase;
- display: block;
- padding: 2px 5px;
- margin: 14px 5px;
- color: {color:permalink text};
- background-color: {color:permalink background};
- border-radius: 3px;
- border: 1px solid {color:post bottom border};
- float: right;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .permalink a:hover {
- color: {color:permalink hover text};
- background-color: {color:permalink hover background};
- }
- .posts:hover .permalink { margin-left: 0; opacity: 1; }
- .rightperm {
- {block:ifposttype1}margin-left: 530px;{/block:ifposttype1}
- {block:ifposttype2}margin-left: 430px;{/block:ifposttype2}
- position: absolute;
- opacity: 0;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .posts:hover .rightperm { opacity: 1;margin-top: 10px; }
- .rtags {
- font-family: pixelfont;
- font-size: 8px;
- text-transform: uppercase;
- text-align: left;
- width: 300px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .rtags a {
- color: {color:tags colour};
- background-color: {color:tags background};
- padding: 2px 5px;
- line-height: 18px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .rtags a:hover {
- color: {color:tags hover colour};
- background-color: {color:tags hover background};
- margin-left: 10px;
- }
- .permainfo {
- margin-top: 10px;
- width: 480px;
- padding: 20px 30px;
- font-family: consolas;
- font-size: 11px;
- text-align: center;
- background-color: {color:post background};
- color: {color:body text};
- }
- #notecon {
- padding: 20px;
- width: 500px;
- background-color: {color:post background};
- color: {color:body text};
- font-family: consolas;
- font-size: 11px;
- margin-top: 10px;
- text-transform: uppercase;
- }
- #notecon ol.notes { list-style-type: none; }
- .text b,strong, .permainfo b,strong { color: {color:body bold}; font-weight: 400; }
- .text i,em, .permainfo a {
- color: {color:body italic};
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .text a, .ptags a, #notecon a, .psrc a {
- color: {color:body links};
- border-bottom: 1px solid transparent;
- padding-bottom: 5px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- .text a:hover, .permainfo a:hover, #notecon a:hover, .ptags a:hover, .psrc a:hover {
- padding-bottom: 0;
- color: {color:body links hover};
- border-bottom: 1px solid {color:body links hover};
- }
- #music {
- position: absolute;
- margin: -30px 150px;
- width: 70px;
- height: 30px;
- overflow: hidden;
- }
- .musicgif {margin-left: 10px;}
- #music:hover .ongaku {margin-top: 3px;}
- .ongaku {
- margin-top: -20px;
- margin-left: 12px;
- transition: 0.6s;
- -moz-transition: 0.6s;
- -webkit-transition: 0.6s;
- -o-transition: 0.6s;
- }
- #warning {
- position: fixed;
- background-color: #000;
- color: #fff;
- width: 100%;
- height: 100%;
- position: fixed;
- z-index: -1;
- opacity: 0;
- top: 0;
- left: 0;
- padding-top: 300px;
- text-align: center;
- font-family: courier new;
- font-size: 16px;
- {block:ifposttype1}
- {block:ifposttype2}opacity:0.9;z-index: 100001;{/block:ifposttype2}
- {block:ifposttype3}opacity:0.9;z-index: 100001;{/block:ifposttype3}
- {/block:ifposttype1}
- {block:ifposttype2}
- {block:ifposttype3}opacity:0.9;z-index: 100001;{/block:ifposttype3}
- {/block:ifposttype2}
- {block:ifposttype1}{block:ifposttype2}{block:ifposttype3}
- opacity: 1;z-index: 100001;
- {/block:ifposttype3}{block:ifposttype2}{block:ifposttype1}
- {block:ifnotposttype1}{block:ifnotposttype2}{block:ifnotposttype3}
- opacity: 1;z-index: 100001;
- {/block:ifnotposttype3}{block:ifnotposttype2}{block:ifnotposttype1}
- }
- .pagination {display: none;}
- .pagi {
- {block:ifposttype1}width: 500px;{/block:ifposttype1}
- {block:ifposttype2}width: 400px;{/block:ifposttype2}
- {block:ifposttype3}{block:ifnotinfinitescroll}
- width: 270px;
- {/block:ifnotinfinitescroll}{/block:ifposttype3}
- margin-top: 10px;
- padding: 0 10px;
- text-align: center;
- font-family: consolas;
- font-size: 12px;
- color: {color:pagination text};
- }
- .pagi a {
- background-color: {color:pagination bg};
- color: {color:pagination links};
- padding: 0 3px;
- margin: 0 -3px;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;
- transition: all 0.4s ease-in-out;
- }
- .pagi a:hover {
- background-color: {color:pagination bg hover};
- color: {color:pagination links hover};
- }
- {CustomCSS}
- @font-face { font-family: "pixelfont"; src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF'); }
- </style>
- {block:indexpage}
- {block:ifposttype3}{block:ifinfinitescroll}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
- <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
- <script>
- $(function(){
- var $container = $('#content');
- $container.imagesLoaded(function(){
- $container.masonry({
- itemSelector: '.posts',
- });
- });
- $container.infinitescroll({
- itemSelector : ".posts",
- navSelector : "div.pagination",
- nextSelector : ".pagination a#next",
- loadingImg : "",
- loadingText : "<em></em>",
- bufferPx : 10000,
- extraScrollPx: 12000,
- },
- // trigger Masonry as a callback
- function( newElements ) {
- var $newElems = $( newElements ).css({ opacity: 0 });
- // ensure that images load before adding to masonry layout
- $newElems.imagesLoaded(function(){
- $newElems.animate({ opacity: 1 });
- $container.masonry( 'appended', $newElems, true );
- });
- }
- );
- });
- </script>
- {/block:ifinfinitescroll}
- {block:ifnotinfinitescroll}
- <script type="text/javascript" src="http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js"></script>
- <script src="http://static.tumblr.com/twte3d7/H8Glm663z/masonry.js"></script>
- <script type="text/javascript">
- $(window).load(function () {
- $('#content').masonry({
- itemSelector : ".posts",
- },
- function() { $('#content').masonry({ appendedContent: $(this) }); }
- );
- });
- </script>
- {/block:ifnotinfinitescroll}
- {/block:ifposttype3}
- {block:ifnotposttype3}{block:ifinfinitescroll}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
- {/block:ifinfinitescroll}{/block:ifnotposttype3}
- {block:ifinfinitescroll}{block:ifnotposttype3}
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
- <script type="text/javascript" charset="utf-8">
- var $j = jQuery.noConflict();
- $j(function() {
- if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
- $j("img").lazyload({
- placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
- effect: "fadeIn",
- });
- });
- </script>
- {/block:ifnotposttype3}{/block:ifinfinitescroll}
- {/block:indexpage}
- </head>
- <body>
- <div id="warning">Please pick only one post type!!</div>
- <div id="links">
- {block:IfLink1}<a href="{text:Link 1 URL}"><div class="c1">{text:Link 1}</div></a>{/block:IfLink1}
- {block:IfLink2}<a href="{text:Link 2 URL}"><div class="c2">{text:Link 2}</div></a>{/block:IfLink2}
- {block:IfLink3}<a href="{text:Link 3 URL}"><div class="c3">{text:Link 3}</div></a>{/block:IfLink3}
- {block:IfLink4}<a href="{text:Link 4 URL}"><div class="c4">{text:Link 4}</div></a>{/block:IfLink4}
- {block:IfLink5}<a href="{text:Link 5 URL}"><div class="c5">{text:Link 5}</div></a>{/block:IfLink5}
- {block:IfLink6}<a href="{text:Link 6 URL}"><div class="c6">{text:Link 6}</div></a>{/block:IfLink6}
- {block:IfLink7}<a href="{text:Link 7 URL}"><div class="c7">{text:Link 7}</div></a>{/block:IfLink7}
- {block:IfLink8}<a href="{text:Link 8 URL}"><div class="c8">{text:Link 8}</div></a>{/block:IfLink8}
- </div>
- <div id="sidebar">
- {block:ifmusicplayer}
- <div id="music">
- <div class="ongaku">
- {text:billy music player code}
- </div><!--ongaku-->
- <img class="musicgif" src="http://media.tumblr.com/tumblr_m1zdobeFFY1r3we0y.gif">
- </div>
- {/block:ifmusicplayer}
- <img class="sbpic" src="{image:sidebar}">
- <div class="blogt">{title}</div>
- <div class="desc">{description}</div>
- <div class="navigate">
- <a href="/"><div class="n2"><div class="nav"><div class="navt">▲</div>reset</div></div></a>
- <a href="/ask"><div class="n3"><div class="nav"><div class="navt">▲</div>ask</div></div></a>
- <a href="/archive"><div class="n4"><div class="nav"><div class="navt">▲</div>archive</div></div></a>
- <a href="http://yukoki.tumblr.com"><div class="n5"><div class="nav"><div class="navt">▲</div>theme</div></div></a>
- </div><!--navigate-->
- </div><!--sidebar-->
- <div id="content">{block:posts}<div class="posts">
- {block:indexpage}{block:ifnotposttype3}{block:date}
- <div class="rightperm">
- {block:HasTags}<div class="rtags">{block:Tags}
- <a href="{TagURL}">#{Tag} <br></a>
- {/block:Tags}</div>{/block:HasTags}
- </div><!--rightperm-->
- {/block:date}{/block:ifnotposttype3}{/block:indexpage}
- {block:quote}
- <div class="quom">“</div><div class="quomr">”</div>
- <div class="pquote">{quote}</div><br>
- <div class="psrc">- {Source} -</div>
- {/block:quote}
- {block:photo}
- {LinkOpenTag}<div class="photo">
- <img class="photo" src="{PhotoURL-500}">
- </div>{LinkCloseTag}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:photo}
- {block:Photoset}
- <div class="photo">
- {block:indexpage}
- {block:ifposttype1}{Photoset-500}{/block:ifposttype1}
- {block:ifposttype2}{Photoset-400}{/block:ifposttype2}
- {block:ifposttype3}{Photoset-250}{/block:ifposttype3}
- {/block:indexpage}
- {block:permalinkpage}
- {block:ifposttype1}{Photoset-500}{/block:ifposttype1}
- {block:ifposttype2}{Photoset-500}{/block:ifposttype2}
- {block:ifposttype3}{Photoset-500}{/block:ifposttype3}
- {/block:permalinkpage}
- </div>
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Photoset}
- {block:text}
- {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
- <div class="text">{body}</div>
- {/block:text}
- {block:Audio}
- {block:indexpage}{block:ifnotposttype3}
- <div class="audioinfo">
- {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
- {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
- {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
- {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
- </div><!--audioinfo-->
- {/block:ifnotposttype3}{/block:indexpage}
- {block:permalinkpage}
- <div class="audioinfo">
- {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
- {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
- {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
- {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
- </div><!--audioinfo-->
- {/block:permalinkpage}
- <div class="albumart"><div class="albumno"></div>{block:AlbumArt}<img class="albumartp" src="{AlbumArtURL}">{/block:AlbumArt}</div>
- <div class="audioplayer">{AudioPlayer}</div>
- {block:indexpage}{block:ifposttype3}
- {block:trackname}<div class="aline"><b>track name:</b> {trackname}</div>{/block:trackname}
- {block:artist}<div class="aline"><b>artist:</b> {artist}</div>{/block:artist}
- {block:album}<div class="aline"><b>album:</b> {album}</div>{/block:album}
- {block:playcount}<div class="aline"><b>play count:</b> {playcount}</div>{/block:playcount}
- {/block:ifposttype3}{/block:indexpage}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Audio}
- {block:Video}
- {block:indexpage}
- {block:ifposttype1}{Video-500}{/block:ifposttype1}
- {block:ifposttype2}{Video-400}{/block:ifposttype2}
- {block:ifposttype3}{Video-250}{/block:ifposttype3}
- {/block:indexpage}
- {block:permalinkpage}
- {block:ifposttype1}{Video-500}{/block:ifposttype1}
- {block:ifposttype2}{Video-500}{/block:ifposttype2}
- {block:ifposttype3}{Video-500}{/block:ifposttype3}
- {/block:permalinkpage}
- {block:IfShowCaptions}{block:Caption}<div class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
- {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
- <div class="text">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
- {/block:Video}
- {block:Answer}
- <img class="askerportrait" src="{AskerPortraitURL-64}">
- <div class="tri">◀</div>
- <div class="a">
- <span class="asker">{Asker} whispered:</span>
- <span class="q">{Question}</span>
- </div>
- <div class="text">{Answer}</div>
- {/block:Answer}
- {block:Chat}
- {block:Title}<div class="ptitle">{Title}</div>{/block:Title}
- <div class="text">
- {block:Lines}<div class="{Alt}">
- <div class="line">{block:Label}<span class="name">{Label}</span>{/block:Label} {Line}<br /></div></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:link}
- <a href="{URL}"><div class="ltitle">{Name} ▷</div></a>
- {block:Description}<div class="text">{Description}</div>{/block:Description}
- {/block:link}
- {block:indexpage}{block:date}
- <div class="permalink">
- <a href="{ReblogURL}">reblog</a>
- <a href="{permalink}">{timeago}</a>
- <a href="{permalink}">{NoteCountWithLabel}</a>
- {/block:date}{/block:indexpage}
- </div><!--permalink-->
- {block:permalinkpage}
- {block:date}<div class="permainfo">
- Posted on <b>{DayOfMonth} {Month} {Year}</b>, at <b>{12Hour}.{Minutes}{AmPm}</b>, with <b>{NoteCountWithLabel}</b><br>
- {block:RebloggedFrom}
- Reblogged via <a href="{ReblogParentURL}">{ReblogParentName}</a>, originally by <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
- {/block:RebloggedFrom}
- {block:HasTags}<div class="ptags">{block:Tags}
- <a href="{TagURL}">#{Tag} </a>
- {/block:Tags}</div>{/block:HasTags}
- </div>{/block:date}
- {block:date}{block:NoteCount}<div id="notecon">
- {PostNotes-16}
- </div><!--notecon-->{/block:NoteCount}{/block:date}
- {/block:permalinkpage}
- </div>{/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}-->
- {block:ifnotinfinitescroll}
- {block:pagination}<div class="pagi">
- {block:PreviousPage}
- <a href="{PreviousPage}">←</a>
- {/block:PreviousPage}
- {block:JumpPagination length="7"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">→</a>
- {/block:NextPage}
- </div><!--pagination-->{/block:pagination}
- {/block:ifnotinfinitescroll}
- </div><!--content-->
- <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>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement