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">
- <!-- SEOLI THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
- ---------------------RULES--------------------------------
- *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
- *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
- *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
- *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
- *DO NOT TAKE MY CREDITS OUT
- ----------------------FAQ---------------------------------
- 1. I will not help with customizing my themes or other themes.
- 2. Check ALL of the appearance options before asking a question.
- 3. I do not compile or give any codes for anyone, im not a coding machine.
- 4. I do not take theme requests no matter how much you beg.
- 5. My themes are not means to be used as base codes for anything.
- 6. If you do not want infinite scrolling, just uncheck it.
- 7. If your infinite scrolling is not working, thats because you have a SCM music player.
- 8. To find the install link, go to the first post of the live previews.
- 9. For more questions, please go to http://ramyeons.tumblr.com and visit the FAQ links.
- -->
- <head>
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
- {block:Description}
- <meta name="description" content="{MetaDescription}"/>
- {/block:Description}
- {block:ifinfinitescrolling}
- <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
- <!--BASIC FLUFF-->
- <meta name="if:500px posts" content="1"/>
- <meta name="if:400px posts" content="0"/>
- <meta name="if:250px posts" content="0"/>
- <meta name="if:Image Opacity" content="1"/>
- <meta name="if:Cute Cursor" content="1"/>
- <meta name="if:Infinite Scrolling" content="1"/>
- <meta name="if:Show Tags" content="1"/>
- <meta name="if:Show Permalink" content="1"/>
- <meta name="text:Music Player Code" content=""/>
- <meta name="text:Corner Image Location" 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="image:Background IMG" content=""/>
- <meta name="image:Sidebar" content="http://static.tumblr.com/iuggpng/pgim7lezp/seoliside.png"/>
- <meta name="image:Corner Image" content=""/>
- <meta name="color:Scrollbar" content="#ccc"/>
- <meta name="color:Background" content="#fff"/>
- <meta name="color:Links" content="#ffa78a"/>
- <meta name="color:Links Hover" content="#eee"/>
- <meta name="color:Posts BG" content="#fff"/>
- <meta name="color:Text" content="#222"/>
- <meta name="color:Post Titles" content="#aaa"/>
- <meta name="color:Chat Post Underline" content="#eee"/>
- <meta name="color:Blockquote Side Border" content="#eee"/>
- <meta name="color:Perm Text" content="#999"/>
- <meta name="color:Perm Top Border" content="#eee"/>
- <meta name="color:Perm Decoration" content="#91df9f"/>
- <meta name="color:Title" content="#aaa"/>
- <meta name="color:Desc Text" content="#aaa"/>
- <meta name="color:Triangle Shadow 1" content="#fff"/>
- <meta name="color:Triangle Shadow 2" content="#fff"/>
- <meta name="color:Main Links Color" content="#ffa78a"/>
- <meta name="color:Main Links BG Hover" content="#ffa78a"/>
- <meta name="color:Main Links Color Hover" content="#fff"/>
- <meta name="color:Triangle Color" content="#555"/>
- <meta name="color:Triangle Shadow 1" content="#ffa78a"/>
- <meta name="color:Triangle Shadow 2" content="#91df9f"/>
- <meta name="color:Links Color" content="#aaa"/>
- <meta name="color:Links BG Hover" content="#99ddd3"/>
- <meta name="color:Links Color Hover" content="#fff"/>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <style type="text/css">
- {CustomCSS}
- ::-moz-selection{
- background:#fff;color:#aaa;
- }
- ::selection{
- background:#fff;color:#aaa;
- }
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar};height:40px;}
- ::-webkit-scrollbar {height:0px;width:4px;background-color:white;}
- iframe#tumblr_controls {
- right:3px !important;
- position: fixed !important;
- -webkit-transition: opacity 0.7s linear;
- opacity: 0.6;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- iframe#tumblr_controls:hover {
- -webkit-transition: opacity 0.7s linear;
- opacity: 1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- body{
- background-image:url("{image:Background IMG}");
- background-color:{color:Background};
- background-repeat:repeat;
- background-attachment:fixed;
- color:{color:Text};
- font-family:calibri;
- font-size:11px;
- {block:ifcutecursor}cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
- }
- a, a:link, a:visited, a:active{
- color:{color:Links};
- z-index:999;
- text-decoration:none;
- letter-spacing:1px;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- a:hover {
- color:{color:Links Hover};
- text-decoration:none;
- {block:ifcutecursor} cursor: url(http://i932.photobucket.com/albums/ad167/DottyDita/1338348137_cursor-small.png), progress !important;{/block:ifcutecursor}
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- #posts {
- margin-top:30px;
- margin-left:500px;
- }
- .posteu {
- {block:PermalinkPage}width:500px;{/block:PermalinkPage}
- {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
- margin-bottom:65px;
- font-family:calibri;
- font-size:11px;
- height:auto;
- overflow:hidden;
- color:{color:Text};
- background-color:{color:Posts BG};
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .title {
- font-family:print;
- letter-spacing:5px;
- font-size:19px;
- line-height:20px;
- text-align:center;
- color:{color:Post Titles};
- text-transform:uppercase;
- }
- .linktitle {
- font-family:print;
- letter-spacing:5px;
- font-size:19px;
- line-height:20px;
- text-align:center;
- color:{color:Post Titles};
- text-transform:uppercase;
- }
- .title a, .linktitle a{
- color:#aaa;
- letter-spacing:4px;
- }
- .texts, .chat, .link, .quote, .audio{
- font-family:calibri;
- font-size:11px;
- line-height:15px;
- margin-bottom:5px;
- margin-top:5px;
- color:{color:Text};
- padding:5px;
- letter-spacing:0px;
- }
- {block:IndexPage}{block:ifimageopacity}
- .posteu img, .posteu a img {
- opacity:.9;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- .posteu img:hover, .posteu a img:hover {
- opacity:1;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- transition: all 0.4s ease-out;
- }
- {/block:ifimageopacity}{/block:IndexPage}
- {block:Ifshowpermalink}{block:IndexPage}
- #perm {
- font-family:consolas;
- font-size:8px;
- {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
- {block:if400pxposts}width:400px;{/block:if400pxposts}
- {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
- position:absolute;
- color:{color:Perm Text};
- z-index:999;
- margin-top:4px;
- letter-spacing:1px;
- border-top:1px solid {color:Perm Top Border};
- padding-top:4px;
- text-transform:uppercase;
- }
- {/block:IndexPage}
- #perm a {
- color:{color:Perm Text};
- }
- {/block:Ifshowpermalink}
- #permalink {
- width:500px;
- padding:5px;
- height:auto;
- background-color:{color:Posts BG};
- color:{color:Text};
- font-family:consolas;
- font-size:8px;
- text-transform:uppercase;
- letter-spacing:1px;
- }
- #taemin {
- display:block;
- background-color:{color:Posts BG};
- width:500px;
- padding:0px;
- }
- #askpic {
- margin-right:5px;
- float:left;
- -moz-border-radius:100px;
- border-radius:100px;
- }
- blockquote {
- padding:5px;
- border-left:3px solid {color:Blockquote Side Border};
- }
- @font-face {font-family: "onuava";src: url('http://static.tumblr.com/iuggpng/OCkm4x5h8/onuava__.ttf');}
- @font-face {font-family: "sunrise";src: url('http://static.tumblr.com/iuggpng/Hb7m72lin/blackout_sunrise.ttf');}
- @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
- @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
- @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
- @font-face {font-family: "neou bold";src: url('http://static.tumblr.com/iuggpng/0eTm6pndc/neou-bold.ttf');}
- @font-face {font-family: "neou thin";src: url('http://static.tumblr.com/iuggpng/c0Jm6pnei/neou-thin.ttf');}
- @font-face {font-family: "directory";src: url('http://static.tumblr.com/iuggpng/pTym6pnf7/directory.ttf');}
- #trans, .trans {
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- transition: all 0.8s ease-out;
- }
- {block:ifcornerimagelocation}.corner {
- position:fixed;
- bottom:0px;
- {text:Corner Image Location}:0px;
- opacity:1;
- z-index:999;
- }
- {/block:ifcornerimagelocation}
- {block:ifmusicplayercode}
- .music {
- overflow:hidden;
- width:70px;
- height:100px;
- position:fixed;
- top:0px;
- left:0px;
- }
- .music:hover {
- width:400px;
- }
- {/block:ifmusicplayercode}
- .joon {
- position:fixed;
- top:150px;
- left:170px;
- }
- #pic {
- width:220px;
- opacity:.8;
- }
- .desc {
- margin-top:10px;
- width:220px;
- text-align:center;
- color:{color:Desc Text};
- }
- .nav {
- position:absolute;
- margin-top:58px;
- margin-left:-30px;
- }
- {block:iflink1}#triangle {
- font-size:70px;
- color:{color:Triangle Color};
- text-shadow: 0px -5px {color:Triangle Shadow 1}, 0px 5px {color:Triangle Shadow 2};
- }{/block:iflink1}
- {block:iflink1}.side:hover #triangle{
- color:transparent;
- text-shadow: 0px -60px {color:Triangle Shadow 1}, 0px 65px {color:Triangle Shadow 2};
- }{/block:iflink1}
- .side:hover #links{
- opacity:1;
- }
- #main a {
- color:{color:Main Links Color};
- }
- #main a:hover {
- color:{color:Main Links Color Hover};
- }
- .main {
- padding:5px;
- margin-bottom:2px;
- text-transform:lowercase;
- font-family:open sans;
- font-size:15px;
- display:block;
- width:45px;
- float:left;
- color:{color:Main Links Color};
- margin-bottom:5px;
- text-align:center;
- }
- .main:hover {
- background-color:{color:Main Links BG Hover};
- color:{color:Main Links Color Hover};
- }
- .links {
- display:block;
- padding-right:5px;
- margin-bottom:2px;
- padding:2px;
- font-family:consolas;
- font-size:8px;
- text-transform:uppercase;
- width:75px;
- text-align:right;
- border-right:0px solid {color:Links BG Hover};
- border-left:0px solid {color:Links BG Hover};
- }
- .links:hover {
- background-color:{color:Links BG Hover};
- color:{color:Links Color Hover};
- border-right:10px solid {color:Links BG Hover};
- border-left:2px solid {color:Links BG Hover};
- }
- #links {
- position:absolute;
- margin-left:-62px;
- margin-top:15px;
- opacity:0;
- }
- #links a {
- color:{color:Links Color};
- }
- #links a:hover {
- color:{color:Links Color Hover};
- }
- </style>
- </head>
- <body>
- {block:ifmusicplayercode}<div class="music" id="trans">
- <img src="http://media.tumblr.com/tumblr_m1zdnpfn881r3we0y.gif" style="padding:10px; background-color:transparent;">
- <div style="margin-top:-40px; margin-left:80px;">{text:Music Player Code}
- </div></div>
- {/block:ifmusicplayercode}
- {block:ifcornerimagelocation}<img src="{image:Corner Image}" class="corner">{/block:ifcornerimagelocation}
- <div class="joon">
- <div class="side">
- <div class="nav">
- <div id="links">
- {block:iflink1}<a href="{text:Link 1 URL}" class="links">{text:Link 1}</a>{/block:iflink1}
- {block:iflink2}<a href="{text:Link 2 URL}" class="links">{text:Link 2}</a>{/block:iflink2}
- {block:iflink3}<a href="{text:Link 3 URL}" class="links">{text:Link 3}</a>{/block:iflink3}
- {block:iflink4}<a href="{text:Link 4 URL}" class="links">{text:Link 4}</a>{/block:iflink4}
- {block:iflink5}<a href="{text:Link 5 URL}" class="links">{text:Link 5}</a>{/block:iflink5}
- </div>
- {block:iflink1}<div id="triangle" class="trans">◂</div>{/block:iflink1}
- </div>
- <div class="title" style="margin-bottom:10px; color:{Title};">{Title}</div>
- <img src="{image:Sidebar}" id="pic">
- </div>
- <div id="main">
- <a href="/" class="main">home</a>
- <a href="/ask" class="main">ask</a>
- <a href="/archive" class="main">past</a>
- <a href="http://hobakjeon.tumblr.com" class="main">theme</a>
- </div>
- <div class="desc">{Description}</div>
- {block:ifnotinfinitescrolling}
- {block:Pagination}<p><center>{block:PreviousPage}<a href="{PreviousPage}">◀</a> {/block:PreviousPage} {block:JumpPagination length="5"} {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}</center> {/block:Pagination}{/block:ifnotinfinitescrolling}
- </div>
- <div id="posts">
- <div id="inpiniteu">
- {block:Posts}
- {block:ifinfinitescrolling}<div class="autopagerize_page_element">{/block:ifinfinitescrolling}
- <div class="posteu">
- {block:Text}
- <div class="texts">
- {block:Title}
- <div class="title"><a href="{Permalink}">{Title}</a></div>
- {/block:Title}
- {Body}</div>
- {/block:Text}
- {block:Photo}
- <a href="{Permalink}"><img class="photo"
- {block:IndexPage}
- {block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
- {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
- {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
- {/block:IndexPage}
- {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage} alt="{PhotoAlt}"/></a>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
- {/block:Photo}
- {block:Photoset}
- <div class="photoset">
- <a href="{Permalink}">
- {block:IndexPage}
- {block:if500pxposts}{Photoset-500}{/block:if500pxposts}
- {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
- {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
- {/block:IndexPage}
- {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
- </a>
- {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}</div>
- {/block:Photoset}
- {block:Quote}
- <div class="quote">
- " {Quote} "
- {block:Source}
- <div class="source">- {Source}</div>
- {/block:Source}
- </div>
- {/block:Quote}
- {block:Link}
- <div class="link">
- <div class="linktitle"><a href="{URL}" {Target}>{Name}</a></div>
- {block:Description}
- <div class="description">{Description}</div>
- {/block:Description}
- </div>
- {/block:Link}
- {block:Chat}
- <div class="post chat">
- {block:Title}
- <h3><a href="{Permalink}">{Title}</a></h3>
- {/block:Title}
- <div class="chat">
- {block:Lines}
- <div style="border-bottom:1px solid {color:Chat Post Underline};"><div class="{Alt} user_{UserNumber}"></div>
- {block:Label}
- <span class="label">{Label}</span>
- {/block:Label}
- {Line}</div>
- {/block:Lines}
- </div>
- </div>
- {/block:Chat}
- {block:Video}
- <div class="video">
- {block:if500pxposts}{Video-500}{/block:if500pxposts}
- {block:if400pxposts}{Video-400}{/block:if400pxposts}
- {block:if250pxposts}{Video-250}{/block:if250pxposts}
- {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
- {block:PermalinkPage}{block:Caption}
- <div class="caption">{Caption}</div>
- {/block:Caption}{/block:PermalinkPage}
- </div>
- {/block:Video}
- {block:Audio}
- <div class="audio">
- <div style="width:100%; background-color:white; height:auto;">{AudioPlayerWhite}</div>
- {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
- {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
- {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
- </div>
- {/block:AlbumArt}
- {block:Caption}
- <div class="caption">
- {block:Artist}
- <p><b>ARTIST</b>: {Artist}
- {/block:Artist}
- {block:Album}
- <br><b>ALBUM</b>: {Album}
- {/block:Album}
- {block:TrackName}
- <br><b>TRACK</b>: {TrackName}
- {/block:TrackName}
- {block:PlayCount}
- <br><b>PLAYS</b>: {FormattedPlayCount}
- {/block:PlayCount}
- {Caption}</div>
- {/block:Caption}
- </div>
- {/block:Audio}
- {block:Answer}
- <div class="askeu">
- <div id="asku"><img src="{AskerPortraitURL-48}" id="askpic">
- <div style="border-bottom:1px dashed #eee; align:right;">→ {Asker} whispered : {Question}</div></div>
- {Answer}
- </div>
- {/block:Answer}
- {block:Ifshowpermalink}{block:IndexPage}<div id="perm"><a href="{Permalink}">
- Posted <span style="border-bottom:1px solid {color:Perm Decoration};">{TimeAgo}</span> <font color="{color:Perm Decoration}">▫</font> <a href="{Permalink}">{NoteCountWithLabel}</a>
- <span style="color:{color:Perm Decoration};">|</span> <a href="{ReblogURL}">Reblog</a>
- {block:ifshowtags}{block:HasTags}<div style="margin-top:5px;">tagged:{block:Tags}
-   <font color="{color:Perm Decoration}">#</font><a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}
- </div>{/block:IndexPage}
- {/block:Ifshowpermalink}
- {block:PermalinkPage}
- <div id="permalink">
- {block:Date}<div style="padding-bottom:2px; border-bottom:1px dashed #eee; font-family:open sans; text-transform:none; letter-spacing:0px; margin-left:-15px; font-size:15px; padding:3px; text-align:center; width:auto;">{DayOfWeek} {DayOfMonth}{DayOfMonthSuffix} of {Month} {Year}</div>
- {/block:Date}
- <div style="margin-top:5px;">
- Original: <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
- {block:RebloggedFrom}<br>Via: <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
- {/block:RebloggedFrom}
- <br>{NoteCountWithLabel}
- {block:HasTags}<br>tagged:{block:Tags}
-  <img src="http://static.tumblr.com/rltvkjt/krwlnxii3/mini.png"> <a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
- <div style="margin-top:5px; border-bottom:1px solid #f8f8f8; padding-top:3px; padding-bottom:3px;">navigation: <a href="/">home</a> <a href="/ask">message</a> <a href="/archive">history</a> <a href="/random">random</a></div>
- </div>
- <div id="taemin">{PostNotes}</div>{/block:PermalinkPage}
- </div>
- {/block:Posts}
- </div>
- </div>
- {block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement