Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!--
- Layout for ask page by spaqhetti-tacos, keep the credit please i worked hard on this!
- -->
- <html>
- <head>
- <script type="text/javascript"
- src="http://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('<a href="#" class="close"></a>');
- 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>
- <script type="text/javascript">
- </script>
- <style type="text/css">
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: 0;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- padding: 20px;
- box-shadow: 0px 0px 1px #333;
- border: 5px solid #fff;
- background-color: #eee;
- float: left;
- font-family: "calibri";
- color: #000;
- font-size: 15px;
- position: fixed;
- top: 60%; left: 55.5%;
- z-index: 999999999999999999999999999999999999999999;
- transition: all 0.4s ease-out;
- -o-transition-transition: all 0.4s ease-out;
- -webkit-transition: all 0.4s ease-out;
- -moz-transition: all 0.4s ease-out;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 0px #fff;
- -moz-box-shadow: 0px 0px 0px #fff;
- box-shadow: 0px 0px 3px #333;
- /*--CSS3 Rounded Corners--*/
- }
- img.btn_close {
- float: right;
- margin: 5 0px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- ::-webkit-scrollbar {width: 2px; height: 4px; background: #fff; }
- ::-webkit-scrollbar-thumb { background-color: #919191; -webkit-border-radius: 1ex; }
- a:link, a:active, a:visited{
- color: #000;
- text-decoration: none;
- -webkit-transition: color 0.3s ease-in;
- -moz-transition: color 0.3s ease-in;
- }
- a:hover {
- text-decoration: none;
- text-shadow: 0px 0px 6px #fff;
- font-style:;
- color: #ddd;
- }
- @font-face { font-family: "rose"; src: url('http://static.tumblr.com/zux19tj/NaYmhkpum/anjelika_rose_1_.ttf'); }
- @font-face { font-family: "ekhlas"; src: url('http://static.tumblr.com/vtg00tr/lLzmopqqe/dandelion_in_the_spring.ttf'); }
- #title {
- position:fixed !important;
- z-index: 2;
- overflow: hidden;
- opacity: 1;
- width: 850px;
- height: 30px;
- color: #000;
- background: #fff; /*--change background color for title box--*/
- padding: 10px;
- margin-left: 190px;
- margin-top: 20px;
- text-align: center;
- letter-spacing: 3px;
- font-size: 37px; /*--change font size--*/
- font-family: "ekhlas";
- border: 1px solid #ddd;
- box-shadow: 0px 0px 3px #333;
- text-transform: uppercase;
- -webkit-border-top-right-radius: 6px;
- -webkit-border-bottom-right-radius: 6px;
- -webkit-border-bottom-left-radius: 6px;
- -webkit-border-top-left-radius: 6px;
- -webkit-transition: all .5s ease-in-out;
- -moz-transition: all .5s ease-in-out;
- -o-transition: all .5s ease-in-out;
- transition: all .5s ease-in-out;
- }
- #aboutme {
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 3;
- width: 460px;
- height: 120px;
- color: ;
- box-shadow: 0px 0px 1px #333; /*--color for the shadow change it if you want (behind the #)--*/
- border: 5px solid #fff; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color: #eee; /*--change the background color--*/
- padding: 6px;
- margin-left: 480px;
- margin-top: 140px;
- font-family: "calibri";
- font-size: 15px;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- #picture {
- position:fixed !important;
- overflow: hidden;
- opacity: 3;
- z-index: 3;
- width: 150px;
- height: 150px;
- color: ;
- border: 2px solid #fff; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color: #eee; /*--change the background color--*/
- padding: 6px;
- margin-left: 230px;
- margin-top: 130px;
- font-family: "consolas";
- font-size: 13px;
- }
- #msg {
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 3;
- width: 460px;
- height: 160px;
- color: ;
- box-shadow: 0px 0px 1px #333; /*--color for the shadow change it if you want (behind the #)--*/
- border: 5px solid #fff;/*--increase the px number to make the border bigger or change the color after #--*/
- background-color: #eee;/*--change the background color--*/
- padding: 6px;
- margin-left: 480px;
- margin-top: 300px;
- font-family: "calibri";
- font-size: 15px;
- overflow-y: scroll;
- overflow-x: hidden;
- }
- #ask {
- position:fixed !important;
- z-index: 3;
- overflow: hidden;
- opacity: 1;
- width: 460px;
- line-height:35px;
- height: 28px;
- padding: 0px;
- padding-left:15px;
- text-align:center;
- box-shadow: 0px 0px 1px #333; /*--color for the shadow change it if you want (behind the #)--*/
- border: 5px solid #fff;/*--increase the px number to make the border bigger or change the color after #--*/
- background-color: #eee; /*--change the background color--*/
- margin-left: 480px;
- margin-top: 505px;
- font-family: ekhlas;
- font-size:22px;
- }
- #link1 {
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 2;
- width: 125px;
- height: 24px;
- color: #ddd:
- padding: 4px;
- padding-top:3px;
- text-align: center;
- border: 1px solid #ddd; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color:#fff; /*--change the background color--*/
- margin-left: 250px;
- margin-top: 320px;
- font-family: "rose";
- font-size: 20px;
- line-height: 20px;
- border-radius: 5px;
- }
- #link2 {
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 2;
- width: 125px;
- height: 24px;
- color: #ddd:
- padding: 4px;
- padding-top:3px;
- text-align: center;
- border: 1px solid #ddd; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color:#fff; /*--change the background color--*/
- margin-left: 250px;
- margin-top: 370px;
- font-family: "rose";
- font-size: 20px;
- line-height: 20px;
- border-radius: 5px;
- }
- #link3 {
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 2;
- width: 125px;
- height: 24px;
- color: #ddd:
- padding: 4px;
- padding-top:3px;
- text-align: center;
- border: 1px solid #ddd; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color:#fff; /*--change the background color!--*/
- margin-left: 250px;
- margin-top: 420px;
- font-family: "rose";
- font-size: 20px;
- line-height: 20px;
- border-radius: 5px;
- }
- #link4 {
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 2;
- width: 125px;
- height: 24px;
- color: #ddd:
- padding: 4px;
- padding-top:3px;
- text-align: center;
- border: 1px solid #ddd; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color:#fff; /*--change the background color--*/
- margin-left: 250px;
- margin-top: 470px;
- font-family: "rose";
- font-size: 20px;
- line-height: 20px;
- border-radius: 5px;
- }
- #link5{
- position:fixed !important;
- overflow: hidden;
- z-index:3;
- opacity: 2;
- width: 125px;
- height: 24px;
- color: #ddd:
- padding: 4px;
- padding-top:3px;
- text-align: center;
- border: 1px solid #ddd; /*--increase the px number to make the border bigger or change the color after #--*/
- background-color:#fff; /*--change the background color--*/
- margin-left: 250px;
- margin-top: 520px;
- font-family: "rose";
- font-size: 20px;
- line-height: 20px;
- border-radius: 5px;
- }
- /*--DONT TOUCH PLEASE--*/
- #credit {
- position:fixed !important;
- overflow: hidden;
- opacity: 1;
- width: 20px;
- height: 15px;
- color: #000:
- padding: 0px;
- padding-top: 7px;
- border: 1px solid #ddd;
- background-color:white;
- margin-left: -16px;
- margin-top: -16px;
- font-family: "calibri";
- font-size: 15px;
- line-height: 8px;
- text-align: center;
- border-radius:2p;
- }
- .sideback{
- position:fixed;
- margin-left:210px;
- top: 130px;
- background: #ddd;
- background-image:url("http://24.media.tumblr.com/c86b9569b947d5b82d8cdd0ec8996c9f/tumblr_moxg7kiXC81rec3f5o1_500.jpg");/*--change the background image by putting another url between the two " " or keep it!--*/
- height:455px;
- border: 3px solid #fff;
- -moz-box-shadow:10px 10px 5px #ddd;
- -webkit-box-shadow:10px 10px 5px #ddd;
- box-shadow:0px 0px 2px #333;
- opacity:5;
- width:200px;
- border-bottom:3px solid #fff;
- border-left: 3px solid #fff;
- border-right: 3px solid #fff;
- }
- .sideback1{
- position:fixed;
- margin-left:450px;
- top: 130px;
- background-image:url("http://24.media.tumblr.com/c86b9569b947d5b82d8cdd0ec8996c9f/tumblr_moxg7kiXC81rec3f5o1_500.jpg");/*--change the background image by putting another url between the two " " or keep it!--*/
- background-size:cover;
- height:455px;
- border: 3px solid #fff;
- -moz-box-shadow:10px 10px 5px #ddd;
- -webkit-box-shadow:10px 10px 5px #ddd;
- box-shadow:0px 0px 2px #333;
- opacity:5;
- width:530px;
- border-bottom:3px solid #fff;
- border-left: 3px solid #fff;
- border-right: 3px solid #fff;
- }
- body {
- background-image:url("http://static.tumblr.com/ko3o6ju/OC6lsn1qx/wood.jpg"); /*--change the background image by putting another url between the two " " or keep it!--*/
- background-size: cover;
- margin: 0;
- padding: 20px;
- }
- /*I RECCOMMEND TO NOT TOUCH ANY OF THIS LOLz*/
- #infscr-loading{
- bottom: -70px;
- position: absolute;
- left: 50%;
- margin-left:-8px;
- width:16px;
- height:11px;
- overflow:hidden;
- margin-bottom: 50px;
- }
- #postnotes{
- text-align: justify;}
- #postnotes blockquote{
- border: 0px;}
- blockquote{
- padding:0px 0px 2px 5px;
- margin:0px 0px 2px 10px;
- border-left: 1px dotted #555555;
- }
- blockquote p, ul{
- margin:0px;
- padding:0px;
- }
- a img{border: 0px;}
- ul, ol, li{list-style:none; margin:0px; padding:0px;}
- .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
- .user_7 .label, .user_8 .label, .user_9 .label {color:{color:text};}
- .notes img{width:20px; position:relative; top:3px;}
- <--ses-->
- small{font-size: 90%;}
- </style>
- <div id="title">
- PUT YOUR TITLE HERE
- </div>
- <div id="link1">
- <a href="PUT LINK1 HERE">link1 title</a>
- </div>
- <div id="link2">
- <a href="PUT LINK2 HERE">link2 title</a>
- </div>
- <div id="link3">
- <a href="PUT LINK3 HERE">link3 title</a>
- </div>
- <div id="link4">
- <a href="PUT LINK4 HERE">link4 title</a>
- </div>
- <div id="link5">
- <a href="http://spaqhetti-tacos.tumblr.com">Credit</a>
- </div>
- <div id="credit">
- <a href="http://spaqhetti-tacos.tumblr.com">©</a>
- </div>
- <div id="aboutme"> TYPE YOUR ABOUT ME here woot woot use < br > without spaces to create a new paragraph<br>
- like<br>
- this<br></div>
- <div id="picture">
- <a href="/"><img src="PICTURE URL HERE" align="left" style="width:147px; height:147px; border:2px solid #fff"></a></p></center>
- </div>
- <div id="msg">
- type in your faq here. if it's too long then a scrollbar will be provided yay.
- </div>
- <div id="ask">
- <a href='#?w=435' rel='02' class='poplight'">Click for ask box!</a>
- </div>
- <div class="sideback"></div>
- <div class="sideback1"></div>
- </body>
- <div id="02" class="popup_block">
- <iframe frameborder="0" scrolling="no" width="100%" height="190" src="http://www.tumblr.com/ask_form/PUT YOUR USER NAME HERE.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form"></iframe>
- <!--[if IE]>
- <script type="text/javascript">
- document.getElementById('ask_form').allowTransparency = true;
- </script>
- <![endif]-->
- </div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement