Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <meta http-equiv="x-dns-prefetch-control" content="off"/><link rel="stylesheet" type="text/css" href="http://assets.tumblr.com/fonts/gibson/stylesheet.css?v=3"><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/l3gbi5c/b99msgru4/sem_t__tulo-1.png" class="btn_close" title="To Close? here please." 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>
- <div style="position: fixed; font-size:11px;font-family:Calibri; padding: 2px; left: 2px; top: 6px;">
- <a href="http://helpdesigns.tumblr.com/" target="_blank" title="Theme por Helpdesigns"><b>@</b></a></div>
- <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/lEWnjf900/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/iVanjfdu9/final.png'); background-repeat: repeat-x; width:843px; margin-top:50px; height:519px; margin-left:250px;}
- .imagem1 {width:217px;height:246px;margin-left:359px;margin-top:-389px;position:fixed; overflow:hidden;-webkit-transition: all 0.5s ease-in-out;}
- .imagem1 img {position:fixed; display: block;width:205px;height:312px; -webkit-transition: all 0.5s ease-in-out;}
- .imagem2 {width:242px;height:246px;margin-left:573px;margin-top:-389px;position:fixed; overflow:hidden;-webkit-transition: all 0.5s ease-in-out;}
- .imagem2 img {position:fixed; display: block;width:202px;height:312px; -webkit-transition: all 0.5s ease-in-out;}
- .imagem3 {width:242px;height:246px;margin-left:785px;margin-top:-389px;position:fixed; overflow:hidden;-webkit-transition: all 0.5s ease-in-out;}
- .imagem3 img {position:fixed; display: block;width:202px;height:312px; -webkit-transition: all 0.5s ease-in-out;}
- .linkall {position:fixed;color:#9291a4;padding:3px;text-align:center;margin-top:0px;margin-left:200px;}
- .linkall a {font-family:'Baumans'; font-size:11px; color:#aaa;padding:3px; }
- .linkall a:hover {color:#97023c;background-color:;}
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background-color:#1c1c1c;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #ffffff;
- padding: 20px;
- float: left;
- font-size: 1.2em;
- position: fixed;
- top: 50%; left: 50%;
- z-index:10000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;background-color:#f1f1f1;
- /*--CSS3 Box Shadows--*/
- -webkit-box-shadow: 0px 0px 20px #000;
- -moz-box-shadow: 0px 0px 20px #000;
- box-shadow: 0px 0px 20px #000;
- /*--CSS3 Rounded Corners--*/
- -webkit-border-radius: 10px;
- -moz-border-radius: 10px;
- border-radius: 10px;
- }
- img.btn_close {
- float: right;
- margin: -22px -22px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- .juju { font-family:'Rouge Script'; font-size: 45px;; opacity:0.8; padding:1px;padding-bottom:2px; color:#97023c;text-align:center;}
- @font-face {font-family: 'Rouge Script';src: local('Rouge Script'), local('RougeScript-Regular'), url(http://fonts.gstatic.com/s/rougescript/v4/AgXDSqZJmy12qS0ixjs6V-gdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/rougescript/v4/AgXDSqZJmy12qS0ixjs6V3hCUOGz7vYGh680lGh-uXM.woff) format('woff');}
- .vish {display : block; font-family:'Baumans'; font-size: 11px; line-height: 15px; margin-bottom : 1px; vertical-align : middle; text-indent : 0px; padding: 2px 2px 2px 6px; background:#fff; color: #aaa; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; text-align: left; padding:5px 5px 5px 5px;}
- .vish a{color: #aaa;}
- @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');
- }
- </style>
- <body>
- <div id="header">
- </div>
- <div class="imagem1"><a href="#?w=500" rel="PrimeiraMode" class="poplight" title=""><img src="http://static.tumblr.com/fyc2dbo/JXdnjffbc/tumblr_nimqrill271s9sx29o1_500.jpg"></a></div></div>
- <div class="imagem2"><a href="#?w=500" rel="SegundaMode" class="poplight" title=""><img src="http://static.tumblr.com/fyc2dbo/F0unjffcq/tumblr_nilzbmpkjg1s9sx29o1_500.jpg"></a></div></div>
- <div class="imagem3"><a href="#?w=500" rel="TerceiraMode" class="poplight" title=""><img src="http://static.tumblr.com/fyc2dbo/bGanjffc0/tumblr_nimqok0fxq1s9sx29o1_500.jpg"></a></div></div>
- </div></div>
- <!-------------primeira moderadora-------------->
- <div id="PrimeiraMode" class="popup_block">
- <div class="juju">Nome da Moderadora</div>
- <div class="vish"> <img src="http://api.tumblr.com/v2/blog/URLDAMODERADORA.tumblr.com/avatar/96/" style="float:left;width:96px;height:96px;margin-right:5px; border:2 px solid #97023c; ">Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora<br></div>
- <div class="linkall">
- <a href="">link1</a>
- <a href="">link2</a>
- <a href="">link3</a>
- </div></div></div>
- <!-------------segunda moderadora-------------->
- <div id="SegundaMode" class="popup_block">
- <div class="juju">Nome da Moderadora</div>
- <div class="vish"> <img src="http://api.tumblr.com/v2/blog/URLDAMODERADORA.tumblr.com/avatar/96/" style="float:left;width:96px;height:96px;margin-right:5px; border:2 px solid #97023c; ">Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora<br></div>
- <div class="linkall">
- <a href="">link1</a>
- <a href="">link2</a>
- <a href="">link3</a>
- </div></div></div>
- <!-------------terceira moderadora-------------->
- <div id="TerceiraMode" class="popup_block">
- <div class="juju">Nome da Moderadora</div>
- <div class="vish"> <img src="http://api.tumblr.com/v2/blog/URLDAMODERADORA.tumblr.com/avatar/96/" style="float:left;width:96px;height:96px;margin-right:5px; border:2 px solid #97023c; ">Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora Descrição sobre a moderadora<br></div>
- <div class="linkall">
- <a href="">link1</a>
- <a href="">link2</a>
- <a href="">link3</a>
- </div></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement