Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- ICONS PAGE: COEXIST
- V2: header
- by acuite
- - don't steal this pls
- - enjoy, ilu (ノ◕ヮ◕)ノ*:・゚✧
- - @acuite for more themes
- -->
- <!DOCTYPE html>
- <html>
- <head>
- <title>Icons</title>
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/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>
- <script>
- $(document).ready(function(){
- $(".filters").click(function(e) {
- e.preventDefault();
- $(".box").not("." + $(this).attr("rel")).hide(500);
- $("." + $(this).attr("rel")).show(500);
- });
- });
- </script>
- <link rel="shortcut icon" href="{Favicon}" />
- <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic" rel="stylesheet" type="text/css">
- <link href="http://static.tumblr.com/dxh5xq2/qCUo20zth/icons2.css" rel="stylesheet" type="text/css"/>
- <style type="text/css">
- /* Start Icons - feel free to change sizing if ur capable */
- .box {
- margin:0 20px 20px 0;
- width:50px;
- height:50px;
- padding:2px;
- }
- /* End Icons */
- /* Start Round Edges - delete if you want */
- .main {border-radius:50%;}
- .box img {border-radius:3px;}
- .header, #s-m-t-tooltip,.box,::-webkit-scrollbar-thumb {border-radius:4px;}
- /* End Round Edges */
- </style>
- </head>
- <body>
- <div id="center">
- <!-- Start Header -->
- <div class="header">
- <span class="main_top">
- <h1>icons page</h1><!-- title. change if necessary (e.g. icons by acuite) -->
- <img class="main" src="{PortraitURL-48}">
- <div class="links">
- <a href="/">index</a>
- <a href="/ask">ask</a>
- <a href="/map">map</a>
- <a href="http://acuite.tumblr.com">credit</a>
- </div>
- </span>
- <!-- Start Categories. These must match the classes in ur actual icons! -->
- <div class="cats">
- <a href="#" rel="box" class="filters">all icons</a><!-- don’t edit this one -->
- <!-- these rel classes are basically tags / filters -->
- <a href="#" rel="anime" class="filters">animes</a>
- <a href="#" rel="ftwd" class="filters">fear the walking dead</a>
- <a href="#" rel="tw" class="filters">teen wolf</a>
- <a href="#" rel="twd" class="filters">the walking dead</a>
- <!-- End Categories -->
- </div>
- </div>
- <!-- End Header -->
- <div id="content">
- <!-- Start Icons Hold -->
- <!-- Icon Instructions
- all icons must have 'box' class!
- use your tags / filters from the header with a single space between each
- you can include as many tags as you like
- -->
- <span class="box anime"><img src="https://i.imgur.com/WUxUJqi.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/YlRG79L.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/QOZ3Vzc.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/pE67KLX.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/obB6AuY.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/y185JGw.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/ienixvo.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/ipSysmS.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/jtvRn1r.png"></span>
- <span class="box anime"><img src="https://i.imgur.com/6YjDCHi.png"></span>
- <span class="box ftwd"><img src="https://i.imgur.com/WaRl4Yr.png"></span>
- <span class="box ftwd"><img src="https://i.imgur.com/fkRMxAJ.png"></span>
- <span class="box ftwd"><img src="https://i.imgur.com/IL13UTv.png"></span>
- <span class="box ftwd"><img src="https://i.imgur.com/3cPa5xL.png"></span>
- <span class="box ftwd"><img src="https://i.imgur.com/fCaqQWZ.png"></span>
- <span class="box ftwd"><img src="https://i.imgur.com/qKfu4oc.png"></span>
- <span class="box twd"><img src="https://i.imgur.com/TIT7W8H.png"></span>
- <span class="box twd"><img src="https://i.imgur.com/mp14Sjf.png"></span>
- <span class="box twd"><img src="https://i.imgur.com/F7Bww3b.png"></span>
- <span class="box twd"><img src="https://i.imgur.com/Q8Kn1bp.png"></span>
- <span class="box twd"><img src="https://i.imgur.com/UhD4pPC.png"></span>
- <span class="box twd"><img src="https://i.imgur.com/61N8wDc.png"></span>
- <span class="box tw"><img src="https://i.imgur.com/UHGEdB3.png"></span>
- <span class="box tw"><img src="https://i.imgur.com/7ki11iS.png"></span>
- <!-- End Icons Hold. Do not edit below this line. -->
- </div></div>
- <div class="c"><a href="http://acuite.tumblr.com">acuite</a></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement