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">
- <!--
- T A G S P A G E B Y
- █▀▀ ▀▀█▀▀ █▀▀█ █▀▀█ ▀▀█▀▀ █▀▀ █▀▀█ █▀▀█ █▀▀▄
- ▀▀█ █ █▄▄▀ █▄▄█ █ █▀▀ █ █ █▄▄▀ ▀▀ █ █
- ▀▀▀ ▀ ▀ ▀▀ ▀ ▀ ▀ ▀ ▀▀▀▀ ▀ ▀▀ ▀▀▀
- -->
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <title>{Title}</title>
- <meta name="description" content="{MetaDescription}"/>
- <link rel="shortcut icon" href="{Favicon}" />
- <link rel="alternate" type="application/rss+xml" href="{RSS}" />
- <style type="text/css">
- /*--SCROLLBAR--*/
- ::-webkit-scrollbar-thumb:vertical {
- background:#bbb8b8;
- border:1px solid #ffffff;
- border-top:0px;
- border-bottom:0px;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background:#ffffff;
- border:1px solid #ffffff;
- border-top:0px; border-bottom:0px;
- }
- ::-webkit-scrollbar {
- background:#fff;
- height:7px;
- width:7px;
- }
- ::-webkit-scrollbar-button:start:vertical:decrement, ::-webkit-scrollbar-button:end:vertical:increment{
- background:#bbb8b8;
- height:7px;
- border:1px solid #fff;
- }
- /*--CURSOR--*/
- *, body, a, a:hover {cursor: url("http://www.totallylayouts.com/cursors/random/tiny_cursor.png"), auto }
- /*--TOOLTIP--*/
- #s-m-t-tooltip {
- max-width:300px;
- margin:15px;
- padding:2px 7px;
- border:1px solid #ccc;
- border-radius:4px;
- background:#FFF;
- color:#AAA;
- z-index:999999;
- font-size:9px;
- font-style:italic;
- text-transform:lowercase;
- }
- /*--BODY--*/
- body {
- background:#ffffff;
- font-family:arial;
- font-size:10px
- color:#bbb8b8;
- }
- /*--ALL BOXES--*/
- #content {
- width:100%;
- position:absolute;
- margin-top:200px;
- }
- /*--TOP TITLE--*/
- #title {
- font-size:50px;
- color:#bbbaba;
- text-transform:lowercase;
- font-weight:bold;
- text-align:center;
- background:#f8f8f8;
- width:100%;
- position:absolute;
- letter-spacing:-5px;
- padding-right:30px;
- padding-top:45px;
- padding-left:8px;
- padding-bottom:35px;
- margin-top:-8px;
- margin-left:-8px;
- }
- /*--TOP NAVIGATION--*/
- #nav {
- width:35px;
- height:35px;
- padding-bottom:10px;
- }
- .home {
- margin-left:-15px;
- width:35px;
- position:absolute;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #title:hover .home {
- margin-left:-35px;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #nav:hover .home {
- margin-left:-35px;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- .cred {
- margin-left:-15px;
- width:35px;
- position:absolute;
- opacity:0;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #title:hover .cred {
- margin-left:5px;
- opacity:1;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- #nav:hover .cred {
- margin-left:5px;
- opacity:1;
- -moz-transition-duration:0.3s;
- -webkit-transition-duration:0.3s;
- -o-transition-duration:0.3s;
- }
- /*--BOXES--*/
- #box {
- color:#ffffff;
- font-family:arial;
- font-size:11px;
- width:141px;
- padding:3px;
- box-shadow: 6px 6px 0px #f1f1f1;
- }
- /*--BOX 1--*/
- .b1 {
- border:1px solid #C994FF;
- background:#E9D4FF;
- }
- /*--BOX 2--*/
- .b2 {
- border:1px solid #F7ABFF;
- background:#FBD6FF;
- }
- /*--BOX 3--*/
- .b3 {
- border:1px solid #98ED9F;
- background:#D5F7D7;
- }
- /*--BOX 4--*/
- .b4 {
- border:1px solid #8ED6FA;
- background:#CDEBFA;
- }
- /*--BOX 5--*/
- .b5 {
- border:1px solid #FFE263;
- background:#FFEFA8;
- }
- /*--BOX 6--*/
- .b6 {
- border:1px solid #FF9E9E;
- background:#FFCFCF;
- }
- /*--INNER (CONTAINS THE TAGS)--*/
- #inner {
- line-height:23px;
- width:125px;
- padding:4px;
- margin-left:3px;
- margin-bottom:3px;
- margin-top:8px;
- }
- #inner2 {
- background:#ffffff;
- font-size:11px;
- text-transform:lowercase;
- text-align:left;
- color:#bbb8b8;
- height:160px;
- overflow-y:scroll;
- padding-left:5px;
- }
- #inner2 a {
- text-decoration:underline;
- color:#bbb8b8;
- }
- #inner2 a:hover {
- text-decoration:underline;
- color:#bbb8b8;
- border-bottom:1px dashed #bbb8b8;
- }
- /*--INNER 1--*/
- .i1 {
- border:1px solid #D6ADFF;
- background:#F5EBFF;
- }
- /*--INNER 2--*/
- .i2 {
- border:1px solid #F9BFFF;
- background:#FDE6FF;
- }
- /*--INNER 3--*/
- .i3 {
- border:1px solid #B9F0BC;
- background:#E9F7E9;
- }
- /*--INNER 4--*/
- .i4 {
- border:1px solid #9DE5FA;
- background:#E6F3FA;
- }
- /*--INNER 5--*/
- .i5 {
- border:1px solid #FFE675;
- background:#FFF5C7;
- }
- /*--INNER 6--*/
- .i6 {
- border:1px solid #FFB8B8;
- background:#FFE0E0;
- }
- /*--CLOSE BUTTONS--*/
- #box img {
- width:10px;
- }
- /*--BUTTON 1--*/
- .b1 img {
- border:1px solid #C994FF;
- background:#E9D4FF;
- }
- /*--BUTTON 2--*/
- .b2 img {
- border:1px solid #F7ABFF;
- background:#FBD6FF;
- }
- /*--BUTTON 3--*/
- .b3 img {
- border:1px solid #98ED9F;
- background:#D5F7D7;
- }
- /*--BUTTON 4--*/
- .b4 img {
- border:1px solid #8ED6FA;
- background:#CDEBFA;
- }
- /*--BUTTON 5--*/
- .b5 img {
- border:1px solid #FFE263;
- background:#FFEFA8;
- }
- /*--BUTTON 6--*/
- .b6 img {
- border:1px solid #FF9E9E;
- background:#FFCFCF;
- }
- td {
- padding:30px; /*--SPACE BETWEEN BOXES--*/
- }
- {CustomCSS}
- </style>
- <!-----TOOLTIP CODE----->
- <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(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:200,
- tip_fade_speed:300
- }
- );
- });
- })(jQuery);
- </script>
- </head>
- <body>
- <!-----HEADER----->
- <div id="title">
- <!-----TOP NAVIGATION----->
- <center>
- <div id="nav" style="margin-bottom:-10px">
- <a href="/" title="homepage"><img class="home" src="http://s9.postimg.org/fyvltqbjf/iconmonstr_home_icon_48.png"></a>
- <a href="http://stratfor-d.tumblr.com" title="credit"><img class="cred" src="http://s9.postimg.org/7hw3it6uj/iconmonstr_copyright_icon_48.png"></a>
- </div>
- </center>
- <!-----TOP TITLE----->
- tags page
- </div>
- <div id="content">
- <center>
- <!-----START OF FIRST ROW----->
- <table id="all" border="0" cellpadding="0" cellspacing="0">
- <!----------------------START OF BOX #1---------------------->
- <td>
- <div id="box" class="b1">
- <!-----TITLE----->
- titlehere01.txt
- <span style="float:right"><img src="http://s9.postimg.org/knd690hl7/iconmonstr_x_mark_icon_16.png"></span>
- <div id="inner" class="i1">
- <div id="inner2">
- <!-----TAGS----->
- <a href="/tagged/">tag one</a><br>
- <a href="/tagged/">tag two</a><br>
- <a href="/tagged/">tag three</a><br>
- <a href="/tagged/">tag four</a><br>
- <a href="/tagged/">tag five</a><br>
- <a href="/tagged/">tag six</a><br>
- <a href="/tagged/">tag seven</a><br>
- <a href="/tagged/">tag eight</a><br>
- <a href="/tagged/">tag nine</a><br>
- <a href="/tagged/">tag ten</a>
- </div>
- </div>
- </div>
- </td>
- <!----------------------END OF BOX #1---------------------->
- <!----------------------START OF BOX #2---------------------->
- <td>
- <div id="box" class="b2">
- <!-----TITLE----->
- titlehere02.txt
- <span style="float:right"><img src="http://s9.postimg.org/knd690hl7/iconmonstr_x_mark_icon_16.png"></span>
- <div id="inner" class="i2">
- <div id="inner2">
- <!-----TAGS----->
- <a href="/tagged/">tag one</a><br>
- <a href="/tagged/">tag two</a><br>
- <a href="/tagged/">tag three</a><br>
- <a href="/tagged/">tag four</a><br>
- <a href="/tagged/">tag five</a><br>
- <a href="/tagged/">tag six</a><br>
- <a href="/tagged/">tag seven</a><br>
- <a href="/tagged/">tag eight</a><br>
- <a href="/tagged/">tag nine</a><br>
- <a href="/tagged/">tag ten</a>
- </div>
- </div>
- </div>
- </td>
- <!----------------------END OF BOX #2---------------------->
- <!----------------------START OF BOX #3---------------------->
- <td>
- <div id="box" class="b3">
- <!-----TITLE----->
- titlehere03.txt
- <span style="float:right"><img src="http://s9.postimg.org/knd690hl7/iconmonstr_x_mark_icon_16.png"></span>
- <div id="inner" class="i3">
- <div id="inner2">
- <!-----TAGS----->
- <a href="/tagged/">tag one</a><br>
- <a href="/tagged/">tag two</a><br>
- <a href="/tagged/">tag three</a><br>
- <a href="/tagged/">tag four</a><br>
- <a href="/tagged/">tag five</a><br>
- <a href="/tagged/">tag six</a><br>
- <a href="/tagged/">tag seven</a><br>
- <a href="/tagged/">tag eight</a><br>
- <a href="/tagged/">tag nine</a><br>
- <a href="/tagged/">tag ten</a>
- </div>
- </div>
- </div>
- </td>
- <!----------------------END OF BOX #3---------------------->
- </table>
- <!-----END OF FIRST ROW----->
- <!-----START OF SECOND ROW----->
- <table id="all" border="0" cellpadding="0" cellspacing="0">
- <!----------------------START OF BOX #4---------------------->
- <td>
- <div id="box" class="b4">
- <!-----TITLE----->
- titlehere04.txt
- <span style="float:right"><img src="http://s9.postimg.org/knd690hl7/iconmonstr_x_mark_icon_16.png"></span>
- <div id="inner" class="i4">
- <div id="inner2">
- <!-----TAGS----->
- <a href="/tagged/">tag one</a><br>
- <a href="/tagged/">tag two</a><br>
- <a href="/tagged/">tag three</a><br>
- <a href="/tagged/">tag four</a><br>
- <a href="/tagged/">tag five</a><br>
- <a href="/tagged/">tag six</a><br>
- <a href="/tagged/">tag seven</a><br>
- <a href="/tagged/">tag eight</a><br>
- <a href="/tagged/">tag nine</a><br>
- <a href="/tagged/">tag ten</a>
- </div>
- </div>
- </div>
- </td>
- <!----------------------END OF BOX #4---------------------->
- <!----------------------START OF BOX #5---------------------->
- <td>
- <div id="box" class="b5">
- <!-----TITLE----->
- titlehere05.txt
- <span style="float:right"><img src="http://s9.postimg.org/knd690hl7/iconmonstr_x_mark_icon_16.png"></span>
- <div id="inner" class="i5">
- <div id="inner2">
- <!-----TAGS----->
- <a href="/tagged/">tag one</a><br>
- <a href="/tagged/">tag two</a><br>
- <a href="/tagged/">tag three</a><br>
- <a href="/tagged/">tag four</a><br>
- <a href="/tagged/">tag five</a><br>
- <a href="/tagged/">tag six</a><br>
- <a href="/tagged/">tag seven</a><br>
- <a href="/tagged/">tag eight</a><br>
- <a href="/tagged/">tag nine</a><br>
- <a href="/tagged/">tag ten</a>
- </div>
- </div>
- </div>
- </td>
- <!----------------------END OF BOX #5---------------------->
- <!----------------------START OF BOX #6---------------------->
- <td>
- <div id="box" class="b6">
- <!-----TITLE----->
- titlehere06.txt
- <span style="float:right"><img src="http://s9.postimg.org/knd690hl7/iconmonstr_x_mark_icon_16.png"></span>
- <div id="inner" class="i6">
- <div id="inner2">
- <!-----TAGS----->
- <a href="/tagged/">tag one</a><br>
- <a href="/tagged/">tag two</a><br>
- <a href="/tagged/">tag three</a><br>
- <a href="/tagged/">tag four</a><br>
- <a href="/tagged/">tag five</a><br>
- <a href="/tagged/">tag six</a><br>
- <a href="/tagged/">tag seven</a><br>
- <a href="/tagged/">tag eight</a><br>
- <a href="/tagged/">tag nine</a><br>
- <a href="/tagged/">tag ten</a>
- </div>
- </div>
- </div>
- </td>
- <!----------------------END OF BOX #6---------------------->
- </table>
- <!-----END OF SECOND ROW----->
- <br></br>
- </center>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement