API tools faq
paste
Advertisement
alaskayoun

theme 005

alaskayoun
Jun 23rd, 2014
235
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. theme by scottsvmmers
  5. -->
  6.  
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head>
  10.  
  11. <title>{title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  14. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  15.  
  16. <meta name="color:text" content="#000000" />
  17. <meta name="color:link" content="#000000" />
  18. <meta name="color:hover" content="#000000" />
  19. <meta name="color:background" content="#ffffff" />
  20.  
  21. <meta name="font:Body" content="Arial, Helvetica, sans-serif" />
  22.  
  23. <meta name="if:popup links" content="1" />
  24.  
  25. <meta name="text:linkA" content="" />
  26. <meta name="text:linkA url" content="" />
  27. <meta name="text:linkB" content="" />
  28. <meta name="text:linkB url" content="" />
  29. <meta name="text:linkC" content="" />
  30. <meta name="text:linkC url" content="" />
  31. <meta name="text:linkD" content="" />
  32. <meta name="text:linkD url" content="" />
  33. <meta name="text:linkE" content="" />
  34. <meta name="text:linkE url" content="" />
  35. <meta name="text:linkF" content="" />
  36. <meta name="text:linkF url" content="" />
  37. <meta name="text:linkG" content="" />
  38. <meta name="text:linkG url" content="" />
  39. <meta name="text:linkH" content="" />
  40. <meta name="text:linkH url" content="" />
  41. <meta name="text:linkI" content="" />
  42. <meta name="text:linkI url" content="" />
  43. <meta name="text:linkJ" content="" />
  44. <meta name="text:linkJ url" content="" />
  45. <meta name="text:linkK" content="" />
  46. <meta name="text:linkK url" content="" />
  47. <meta name="text:popuplink name" content="etc"/>
  48.  
  49.  
  50. <link href='http://fonts.googleapis.com/css?family=Lato:100,300|Raleway:100' rel='stylesheet' type='text/css'>
  51. <head>
  52. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  53. <script src="http://static.tumblr.com/taiol9r/FKKmcv180/jquery.style-my-tooltips.js"></script>
  54. <script>
  55. $(document).ready(function() {
  56. //
  57. $('a.poplight[href^=#]').click(function() {
  58. var popID = $(this).attr('rel'); //Get Popup Name
  59. var popURL = $(this).attr('href'); //Get Popup href to define size
  60. var query= popURL.split('?');
  61. var dim= query[1].split('&');
  62. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  63. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close">X</a>');
  64. var popMargTop = ($('#' + popID).height() + 80) / 2;
  65. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  66. //Apply Margin to Popup
  67. $('#' + popID).css({
  68. 'margin-top' : -popMargTop,
  69. 'margin-left' : -popMargLeft
  70. });
  71. $('body').append('<div id="fade"></div>');
  72. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  73. return false;
  74. });
  75. $('a.close, #fade').live('click', function() {
  76. $('#fade , .popup_block').fadeOut(function() {
  77. $('#fade, a.close').remove(); //fade them both out
  78. });
  79. return false;
  80. });
  81. });
  82. </script>
  83. <style type="text/css">
  84. #fade {display: none;background: #000;position: fixed; left: 0; top: 0;width: 100%; height: 100%;opacity: .80;z-index: 9999;}
  85. .popup_block{display: none;background: #fff;float: left;font-size: 1.2em;position: fixed;top: 50%; left: 50%;z-index: 99999;}
  86. .close {position: fixed;top: 0px; right: 0;color:white;width: 40px;font-size: 47px;font-family:Lato;font-weight:100;padding:50px 55px;text-align: center;cursor: help;text-transform:uppercase;display: block;-ms-transform: scale(1.2,1);-webkit-transform: scale(1.2,1);transform: scale(1.2,1); }
  87. *html #fade {position: absolute;}
  88. *html .popup_block {position: absolute;}
  89. #s-m-t-tooltip{max-width:300px; z-index:10; margin:14px 10px 5px 15px;
  90. padding:5px; background-color:#f9f9f9; text-transform:lowercase; opacity:0.6; font-family:'arial'; text-transform:lowercase;font-size:9px; color:#000;}
  91. ::-webkit-scrollbar-thumb{background-color: #000;height:auto;border-left:4px solid #fff;border-right:4px solid #fff;height:auto;}
  92. ::-webkit-scrollbar {height:auto;width:11px;background-color: #000;border:5px solid #ffffff;}
  93. iframe#tumblr_controls { white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:1;}
  94. body {background:{color:background};font-family:{font:Body};color:{color:text};font-size:11px;margin-left:20px;width:500px;}
  95. a {color:{color:link};text-decoration:none;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  96. a:hover {color:{color:hover};cursor:help;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  97. blockquote {border-left:1px solid #000;padding:20px;}
  98. #container{margin-top:200px;margin-left:-250px;position:absolute;left:50%;margin-bottom:150px;}
  99. #posts {margin-top:50px;margin-left:10px;}
  100. .post { width:500px;padding:10px; margin-top:50px;overflow:hidden; }
  101. #header{background-color:white;padding:10px;padding-top:20px;height:150px;width:500px;margin-top:-5px;}
  102. .htitle{font-size:40px;margin-left:-3px; line-height:40px;width:500px;font-weight:100;background-color:{color:background};font-family:'lato';text-transform:uppercase;}
  103. .desc{text-align:justify;padding-top:10px;font-size:10px;height:10px;padding-bottom:-1px;}
  104. .nav{margin-top:10px;font-size:12px;border-bottom:1px solid #eee;border-top:1px solid #eee;text-align:center;padding:10px;width:500pxposition:absolute;text-transform:uppercase;font-weight:300;}
  105. .nav a{border-bottom:1px solid #d8d8d8;border-top:1px solid #eee;padding-bottom:-1px;padding:10px;font-family:'lato';-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  106. .nav a:hover{border-bottom:1px solid black;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  107. .nav2{position:fixed; top:0;width:500px;background-color:white;margin-top:0px;}
  108. #details{font-size:9px;text-transform:lowercase;text-align:center;margin-top:25px;width:500px;opacity:0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  109. .post:hover #details{opacity:1;-webkit-transition: all 0.5s ease-out;o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  110. .post:hover #tags {opacity:1;-webkit-transition: all 0.5s ease-out;o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  111. #tags{margin-top:10px;text-align:center;opacity:0;width:500px;margin-left:6px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  112. #tags a{font-size:11px;padding-bottom:3px;border-bottom:1px solid #eee;}
  113. #tags a:hover{text-decoration:none;border-bottom:1px solid #000;}
  114. h3 {font-weight:normal;font-family:'lato';font-size:25px;line-height:25px;text-transform:uppercase;}
  115. #caption{ margin-top:0px;}
  116. #source {margin-top:-5px;font-style:italic;}
  117. ol.notes {padding: 0px;margin: 25px 0px;list-style-type: none;border-bottom: solid 1px #ccc;}
  118. ol.notes li.note {border-top: solid 1px #ccc;font-weight:normal;padding: 10px;}
  119. ol.notes li.note a{font-weight:bold;}
  120. ol.notes li.note img.avatar {vertical-align: -4px;margin-right: 10px;width: 16px;height: 16px;}
  121. ol.notes li.note span.action {font-weight: normal;}
  122. ol.notes li.note .answer_content {font-weight: normal;}
  123. ol.notes li.note blockquote {border-color: #eee;padding: 4px 10px;margin: 10px 0px 0px 25px;}
  124. ol.notes li.note blockquote a {text-decoration: none;}
  125. #etc {background-color:white;color:black;font-size:11px;width:500px;padding:10px;text-align:center;padding:20px;padding-bottom:30px;}
  126. #etc a {display:inline-block;border-bottom:1px solid #dedede;border-right:1px solid #dedede;border-top:1px solid #f9f9f9;border-left:1px solid #f9f9f9;background-color:#f9f9f9;padding:10px;font-family:arial;font-size:11px;color:#929292;text-transform:lowercase;margin-top:10px;}
  127. #etc a:hover{color:#929292;border-top:1px solid #dedede;border-left:1px solid #dedede;border-bottom:1px solid #f9f9f9;border-right:1px solid #f9f9f9;background-color:#f2f2f2;}
  128. #question {border-bottom:1px solid #eee; padding-bottom:10px;}
  129. #question a{font-size:12px;}
  130. #question a:hover{color:#ccc;-webkit-transition: all 0.5s ease-out;o-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;}
  131. </style>
  132. </head>
  133. <script>
  134. (function($){
  135. $(document).ready(function(){
  136. $("[title]").style_my_tooltips({
  137. tip_follows_cursor:true,
  138. tip_delay_time:100,
  139. tip_fade_speed:500,
  140. });
  141. });
  142. })(jQuery);
  143. </script>
  144. <script type="text/javascript"
  145. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  146. <script>
  147. $(document).ready(function(){
  148. $(window).bind('scroll', function(){
  149. if($(window).scrollTop() > 310){
  150. $('.nav').addClass('nav2');
  151. }
  152.  
  153. else{
  154. $('.nav').removeClass('nav2');
  155. }
  156. });
  157. });
  158. </script>
  159. <body>
  160. <div id="container">
  161. <div id="header">
  162. <span class="htitle">{title}</span>{block:Pagination}{block:NextPage}&nbsp;<a href="{NextPage}">+</a>{/block:NextPage}{block:PreviousPage}&nbsp;&nbsp;<a href="{PreviousPage}">-</a>{/block:PreviousPage}{/block:Pagination}
  163. <div class="desc">{block:Description}{Description}{/block:Description}
  164. <div class="nav">
  165. <a href="/">home</a>&nbsp;&nbsp;&nbsp;
  166. <a href="/ask">askbox</a>&nbsp;&nbsp;&nbsp;
  167. {block:iflinkA}<a href="{text:linkA url}">{text:linkA}</a>&nbsp;&nbsp;&nbsp;{/block:iflinkA}
  168. {block:ifnotpopuplinks}{block:iflinkB}<a href="{linkB url}">{text:linkB}</a>{/block:iflinkB}{/block:ifnotpopuplinks}
  169. {block:ifpopuplinks}<a href="#?w=500" rel="03" class="poplight">{text:popuplink name}</a>{/block:ifpopuplinks}
  170.  
  171. </div>
  172. </br>
  173. </div></div>
  174.  
  175. <div id="posts">
  176. {block:Posts}
  177.  
  178. <div class="post">
  179. {block:Text}
  180. {block:Title}<h3>{Title}</h3>{/block:Title}
  181. <div id="caption">{Body}</div>
  182. {/block:Text}
  183.  
  184. {block:Photo}
  185. {LinkOpenTag}
  186. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  187. {LinkCloseTag}
  188. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  189. {/block:Photo}
  190.  
  191. {block:Photoset}
  192. {Photoset-500}
  193. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  194. {/block:Photoset}
  195.  
  196. {block:Quote}
  197. <h3>{Quote}</h3>
  198. {block:Source}<div id="source">―{Source}</div>{/block:Source}
  199. {/block:Quote}
  200.  
  201. {block:Link}
  202. <h3><a href="{URL}" target="_blank">{Name}</a></h3>
  203. {block:Description}<div id="caption">{Description}</div>{/block:Description}
  204. {/block:Link}
  205.  
  206. {block:Chat}{block:Title}<h3>{Title}</h3>{/block:Title}<p>
  207. <div style="margin:-10px 0px;">
  208. {block:Lines}<div style=" padding:7px 3px; ">{block:Label}<span style="text-transform: uppercase;font-family: arial; letter-spacing: 1px;">{Label}</span>{/block:Label}&nbsp;{Line}<br></div>{/block:Lines}</div><br />{/block:Chat}
  209.  
  210. {block:Audio}
  211. {AudioPlayerBlack}
  212. {block:Caption}{Caption}{/block:Caption}
  213. {/block:Audio}
  214.  
  215. {block:Video}
  216. {Video-500}
  217. {block:Caption}{Caption}{/block:Caption}
  218. {/block:Video}
  219.  
  220. {block:Answer}
  221. <div id="question">{Asker} said: {Question}</div>
  222. <div id="answer">{Answer}</div>
  223. {/block:Answer}
  224.  
  225. <div id="details">{block:Date}<span style="font-weight:bold;text-transform:none;"><a href="{Permalink}">{ShortMonth} {MonthNumberWithZero}</a></span>{/block:Date}
  226.  
  227. {block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{/block:RebloggedFrom}
  228.  
  229. {block:NoteCount} <font style="color:red;font-size:12px">♥</font> {NoteCount}{/block:NoteCount}
  230. </div>
  231. {block:HasTags}<div id="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{/block:Tags}</div>{/block:HasTags}
  232.  
  233. {block:PermalinkPage}
  234.  
  235. {block:PostNotes}
  236. {PostNotes}
  237. {/block:PostNotes}
  238.  
  239. {/block:PermalinkPage}
  240.  
  241. {block:ContentSource}
  242. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  243. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  244. {/block:SourceLogo}
  245. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  246. {/block:ContentSource}
  247.  
  248. </div>
  249.  
  250. {/block:Posts}
  251.  
  252. </div></div></div>
  253.  
  254. <div style="font-family:helvetica; font-weight:bold; font-size:8px;bottom:25px;right:25px;position:fixed"><a href="http://xaviers.co.vu" title="theme by scottsvmmers">SS</a></div>
  255.  
  256. </body>
  257. <div id="03" class="popup_block">
  258. <div id="etc">
  259. {block:iflinkB}<a href="{text:linkB url}">{text:linkB}</a>{/block:iflinkB}
  260. &nbsp;
  261. {block:iflinkC}<a href="{text:linkC url}">{text:linkC}</a>{/block:iflinkC}
  262. &nbsp;
  263. {block:iflinkD}<a href="{text:linkD url}">{text:linkD}</a>{/block:iflinkD}
  264. &nbsp;
  265. {block:iflinkE}<a href="{text:linkE url}">{text:linkE}</a>{/block:iflinkE}
  266. &nbsp;
  267. {block:iflinkF}<a href="{text:linkF url}">{text:linkF}</a>{/block:iflinkF}
  268. &nbsp;
  269. {block:iflinkG}<a href="{text:linkG url}">{text:linkG}</a>{/block:iflinkG}
  270. &nbsp;
  271. {block:iflinkH}<a href="{text:linkH url}">{text:linkH}</a>{/block:iflinkH}&nbsp;
  272. {block:iflinkI}<a href="{text:linkI url}">{text:linkI}</a>{/block:iflinkI}
  273. &nbsp;
  274. {block:iflinkJ}<a href="{text:linkJ url}">{text:linkJ}</a>{/block:iflinkJ}
  275. &nbsp;
  276. {block:iflinkK}<a href="{text:linkK url}">{text:linkK}</a>{/block:iflinkK}
  277. </div>
  278.  
  279. </div>
  280. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!