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>
- <!-------------
- wrappers tags by lavvie@bluenaegi.tumblr.com
- thank you for using; ask questions if you run into any problems
- please don't steal or remove credit, thanks!
- --------------->
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>{Title}; tags</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{favicon}" />
- <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- body {font-size: 9px;line-height: 14px;font-family: consolas;word-wrap:break-word;text-align:left;background:#fff url('http://media.tumblr.com/tumblr_mex6pc2gFi1rbvno1.png') fixed repeat right bottom;margin:0;color:#313131;padding: 0;}
- ::-webkit-scrollbar {width:4px;}
- ::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {height:0px;}
- ::-webkit-scrollbar-track-piece {background:#fff;}
- ::-webkit-scrollbar-thumb:vertical {background:#dddddd;border:1px solid #c1c1c1;-webkit-border-radius:0px;}
- ::-webkit-scrollbar-thumb:active {background:#eeeeee;border:1px solid #dddddd;}
- #ber {background:#fff url('http://media.tumblr.com/e78937cfc545d05db1ff1c2f17976d4e/tumblr_inline_moniwsgfDD1qz4rgp.png') fixed repeat-x;position:fixed;width:100%;left:0px;top:0px;height:100px;border-bottom:1px solid #f0f0f0;}
- #lineone {position:fixed;top:100px;width:1px;height:100%;background:#f0f0f0;border-top:60px solid #fff;left:230px;}
- #linetwo {position:fixed;top:100px;width:1px;height:100%;background:#fff;border-top:80px solid #f0f0f0;left:451px;}
- #linetre {position:fixed;top:100px;width:1px;height:100%;background:#f0f0f0;border-top:30px solid #fff;left:672px;}
- #linefor {position:fixed;top:100px;width:1px;height:100%;background:#fff;border-top:100px solid #f0f0f0;left:893px;}
- #feather {font-size:10px;position:fixed;width:116px;top:100px;text-align:center;font-family:calibri;color:#aaa;left:80px;background:#fff;border: 1px solid #f0f0f0;padding:2px;padding-top:60px;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
- #feather img {border-radius: 100px;-moz-border-radius: 100px;-webkit-border-radius: 100px;position:fixed;top:40px;left:80px;width:100px;height:100px;padding:10px;background:#fff;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;border:1px solid #f0f0f0;}
- #feather img:hover {background:#fff;-webkit-transform:scale(1.0);-moz-transform:scale(1.0); -o-transform:scale(1.0);transform:scale(1.0);}
- #feather a {border-bottom:1px dotted #bb9999;text-decoration:none;color:#999;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
- #feather a:hover {border-bottom:3px double #ffeeaa;color:#ffbb88;}
- #opr {margin-top:5px;line-height: 2px;}
- #opr a {-moz-border-radius: 2px; -webkit-border-radius: 2px;display:block;line-height:18px;width:110px;text-align:left;border:none;text-transform:uppercase;text-align:right;color:#bbb;background:transparent;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;box-shadow: inset 100px 0 0 0 transparent;text-shadow:0px 0px transparent, 0px 0px transparent;padding:0px 3px;letter-spacing:3px;font-family:consolas;font-size:9px;background:#fafafa;}
- #opr a:hover {color:#aaa; background-color: #fff7bd; box-shadow: inset 0 0 0 0 #fff;border:none;}
- h1 {margin-top:2px;-moz-border-radius: 2px; -webkit-border-radius: 2px;font-size:11px;text-align:right;font-weight:none;font-weight:200 !important;border-left:6px solid #e5fcc2;background:#fafafa;padding:0px 3px;color:#bbb;letter-spacing:2px;}
- ol, ul {list-style-type:square;color:#c6e5d9;margin-left:-26px;}
- #fop {position:absolute;top:100px;left:240px;z-index:10;}
- #pof {font-family:consolas;text-transform:uppercase;color:#888;letter-spacing:1px;font-size:9px;margin-top:10px;margin-bottom:10px;width:190px;padding:5px;background:#fff;border:1px solid #f0f0f0;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
- #pof a {-moz-border-radius: 2px; -webkit-border-radius: 2px;display:block;width:96%;text-decoration:none;color:#aaa;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;border-right:6px solid transparent;}
- #pof a:hover {color:#ff4e50;border-right: 6px solid #faf7d5;}
- #ron {position:absolute;top:100px;left:461px;z-index:10;}
- #nor {font-family:consolas;text-transform:uppercase;color:#888;letter-spacing:1px;font-size:9px;margin-top:10px;margin-bottom:10px;width:190px;padding:5px;background:#fff;border:1px solid #f0f0f0;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
- #nor a {-moz-border-radius: 2px; -webkit-border-radius: 2px;display:block;width:96%;text-decoration:none;color:#aaa;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;border-right:6px solid transparent;}
- #nor a:hover {color:#ff4e50;border-right: 6px solid #faf7d5;}
- #woe {position:absolute;top:100px;left:682px;z-index:10;}
- #eow {font-family:consolas;text-transform:uppercase;color:#888;letter-spacing:1px;font-size:9px;margin-top:10px;margin-bottom:10px;width:190px;padding:5px;background:#fff;border:1px solid #f0f0f0;-moz-border-radius: 5px; -webkit-border-radius: 5px;}
- #eow a {-moz-border-radius: 2px; -webkit-border-radius: 2px;display:block;width:96%;text-decoration:none;color:#aaa;-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;border-right:6px solid transparent;}
- #eow a:hover {color:#ff4e50;border-right: 6px solid #faf7d5;}
- </style>
- </head>
- <body>
- <div id="fop">
- <!-------------
- FIRST TAGS COLUMN STARTS HERE
- --------------->
- <div id="pof">
- <h1>TAGS CONTAINER TITLE</h1>
- <ul>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- </ul>
- </div>
- <div id="pof">
- <h1>TAGS CONTAINER TITLE</h1>
- <ul>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- </ul>
- </div>
- </div>
- <div id="ron">
- <!-------------
- SECOND TAGS COLUMN STARTS HERE
- --------------->
- <div id="nor">
- <h1>TAGS CONTAINER TITLE</h1>
- <ul>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- </ul>
- </div>
- <div id="nor">
- <h1>TAGS CONTAINER TITLE</h1>
- <ul>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- </ul>
- </div>
- </div>
- <div id="woe">
- <!-------------
- THIRD TAGS COLUMN STARTS HERE
- --------------->
- <div id="eow">
- <h1>TAGS CONTAINER TITLE</h1>
- <ul>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- </ul>
- </div>
- <div id="eow">
- <h1>TAGS CONTAINER TITLE</h1>
- <ul>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- <li><a href="/tagged/">tag</a></li>
- </ul>
- </div>
- </div>
- <!----------
- CODE FOR THE SIDEBAR STARTS HERE
- ------------>
- <div id="lineone"></div>
- <div id="linetwo"></div>
- <div id="linetre"></div>
- <div id="linefor"></div>
- <div id="ber"></div>
- <div id="feather">
- <img src="!!!PUT THE IMAGE URL FOR THE ICON HERE!!!">
- <div style="margin-top:5px;">
- description may go here!<br />
- <b>bold</b>, <i>italic</i>, <a href="http://">link</a>
- </div>
- <div id="opr">
- <a href="/">index</a><br />
- <a href="/ask">message</a><br />
- <a href="/archive">archive</a><br />
- <a href="/">link</a><br />
- <a href="/">link</a><br />
- <a href="/">link</a><br />
- <!----PLEASE DON'T REMOVE CREDIT----->
- <a href="http://bluenaegi.tumblr.com">theme</a>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement