Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!--
- idle worship (gif pack page #1) by fakehelper
- credits
- - google fonts
- - honeybee font by suiomi
- - rhesmanisa by dharmas (hosted by me)
- - gradient background by shudesigns
- - pop-up tutorial by billiondays
- - tumblr controls by cyantists
- #ffcece is the pink color, ctrl+f to change all pink to whatever color you want!
- #ffcece,#dbc5e0,#ceecff is the gradient, so just change it to the three colors you like instead.
- -->
- <title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href="https://static.tumblr.com/51fnf0s/BCoprzst5/style-my-tooltips.css" rel="stylesheet" type="text/css" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="https://static.tumblr.com/51fnf0s/lKGprzsse/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:300,
- tip_fade_speed:300,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!--- pop up --->
- <script type="text/javascript" src="https://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <script type="text/javascript"
- src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('');
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- $('body').append('<div id="fade"></div>');
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
- return false;
- });
- $('a.close, #fade').live('click', function() {
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <!--- fonts --->
- <link href="//solrainha.github.io/honeybee/honeybee.css" rel="stylesheet">
- <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Karla:400,700|Lato:400,700|Open+Sans:400,700|Roboto:400,700" />
- <style type="text/css">
- @font-face {font-family: 'rhesmanisaregular'; src: url('https://dl.dropboxusercontent.com/s/c7urv114bk2vm1n/rhesmanisa.ttf'); font-weight: normal; font-style: normal;} /*hosted by me */
- /* tumblr controls by cyantists */
- iframe.tmblr-iframe {
- z-index:99999999999999!important;
- top:0!important;
- right:0!important;
- opacity:0.4;
- /* delete invert(1) from here
- 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%);
- /* to here if your blog has a dark background */
- 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;}
- #s-m-t-tooltip{
- /* basic */
- max-width:300px;
- z-index:10;
- padding:5px;
- background:#222;
- font-family:'karla';
- font-size:11px;
- text-transform:uppercase;
- color:#fff;
- border:none;
- box-shadow:none;
- }
- /* Scrollbar styles */
- ::-webkit-scrollbar {
- width: 5px;
- height: 5px;
- }
- ::-webkit-scrollbar-track {
- border-radius: 5px;
- width: 2px;
- border: 1px dotted #000;
- background:#222;
- }
- ::-webkit-scrollbar-thumb {
- background: #dbc5e0;
- border-radius: 10px;
- }
- ::-webkit-scrollbar-thumb:hover {
- background: #fafafa;
- }
- body {
- color:#fff;
- background-color: #222;
- }
- p {
- color:#fff;
- font-family:'karla';
- font-size:12px;}
- a {
- color:#dbc5e0;
- text-decoration:none;
- font-weight:bold;}
- #treetop {
- top:-30px;
- padding-bottom:40px;
- width:100%;
- height:210px;
- text-align;center;
- position:relative;
- z-index:1;
- }
- #treetop p {
- width:800px;
- }
- #treetop h2 {
- font-family:'rhesmanisaregular';
- font-size:50px;
- font-weight:normal;
- margin-bottom:-26px;
- color:#dbc5e0;
- }
- #trunk {
- margin-top:-150px;
- padding:10px;
- text-align;center;
- display:inline-block;
- position:relative;
- }
- #trunk img {
- padding-right:4px;
- padding-bottom:2px;
- }
- .branch {
- width:300px;
- height:25px;
- background: #000;
- background: -webkit-linear-gradient(left, #ffcece,#dbc5e0,#ceecff); /* change gradient here! on all of these guys tho bc they're for diff browsers */
- background: -o-linear-gradient(right, #ffcece,#dbc5e0,#ceecff);
- background: -moz-linear-gradient(right, #ffcece,#dbc5e0,#ceecff);
- background: linear-gradient(to right, #ffcece,#dbc5e0,#ceecff);
- transform: skew(-30deg);
- margin-bottom:20px;
- }
- .branch h3{
- color:#222;
- padding-top:2px;
- font-family:'karla';
- font-size:13px;
- line-height:20px;
- font-weight:bold;
- text-transform:uppercase;
- transform: skew(30deg);
- }
- .branch h3:before {
- content:'\e941';
- font-family:'honeybee';
- font-size:12px;
- line-height:12px;
- font-weight:normal;
- padding-right:10px;
- }
- #leaves{
- margin-top:-16px;
- width:300px;
- display:inline-block;
- padding-bottom:30px;
- }
- #leaves a:hover {
- color:#dbc5e0;
- -webkit-transition: color 1s ease-out;
- -moz-transition: color 1s ease-out;
- -o-transition: color 1s ease-out;
- transition: color 1s ease-out;
- }
- #leaves a {
- color:#222;
- font-family:'honeybee';
- font-size:16px;
- padding-top:4px;
- width:26px;
- height:21px;
- background-color:#fafafa;
- border-radius:100%;
- text-align:center;
- z-index:2;
- display:inline-block;
- }
- .credit {
- font:'honeybee';
- font-size:16px;
- bottom:6px;
- right:6px;
- position:fixed;
- z-index:111
- }
- .credit a {
- color:#fafafa;
- opacity:0.2;
- }
- .credit a:hover {
- color:#dbc5e0;
- -webkit-transition: all .3s;
- -moz-transition: all .3s;
- -o-transition: all .3s;
- -ms-transition: all .3s;
- transition: all .3s;
- opacity:1;
- }
- #fade {
- display: none;
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none;
- background: #000;
- background: -webkit-linear-gradient(left, #ffcece,#dbc5e0,#ceecff);
- background: -o-linear-gradient(right, #ffcece,#dbc5e0,#ceecff);
- background: -moz-linear-gradient(right, #ffcece,#dbc5e0,#ceecff);
- background: linear-gradient(to right, #ffcece,#dbc5e0,#ceecff);
- padding-top:0px;
- padding: 20px;
- border: none;
- float: left;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999999999999999999999999999999;
- }
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- #fruit {
- padding:0px;
- }
- #fruit p {
- padding-left:20px;
- color:#222;
- font-family:'karla';
- font-size:12px;
- line-height:20px;
- }
- #fruit img {
- padding-left:0px;
- padding-right:14px;
- float:left;
- width:245px;
- display:inline-block;
- }
- #fruit b {
- color:#fafafa;
- font-weight:bold;
- }
- #fruit h5 {
- color: #fafafa;
- font-family:'karla';
- font-size: 11px;
- font-weight:bold;
- text-align: center;
- text-transform: uppercase
- }
- .twig {
- margin-left:10px; /* change to margin-left:140px; if removing the image! */
- width:220px;
- height:25px;
- color:#222;
- background-color:#fff;
- transform: skew(-30deg);
- margin-bottom:20px;
- position:fixed;
- display:inline-block;
- }
- .twig h4{
- color:#222;
- margin-top:3px;
- font-family:'karla';
- font-size:13px;
- line-height:20px;
- font-weight:bold;
- text-transform:uppercase;
- text-align:center;
- transform: skew(30deg);
- }
- .twig h4:before {
- content:'\ea13'; /* change honeybee icon here for pop up title */
- font-family:'honeybee';
- font-size:12px;
- line-height:12px;
- font-weight:normal;
- padding-right:10px;
- }
- </style>
- </head>
- <body>
- <div id="treetop">
- <center><h2>Faceclaim in Source</h2>
- <p>Do not repost, remove my watermark, claim as your own, edit in any way, or include in gif hunts.<br>Please like <a href="#">this post</a> if using or saving any gifs. Trigger warnings are in the pop up link below.</p>
- <div id="leaves">
- <a href="#?w=500" rel="01" class="poplight" title="fc info + trigger warnings"><span class="th th-power-o"></span></a> <!--link to the pop-up! delete if u don't need it-->
- <a class="th th-plus-1-o" title="all (FC NAME) packs" href="https://yoururl.tumblr.com/tagged/(FC NAME)"></a> <!--link to all packs of that fc-->
- <a class="th th-cloud-2-o" title="download this pack" href="#"></a> <!--link to download if u do that-->
- <a class="th th-reblog" title="like or reblog the post" href="#"></a> <!--link the original post-->
- <a class="th th-heart-1-o" title="tip jar" href="#"></a><!--your kofi or paypal idk get that paper tbh--->
- </div></div>
- <div id="trunk"><center>
- <div class="branch"><h3>FOOTAGE (SEASON/EPS/YEAR): ### gifs</h3></div>
- <p>
- [ COPY PASTE UR IMG URLS HERE ]
- </p>
- <div class="branch"><h3>FOOTAGE (SEASON/EPS/YEAR): ### gifs</h3></div>
- <p>
- [ COPY PASTE UR IMG URLS HERE ]
- </p>
- </center>
- </div>
- <div class="credit"><a class="th th-leaf-1-o" title="page theme by fakehelper" href="https://fakehelper.tumblr.com/"></a></div>
- <div id="01" class="popup_block">
- <div class="pops" style="margin-top:-10px">
- <div id="fruit">
- <img src="https://via.placeholder.com/245x180">
- <div class="twig"><h4>FC INFORMATION</h4></div>
- <h5 style="padding-top:40px">TRIGGER WARNINGS: you can get about three lines worth of trigger warnings in here omg </h5>
- <p>
- <b>Name:</b> FC<br>
- <b>Gender:</b> Gender<br>
- <b>Ethnicity:</b> Ethnicity<br>
- <b>Birth Year:</b> Year
- </p>
- </div>
- </div></div>
- </div></div></div></div></div></div></div></div></div></div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement