Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head><title>{Title}</title>
- <link rel="shortcut icon" href="{Favicon}">
- <link rel="alternate" type="application/rss+xml" href="{RSS}">
- <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"><img src="http://static.tumblr.com/mdbfvxz/glIn9gih3/v.png" class="btn_close" title="Close" alt="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>
- <!--
- THEME BY JÚLIA // @mclahei
- Base code by @hogwat;
- YOU CAN:
- Tweak the code on your blog.
- Reblog/Like the original post.
- Come to me if you need any help.
- Take little parts of the code to get a desired effect. Keep in mind I mean /little/ parts only.
- Enjoy this theme :)
- YOU CAN'T:
- Repost any of the codes.
- Remove credit from view.
- Use this as a base code, as it was made from one that does not belong to me.
- -->
- <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
- <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
- <style type="text/css">
- body {
- background:#fff;
- font-family:'pixel';
- font-size:10px;
- color:#8c8c8c;
- background-image:url('http://static.tumblr.com/c32011641306a802acd58a1b5778c2b6/mdbfvxz/wOzn9g9ie/tumblr_static_6y0e9wr2xjwgk80gskgks0kk.png');
- }
- a {
- color:#8c8c8c;
- text-decoration:none;
- }
- a b{
- color:#ff5588;
- }
- b {
- font-weight:300;
- color:#ff5588;
- }
- strong {
- font-weight:300;
- color:#ff5588;
- }
- ::-webkit-scrollbar-thumb {
- background-color:#ff5588;
- height:5px;
- }
- ::-webkit-scrollbar {
- margin-left:20px;
- height: 5px;
- border-left:4px solid #fff;
- border-right:4px solid #fff;
- width: 9px;
- background-color:#ddd;
- }
- ::selection {color:#ff5588;}
- ::-moz-selection {color:#ff5588;}
- blockquote {
- border-left:1px solid #ededed;
- padding-left:10px;
- width:220px;
- margin-left:6px;
- }
- blockquote blockquote {
- width:200px;
- }
- h1 {
- font-family:'pixel';
- color:#8c8c8c;
- background:#f5f5f5;
- font-size:10px;
- text-transform:normal;
- font-weight:normal;
- padding:30px;
- margin-bottom:20px;
- text-align:center;
- }
- a:hover {
- text-decoration:none;
- color:#ff5588;
- }
- #bod {
- overflow:auto;
- height:280px;
- width:735px;
- margin-left:310px;
- margin-top:160px;
- }
- #text {
- background:#fff;
- width:120px;
- height:120px;
- }
- #dirt {
- opacity:0;
- background-image:url('http://static.tumblr.com/c32011641306a802acd58a1b5778c2b6/mdbfvxz/wOzn9g9ie/tumblr_static_6y0e9wr2xjwgk80gskgks0kk.png');
- width:85px;
- border:1px solid #aaa;
- box-shadow:rgba(0,0,0,0.07) 5px 5px;
- font-size:8px;
- height:58px;
- text-transform:uppercase;
- letter-spacing:2px;
- text-align:center;
- padding:5px;
- padding-top:35px;
- margin-left:20px;
- margin-top:20px;
- position:absolute;
- z-index:100;
- -webkit-transition: all 0.4s ease-in;
- -moz-transition: all 0.4s ease-in;
- -o-transition: all 0.4s ease-in;
- }
- #dirt a {
- letter-spacing:5px;
- padding:3px;
- border-bottom:1px solid #ddd;
- }
- #dirt a:hover {
- background:#ff5588;
- color:#fff;
- }
- #img img{
- position:absolute;
- }
- #img:hover #dirt {
- opacity:1;
- }
- #la {
- overflow:hidden;
- position:relative;
- }
- #la img {
- width:130px;
- padding:3px;
- background:#fff;
- border:1px solid #ddd;
- margin-left:0px;
- position:relative;
- margin-left:0px;
- }
- #lashton {
- z-index:100;
- padding-top:3px;
- padding-bottom:3px;
- padding-right:3px;
- border:1px solid #ddd;
- background:#f5f5f5;
- width:729px;
- padding-left:3px;
- position:fixed;
- margin-top:-40px;
- margin-left:0px;
- }
- #lashton img {
- float:right;
- padding:3px;
- opacity:0.7;
- }
- #lashton a:hover img {
- opacity:1;
- border-radius:2px;
- background:#ff5588;
- }
- #misty a{
- border-radius:0px;
- display:inline-block;
- opacity:1;
- font-size:10px;
- border:1px solid #ddd;
- text-align:center;
- color:#8c8c8c;
- padding-top:3px;
- padding:5px;
- background:#f5f5f5;
- }
- #misty a:hover {
- color:#fff;
- background:#ff5588;
- }
- #fade {
- background-image:url('http://static.tumblr.com/mdbfvxz/4Jon9gi7w/u.png');
- display: none;
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .80;
- z-index: 9999;
- }
- #asktit {
- padding:40px;
- margin-bottom:10px;
- margin-top:20px;
- background:#000;
- letter-spacing:1px;
- color:#fff;
- text-transform:uppercase;
- font-size:8px;
- }
- .popup_block{
- display: none;
- background-image:url('http://static.tumblr.com/c32011641306a802acd58a1b5778c2b6/mdbfvxz/wOzn9g9ie/tumblr_static_6y0e9wr2xjwgk80gskgks0kk.png');
- padding: 10px;
- border: 1px solid #ddd;
- float: left;
- font-size: 8px;
- font-family:'pixel';
- text-transform:uppercase;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- /*--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: 0px;
- -moz-border-radius: 0px;
- border-radius: 0px;
- }
- img.btn_close {
- float: right;
- margin: -40 -40px 0 0;
- }
- /*--Making IE6 Understand Fixed Positioning--*/
- *html #fade {
- position: absolute;
- }
- *html .popup_block {
- position: absolute;
- }
- {CustomCSS}
- @font-face {font-family:"pixel"; src: url("http://static.tumblr.com/mdbfvxz/P3yn9gfnf/04b_03_.ttf")}
- </style></head>
- <body>
- <div id="bod">
- <div id="lashton">
- <a href="http://mclahei.tumblr.com" title="credit"><img src="http://i.imgur.com/ZicuaCg.gif"></a>
- <a href="#?w=500" rel="02" class="poplight" title="message"><img src="http://i.imgur.com/vlaAYTu.gif"></a>
- <a href="/" title="home"><img src="http://i.imgur.com/DkJrGjF.gif"></a>
- </div>
- <span id="la">
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- </span><br>
- <span id="la">
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- </span><br>
- <span id="la">
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- </span><br>
- <span id="la">
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/4lbn9gbur/hol5.png"></span>
- <span id="img"><span id="dirt"><a href="URL">NAME<br><br></a>[optional text]</span><img src="http://static.tumblr.com/mdbfvxz/5fin9ge64/hol4.png"></span>
- </span>
- </div>
- </body>
- <div id="02" class="popup_block">
- <Center><div id="asktit">contact</div><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
- </center></div>
- </div></div></div></div></div></div></div></div></div></div>
- <div id="misty"><div style="position:fixed;bottom:5px; text-transform:normal;right:5px; font-size:10px; letter-spacing:2px; font-family:'pixel';"><a href="http://mclahei.tumblr.com" title="theme by júlia">theme</a></center></div></div>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement