Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <!----------------------------------------------------------------------------
- Redirect Page 02 変更 [ h e n k o ]
- by yukoki/s-ekki
- 1. Light/Heavy CSS editting is allowed.
- 2. Do not use as base code.
- 3. Do not remove credit.
- 4. Do not claim theme as your own.
- -------------------------------------------------------------- VER 211115 -->
- <meta name="color:background" content="#ffffff">
- <meta name="color:tooltip background" content="#000000">
- <meta name="color:tooltip text" content="#ffffff">
- <meta name="color:tooltip border" content="#ffffff">
- <meta name="color:old url colour" content="#000000">
- <meta name="color:url container bg 1" content="#ffffff">
- <meta name="color:url container text 1" content="#000000">
- <meta name="color:url container shadow 1" content="#000000">
- <meta name="color:new url colour" content="#000000">
- <meta name="color:url container bg 2" content="#ffffff">
- <meta name="color:url container text 2" content="#000000">
- <meta name="color:url container shadow 2" content="#000000">
- <meta name="image:background" content="">
- <meta name="image:previous url icon" content="">
- <meta name="image:new url icon" content="">
- <meta name="text:old url" content="old url">
- <meta name="text:new url" content="new url">
- <title>{title}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <link rel="shortcut icon" href="{Favicon}" />
- <!-- script for tooltips -->
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
- <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("a[title]").style_my_tooltips({
- tip_follows_cursor:true,
- tip_delay_time:0,
- tip_fade_speed:0,
- attribute:"title"
- });
- });
- })(jQuery);
- </script>
- <!-- end script for tooltips -->
- <style type="text/css">
- @font-face { font-family: "ebit"; src: url('https://dl.dropboxusercontent.com/s/n9ry4w2f8tl60t3/8bitoperator.ttf'); }
- iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:0.9; }
- #s-m-t-tooltip {
- z-index: 1000;
- max-width: 300px;
- background-color: {color:tooltip background};
- color: {color:tooltip text};
- border: 1px solid {color:tooltip border};
- text-transform: uppercase;
- letter-spacing: 1px;
- font-family: ebit;
- font-size: 8px;
- padding: 6px 8px;
- margin: 20px 0 0 20px;
- }
- body {
- background-color: {color:background};
- background-image: url({image:background});
- background-attachment: fixed;
- margin: 0;
- word-wrap: break-word;
- }
- a { text-decoration:none; }
- #con {width: 100%;height: 100%;}
- #smolcon {
- position: relative;
- top: 50%;
- bottom: 50%;
- margin-top: 270px;
- width: 240px;
- margin-left: 120px;
- transition: 1s;
- }
- .previmgbg {
- box-shadow: 6px 6px 0 {color:url container shadow 1};
- background-color: {color:url container bg 1};
- width: 120px;
- height: 120px;
- display: block;
- border-radius: 2000px;
- padding: 14px;
- position: absolute;
- margin-left: -140px;
- margin-top: -41px;
- z-index: 9;
- transition: 1s;
- }
- .previmg, .nextimg {
- width: 120px;
- height: 120px;
- display: block;
- border-radius: 2000px;
- padding: 14px;
- position: absolute;
- margin-left: -140px;
- margin-top: -41px;
- z-index: 11;
- transition: 1s;
- }
- .previmg {position: absolute;}
- .nextimg {opacity:0;}
- .urlcon {
- background-color: {color:url container bg 1};
- box-shadow: 6px 6px 0 {color:url container shadow 1};
- color: {color:url container text 1};
- width: 240px;
- padding: 24px 0;
- margin-top: 20px;
- font-family: ebit;
- font-size: 12px;
- text-transform: uppercase;
- position: relative;
- z-index: 10;
- border-radius: 0 10px 10px 0;
- transition: 1s;
- height: 18px;
- }
- #smolcon:hover .previmgbg {
- box-shadow: 6px 6px 0 {color:url container shadow 2};
- background-color: {color:url container bg 2};
- }
- #smolcon:hover .urlcon {
- background-color: {color:url container bg 2};
- box-shadow: 6px 6px 0 {color:url container shadow 2};
- color: {color:url container text 2};
- }
- #smolcon:hover .previmg {
- margin-left: 232px;
- opacity: 0;
- }
- #smolcon:hover .nextimg {
- margin-left: 232px;
- opacity: 1;
- }
- #smolcon:hover .previmgbg {
- margin-left: 232px;
- z-index: 11;
- }
- #smolcon:hover .urlcon {
- border-radius: 10px 0 0 10px;
- }
- #smolcon:hover {margin-left: -140px;}
- .nucov {
- width: 0;
- position: absolute;
- overflow: hidden;
- color: {color:url container text 2};
- transition: 1s;
- }
- .oucov {
- width: 240px;
- position: absolute;
- overflow: hidden;
- color: {color:url container text 1};
- transition: 1s;
- }
- .newurl, .oldurl {
- width: 240px;
- transition: 1s;
- }
- #smolcon:hover .nucov {
- width: 240px;
- }
- #smolcon:hover .oucov {
- width: 0;
- margin-left: 160px;
- }
- .dog {
- position: fixed;
- bottom: 6px;
- right: 6px;
- font-family: ebit;
- font-size: 8px;
- text-transform: uppercase;
- padding: 4px 6px;
- background-color: rgba(0,0,0,0.4);
- color: #fff;
- transition: 0.6s;
- }
- .dog:hover {background-color: rgba(0,0,0,1);}
- {CustomCSS}
- </style>
- </head>
- <body>
- <center>
- <div id="con">
- <div id="smolcon">
- <div class="previmgbg"></div>
- <img class="previmg" src="{image:previous url icon}">
- <a title="click to be redirected" href="http://{text:new url}.tumblr.com"><img class="nextimg" src="{image:new url icon}"></a>
- <a title="click to be redirected" href="http://{text:new url}.tumblr.com"><div class="urlcon">
- <div class="nucov"><div class="newurl">... to <span style="color:{color:new url colour}">{text:new url}</span></div></div>
- <div class="oucov"><div class="oldurl"><span style="color:{color:old url colour}">{text:old url}</span> has moved ...</div></div>
- </div><!--urlcon--></a>
- </div><!--smolcon-->
- </div><!--con-->
- </center>
- <a href="http://yukoki.tumblr.com"><div class="dog">* yukoki</div></a>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement