Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <!-----------
- ∧ ∧
- ( ・ω・) < do not remove credits
- / つつ do not redistribute the theme code
- ~/ ノ do not use as a base code
- し'し' do not claim as your own
- FALLING THEME BY RYEOU // thank you for using
- ------------>
- {block:iftinycursor}
- <style> body, a, a:hover { cursor:url('http://www.totallylayouts.com/cursors/random/tiny_cursor.png'), auto }</style>
- {/block:iftinycursor}
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- {block:Description}
- <meta name="description" content="{MetaDescription}" />
- {/block:Description}
- <meta name="color:text" content="#aaa">
- <meta name="color:bold" content="#99d5bd">
- <meta name="color:italics" content="#f9e1d6">
- <meta name="color:title" content="#3d3d3d">
- <meta name="color:title shadow a" content="#e9e9e9">
- <meta name="color:title shadow b" content="#b8f5bb">
- <meta name="color:nav bg color" content="#f9e1d6">
- <meta name="color:nav text" content="#838282">
- <meta name="color:nav border" content="#e8e8e8">
- <meta name="color:nav bg hover" content="#f9d0be">
- <meta name="color:highlight" content="#f7dfcc">
- <meta name="color:highlight text" content ="#fff">
- <meta name="color:scrollbar" content="#f9dbdb">
- <meta name="color:scrollbar bg" content="#fafafa">
- <meta name="color:post wrap color" content="#fbfbfb">
- <meta name="color:chat post bg" content="#eaf7f6">
- <meta name="color:blockquote color" content="#f0f0f0">
- <meta name="color:pagination color" content="#ccc">
- <meta name="color:links" content="#abccc7">
- <meta name="color:links hover" content="#bababa">
- <meta name="image:bg image" content="http://static.tumblr.com/924c68864a1f8de72aedcf66e338478a/p7wg3p9/29Qmg8dzf/tumblr_static_tumblr_ltqq73kh5g1qhvdofo4_4003432432432423.png">
- <meta name="image:sidebar" content="http://static.tumblr.com/7347589dc1e10e8c064f7dee90e789e6/p7wg3p9/TBMmshf6c/tumblr_static_icon200.png" />
- <meta name="image:post wrap bg" content="http://static.tumblr.com/924c68864a1f8de72aedcf66e338478a/p7wg3p9/29Qmg8dzf/tumblr_static_tumblr_ltqq73kh5g1qhvdofo4_4003432432432423.png">
- <meta name="text:link 1 title" content="link 1">
- <meta name="text:link 1 url" content="/links">
- <meta name="text:link 2 title" content="link 2">
- <meta name="text:link 2 url" content="/links">
- <meta name="text:link 3 title" content="link 3">
- <meta name="text:link 3 url" content="/links">
- <meta name="if:tiny cursor" content="1">
- <meta name="if:pixel font" content="0"/>
- <meta name="if:round sidebar" content="1"/>
- <style type="text/css">
- @font-face {
- font-family: "tinytots";
- src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');
- }
- ::selection {
- background: {color:highlight};
- color: {color:highlight text};
- }
- ::-moz-selection {
- background: {color:highlight};
- color: {color:highlight text};
- }
- ::-webkit-scrollbar-thumb:vertical {
- width:5px;
- background-color: {color:scrollbar};
- }
- ::-webkit-scrollbar {
- width:5px;
- background-color:{color:scrollbar bg};
- }
- body {
- {block:ifPixelFont}
- font-family: tinytots;
- font-size: 8px;
- {/block:ifPixelFont}
- {block:ifnotPixelFont}
- font-family: lucida console;
- font-size: 8px;
- {/block:ifnotPixelFont}
- color: {color:text};
- margin: 0;
- background-image: url("{image:bg image}");
- }
- a {
- color:{color:links};
- text-decoration: none;
- }
- a:hover {
- color: {color:links hover};
- }
- ul, ol {
- list-style-type: hiragana;
- }
- b, strong {
- color: {color:bold};
- }
- i, em {
- color: {color:italics};
- }
- h3{
- font: 14px lucida console;
- font-weight: 800;
- text-align: center;
- text-transform:uppercase;
- letter-spacing:5px;
- }
- blockquote {
- border-left: 2px solid {color:blockquote color};
- padding: 1px 1px 1px 10px;
- margin: 5px;
- }
- #content {
- background-color: {color:post wrap bg color};
- background-image: url('{image:post wrap bg}');
- padding: 1px 5px 5px 5px;
- width: 408px;
- margin-left: 400px;
- }
- .posts {
- padding: 3px;
- border: 1px solid #F0F0F0;
- margin-top: 5px;
- overflow: hidden;
- background: #fff;
- width: 400px;
- }
- .posts img {
- max-width: 100%;
- }
- #captions {
- background: #FBFBFB;
- display: block;
- padding: 1px 10px 1px 10px;
- margin-top: 10px;
- display: none;
- }
- .audio img {
- max-width: 80px;
- margin-right: 10px;
- float: left;
- border: 5px solid #e8e8e8;
- }
- .mplayer {
- background-color: #fff;
- margin-left: 17px;
- margin-top: 17px;
- height: 30px;
- width: 30px;
- padding: 13px;
- overflow: hidden;
- position:absolute;
- opacity: 0;
- transition: .7s;
- -moz-transition: .7s;
- -webkit-transition: .7s;
- -o-transition: .7s;
- -border-radius: 10px;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- }
- .mplayer:hover {
- opacity: .8;
- }
- .quote {
- font: 14px lucida console;
- font-weight: bold;
- font-style:italic;
- text-align: center;
- text-transform:uppercase;
- letter-spacing:2px;
- }
- .source {
- text-align: right;
- }
- ul.chat {
- margin: 0 0 0 0;
- padding: 0 0 0 0;
- }
- .chat li {
- list-style-type: none;
- padding: 2px;
- }
- .chat li.odd {
- background-color: {color:chat post bg};
- }
- #sidebar {
- position:fixed;
- top:0px;
- left:100px;
- height: 100%;
- width:200px;
- background-color: transparent;
- }
- #kebin {
- position:fixed;
- top:50px;
- left:100px;
- }
- .transition {
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
- }
- #picture {
- width:200px;
- }
- #picture:hover {
- width:260px;
- }
- #left {
- float:left;
- overflow:hidden;
- width:100px;
- {block:ifroundsidebar}
- -border-radius: 100px 0px 0px 100px;
- -moz-border-radius:100px 0px 0px 100px;
- -webkit-border-radius:100px 0px 0px 100px;
- {/block:ifroundsidebar}
- }
- #right {
- overflow:hidden;
- width:100px;
- {block:ifroundsidebar}
- -border-radius: 0px 100px 100px 0px;
- -moz-border-radius:0px 100px 100px 0px;
- -webkit-border-radius:0px 100px 100px 0px;
- {/block:ifroundsidebar}
- }
- #about {
- float:left;
- width:0px;
- height:0px;
- opacity:0;
- text-align: center;
- vertical-align: middle;
- }
- #picture:hover #about {
- width:100px;
- padding:20px 10px 20px 10px;
- opacity:1;}
- #picture:hover #left {
- margin-left:-65px;
- }
- #picture:hover #title {
- letter-spacing:10px;
- margin-top: 120px;
- opacity: 0;
- -webkit-transition: opacity .7s linear;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- }
- #kissip {
- background-color: {color:nav bg color};
- border:1px dotted {color:nav border};
- color: {color:nav text};
- display: inline-block;
- text-transform:uppercase;
- padding: 2px;
- width: 90px;
- height:8px;
- margin-bottom: 3px;
- -webkit-transition: opacity .7s linear;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- }
- #kissip:hover {
- background-color: {color:nav bg hover};
- -border-radius: 10px;
- -moz-border-radius:10px;
- -webkit-border-radius:10px;
- }
- #credit{
- position:fixed;
- width:76px;
- right:-67px;
- bottom:8px;
- line-height:150%;
- padding:2px;
- font: 8px consolas;
- border:1px dashed #e8e8e8;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- transition-duration: 0.7s;
- }
- #credit:hover {
- right:10px;
- -webkit-transition-duration: 0.7s;
- -moz-transition-duration: 0.7s;
- -o-transition-duration: 0.7s;
- transition-duration: 0.7s;
- }
- #title {
- position:absolute;
- width:200px;
- top:90px;
- left: 2px;
- font:20px consolas;
- color: {color:title};
- letter-spacing:5px;
- text-align:center;
- font-weight: bold;
- text-shadow: 2px 0 .2px {color:title shadow a}, -2px 0 .2px {color:title shadow b};
- -webkit-transition: opacity .7s linear;
- -webkit-transition: all .7s ease-in-out;
- -moz-transition: all .7s ease-in-out;
- -o-transition: all .7s ease-in-out;
- }
- #info {
- text-transform:uppercase;
- letter-spacing:1px;
- opacity: 0;
- position: absolute;
- margin-top: 0px;
- margin-left:415px;
- text-align: left;
- width: 80px;
- background-color: #transp;
- color: #387dcc;
- -webkit-transition: all .7s ease;
- -moz-transition: all .7s ease;
- -o-transition: all .7s ease;
- }
- .posts:hover #info {
- opacity:1;
- }
- #asker {
- margin-right:5px;
- float:left;
- -moz-border-radius:100px;
- border-radius:100px;
- }
- .pagination {
- font: 18px consolas;
- height:auto;
- color:{color:pagination color};
- opacity:0.4;
- text-align: center;
- -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
- }
- .pagination:hover {
- opacity:1;
- }
- iframe#tumblr_controls {
- position: fixed !important;
- z-index: 9999;
- }
- </style>
- {block:IfEndlessScroll}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
- {/block:IfEndlessScroll}
- </head>
- <body>
- <div id="content">
- <div id="sidebar">
- <div id="kebin">
- <div id="picture" class="transition">
- <div id="title">{Title}</div>
- <div id="left" class="transition" style="-border-radius: 100 0 0 100;">
- <img width="200px" src="{image:sidebar}">
- </div>
- <div id="about" class="transition">{Description}<br><br>
- <a href="/"><div id="kissip">home</div></a>
- <a href="/ask"><div id="kissip">ask</div></a>
- <a href="{text:link 1 url}"><div id="kissip">{text:link 1 title}</div></a>
- <a href="{text:link 2 url}"><div id="kissip">{text:link 2 title}</div></a>
- <a href="{text:link 3 url}"><div id="kissip">{text:link 3 title}</div></a>
- <br>
- {block:Pagination} {block:PreviousPage}<div class="pagination"><a href="{PreviousPage}">«</a></div>{/block:PreviousPage} {block:NextPage}<div class="pagination"><a href="{NextPage}">»</a></div>{/block:NextPage}
- {/block:Pagination}
- </div>
- <div id="right" class="transition" style="-border-radius: 0 100 100 0;">
- <img width="200px" style="margin-left:-100px;" src="{image:sidebar}">
- </div>
- </div>
- </div>
- </div>
- {block:Posts}
- <div class="posts">
- {Block:IndexPage}<div id="info">
- <a href="{Permalink}" title="{NoteCountWithLabel}"><big><big><big>✖</big></big></big></a><br>
- <a href="{ReblogURL}" target="_blank" title="reblog?"><big><big><big>➡</big></big></big></a>
- </div>{/Block:IndexPage}
- {block:Text}
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>
- <img src="{PhotoURL-400}">
- </center>
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- {Photoset-400}
- </div>
- {block:Caption}
- <div id="captions">
- {Caption}</div>
- {/block:Caption}
- {/block:Photoset}
- {block:Quote}
- <div class="quote">❝{Quote}❞</div>
- {block:Source}
- <div class="source">{Source}</div>
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <center><h3><a href="{URL}" {Target}>{Name}</a></h3></center>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Chat}
- {block:Title}
- <h3>{Title}</h3>
- {/block:Title}
- <ul class="chat">
- {block:Lines}
- <li class="{Alt} user_{UserNumber}">
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}
- </li>
- {/block:Lines}
- </ul>
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}<div class="audio"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
- <div class="mplayer">{AudioPlayerWhite}</div>
- <div style="text-transform: uppercase;">{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br>{block:TrackName}<b>Song:</b> {TrackName}{/block:TrackName}</div>
- {block:Caption}{Caption}{/block:Caption}<br>
- {/block:Audio}
- {block:Video}
- <div class="video">
- {block:IndexPage}{Video-250}{/block:IndexPage}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- </div>
- {block:Caption}
- <div id="captions">
- {Caption}</div>
- {/block:Caption}
- {/block:Video}
- {block:Answer}
- <img src="{AskerPortraitURL-48}" id="asker"><div style="text-transform:uppercase; border-bottom:1px dotted #ccc; align:right; padding-bottom:2px;">{Asker}: {Question}</div>{Answer}
- {/block:Answer}
- {block:PermalinkPage}
- <div style="text-align:justify; width:410px">{Caption}</div>
- <div style="text-align:justify; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font-family:tinytots; width:410px"><div style="margin:5px 0px 5px 0px"><center>{block:NoteCount}{NoteCountWithLabel} ▴ {/block:NoteCount}{block:Date}{ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero} ▴ {TimeAgo}{/block:Date}{block:HasTags} ▴ {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div></div>
- {block:PostNotes}<div style="margin-top:10px">{PostNotes}</div>{/block:PostNotes}</center>
- </div>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <div id="credit">♚ theme by <a href="http://ryeou.tumblr.com">ryeou</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement