Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <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}">
- {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
- <meta name="image:top" content""/>
- <meta name="color:text" content""/>
- <meta name="color:links" content""/>
- <meta name="color:desc" content""/>
- <meta name="color:linkhover" content""/>
- <meta name="color:scrollbar" content""/>
- <meta name="color:border" content""/>
- <meta name="text:link1url" content""/>
- <meta name="text:link1name" content""/>
- <meta name="text:link2url" content""/>
- <meta name="text:link2name" content""/>
- <meta name="text:link3url" content""/>
- <meta name="text:link3name" content""/>
- <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
- <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('');
- 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>
- <style type="text/css">
- #fade { /*--Transparent background layer--*/
- display: none; /*--hidden by default--*/
- background: #000;
- background-image: url('http://3.bp.blogspot.com/--iKHyzdRz-w/USTaF2IviZI/AAAAAAAADFw/p0Y9Ykpouwc/s1600/debut_dark.png');
- position: fixed; left: 0; top: 0;
- width: 100%; height: 100%;
- opacity: .90;
- z-index: 9999;
- }
- .popup_block{
- display: none; /*--hidden by default--*/
- background: #fff;
- padding: 20px;
- border: 1px solid #ddd;
- letter-spacing: 1px;
- float: left;
- position: fixed;
- top: 50%; left: 50%;
- z-index: 99999;
- }
- body {
- font-family: times new;
- font-size: 10px;
- color: {color:text};
- margin: 0;
- }
- a {
- color: {color:links};
- text-decoration: none;
- }
- a:hover {
- color: {color:linkhover};
- -webkit-transition: all 0.5s ease;
- -moz-transition: all 0.5s ease;
- -o-transition: all 0.5s ease;
- }
- #content {
- position: fixed;
- top: 150px;
- right: 100px;
- height:350px;
- width:300px;
- overflow:auto;
- padding: 1px;
- opacity: 1;
- }
- .posts {
- padding: 19px;
- margin-top: 20px;
- overflow: hidden;
- background: #FFF;
- width: 250px;
- }
- .posts img {
- max-width: 100%;
- }
- .posts a {
- letter-spacing: 1px;
- }
- .themes {
- padding-top: 20px;
- padding-left: 00px;
- padding-bottom: 20px;
- height: 410px;
- top: 110px;
- left: 318px;
- position: fixed;
- overflow:auto;
- width: 550px;
- text-align: center;
- font-size: 10px;
- text-transform: uppercase;
- }
- .themes a {
- padding: 5px;
- opacity: 1;
- }
- .themes a:hover {
- opacity: .8;
- }
- .themes img {
- padding-bottom: 5px;
- }
- .themeposts {
- display: inline-block;
- width: 220px;
- margin-right: 47px;
- margin-left: 3px;
- border-bottom-style: double ;
- border-bottom-width: 3px;
- border-color: {color:border};
- padding-bottom: 5px;
- margin-bottom: 20px;
- }
- .themeposts img {
- width: 220px;
- }
- #top {
- background-image:url('{image:top}');
- position: fixed;
- top: 10px;
- left: 283px;
- width: 585px;
- height: 99px;
- text-align: justify;
- }
- #pagination {
- position: fixed;
- bottom: 120px;
- background-color: #fff;
- right: 100px;
- width: 300px;
- word-spacing: 10px;
- padding: 5px;
- margin-left: 0px;
- font-size:11px;
- text-align:center;
- opacity: 1;
- font-family: calibri;
- text-transform: uppercase;
- transition: all 0.7s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- }
- #description {
- background-color: #fff;
- width: 355px;
- margin-left: 60px;
- margin-top: 25px;
- padding: 8px;
- text-align: justify;
- line-height: 10px;
- font-family: times new;
- font-size: 70%;
- letter-spacing: 1px;
- opacity: .9;
- text-transform: uppercase;
- color: {color:desc};
- }
- #links {
- text-align: center;
- width: 80px;
- font-family: times new;
- letter-spacing: 1px;
- font-size: 70%;
- color: #fff;
- margin-top: -46px;
- margin-left: 445px;
- text-transform: uppercase;
- opacity: .9;
- transition: all 0.8s ease-out;
- -o-transition-transition: all 0.8s ease-out;
- -webkit-transition: all 0.8s ease-out;
- -moz-transition: all 0.8s ease-out;
- }
- #links a {
- color: #000;
- display: block;
- padding: 4px;
- background-color: #fff;
- opacity: .9;
- transition: all 0.5s ease-out;
- -o-transition-transition: all 0.5s ease-out;
- -webkit-transition: all 0.5s ease-out;
- -moz-transition: all 0.5s ease-out;
- }
- #info {
- text-transform: uppercase;
- font-size: 70%;
- letter-spacing: 1px;
- border-top: 1px solid #eee;
- font-family: times new;
- line-height: 3px;
- color: {color:links};
- text-align: left;
- padding-top: 5px;
- padding-right: 5px;
- }
- #albumart img {
- width: 50px;
- height: 50px;
- }
- #permalink {
- padding: 5px 10px 5px 10px;
- }
- blockquote {
- padding: 1px 1px 1px 10px;
- margin: 5px;
- }
- #captions {
- width:500px;
- text-align:justify;
- line-height:120%;
- }
- #audiocaptions {
- display: block;
- padding: 1px 10px 1px 10px;
- margin-top: 10px;
- {block:IfNotShowCaptions}
- {block:IndexPage}
- display: none;
- {/block:IndexPage}
- {/block:IfNotShowCaptions}
- }
- ::-webkit-scrollbar {background-color:#fff; height:8px; width:4px}
- ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
- ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
- #answer a {
- font-style: italic;
- }
- #credit a {
- position:fixed;
- bottom:5px;
- right:-52px;
- text-transform:uppercase;
- color:#666666;
- font-size:8px;
- width:80px;
- font-family:consolas;
- text-align:center;
- transition: all 0.7s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- }
- #credit a:hover {
- right: -3px;
- transition: all 0.7s ease-out;
- -o-transition-transition: all 0.7s ease-out;
- -webkit-transition: all 0.7s ease-out;
- -moz-transition: all 0.7s ease-out;
- }
- iframe#tumblr_controls {
- position: fixed !important;
- z-index: 9999;
- }
- #yolo {
- background-color: {color:scrollbar};
- color: #eee;
- width: 265px;
- padding-left: 20px;
- padding-right: 20px;
- padding-top: 5px;
- padding-bottom: 5px;
- font-size: 90%;
- text-transform: uppercase;
- letter-spacing: 1px;
- position: fixed;
- top: 130px;
- right: 100px;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div class="themes">
- <div class="themeposts">
- <img src="http://24.media.tumblr.com/c38b378ac906168cddf5f9157c6c6b87/tumblr_mkbsuaqsOh1rwapmjo1_500.jpg">
- <a href="/" target="_blank">live preview</a> / <a href="/" target="_blank">informations</a>
- </div>
- <div class="themeposts">
- <img src="http://24.media.tumblr.com/c38b378ac906168cddf5f9157c6c6b87/tumblr_mkbsuaqsOh1rwapmjo1_500.jpg">
- <a href="/" target="_blank">live preview</a> / <a href="/" target="_blank">informations</a>
- </div>
- <div class="themeposts">
- <img src="http://24.media.tumblr.com/c38b378ac906168cddf5f9157c6c6b87/tumblr_mkbsuaqsOh1rwapmjo1_500.jpg">
- <a href="/" target="_blank">live preview</a> / <a href="/" target="_blank">informations</a>
- </div>
- <div class="themeposts">
- <img src="http://24.media.tumblr.com/c38b378ac906168cddf5f9157c6c6b87/tumblr_mkbsuaqsOh1rwapmjo1_500.jpg">
- <a href="/" target="_blank">live preview</a> / <a href="/" target="_blank">informations</a>
- </div>
- <div class="themeposts">
- <img src="http://24.media.tumblr.com/c38b378ac906168cddf5f9157c6c6b87/tumblr_mkbsuaqsOh1rwapmjo1_500.jpg">
- <a href="/" target="_blank">live preview</a> / <a href="/" target="_blank">informations</a>
- </div>
- <div class="themeposts">
- <img src="http://24.media.tumblr.com/c38b378ac906168cddf5f9157c6c6b87/tumblr_mkbsuaqsOh1rwapmjo1_500.jpg">
- <a href="/" target="_blank">live preview</a> / <a href="/" target="_blank">informations</a>
- </div>
- </div>
- <div id="content">
- <div id="top">
- <div id="description">{Description}</div>
- <div id="links">
- <a href="{text:link1url}">{text:link1name}</a>
- <a href="#?w=450" rel="01" class="poplight">{text:link2name}</a>
- <a href="{text:link3url}">{text:link3name}</a>
- </div>
- </div>
- <div id="pagination">
- {block:Pagination}
- <div class="ha">
- {block:PreviousPage}
- <a href="{PreviousPage}">ยซ</a>
- {/block:PreviousPage}
- {block:JumpPagination length="5"}
- {block:CurrentPage}
- <span class="current_page">{PageNumber}</span>
- {/block:CurrentPage}
- {block:JumpPage}
- <a class="jump_page" href="{URL}">{PageNumber}</a>
- {/block:JumpPage}
- {/block:JumpPagination}
- {block:NextPage}
- <a href="{NextPage}">ยป</a>
- {/block:NextPage}
- </div>
- {/block:Pagination}
- </div>
- <div id="yolo">updates and answered questions</div>
- {block:Posts}
- <div class="posts">
- {block:Text}
- {block:Title}
- {Title}
- {/block:Title}
- {Body}
- {/block:Text}
- {block:Photo}
- <center>
- <img src="{PhotoURL-500}">
- </center>
- {block:Caption}
- <div id="captions">
- {Caption}</div>
- {/block:Caption}
- {/block:Photo}
- {block:Photoset}<center>{Photoset-500}</center>
- {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
- {block:Quote}
- โ{Quote}
- {block:Source}
- <br><br>โ{Source}
- {/block:Source}
- {/block:Quote}
- {block:Link}
- <a href="{URL}" {Target}>+ {Name}</a>
- {block:Description}
- {Description}
- {/block:Description}
- {/block:Link}
- {block:Answer}
- <center> <b>{Asker}</b>: <i>{Question}</i>
- <div id="answer">{Answer}</div></center>
- {/block:Answer}
- </div>
- <div id="info">
- {block:Date}
- {MonthNumberWithZero} / {DayOfMonthWithZero} / {Year}
- {/block:Date}
- {/block:ContentSource}
- {block:PermalinkPage}
- <span style="text-align:left;">{block:PostNotes}
- {PostNotes}
- {/block:PostNotes}</span>
- {/block:PermalinkPage}
- </div>
- {/block:Posts}
- <div id="credit"><a href="http://diaemonds.tumblr.com/">[C] diaemonds</a></div>
- </div>
- <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;}</style><a href="http://www.cursors-4u.com/" target="_blank" title="Small Grey Outline Pointer"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Small Grey Outline Pointer" style="position:absolute; top: 0px; right: 0px;" /></a>
- <div id="01" class="popup_block">
- i made an pop-up ask because it's just nicer. so search for class="popup_block" and change the text to whatever you want.. like some rules or something idk. and change the url diaemonsthemes after /ask_form/ to yours!!! or you wont get any messages :p
- </p><iframe frameborder="0" height="200" id="ask_form" scrolling="no" src="http://www.tumblr.com/ask_form/diaemondsthemes.tumblr.com" width="100%"></iframe></p>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement