|
bookmarks:
|
| main | ongoing | archive | private |
<!--
ALL-IN-ONE PAGE: PATIENCE Version 1 - Basic by str-wrs
- pages included: about, ask, tags / links + blogroll - don't steal this pls - enjoy, ilu (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧
- see http://str-wrs.tumblr.com for more themes
-->
<!DOCTYPE html> <html> <head>
<title>Navigation</title> <link rel="shortcut icon" href="{Favicon}" /> <script src="http://static.tumblr.com/dxh5xq2/CZJn8ju09/jquery-1.9.1.min.js"></script> <script src="http://static.tumblr.com/dxh5xq2/b40n8ju0e/modernizr.js"></script> <script src="http://static.tumblr.com/dxh5xq2/v6Gn8ju1e/tabs.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("
::-webkit-scrollbar {height:5px;width:5px;background:#fff;border:1px solid #eee;} ::-webkit-scrollbar-thumb {background:#eee;}
/* General */
body { margin:0px; color:#555; font-family:Arial,Helvetica, sans-serif; font-size:9px; background:#fff; }
a:hover {color:#222;} a {color:#999;text-decoration:none;}
/* Containers */
#c{bottom:30px;right:30px;} #r{top:30px;left:30px;} #r, #c {position:fixed;letter-spacing:0.5px;font-style:italic;} #center {width:400px;margin:200px auto 0px;} ul#tab {list-style-type:none;margin:0px;padding:0px;} ul#tab li.active {display:block;} ul#tab li { display:none; overflow:hidden; width:300px; padding:0px 50px; }
/* Header */
ul#tabs { list-style-type:none; margin:0px -121px; width:90px; padding:0px 10px; position:absolute; overflow:hidden; text-align:right; font-weight:700; border-right:1px solid #eee; }
ul#tabs li.active,ul#tabs li:hover {color:#222;} ul#tabs li {display:block;padding:5px 0px;cursor:pointer;color:#999;}
/* About */
- image img{height:100%;}
- image{float:left;height:150px;}
- desc {
padding-right:10px; text-align:justify; line-height:150%; overflow-y:auto; max-height:170px; }
/* Tags */
#tags {overflow:auto;max-height:250px;padding-right:5px;}
- navi{line-height:140%;margin:20px 0px 0px;}
- navi:first-child {margin:0px;}
- navi a, .navi b{margin-right:5px;font-weight:400;}
/* Blogroll */
#blogroll {overflow:auto;max-height:245px;opacity:1;} #blogroll:hover #box {opacity:0.8;-webkit-filter: grayscale(1);} #blogroll:hover #box:hover {opacity:1;-webkit-filter: grayscale(0);} #box img{width:100%;} #box {float:left;margin:5px;height:25px;width:25px;}
/* Etc */
h3, .quote {font-size:10px;letter-spacing:-0.3px;font-weight:700;} h3 {margin:0px 0px 1px;}
- quote {margin:20px 0px 0px;line-height:150%;}
#box, ul#tabs li, a { transition: 0.5s ease; -o-transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; }
#s-m-t-tooltip{ max-width:300px; margin:10px; z-index:99999999; color:#fff; background:#222; padding:10px; font-style:italic; letter-spacing:0.5px; }
</style> </head> <body> <div id="center">
<!-- Start Header --> <ul id="tabs">
<li>biography</li> <li>contact</li> <li class="active">navigation</li> <li>blogroll</li> </ul> <!-- End Header -->
<ul id="tab">
<!-- Start Bio --> <li>
<div class="desc"> This is where a description about you / your blog goes. </div>
<div class="quote"> Here is space for a quotation. Feel free to delete this section. </div>
</li> <!-- End Bio -->
<!-- Start Tags --> <li class="active"> <div id="tags">
<div class="navi"> <h3>navigate</h3>33% of my tags won't be listen. Films, tv shows, characters, bands. <br> Use <big>/tagged/</big> if you wish. <br> <br>
posts
<a href="/tagged/playlist"> audio/music</a> <a href="/tagged/t*psgif">gifs</a> <a href="/tagged/other">other</a> <a href="/tagged/quotes">quote</a> <a href="/tagged/text">text</a>
<br> <br>
helpful
<a href="/tagged/gtfu">guides to life</a> <a href="/tagged/masterpost">masterpost</a> <a href="/tagged/ra tag">ra tag</a> <a href="/tagged/read">read</a> <a href="/tagged/remember">remember</a> <a href="/tagged/sh">self help</a> <a href="/tagged/read: studying">studying</a> <a href="/tagged/writing">writing</a> <a href="/tagged/ysk">ysk</a>
<br> <br> <br>
<h3>films</h3> <br><br> films
<a href="/tagged/ant man">ant man</a> <a href="/tagged/avengers: age of ultron">avengers: aou</a> <a href="/tagged/tag-link">big hero 6</a> <a href="/tagged/captain america: the first avenger">ca: tfa</a> <a href="/tagged/captain america: the winter soldier">ca: tws</a> <a href="/tagged/deadpool">deadpool</a> <a href="/tagged/fantastic four">fantastic four</a> <a href="/tagged/gone girl">gone girl</a> <a href="/tagged/guardians of the galaxy">guardians of the galaxy</a> <a href="/tagged/harry potter">harry potter (all)</a> <a href="/tagged/her">her</a> <a href="/tagged/howl's moving castle">howl's moving castle</a> <a href="/tagged/pacific rim">pacific rim</a> <a href="/tagged/prisoners">prisoners</a> <a href="/tagged/snowpiercer">snowpiercer</a> <a href="/tagged/submarine">submarine</a> <a href="/tagged/tag-link">the avengers</a> <a href="/tagged/the imitation game">the imitation game</a> <a href="/tagged/the social network">the social network</a>
<br><b>subcategory</b> <a href="/tagged/tag-link">tag name</a> <a href="/tagged/tag-link">tag name</a> <a href="/tagged/tag-link">tag name</a> </div>
</div> </li> <!-- End Tags -->
<!-- Start Ask (do not edit!!!) --> <li><iframe frameborder="0" height="200" id="ask_form" scrolling="yes" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="100%"></iframe> </li><!-- End Ask -->
<!-- Start Blogroll (do not edit!!!) --> <li> <div id="blogroll">{block:Following}{block:Followed}<div id="box"><a title="{FollowedName}" href="{FollowedURL}"><img src="{FollowedPortraitURL-40}" align="left"></a></div>{/block:Followed}{/block:Following}</div> </li> <!-- End Blogroll -->
</ul> </div>
<div id="r">« <a href="/">return to blog</a></div> <div id="c"><a href="http://str-wrs.tumblr.com">© </a></div> </body> </html>
apr 22 2015 +