Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
- <!--
- DOORS REDIRECT PAGE THEME BY COCORINI (https://cocorini.tumblr.com).
- PLEASE DON'T REMOVE THE CREDITS. THANK YOU!
- Edit your content under '<body>' (Use the CTRL + F [Windows] or Command + F [Mac] to find it).
- PATTERNS: https://www.cocorini.tumblr.com
- IMAGES: https://www.san-x.co.jp
- -->
- <style type="text/css">
- /* BACKGROUND */
- body {
- background-image: url('https://31.media.tumblr.com/40f9eb4aacdf99b169dc56d53ef1f0ca/tumblr_inline_nke2v5jru21rnjuep.png');
- background-attachment: fixed;
- }
- ::-webkit-scrollbar-thumb:vertical {
- background-color: #eed7bd;
- height: auto;
- }
- ::-webkit-scrollbar-thumb:horizontal {
- background-color: #eed7bd;
- height: auto;
- }
- ::-webkit-scrollbar {
- height: 3px;
- width: 3px;
- background-color: #fff;
- }
- #bottom {
- position: fixed;
- bottom: 0px;
- left: 0px;
- background-color: #eee;
- width: 100%;
- height: 380px;
- border-top: 15px solid #ded0c9;
- background-image: url('https://31.media.tumblr.com/ec60827356322436d0d52849e76a780e/tumblr_inline_nke2x9vgCd1rnjuep.png');
- }
- /* MAIN CONTENT */
- #content {
- margin: auto;
- bottom: 235px;
- width: 465px;
- height: 220px;
- position: relative;
- }
- #trees {
- position: absolute;
- left: -100px;
- margin-top: 120px;
- }
- #trees img {
- max-width: 100px;
- }
- #rabbit {
- position: absolute;
- right: -60px;
- margin-top: 160px;
- }
- /* 1ST DOOR */
- #door1 {
- position: absolute;
- margin-left: 20px;
- width: 140px;
- height: 215px;
- background-color: #fff;
- border-left: 5px solid #e3e3e3;
- border-top: 5px solid #e3e3e3;
- border-right: 5px solid #e3e3e3;
- background-image: url('https://31.media.tumblr.com/818ed3e33430bd4b3028f4d506fdc347/tumblr_inline_nkaskdIULQ1rnjuep.png');
- }
- #door1window {
- margin-top: 20px;
- margin-left: 20px;
- width: 94px;
- height: 74px;
- background-color: #fff;
- border: 3px solid #e3e3e3;
- }
- #door1round {
- border-radius: 20px;
- width: 14px;
- height: 15px;
- background-color: #cfd8d2;
- margin-top: 8px;
- margin-left: 115px;
- padding: 2px 2px 2px 4px;
- color: #fff;
- }
- #door1name {
- position: absolute;
- width: 150px;
- padding: 10px;
- background-color: #eee;
- color: #888;
- margin-top: 50px;
- margin-left: -16px;
- text-align: center;
- font-family: 'Montserrat', sans-serif;
- text-transform: uppercase;
- font-size: 10px;
- letter-spacing: 2px;
- border: 2px solid #fff;
- box-shadow: 0px 0px 0px 2px #e3e3e3;
- border-radius: 10px;
- }
- #door1circle {
- position: absolute;
- margin-top: 30px;
- margin-left: 65px;
- width: 10px;
- height: 10px;
- border-radius: 10px;
- background-color: #e3e3e3;
- z-index: 99;
- }
- #door1hang1 {
- position: absolute;
- width: 3px;
- height: 18px;
- background-color: #e3e3e3;
- margin-top: 35px;
- margin-left: 60px;
- -webkit-transform: rotate(220deg);
- -moz-transform: rotate(220deg);
- -o-transform: rotate(220deg);
- }
- #door1hang2 {
- position: absolute;
- width: 3px;
- height: 18px;
- background-color: #e3e3e3;
- margin-top: 35px;
- margin-left: 77px;
- -webkit-transform: rotate(140deg);
- -moz-transform: rotate(140deg);
- -o-transform: rotate(140deg);
- }
- #door1block1 {
- margin-top: 8px;
- margin-left: 20px;
- width: 94px;
- height: 60px;
- border: 3px solid #e3e3e3;
- background-color: #fff;
- }
- #door1block2 {
- position: absolute;
- width: 70px;
- padding: 5px;
- background-color: #eee;
- margin-top: 20px;
- margin-left: 30px;
- text-align: center;
- font-family: 'Montserrat', sans-serif;
- text-transform: uppercase;
- font-size: 10px;
- letter-spacing: 2px;
- color: #aaa;
- }
- /* 2ND DOOR */
- #door2 {
- position: absolute;
- margin-left: 290px;
- width: 140px;
- height: 215px;
- background-color: #fff;
- border-left: 5px solid #ebd3b0;
- border-top: 5px solid #ebd3b0;
- border-right: 5px solid #ebd3b0;
- background-image: url('https://31.media.tumblr.com/db545611ba9e8a42ef772b940ecd87a1/tumblr_inline_nke1xvyw0E1rnjuep.png');
- }
- #door2window {
- margin-top: 20px;
- margin-left: 20px;
- width: 94px;
- height: 74px;
- background-color: #fff;
- border: 3px solid #ebd3b0;
- }
- #door2round {
- width: 14px;
- height: 15px;
- border-radius: 20px;
- background-color: #c8916c;
- margin-top: 8px;
- margin-left: 115px;
- padding: 2px 2px 2px 4px;
- color: #fff;
- }
- #door2circle {
- position: absolute;
- margin-top: 30px;
- margin-left: 65px;
- width: 10px;
- height: 10px;
- border-radius: 10px;
- background-color: #e5dbb3;
- z-index: 99;
- }
- #door2hang1 {
- position: absolute;
- width: 3px;
- height: 18px;
- background-color: #e5dbb3;
- margin-top: 35px;
- margin-left: 60px;
- -webkit-transform: rotate(220deg);
- -moz-transform: rotate(220deg);
- -o-transform: rotate(220deg);
- }
- #door2hang2 {
- position: absolute;
- width: 3px;
- height: 18px;
- background-color: #e5dbb3;
- margin-top: 35px;
- margin-left: 77px;
- -webkit-transform: rotate(140deg);
- -moz-transform: rotate(140deg);
- -o-transform: rotate(140deg);
- }
- #door2name {
- position: absolute;
- width: 150px;
- padding: 10px;
- background-color: #f0ead3;
- margin-top: 50px;
- margin-left: -16px;
- text-align: center;
- font-family: 'Montserrat', sans-serif;
- text-transform: uppercase;
- font-size: 10px;
- letter-spacing: 2px;
- border: 2px solid #fff;
- box-shadow: 0px 0px 0px 2px #e5dbb3;
- z-index: 99999;
- color: #ae874e;
- border-radius: 10px;
- }
- #door2block1 {
- margin-top: 8px;
- margin-left: 20px;
- width: 94px;
- height: 60px;
- border: 3px solid #ebd3b0;
- background-color: #fff;
- }
- #door2block2 {
- position: absolute;
- width: 70px;
- padding: 5px;
- background-color: #bad07e;
- color: #fff;
- margin-top: 20px;
- margin-left: 30px;
- text-align: center;
- font-family: 'Montserrat', sans-serif;
- text-transform: uppercase;
- font-size: 10px;
- letter-spacing: 2px;
- text-shadow: 1px 1px 1px #888;
- }
- #door2open {
- opacity: 0;
- position: absolute;
- width: 140px;
- height: 215px;
- margin-top: -5px;
- margin-left: -5px;
- background-color: #fff;
- border-left: 5px solid #ecdcd7;
- border-top: 5px solid #ecdcd7;
- border-right: 5px solid #ecdcd7;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #door2:hover #door2open {
- opacity: 1;
- z-index: 9999;
- }
- #door2link {
- display: inline-block;
- opacity: 0;
- position: absolute;
- width: 70px;
- padding: 5px;
- background-color: #bad07e;
- margin-top: 20px;
- margin-left: 30px;
- text-align: center;
- font-family: 'Montserrat', sans-serif;
- text-transform: uppercase;
- font-size: 10px;
- letter-spacing: 2px;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;
- }
- #door2link a {
- color: #fff;
- text-shadow: 1px 1px 1px #888;
- text-decoration: none;
- }
- #door2:hover #door2link {
- opacity: 1;
- z-index: 9999;
- }
- /* MIDDLE SIGN */
- #sign {
- position: absolute;
- padding: 5px;
- line-height: 12px;
- width: 60px;
- margin-top: 130px;
- margin-left: 195px;
- background-color: #e1b7a4;
- color: #fff;
- font-size: 9px;
- font-family: 'Montserrat', sans-serif;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 1px;
- }
- #signblock {
- position: absolute;
- background-color: #e1b7a4;
- width: 15px;
- height: 60px;
- margin-left: 222px;
- margin-top: 160px;
- }
- #bird {
- position: absolute;
- margin-top: 92px;
- margin-left: 205px;
- }
- #credit a {
- position: fixed;
- bottom: 8px;
- right: 10px;
- font-size: 10px;
- color: #9d856e;
- z-index: 9999;
- text-shadow: 1px 1px 1px #fff;
- text-decoration: none;
- }
- </style>
- </head>
- <body>
- <div id="bottom">
- <div id="content">
- <div id="trees"><img src="https://31.media.tumblr.com/ac5b03d0716a4b05cc950388c4c18dae/tumblr_inline_nke3xsYgNc1rnjuep.png"></div>
- <div id="rabbit"><img src="https://31.media.tumblr.com/58afcf1241a3b622865406437accd313/tumblr_inline_nke4mzZRQh1rnjuep.png"></div>
- <div id="door1">
- <div id="door1circle"></div><div id="door1hang1"></div><div id="door1hang2"></div>
- <!-- Change this to your previous blog name -->
- <div id="door1name">YOUR-OLD-URL-NAME</div>
- <div id="door1window"></div><div id="door1round">❖</div>
- <div id="door1block2">CLOSED</div><div id="door1block1"></div>
- </div>
- <div id="bird"><img src="https://31.media.tumblr.com/ce58d6010090a4881bb888115e7f45ad/tumblr_inline_nke441UjZj1rnjuep.png"></div>
- <div id="sign">HAS<br>MOVED TO</div><div id="signblock"></div>
- <div id="door2">
- <div id="door2circle"></div><div id="door2hang1"></div><div id="door2hang2"></div>
- <!-- Change this to your new blog name -->
- <div id="door2name">YOUR-NEW-URL-NAME</div>
- <div id="door2open"></div>
- <div id="door2window"></div><div id="door2round">❖</div>
- <div id="door2block2">OPEN</div>
- <!-- Change this to your new blog URL inside the <a href=""> -->
- <div id="door2link"><a href="YOUR NEW BLOG URL">ENTER</a></div>
- <div id="door2block1"></div>
- </div>
- </div></div> <!-- PLEASE KEEP THIS HERE -->
- <div id="credit"><a href="https://cocorini.tumblr.com" target="_blank">☂</a></div> <!-- PLEASE LEAVE THIS HERE. THANK YOU -->
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement