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>
- <!----- [3] Float --------------------
- + 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
- Thank you so much for using my theme!!
- -------------------------ver 1.1------>
- <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
- <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}
- <!--TOOLTIP-->
- <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/6760fcd7c9e999b1064e3402e3f52665/wrjqiql/CQOn6z5vl/tumblr_static_4tnw8i7woi684480488o0kkwk.png"/>
- <meta name="image:Side Image" content="http://static.tumblr.com/b13a80b28dc03db13d4f026ecaefc87d/wrjqiql/aqwn6yz2o/tumblr_static_9p1mt96d818oc844oockkkoc0.png"/>
- <meta name="color:Background" content="#dbdbdb"/>
- <meta name="color:scroll" content="#dbdbdb"/>
- <meta name="color:posts" content="#c1e7ee"/>
- <meta name="color:post border" content="#d4d2ff"/>
- <meta name="color:post entries" content="#ffffff"/>
- <meta name="color:sidebar" content="#c1e7ee"/>
- <meta name="color:Title" content="#abd3df"/>
- <meta name="color:Title" content="#abd3df"/>
- <meta name="color:Title Hover" content="#abd3df"/>
- <meta name="color:Blockquote" content="#1564cd"/>
- <meta name="color:Text" content="#c1c1c1"/>
- <meta name="color:Border" content="#04070c"/>
- <meta name="color:Link" content="#42daf4"/>
- <meta name="color:Link Hover" content="#2f81c3"/>
- <meta name="color:ask bubble 1" content="#378bc7"/>
- <meta name="color:ask bubble 2" content="#378bc7"/>
- <meta name="image:background" content="http://37.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_mt67noIbPl1ru3nbdo5_r1_100.png"/>
- <meta name="color:post shadow" content="#04070c"/>
- <meta name="color:sidebar" content="#c1e7ee"/>
- <meta name="color:bold" content=""/>
- <meta name="color:italics" content=""/>
- <meta name="text:home sprite url" content="http://cdn.bulbagarden.net/upload/1/19/516MS.png"/>
- <meta name="text:ask sprite url" content="http://cdn.bulbagarden.net/upload/9/99/503MS.png"/>
- <meta name="text:archive sprite url" content="http://cdn.bulbagarden.net/upload/8/80/199MS.png"/>
- <meta name="text:submit sprite url" content="http://cdn.bulbagarden.net/upload/8/89/184MS.png"/>
- <meta name="text:perm sprite url" content="http://cdn.bulbagarden.net/upload/a/a9/Ani515MS.png"/>
- <meta name="text:link 1 title" content="LINK 1"/>
- <meta name="text:link 1" content="/"/>
- <meta name="text:link 2 title" content="LINK 2"/>
- <meta name="text:link 2" content="/"/>
- <meta name="text:link 3 title" content="LINK 3"/>
- <meta name="text:link 3" content="/"/>
- <meta name="text:link 4 title" content="LINK 4"/>
- <meta name="text:link 4" content="/"/>
- <meta name="text:link 5 title" content="LINK 5"/>
- <meta name="text:link 5" content="/"/>
- <meta name="color:tooltip text" content="#ffffff"/>
- <meta name="color:tooltip" content="#a3d8f3"/>
- <style type="text/css">
- /*
- ::-webkit-scrollbar { z-index: 99999; width: 6px; height: 4px; background: #ffffff; }
- ::-webkit-scrollbar-thumb { z-index: 99999; background-color: #000000; -webkit-border-radius: 1ex; } */
- #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: 9999999999999999999999999;
- }
- ::-webkit-scrollbar{
- width:2px;
- height:4px;
- background:none;}
- ::-webkit-scrollbar-thumb{
- background-color:{color:scroll};}
- body {
- background: {color:Background};
- font-family: 'Inconsolata', courier, sans-serif;
- font-size: 12px;
- color: {color:Text};
- text-align: justify;
- background-image: url('{image:background}');
- cursor: url(http://media.tumblr.com/tumblr_m2ukzoEPNZ1qfamg6.gif), auto;
- }
- #pagination {
- position: relative;
- padding: 2px;
- margin-top: 10px;
- }
- #pagination a {
- display: inline-block;
- padding: 3px 6px 3px 6px;
- margin: 4px;
- text-align: center;
- }
- blockquote {
- padding-left:5px;
- border-left:1px solid;
- color: {color:Blockquote};
- }
- a {
- text-decoration: none;
- color: {color:Link};
- transition:1s;
- }
- a:hover {
- color: {color:Link Hover};
- transition: 2s;
- }
- #sidebar {
- z-index: 99999;
- position: fixed;
- margin-left:1000px;
- margin-top: 200px;
- width: 22px;
- padding: 10px;
- border: none;
- /*box-shadow: 4px 4px 0px {color:post shadow}; */
- background-color: {color:sidebar};
- opacity: .8;
- overflow-y:hidden;
- overflow-x:hidden;
- }
- #side {
- position:left;
- width:auto;
- height:auto;
- }
- #title a {
- z-index: 99999;
- position: fixed;
- margin-top: 30px;
- margin-left: 580px;
- font-size: 55px;
- text-align: center;
- font-variant:small-caps;
- color: {color:Title};
- transition:1s;
- }
- #title a:hover {
- color: {color:Title Hover};
- text-shadow: -4px 0 .9px {color:Title}, 4px 0 .9px {color:Title};
- transition: .5s;
- }
- #description {
- position: relative;
- margin: 0px;
- padding: 10px;
- width: 200px;
- text-align: justify;
- font-family: 'Inconsolata', ;
- }
- #around {
- width: 20px;
- }
- #container {
- margin-top: 20px;
- margin-bottom: 20px;
- margin-left: 520px;
- width: 500px;
- }
- .entry {
- margin-top:100px;
- margin-left: -200px;
- float:left;
- position: relative;
- width:430px;
- padding: 10px;
- margin-bottom:20px;
- border: 1px solid {color:Border};
- background-color: {color:background};
- opacity:.7;
- /*box-shadow: 4px 4px 0px {color:post shadow}; */
- transition: 2s;
- }
- .entry:hover {
- opacity: .9;
- transition:1s;
- }
- img {
- max-width: 100%; /*
- -webkit-filter: Grayscale(50%);
- -webkit-transition-duration: 2s;
- -moz-transition-duration:2s;
- transition-duration:2s;
- -o-transition-duration:2s; */
- } /*
- img:hover{
- -webkit-filter: Grayscale(0%);
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- transition: all 1s ease-out;
- } */
- h1 {
- text-align: center;
- font-size: 15px;
- color: {color:Title};
- font-variant:small-caps;
- }
- #pagination {
- position: relative;
- padding: 2px;
- margin-top: 10px;
- }
- #pagination a {
- display: inline-block;
- padding: 3px 6px 3px 6px;
- margin: 4px;
- text-align: center;
- }
- #portrait img {
- float: left;
- margin-right: 5px;
- }
- #permalink {
- text-align: center;
- border-top: 1px solid {color:Border};
- position: relative;
- margin-top: 5px;
- padding-top: 5px;
- }
- #credit {
- position:fixed;
- color: #FF6699;
- font-size:30px;
- position: fixed;
- margin-top:-20px;
- font-family: 'Inconsolata', ;
- }
- #credit span {
- opacity:.1;
- transition:2s;
- color: #FF6699;
- }
- #credit span:hover {
- opacity:3;
- transition:1s;
- color: #FF6699;
- }
- strong, b {
- color: {color:bold};
- }
- em, i {
- color: {color:italics};
- }
- #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;
- }
- #nav {
- text-align:center;
- }
- .wrapper{
- position:fixed;
- margin-top:120px;
- margin-left:330px;
- width:723px;
- height:450px;
- background:#fff;
- border:1px solid {color:post shadow};
- box-shadow: -10px 8px 0px {color:post shadow};
- overflow:hidden;
- }
- .left{float:left; margin-right:20px; width:802px;}
- #posts{
- float:left;
- margin-top:20px;
- margin-left:255px;
- width:400px;
- height:390px;
- padding:10px;
- background:{color:posts};
- border:none;
- overflow-x:hidden;
- overflow-y: scroll;
- }
- /*div.scroll ::-webkit-scrollbar {
- width: 5px;
- height: 4px;
- }
- div.scroll ::-webkit-scrollbar-thumb {
- background-color: {color:Scrollbar};
- } */
- .title{
- font-size:20px; line-height:22px; color:{color:Title};}
- img{max-width:250px;}
- .entry{
- margin:2px;
- margin-bottom:12px;
- margin-left:68px;
- width:250px;
- padding:5px;
- background:{color:post entries};
- border:2px solid {color:post border};
- }
- .permatext {
- display:block;
- line-height:15px;
- text-align:center;
- }
- #sidebar{
- position:fixed;
- margin-top:20px;
- margin-left:40px;
- width:185px;
- height:390px;
- padding:10px;
- text-align:justify;
- background:{color:sidebar};
- overflow-y:scroll;
- overflow-x:hidden;
- }
- .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:100px;
- width:150px;
- padding-top:35px; text-align:center;
- }
- .bubble {
- position:relative;
- margin:5px 0px 0px 50px;
- text-align:left; padding:10px;
- background:{color:ask bubble 1};
- border:3px
- double {color:ask bubble 2};
- }
- .bubble p {
- margin:1px 0px;
- }
- .bubble span {
- position:absolute;
- display:block;
- top:7px;
- left:-10px;
- width:1px;
- height:1px;
- font-size:0;
- line-height:1px;
- border-top:7px
- solid transparent;
- border-right:10px
- solid {color:ask bubble 2};
- border-bottom:7px
- solid transparent;
- }
- #sidebarimga img{
- width:150px;
- text-align:center;
- margin-top:-15px;
- margin-left:15px;
- }
- #thing {width: 100%;height:100%;position:fixed;z-index:-1;}
- #swagmoney {
- position:fixed;
- font-weight:700;
- font-size:20px;
- line-height:20px;
- width: 100px;
- height:21px;
- overflow:hidden;
- z-index:9999999;
- inline:block;
- color:{color:Title Hover};
- margin-top:2px;
- margin-left:0px;
- text-align:center;
- font-family:calibri;
- }
- .swag {margin-top:0px;position:relative;transition:.3s;}
- .swag:hover {margin-top:-21px;transition:.3s;}
- .swag a {color:{color:Title Hover}; letter-spacing:1px;transition:0s;}
- .swag a:hover {text-decoration:none;color:#FF3399; transition:0s;}
- </style>
- </head>
- <body>
- <div id="swagmoney">
- <div class="swag"><span style="margin-left:0px;font-size:20px">♔</span><br><a style="font-size:11px" href="http://sanyoucity.tumblr.com/"> SANYOUCITY</a>
- </div>
- </div>
- <div id="thing"></div>
- <div id="sideb"><div style="position:fixed; bottom:0px; right:6px; ">
- <img src= "{image:Side Image}" /> <br></div></div>
- <div id="title"><a href="/">{Title}</a></div>
- <div class="wrapper">
- <div id="sidebar"><br><br>
- <!--<a href="/"><div style="font-size:20px; color:#fff; font-weight:bold;"><{Title}</div></a><br><br> -->
- <div id="sidebarimga"><img src= "{image:Sidebar}" /></div>
- <br><br>
- <div id="nav">
- <a title="home" href="/"><img src="{text:home sprite url}"></a>
- <a title="ask" href="/ask"><img src="{text:ask sprite url}"></a>
- <a title="past" href="/archive"><img src="{text:archive sprite url}"></a>
- <a title="submit" href="/submit"><img src="{text:submit sprite url}"></a>
- </div>
- </p>
- {Description}
- <div id="pagination">
- {block:PreviousPage}<a href="{PreviousPage}">Previous Page</a>{/block:PreviousPage}
- {block:NextPage}/ <a href="{NextPage}">Next Page</a>{/block:NextPage}
- </div>
- <p> <select style="font-family:lucida console;color:#696969;background:#fff;width:180px;font-size:9px;letter-spacing:1px;border:2px solid #ccc;" onChange="location.href=this.options[this.selectedIndex].value;">
- <option value=''>NAVIGATION</option>
- <option value="{text:link 1}">{text:link 1 title}</option>
- <option value="{text:link 2}">{text:link 2 title}</option>
- <option value="{text:link 3}">{text:link 3 title}</option>
- <option value="{text:link 4}">{text:link 4 title}</option>
- <option value="{text:link 5}">{text:link 5 title}</option>
- </select>
- </div>
- <!--<div id="sidebar2">
- <div class="links"><a href="/">Home</a></div>
- {block:ifLink1}<div class="links"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:ifLink1}
- {block:ifLink2}<div class="links"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:ifLink2}
- {block:ifLink3}<div class="links"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:ifLink3}
- {block:ifLink4}<div class="links"><a href="{text:Link4}"{text:Link4}>{text:Link4 Title}</a></div>{/block:ifLink4}
- <div class="links"><a href="/ask">Ask</a></div>
- </div> -->
- <div id="bottom"></div>
- <div class="left">
- <div id="posts">
- <div class="scroll">
- {block:Posts}
- <div class="entry">
- {block:Answer}
- <img src="{AskerPortraitURL-40}" width="49" align="left">
- <div class="bubble"><span></span><b>{Asker}</b>: {Question}</div>{Answer}
- {/block:Answer}
- {block:Text}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- {Body}
- {/block:Text}
- {block:Link}
- <a href="{URL}" class="title">{Name}</a>
- {block:Description}{Description}{/block:Description}
- {block:Link}
- {block:Photo}
- {LinkOpenTag}
- <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%">
- {LinkCloseTag}
- {/block:Photo}
- {block:Photoset}
- <center>{Photoset-250}</center>
- {/block:Photoset}
- {block:Quote}
- "{Quote}"<br>
- <div align="right">{block:Source}- {Source}{/block:Source}</div>
- {/block:Quote}
- {block:Chat}
- {block:Title}<span class="title">{Title}</span>{/block:Title}
- <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
- {block:Label}<span class="label">{Label}</span>{/block:Label}
- {Line}</li>{/block:Lines}</ul>
- {/block:Chat}
- {block:Audio}
- {block:AlbumArt}
- <div class="album"><img src="{AlbumArtURL}"></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:Caption}{Caption}{/block:Caption}
- {/block:Audio}
- {block:Video}
- <center>{Video-250}</center>
- {block:Video}
- <!--PERMATEXT: Panpour-->
- {block:IndexPage}
- <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a> <img src="{text:perm sprite url}"> <a href="{ReblogURL}" target="_blank">reblog</a></div>
- {block:IndexPage}
- {block:PermalinkPage}
- {block:Caption}{Caption}{/block:Caption}<br>
- {block:NoteCount}►{NoteCountWithLabel}{/block:NoteCount}<br>
- {block:Date}
- ► {DayOfWeek}, {Month} {DayOfMonthWithZero}, {Year} ► {12Hour}:{Minutes}{AmPm}<br>
- {/block:Date}
- {block:RebloggedFrom}
- Reblogged From <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
- Posted By <a href="{ReblogRootURL}">{ReblogRootName}</a><br>
- {/block:RebloggedFrom}
- {block:HasTags}
- Tags {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}<br><br>
- {/block:hasTags}
- <!--IMG: Heart Divider-->
- <center><img src="http://media.tumblr.com/tumblr_m50a00XYiX1qb1380.gif"></center>
- {/block:PermalinkPage}
- {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
- {/block:Posts}</div></div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement