Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <!--- Theme Reforma by Helpdesigns - Juliane Meira --->
- <html>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script>
- $(document).ready(function() {
- //
- //When you click on a link with class of poplight and the href starts with a #
- $('a.poplight[href^=#]').click(function() {
- var popID = $(this).attr('rel'); //Get Popup Name
- var popURL = $(this).attr('href'); //Get Popup href to define size
- //Pull Query & Variables from href URL
- var query= popURL.split('?');
- var dim= query[1].split('&');
- var popWidth = dim[0].split('=')[1]; //Gets the first query string value
- //Fade in the Popup and add close button
- $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://static.tumblr.com/fyc2dbo/Pufn974z0/sem_t__tulo-1.jpg" class="btn_close" title="Close Window" alt="Close" /></a>');
- //Define margin for center alignment (vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css
- var popMargTop = ($('#' + popID).height() + 80) / 2;
- var popMargLeft = ($('#' + popID).width() + 80) / 2;
- //Apply Margin to Popup
- $('#' + popID).css({
- 'margin-top' : -popMargTop,
- 'margin-left' : -popMargLeft
- });
- //Fade in Background
- $('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.
- $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies
- return false;
- });
- //Close Popups and Fade Layer
- $('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...
- $('#fade , .popup_block').fadeOut(function() {
- $('#fade, a.close').remove(); //fade them both out
- });
- return false;
- });
- });
- </script>
- <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
- <style type="text/css">
- body {background-color:#eee; font-family: verdana; color: ; text-align: center; font-size: 11px; background-image:url('http://static.tumblr.com/fyc2dbo/A8bnj9dx0/fundo.png'); background-attachment: fixed; overflow-y:hidden;
- 5.
- overflow-x:hidden;}
- a {color: #aaa; text-decoration: none; text-transform: none;}
- a:hover {color: #aaa; background-color: transparent; text-decoration: none;}
- #header {background: url('http://static.tumblr.com/fyc2dbo/Af8nj9f07/theme_em_psd.png'); background-repeat: repeat-x; width:492px; margin-top: 175px; height:200px; margin-left: 450px;}
- /*******Mexe no margin left desse codigo e troque a foto com a %*** *******/
- #botão {background: url('http://static.tumblr.com/fyc2dbo/K27nj9dzf/10.png'); background-repeat: no-repeat; width:55px; margin-top: -89px; height:55px; margin-left: 555px;z-index: 99999}
- /*** NÃO MEXA ***/
- #linksbolis {width: 190px; padding: 2px;margin-left: 780px; height:44px; margin-top: -109px; position: fixed;}
- #linksbolis a {float: left;font-family:'Baumans';font-size:11px;text-align: center; margin-bottom:2px; width: 44px;height:16px; color:#dbc3c8; line-height:16px; text-shadow: 0px 15px 1px transparent, 0px -15px 1px transparent;}
- #linksbolis a:hover{-webkit-transition: all .4s ease-in-out;color: #891d35;}
- @font-face {
- font-family: 'Baumans';
- font-style: normal;
- font-weight: 400;
- src: local('Baumans'), local('Baumans-Regular'), url(http://themes.googleusercontent.com/static/fonts/baumans/v3/3DEdKAl82M5rDSLBVcU5jA.woff) format('woff');
- }
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #0a0a0a;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #eee;
- padding: 20px;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index:10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000; background: #eee;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000; /*--Sombras--*/
- -moz-box-shadow: 0px 0px 20px #000; /*--Sombras--*/
- box-shadow: 0px 0px 20px #000; /*--Sombras--*/
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -17px -18px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .wishlist {font: 8px 'PF Arma Five'; line-height: 10px; text-indent : 5px; vertical-align : middle; no-repeat left; text-align: left; color:#aaa;
- padding-bottom : 2px;padding:5px; padding-left:1px; background:; -webkit-transition-duration: .80s; -moz-transition-duration: .80s; -o-transition-duration: .80s; -ms-transition-duration: .80s;}
- @font-face {src: url('http://static.tumblr.com/08l8cbl/bxDmeztw0/pf_arma_five.ttf'); font-family: PF Arma Five;}
- /**Se usar credite ao helpdesigns***/
- #parr a {float: left; display: block; letter-spacing:2px; font-size:11px; font-family:Calibri; text-align: center; margin-bottom:2px; margin-left:2px; color:#fff;text-decoration: none; line-height:37px;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; height:38px;width:38px;background-color:#dbc3c8;opacity: 0.7;}
- #parr a:hover { -webkit-transition: all 0.9s ease-out;opacity:0.8; color:#fff; font-weight:calibri;-webkit-transition: all 0.5s ease-out;background-color:#891d35}
- #parr:hover a {opacity: 0.4;}
- #parr a:hover {opacity: 1;-webkit-transition: background 0.9s linear; -webkit-transition: all 0.9s ease-out; -moz-transition: all 0.9s ease-out;}
- #s-m-t-tooltip {max-width:300px; padding:3px 4px 5px 4px;margin:15px 20px;background-color:#fff; font: 8px 'PF Arma Five'; text-transform:uppercase; color:#aaa; z-index:99999999999999999999999999; border: 1px solid #dbc3c8;}/*********helpdesigns******/
- .list {float:left;text-align: left; margin-left:4px;margin-bottom:4px;width: 250px;background: #eee; padding: 3px;margin-bottom: 1px;height:15px;line-height:15px;text-indent:4px;font-family:PF Arma Five;font-size: 8px;color:#aaa;border-left:3px solid #dbc3c8;}
- .list:hover{color:;text-shadow:none;-webkit-transition: all .4s ease-out;text-indent:20px;border-left:3px solid #891d35;}
- </style>
- <script type="text/javascript"
- src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
- <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
- <script>
- (function($){
- $(document).ready(function(){
- $("[title]").style_my_tooltips();
- });
- })(jQuery);
- </script>
- <body>
- <div id="header">
- </div>
- <div id="linksbolis">
- <a href="#?w=500" rel="motivo" class="poplight">Ask-me</a>
- <a href="#?w=500" rel="par" class="poplight">Partners</a>
- <a href="http://helpdesigns.tumblr.com/">Credits</a>
- </div>
- <div id="botão"></div>
- </body>
- <div id="motivo" class="popup_block">
- <div class="wishlist"><p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com/ask" width="100%"></iframe></p></div>
- </div></div></div>
- <div id="par" class="popup_block"><center><div id="parr">
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- <a href="/" title="Nome">??</a>
- </div></center>
- </div></div></div></div></div></div>
- </div></div></div>
- </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement