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>
- <!----- [04] Prince -------------------
- A New Journey :: Revamp
- + theme by SANYOUCITY.TUMBLR.COM
- Feel free to do whatever you want with
- the code as long as you don't remove
- the credit!! If you have any quest-
- ions or comments please don't hesitate
- to hmu. I apologize in advance to
- anyone trying to find something in
- the code because I'm very unorganized
- (but I've made an effort to clean it
- up!)
- Thank you so much for using my theme!!
- + monochrome tutorial:
- a--themes.tumblr.com
- ------------------------ ver 2.0 ----->
- <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}
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <meta name="image:sidebar" content="http://static.tumblr.com/294fe0b7e5893744ac290298b4252c43/wrjqiql/fbZoavbpj/tumblr_static_cqiheaaq8rw488o04o88kcwww.jpg"/>
- <meta name="image:background" content="http://static.tumblr.com/1e921c44d574eecba4f701f3da28d7c1/wrjqiql/kJGoavbst/tumblr_static_ach6qstzyvc4484w4ccgc80ks.png"/>
- <meta name="color:background" content="#ffffff"/>
- <meta name="color:scroll" content="#f5d6d6"/>
- <meta name="color:posts" content="#ffabab"/>
- <meta name="color:blockquote" content="#e28bab"/>
- <meta name="color:text" content="#032d41"/>
- <meta name="color:selection text" content="#39c3e2"/>
- <meta name="color:selection" content="#ffffff"/>
- <meta name="color:sidebar" content="#f3c3c3"/>
- <meta name="color:nav" content="#f3c3c3"/>
- <meta name="color:nav hover" content="#f3c3c3"/>
- <meta name="color:nav text" content="#df9090"/>
- <meta name="color:nav text hover" content="#ffffff"/>
- <meta name="color:link" content="#eda9c2"/>
- <meta name="color:tooltip text" content="#ffffff"/>
- <meta name="color:tooltip" content="#ff8d8d"/>
- <meta name="color:reblog" content="#f0bfb6"/>
- <meta name="color:date" content="#f0bfb6"/>
- <meta name="color:time" content="#f0bfb6"/>
- <meta name="color:notes" content="#cec6c9"/>
- <meta name="color:via" content="#cec6c9"/>
- <meta name="color:ori" content="#cec6c9"/>
- <meta name="color:odd chat" content="#dcb0bf">
- <meta name="color:even chat" content="#a59d9d">
- <meta name="color:bold" content="#dfa0ab"/>
- <meta name="color:italics" content="#e2829f"/>
- <meta name="text:link1 title" content="LINK 1"/>
- <meta name="text:link1 url" content="/"/>
- <meta name="text:link2 title" content="LINK 2"/>
- <meta name="text:link2 url" content="/"/>
- <meta name="text:link3 title" content="LINK 3"/>
- <meta name="text:link3 url" content="/"/>
- <meta name="text:link4 title" content="LINK 4"/>
- <meta name="text:link4 url" content="/"/>
- <meta name="text:link5 title" content="LINK 5"/>
- <meta name="text:link5 url" content="/"/>
- <meta name="text:link6 title" content="LINK 6"/>
- <meta name="text:link6 url" content="/"/>
- <meta name="if:All Caps" content="0"/>
- <meta name="if:Monochrome" content="1" />
- <link href='http://fonts.googleapis.com/css?family=Maven+Pro:400,900' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
- <style type="text/css">
- /*
- CONTENTS
- :general
- :pagination
- :titles
- :sidebars
- :posts
- :asks, audio, and chat
- :permalinks
- :links
- :misc
- * ctrl + f to search (include ":")
- */
- /* :general */
- body {
- background: {color:background};
- font-family: calibri, sans-serif;
- font-size: 11px;
- {block:ifAllCaps}
- text-transform:uppercase;
- {/block:ifAllCaps}
- letter-spacing:2px;
- color: {color:text};
- text-align: justify;
- background-image: url('{image:background}');
- font-family: 'Oxygen', calibri, sans-serif;
- border:none;
- }
- body, a { cursor: crosshair; }
- a {
- color: {color:link};
- text-decoration: none;
- }
- a:hover {
- cursor:crosshair;
- text-decoration:underline;
- }
- ul { list-style-type: square; }
- blockquote {
- padding-left:5px;
- border-left:1px solid;
- color: {color:blockquote};
- }
- strong, b { color: {color:bold}; }
- em, i { color: {color:italics}; }
- img { max-width:100%; }
- /* :pagniation */
- .prev {
- color:{color:text};
- margin-left: 435px;
- position:fixed;
- margin-top:50px;
- padding-right:10px;
- opacity:.8;
- font-weight:bold;
- font-size: 8px;
- z-index:9999;
- text-align:left;
- }
- .next {
- color:{color:text};
- margin-left: 475px;
- position:fixed;
- margin-top:50px;
- opacity:.8;
- font-weight:bold;
- font-size: 8px;
- z-index:9999;
- text-align:left;
- }
- .prev a, .next a { color:{color:text}; }
- #pagination {
- background-color:{color:nav hover};
- color:{color:nav text hover};
- height:15px;
- width:225px;
- margin-left: 666px;
- position:fixed;
- margin-top:450px;
- text-align:center;
- transition:1s;
- }
- #pagination a { color:{color:nav text hover}; }
- #pagination a:hover {
- background-color: rgba(0,0,0,0);
- font-style:normal;
- }
- /* :titles */
- #title {
- text-transform:uppercase;
- z-index: 99999;
- position: fixed;
- margin-top: 55px;
- margin-left:-120px;
- font-size: 30px;
- text-align:left;
- color: {color:background};
- background-color:{color:posts};
- border-radius:2px;
- max-width:600px;
- height:32px;
- font-family: sans-serif;
- font-weight:700;
- padding:1px;
- }
- /* :sidebars */
- #description {
- position: relative;
- margin: 0px;
- padding: 10px;
- width: 200px;
- text-align: justify;
- font-family: 'Inconsolata', ;
- }
- #sidebar {
- position: fixed;
- margin-left:1000px;
- margin-top: 200px;
- width: 22px;
- padding: 10px;
- border: none;
- background-color: {color:sidebar};
- opacity: .8;
- overflow-y:hidden;
- overflow-x:hidden;
- }
- #side {
- position:left;
- width:auto;
- height:auto;
- }
- #sidebar{
- position:fixed;
- margin-top:20px;
- margin-left:665px;
- width:200px;
- padding:10px;
- text-align:center;
- border:1px solid {color:sidebar};
- background-color: rgba(0,0,0,0);
- overflow-y:hidden;
- overflow-x:hidden;
- }
- #sidebarimga img{
- width:200px;
- height:200px;
- text-align:center;
- border-radius:5px;
- transition:1s;
- z-index:5;
- }
- #sidebarimga img:hover {
- opacity:.1;
- transition:1s;
- }
- #desc {
- z-index:3;
- width:190px;
- height:190px;
- border-radius:5px;
- margin-left:676px;
- margin-top:31px;
- background-color:{color:sidebar};
- color:{color:background};
- position:fixed;
- padding:5px;
- text-align:justify;
- word-wrap: break-word;
- overflow-y:scroll;
- opacity:0;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- text-transform:uppercase;
- }
- #desc:hover {
- opacity:.9;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- #sideb img {
- position:relative;
- }
- /* :posts */
- #around { width: 20px; }
- #container {
- margin-left:auto;
- margin-right:auto;
- width: 500px;
- }
- .entry {
- margin-top:100px;
- margin-left: -200px;
- float:left;
- position: relative;
- width:250px;
- padding: 5px;
- margin-bottom:20px;
- background-color: {color:background};
- word-wrap: break-word;
- opacity:1;
- transition: 2s;
- z-index:99;
- }
- .entry img:hover {
- background-color: rgba(0,0,0,0);
- }
- .left {
- float:left;
- margin-right:20px;
- width:802px;
- }
- #posts{
- float:left;
- margin-left:-200px;
- margin-top:70px;
- width:900px;
- height:500px;
- padding:10px;
- position:fixed;
- border-radius:0px;
- opacity:1;
- background-color: {color:background} ;
- border:1px solid {color:posts};
- border-image:url() 30 30 round;
- overflow-x:hidden;
- overflow-y: scroll;
- z-index:9999;
- }
- .title {
- font-size:20px;
- line-height:22px;
- color:{color:posts};
- text-align:left;
- text-transform:uppercase;
- font-family: 'Oxygen', calibri, cursive;
- padding:3.5px;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- -ms-transition: all 0.5s linear;
- transition: all 0.5s linear;
- }
- .title:hover {
- color:{color:text};
- cursor:help;
- -moz-transition: all 0.5s linear;
- -o-transition: all 0.5s linear;
- -ms-transition: all 0.5s linear;
- transition: all 0.5s linear;
- text-decoration:none;
- }
- .entry {
- padding:5px;
- margin:2px;
- margin-top:30px;
- margin-bottom:12px;
- margin-left:130px;
- width:400px;
- border-radius:0px;
- padding:5px;
- background:rgba(255,255,255,.2)
- text-align: justify;
- z-index:99;
- }
- #info {
- margin-top:-10px;
- opacity:0;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- .entry:hover #info {
- margin-top:10px;
- opacity:1;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #info a:hover {
- font-style:normal;
- text-decoration:none;
- cursor:help;
- }
- /* :asks, audio, and chat */
- #musicplayer { padding-top:15px; }
- .line {
- border-bottom: 1px solid {color:nav};
- background-color: {color:background};
- }
- .odd .line {
- padding: 5px 5px;
- color:{color:odd chat};
- }
- .even .line {
- padding: 5px 5px;
- color:{color:even chat};
- }
- #musicc {
- margin-left: 190px;
- margin-top:415px;
- position:fixed;
- opacity:.8;
- z-index:9999;
- }
- .album {
- position:absolute;
- width:100px;
- height:100px;
- }
- .album img {
- width:100px;
- height:100px;
- z-index:1;
- }
- .audio {
- display:block;
- position:absolute;
- width:30px;
- height:30px;
- }
- .play {
- width:27px;
- height:80px;
- opacity:.5;
- padding-top:40px;
- padding-left:35px;
- overflow:hidden;
- }
- .cap {
- height:100px;
- }
- .capp {
- margin-left:110px;
- width:250px;
- text-align:left;
- }
- .bubble {
- position:relative;
- margin:0px 0px 0px 0px;
- text-align:left;
- padding:10px;
- color:{color:text};
- min-height:29px;
- text-align:justify;
- border:1px solid {color:nav};
- opacity:.7;
- border-radius:0px;
- double {color:nav};
- }
- .bubble p {
- margin:1px 0px;
- }
- /* :permalinks */
- #permalink {
- text-align: center;
- position: relative;
- margin-top: 5px;
- padding-top: 5px;
- }
- #permalink #notecontainer ol.notes {
- list-style-type: none;
- text-align:left;
- padding: 0;
- margin-top:100;
- }
- #permalink #notecontainer img.avatar {
- margin-right: 10px;
- width: 16px;
- height: 16px;
- }
- .permatext {
- display:block;
- line-height:15px;
- text-align:center;
- }
- /* :links */
- #home, #ask, #past, #sub, #yi, #er, #san, #si, #wu, #theme {
- border:1px solid {color:nav};
- color:{color:nav text};
- height:15px;
- width:225px;
- margin-left: 665px;
- position:fixed;
- text-align:center;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- z-index:200;
- }
- #home:hover, #ask:hover, #past:hover, #sub:hover, #yi:hover, #er:hover, #san:hover, #si:hover, #wu:hover, #theme:hover {
- background-color:{color:nav hover};
- color:{color:nav text hover};
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- -ms-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- #home { margin-top:250px; }
- #ask { margin-top:270px; }
- #past { margin-top:290px; }
- #sub { margin-top:310px; }
- #yi { margin-top:330px; }
- #er { margin-top:350px; }
- #san { margin-top:370px; }
- #si { margin-top:390px; }
- #wu { margin-top:410px; }
- #theme { margin-top:430px; }
- /* :misc */
- #sideb img {
- position:relative;
- }
- #sideb {
- z-index:99999;
- position:fixed;
- }
- #sideb img {
- position:relative;
- }
- #s-m-t-tooltip {
- display: block;
- background: {color:tooltip};
- font-size: 10px;
- text-transform: uppercase;
- color: {color:tooltip text};
- text-align: center;
- font-family: calibri, sans-serif;
- letter-spacing: 0px;
- margin-left: 18px;
- padding: 1px 2px;
- min-width: 30px;
- max-width: 200px;
- z-index: 99999999999;
- }
- ::selection {
- background-color:{color:selection};
- color:{color:selection text};
- }
- ::-webkit-scrollbar { width: 7px; }
- ::-webkit-scrollbar-track-piece { background-color:rgba(0,0,0,0); }
- ::-webkit-scrollbar-thumb:vertical {
- width: 10px;
- background-color: {color:scroll};
- border: 3px solid {color:background};
- }
- ::-webkit-scrollbar-thumb{
- background-color:{color:scroll};}
- #side {
- position:left;
- width:auto;
- height:auto;
- }
- {block:ifMonochrome}
- .mono{
- 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");
- filter: gray;
- -webkit-filter: grayscale(100%);
- -webkit-transition: all 0.7s linear;
- -moz-transition: all 0.7s linear;
- -o-transition: all 0.7s linear;
- }
- .mono:hover{
- filter: none;
- -webkit-filter: grayscale(0%);
- }
- {/block:ifMonochrome}
- #thing {
- width: 100%;
- height:100%;
- position:fixed;
- z-index:1;
- }
- </style>
- </head>
- <body>
- <div id="container">
- <!-- :titles -->
- <div id="title">{Title}</div>
- <!-- :posts -->
- <div class="left">
- <div id="posts">
- <!-- :sidebars -->
- <div id="desc">
- {Description}
- </div> <!-- /div desc -->
- <div id="sidebar">
- <div id="sidebarimga"><img src= "{image:sidebar}" /></div>
- </div> <!-- /div sidebar -->
- <!-- :links -->
- <a href="/"><div id="home">INDEX</div></a>
- <a href="/ask"><div id="ask">MESSAGE</div></a>
- <a href="/archive"><div id="past">PAST</div></a>
- <a href="/submit"><div id="sub">SUBMIT</div></a>
- <a style="text-transform:uppercase;" href="{text:link1 url}"><div id="yi">{text:link1 title}</div></a>
- <a style="text-transform:uppercase;" href="{text:link2 url}"><div id="er">{text:link2 title}</div></a>
- <a style="text-transform:uppercase;" href="{text:link3 url}"><div id="san">{text:link3 title}</div></a>
- <a style="text-transform:uppercase;" href="{text:link4 url}"><div id="si">{text:link4 title}</div></a>
- <a style="text-transform:uppercase;" href="{text:link5 url}"><div id="wu">{text:link5 title}</div></a>
- <a href="http://sanyoucity.tumblr.com/"><div id="theme">THEME</div></a>
- <!-- pagination -->
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
- {block:NextPage}/ <a href="{NextPage}"> →</a>{/block:NextPage}
- </div> <!-- /div pagination -->
- <div class="scroll">
- <!-- :posts -->
- {block:Posts}
- <div class="entry">
- <!-- post types -->
- {block:Answer}
- <div class="bubble"><span></span><b>{Asker} inquired:</b> {Question}</div><br/>{Answer}
- {/block:Answer}
- {block:Text}
- {block:Title}<a style="text-align:left" href="{Permalink}"class="title" >{Title}</a>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}
- {LinkOpenTag}
- <div class="mono">
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
- </div>
- {LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- <div class="mono">
- <center>{Photoset-400}</center>
- </div>
- {/block:Photoset}
- {block:Quote}
- <a class="title" href="{Permalink}">"{Quote}"</a><br>
- <div align="right">{block:Source}- {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Chat}
- {block:Title}<a href="{Permalink}"class="title">{Title}</a>{/block:Title}<br><br>
- <div class="text">
- {block:Lines}<div class="{Alt}">
- <div class="line">{block:Label}<span>{Label}</span>{/block:Label} {Line}<br /></div></div>
- {/block:Lines}
- </div>
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div class="album"><div class="mono"><img src="{AlbumArtURL}"></div></div>
- {/block:AlbumArt}
- <div class="audio"><div class="play">{AudioPlayerBlack}</div></div>
- <div class="cap"><div class="capp">{block:TrackName}<b><font size="2">{TrackName}</font></b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}</div></div>
- {/block:Audio}
- {block:Video}
- <div class="mono">
- <center>{Video-400}</center>
- </div>
- {block:Video}
- <!-- post types end -->
- <!-- :permalinks -->
- {block:IndexPage}
- {block:Date}
- <div id="info">
- <div id="date">
- <a href="{ReblogURL}"
- title="reblog?"
- target=_blank
- class=details
- style="
- padding:2px 5px;
- background:{color:reblog};
- color:{color:background};">REBLOG</a>
- <!-- <img src="{image:perm sprite}"> -->
- <a href="{Permalink}" style="
- padding:2px 5px;
- background:{color:date};
- color:{color:background};
- text-transform:uppercase;">
- {ShortMonth}-{DayOfMonthWithZero}</a>
- <a href="{Permalink}"
- style="
- padding:2px 5px;
- background:{color:time};
- color:{color:background};">
- {12Hour}:{Minutes} {CapitalAmPm}
- </a>
- {block:NoteCount}<a href="{Permalink}"
- style="
- padding:2px 5px;
- background:{color:notes};
- color:{color:background};
- text-transform:uppercase;">
- {notecount}% </a>{/block:NoteCount}
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"
- style="
- padding:2px 5px;
- background:{color:via};
- color:{color:background};">VIA</a>{/block:RebloggedFrom}
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}" title="{ReblogRootName}"
- style="
- padding:2px 5px;
- background:{color:ori};
- color:{color:background};">ORI</a>
- {/block:RebloggedFrom}
- </div> <!-- /div date -->
- </div> <!-- /div info -->
- {/block:Date}
- {block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}<br>
- {block:Date}
- <div id="info">
- <div id="date">
- <a href="{ReblogURL}"
- title="reblog?"
- target=_blank
- class=details
- style="
- padding:2px 5px;
- background:{color:reblog};
- color:{color:background};">REBLOG</a>
- <!-- <img src="{image:perm sprite}"> -->
- <a href="{Permalink}" style="
- padding:2px 5px;
- background:{color:date};
- color:{color:background};
- text-transform:uppercase;">
- {ShortMonth}-{DayOfMonthWithZero}</a>
- <a href="{Permalink}"
- style="
- padding:2px 5px;
- background:{color:time};
- color:{color:background};">
- {12Hour}:{Minutes} {CapitalAmPm}
- </a>
- {block:NoteCount}<a href="{Permalink}"
- style="
- padding:2px 5px;
- background:{color:notes};
- color:{color:background};
- text-transform:uppercase;">
- {notecount}% </a>{/block:NoteCount}
- {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}"
- style="
- padding:2px 5px;
- background:{color:via};
- color:{color:background};">VIA</a>{/block:RebloggedFrom}
- {block:RebloggedFrom}
- <a href="{ReblogRootURL}" title="{ReblogRootName}"
- style="
- padding:2px 5px;
- background:{color:ori};
- color:{color:background};">ORI</a>
- {/block:RebloggedFrom}
- </div> <!-- /div date -->
- </div> <!-- /div info -->
- {/block:Date}
- <br>
- {block:HasTags}
- <span style="
- background-color:{color:notes};
- color:{color:background};
- padding:2px 5px;" >FILED UNDER:</span>
- {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br><br>
- {/block:hasTags}
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}
- </div> <!-- /div entry -->
- {/block:Posts}
- </div> <!-- /div scroll -->
- </div></div></div></div> <!--- i honestly have no idea what the fuck these end divs are for but im not gonna mess with them because im scared -->
- <div id="thing"></div>
- </body>
- </div></div></div></div></div></div></div></div> <!-- or these -->
- </div> <!-- /div posts -->
- </div> <!-- /div left -->
- </div> <!-- /div container -->
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement