Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html><html><head>
- <!--------------------------------------------
- PAGE THEME BY VALERIE /// insomniacthemes.tumblr.com
- please,
- do not remove the credit;
- do not use as a base;
- do not repost;
- do not claim as yours.
- ----------------------------------------------
- TO CHANGE TABS WIDTH, change 268px to yours using ctrl+f+f.
- + follow instructions below TO CHANGE COLORS.
- ----------------------------------------------
- SPECIAL THANKS:
- tumblr controls: cyantists.
- ---- /// ------------------------------------>
- <title> gif pack directory </title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href="https://fonts.googleapis.com/css?family=Karla:400|Montserrat:400,500,600|Roboto:400" rel="stylesheet">
- <style type="text/css">
- ::-webkit-scrollbar {
- background: #fff; /* scrollbar background color */
- width: 4px;
- height: 4px;
- }
- ::-webkit-scrollbar-thumb {
- background: #315f7a; /* scrollbar color */
- }
- .d::-webkit-scrollbar {
- width: 1px;
- height: 1px;
- }
- body {
- font: 10px 'Roboto', sans-serif;
- color: #252525; /* text color */
- background: #fff; /* main background color */
- line-height: 160%;
- }
- .top {
- position: relative;
- text-align: center;
- padding: 10px;
- margin-top: 30px;
- width: auto;
- }
- a, h2 {
- -webkit-transition: 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- text-decoration: none;
- }
- .table a {
- color: #315f7a; /* links color */
- }
- .top a {
- font: 10px 'Karla', sans-serif;
- display: inline-block;
- margin: 1px 6px 4px 6px;
- color: #315f7a; /* navigation links color */
- }
- .top a:hover, .table a:hover {
- color: #315f7a; /* all links hover color */
- }
- .title {
- text-transform: lowercase;
- font: 22px/24px 'Montserrat', sans-serif;
- color: #315f7a; /* title color */
- text-align: center;
- }
- .table {
- position: relative;
- text-align: center;
- padding: 10px;
- margin-top: 1px;
- width: auto;
- }
- .gp {
- display: inline-block;
- margin: 16px 25px;
- width: 268px;
- height: auto;
- padding: 5px 13px 6px 13px;
- }
- .pt {
- font: 10px/19px 'Montserrat', sans-serif;
- font-weight: 600;
- color: #315f7a; /* tab title color */
- text-transform: uppercase;
- letter-spacing: 1px;
- width: 268px;
- margin: 0px auto 3px auto;
- text-align: center;
- }
- .pt span {
- display: inline-block;
- position: relative;
- }
- .pt sup {
- font-size: 6px;
- letter-spacing: 0.4px;
- }
- .g {
- text-align: center;
- }
- .g img {
- width: 268px;
- height:155px;
- margin-bottom: 2px;
- }
- .d {
- text-align: left;
- letter-spacing: 0.2px;
- overflow: auto;
- width: 268px;
- height: 50px;
- text-transform: lowercase;
- }
- h2 {
- display: inline;
- background: #315f7a; /* background color for line1, line2, line3 */
- color: #fff; /* text color for line1, line2, line3 */
- padding: 1px 4px 1px 5px;
- border-radius: 3px;
- margin-right: 2px;
- text-transform: uppercase;
- font: 9px 'Karla', sans-serif;
- font-weight: 400;
- line-height: 13px;
- letter-spacing: 1px;
- }
- h2:hover {
- background: #315f7a; /* hover background color for line1, line2, line3 */
- color: #fff; /* hover text color for line1, line2, line3 */
- }
- ::-moz-selection {
- background:#555;
- color:#fff;
- }
- ::selection {
- background:#555;
- color:#fff;
- }
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:-2px!important;
- right:0!important;
- opacity:0;
- padding-right:38px;
- filter:invert(1) contrast(150%);
- -webkit-filter:invert(1) contrast(150%);
- -o-filter:invert(1) contrast(150%);
- -moz-filter:invert(1) contrast(150%);
- -ms-filter:invert(1) contrast(150%);
- transform:scale(0.65);
- transform-origin:100% 0;
- -webkit-transform:scale(0.65);
- -webkit-transform-origin:100% 0;
- -o-transform:scale(0.65);
- -o-transform-origin:100% 0;
- -moz-transform:scale(0.65);
- -moz-transform-origin:100% 0;
- -ms-transform:scale(0.65);
- -ms-transform-origin:100% 0;
- }
- iframe.tmblr-iframe:hover {
- opacity:0.6!important;
- }
- .hcontrols {
- position:fixed;
- top:0;
- right:0;
- z-index:999999999;
- }
- .hcontrols svg {
- width:14px;
- height:14px;
- padding:9px;
- }
- .hcontrols svg path {
- fill:#315f7a; /* tumblr controls color */
- }
- .credit {
- position:fixed;
- font:10px/10px 'Karla', sans-serif;
- font-weight:700;
- letter-spacing:1px;
- right:15px;
- bottom:25px;
- text-transform:lowercase;
- text-align:center;
- color:{color:Text};
- }
- .credit a {
- color:#525252;
- padding:4px 6px;
- background-color: #fff;
- outline:1px solid #eee;
- font-style:normal;
- }
- .credit a:hover {
- color:#fff;
- background-color:#525252;
- }
- </style></head><body><div class="top">
- <!--------- TITLE --------->
- <div class="title"> gif pack directory </div>
- <!--------- NAVIGATION LINKS --------->
- <a href="/">home</a>
- <a href="http://www.tumblr.com/dashboard">dashboard</a>
- <a href="/ask">ask</a>
- <a href="/directory">directory</a>
- <a href="/tagged/ask">faq</a>
- </div><div class="table">
- <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
- <div class="gp"><div class="pt"><span>
- ALEXANDER SKARSGARD
- </span></div><div class="g">
- <img src="
- https://64.media.tumblr.com/e1f207c0bc39e44c2ec63f87cfcc8569/087292820251d41c-53/s540x810/89fc0fcd32da8ef18a9998c47cdcf5484e86df84.gif
- "></div><div class="d">
- <h2>TOTAL GIF PACKS</h2> [ 1 ] <br>
- <h2>TOTAL GIFS</h2> [ 306 ] <br>
- <h2>LINK</h2> <a href="/alexanderskarsgard">ALEXANDER SKARSGARD GIF PACKS</a> <br>
- </div></div>
- <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
- <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
- <div class="gp"><div class="pt"><span>
- ANDREW GARFIELD
- </span></div><div class="g">
- <img src="
- https://static.tumblr.com/tll3pm2/XaKqeqv5o/129.gif
- "></div><div class="d">
- <h2>TOTAL GIF PACKS</h2> [ 2 ] <br>
- <h2>TOTAL GIFS</h2> [ IN PROGRESS ] <br>
- <h2>LINK</h2> <a href="/andrewgarfield">ANDREW GARFIELD GIF PACKS</a> <br>
- </div></div>
- <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
- <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
- <div class="gp"><div class="pt"><span>
- CHARLIE COX
- </span></div><div class="g">
- <img src="
- https://static.tumblr.com/tll3pm2/mzTqeqwbj/85.gif
- "></div><div class="d">
- <h2>TOTAL GIF PACKS</h2> [ 1 ] <br>
- <h2>TOTAL GIFS</h2> [ 137 ] <br>
- <h2>LINK</h2> <a href="/charliecox">CHARLIE COX GIF PACKS</a> <br>
- </div></div>
- <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
- <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
- <div class="gp"><div class="pt"><span>
- DIANE GUERRERO
- </span></div><div class="g">
- <img src="
- https://static.tumblr.com/tll3pm2/MJ4qeqx4p/77.gif
- "></div><div class="d">
- <h2>TOTAL GIF PACKS</h2> [ 6 ] <br>
- <h2>TOTAL GIFS</h2> [ 419 ] <br>
- <h2>LINK</h2> <a href="/dianeguerrero">DIANE GUERRERO GIF PACKS</a> <br>
- </div></div>
- <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
- <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
- <div class="gp"><div class="pt"><span>
- GEMMA CHAN
- </span></div><div class="g">
- <img src="
- https://64.media.tumblr.com/34aad05799eaae5b03940be4eaad7746/77c79e3ec9273a93-0f/s540x810/6a3bba610ab46a68aadecc30ba1925caae3e7014.gif
- "></div><div class="d">
- <h2>TOTAL GIF PACKS</h2> [ 1 ] <br>
- <h2>TOTAL GIFS</h2> [ 137 ] <br>
- <h2>LINK</h2> <a href="/gemmachan">GEMMA CHAN GIF PACKS</a> <br>
- </div></div>
- <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
- <!--------- HERE GOES THE TAB, COPY FROM HERE TO THE END --------->
- <div class="gp"><div class="pt"><span>
- HUNTER PARRISH
- </span></div><div class="g">
- <img src="
- https://64.media.tumblr.com/5b8297799897f1df9a9f781f52687830/e5f71a338e8c9dd3-b8/s540x810/a5ab5109aacb648f25ce8afa58d0c5d07083fe64.gif
- "></div><div class="d">
- <h2>TOTAL GIF PACKS</h2> [ 7 ] <br>
- <h2>TOTAL GIFS</h2> [ 1,173 ] <br>
- <h2>LINK</h2> <a href="/hunterparrish">HUNTER PARRISH GIF PACKS</a> <br>
- </div></div>
- <!-------- THE END OF THE TAB // PASTE THE NEXT ONE BELOW -------->
- <!--------- credit / please do not remove --------->
- <div class="credit"><a href="http://insomniacthemes.tumblr.com/" title="insomniacthemes">it</a></div>
- <!----------------- /// --------------------------->
- </div><div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div></body></html>
Add Comment
Please, Sign In to add comment