Advertisement
Guest User

themecrook003

a guest
Sep 16th, 2013
88
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.50 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>{Title}</title>
  4. <link rel="shortcut icon" href="http://i326.photobucket.com/albums/k440/wanlissa/images_zpsa6f4e839.png">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}
  7. <meta name="description" content="{MetaDescription}" />
  8. {/block:Description}
  9.  
  10. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  11. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  12. <script type="text/javascript" charset="utf-8">
  13. var $j = jQuery.noConflict();
  14. $j(function() {
  15. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  16. $j("img").lazyload({
  17. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  18. effect: "fadeIn",
  19. });
  20. });
  21. </script>
  22. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
  23. <script type="text/javascript">
  24. $(window).load(function(){
  25. $("p").remove(":contains('Source:')");
  26. $("p").remove(":contains('(via')");
  27. });
  28. </script>
  29. <script type="text/javascript">
  30. jQuery(document).ready(function() {
  31. jQuery(".postnotes").hide();
  32. //toggle the componenet with class msg_body
  33. jQuery(".viewnotes").click(function()
  34. {
  35. jQuery(this).next(".postnotes").slideToggle(700);
  36. });});
  37. </script>
  38.  
  39. <!-- DEFAULT COLORS -->
  40. <meta name="color:Text" content="#000000"/>
  41. <meta name="color:Links" content="#ffffff"/>
  42. <meta name="color:Accent" content="#000000"/>
  43.  
  44. <meta name="font:Body" content="Helvetica"/>
  45.  
  46. <meta name="if:Show Icon" content="0"/>
  47. <meta name="if:Endless Scroll" content="0"/>
  48. <meta name="if:Show Icon" content="0"/>
  49.  
  50. <style type="text/css">
  51. body{
  52. text-align:justify;
  53. font-family:verdana;
  54. font-size: 10px;
  55. line-height:16px;
  56. text-transform:lowercase;
  57. color:{color:text};
  58. background-color:#ffffff;
  59. }
  60. ::-webkit-scrollbar-thumb:vertical {
  61. background-color:{color:Links};
  62. height:100px;
  63. }
  64. ::-webkit-scrollbar-thumb:horizontal {
  65. background-color:{color:Links};
  66. height:10px !important;
  67. }
  68. ::-webkit-scrollbar {
  69. height:10px;
  70. width:5px;
  71. background-color:#fff;
  72. }
  73. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  74.  
  75. a{
  76. text-decoration:none;
  77. color:{color:Text};
  78. }
  79. {block:PermalinkPage}
  80. a:hover{
  81. text-decoration:none;
  82. color:{color:Text};
  83. }
  84. {/block:PermalinkPage}
  85.  
  86. img {
  87. border:none;
  88. margin:0px;
  89. padding:0px;
  90. }
  91. a img {
  92. -webkit-transition: opacity 0.3s linear;
  93. border-width:0;
  94. outline: none !important;
  95. }
  96. #entry{
  97. -webkit-transition: opacity 0.3s linear;
  98. width:500px;
  99. margin-bottom:25px;
  100. }
  101. #entry img{
  102. width:500px;
  103. }
  104. .blogtitle{
  105. display:none;
  106. }
  107. .title, h2{
  108. font-weight:bold;
  109. font-size:10px;
  110. line-height:18px;
  111. text-transform:uppercase;
  112. text-align:left;
  113. padding-left:5px;
  114. border:1px solid #000000; background:#ffffff;
  115. }
  116. .buttons{
  117. float:left;
  118. margin-right:10px;
  119. width:40px;
  120. font-size: 10px;
  121. font-weight: bold;
  122. font-family:verdana;
  123. background-color: #1A171B;
  124. text-align: center;
  125. padding: 4px 10px 3px 10px;
  126. border: 0px;
  127. -moz-border-radius: 10px;
  128. -webkit-border-radius: 10px;
  129. border-style: solid;
  130. border-color: #e4e4e4;
  131. border-width: thin;
  132. }
  133. .buttons:hover{
  134. background:#1A171B;
  135. }
  136. .pagination {
  137. height:20px;
  138. border-top:0px !important;
  139. border-bottom:1px solid {color:Accent};
  140. }
  141. .quote{
  142. margin-bottom:5px;
  143. font-size:11px;
  144. font-weight:normal;
  145. text-align: center;
  146. text-transform: uppercase;
  147. font-style: italic;
  148. }
  149.  
  150. .audio{
  151. position:relative;
  152. overflow:hidden;
  153. color:#222!important;
  154. margin-bottom:10px;
  155. }
  156.  
  157. .art{
  158. float:left;
  159. width:100px !important;
  160. height:100px !important;
  161. margin-right:20px;
  162. background:#000;
  163. }
  164. .audio img{
  165. width:100px!important;
  166. height:100px!important;
  167. }
  168. .audioplayer{
  169. width: 28px;
  170. height: 30px;
  171. overflow: hidden;
  172. margin: 15px;
  173. }
  174. .audioplayercircle {
  175. -moz-border-radius: 50px;
  176. -webkit-border-radius: 50px;
  177. position: absolute;
  178. left:22px;
  179. top:22px;
  180. z-index: 3;
  181. background: white;
  182. }
  183. div.video embed,
  184. div.post div.video object {
  185. {block:IndexPage}
  186. width:180px; height:168px;{/block:IndexPage}
  187. {block:PermalinkPage} width:570px; height:300px;{/block:PermalinkPage}
  188. }
  189. #footer {margin:20px 0px 0px 0px; text-align:center; }
  190. #pagination { float:left; width:500px; margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; text-align:left; letter-spacing:1px;}
  191. #pagination a {padding:3px;
  192. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  193. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  194. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */}
  195. #pagination a:hover { border:1px solid #000000; background:#ffffff;
  196. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  197. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  198. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ }
  199. .current_page { padding:3px; color:#ffffff; background:#000000;}
  200. ul{
  201. margin:0 0 5px 0;
  202. padding:0 0 10px 0;
  203. }
  204. ul h1{
  205. text-align:left;
  206. margin:0px 0 10px 0;
  207. padding:0 0 10px 0;
  208. font-size:13px;
  209. border-bottom:1px solid {color:Accent};
  210. }
  211. li.portrait{
  212. border-top:4px solid {color:Accent};
  213. padding-top:15px;
  214. margin-top:25px;
  215. }
  216. h1.sidebar{
  217. {block:IfNotShowIcon}border-bottom:4px solid {color:Accent};{/block:IfNotShowIcon}
  218. {block:ifShowIcon}border-bottom:1px solid {color:Accent};{/block:ifShowIcon}
  219. }
  220. li{
  221. list-style-type:none;
  222. margin-bottom:5px;
  223. padding:0;
  224. line-height:17px;
  225. }
  226. li a{
  227. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  228. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  229. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  230. color:{color:Links};
  231. }
  232.  
  233. #iconhead{
  234. float:right;
  235. width:110px;
  236. padding-top:0px;
  237. letter-spacing:1px;
  238. }
  239. #sidebar{
  240. float:right;
  241. width:110px;
  242. color:#aaaaaa;
  243. letter-spacing:1px;
  244. line-height:16px;
  245. text-align:left;
  246. }
  247.  
  248. #sidebar a:hover{
  249. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  250. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  251. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  252. color:#cccccc;
  253. font-style:italic;
  254. text-transform:uppercase;
  255. }
  256. .postnotes{
  257. margin:auto;
  258. width:570px;
  259. }
  260. .viewnotes{
  261. cursor:pointer;
  262. height:15px;
  263. float:right;
  264. }
  265. #entry:hover {
  266. -moz-transition: all 0.3s ease-out; /* FF3.7+ */
  267. -o-transition: all 0.3s ease-out; /* Opera 10.5 */
  268. -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  269. transition: all 0.3s ease-out;
  270. {block:IndexPage}opacity:10 !important;{/block:IndexPage}
  271. }
  272.  
  273. #container{
  274. margin:50px auto 0 auto;
  275. width:725px;
  276. }
  277. #posts{
  278. width:570px;
  279. float:left;
  280. }
  281. ol.notes {
  282. border-bottom: solid 1px #eee;
  283. padding: 0px;
  284. opacity:0.7;
  285. font-size:11px;
  286. margin: 15px 0px 0px 0px;
  287. list-style-type: none;
  288. }
  289. ol.notes li.note {
  290. border-top: solid 1px #eee;
  291. padding: 5px 0px 5px 0px;
  292. }
  293. ol.notes li.note img.avatar {
  294. display:none;
  295. height:0px;
  296. width:0px;
  297. }
  298. ol.notes li.note span.action {
  299. font-weight: normal;
  300. }
  301. ol.notes li.note .answer_content {
  302. font-weight: normal;
  303. }
  304. ol.notes li.note blockquote {
  305. border-color: #eee;
  306. padding: 4px 10px;
  307. margin: 10px 0px 0px 25px;
  308. }
  309. ol.notes li.note blockquote a {
  310. text-decoration: none;
  311. }
  312. {CustomCSS}
  313. </style>
  314.  
  315. <script type="text/javascript" src="http://static.tumblr.com/53unaru/kx3lgzker/jquery-1.3.2.min.js" charset="utf-8"></script>
  316. <script type="text/javascript" src="http://static.tumblr.com/53unaru/4jtlgzkf8/easing.js"></script>
  317. <script type="text/javascript" src="http://static.tumblr.com/53unaru/y8wlgzkbt/jquery.ui.totop.js"></script>
  318.  
  319. {block:IfEndlessScroll}
  320. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  321. {/block:IfEndlessScroll}
  322.  
  323. </head>
  324.  
  325. <body>
  326.  
  327. <div id="container">
  328.  
  329. <div id="iconhead">
  330. <center><b>{title}</b></center>
  331. <div id="sidebar">
  332. <br>------------------
  333. <br><a href="/">about</a>
  334. <br>------------------
  335. <br><a href="/">contact</a>
  336. <br>------------------
  337. <br><a href="/">links</a>
  338. <br>------------------
  339. <br>
  340. <br># <a href="/tagged/">tag</a>
  341. <br># <a href="/tagged/">tag</a>
  342. <br># <a href="/tagged/">tag</a>
  343. </div></div>
  344.  
  345.  
  346. <div id="posts">
  347. <div class="blogtitle"><a href="/">{Title}</a></div>
  348. {block:IfEndlessScroll}
  349. <div class="autopagerize_page_element">
  350. {/block:IfEndlessScroll}
  351.  
  352. {block:Posts}
  353. <div id="entry">
  354.  
  355. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  356.  
  357. {block:Text}
  358. {block:Title}<div class="title"><a href="{Permalink}">{Title}</a></div>{/block:Title}
  359. {Body}
  360. {/block:Text}
  361.  
  362. {block:Photo}
  363. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  364. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  365. <img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" alt="{PhotoAlt}"/>
  366. {block:IndexPage}</a>{/block:IndexPage}
  367. {block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}
  368. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  369. {/block:Photo}
  370.  
  371. {block:Photoset}
  372. {Photoset-500}
  373. {/block:Photoset}
  374.  
  375. {block:Quote}
  376. <div class="quote">"{Quote}"
  377. {block:Source}<b><p>&#8212; {Source}</p></b>{/block:Source}</div>
  378. {/block:Quote}
  379.  
  380. {block:Link}
  381. <h2><a href="{URL}">&raquo; {Name}</a></h2>{block:Description}
  382. {Description}
  383. {/block:Description}
  384. {/block:Link}
  385.  
  386. {block:Chat}
  387. {block:Title}<b><a href="{Permalink}">{Title}</a></b>{/block:Title}
  388. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  389. {/block:Chat}
  390.  
  391. {block:Audio}
  392. <div class="post audio">
  393. <div class="art">{block:AlbumArt}<a href="{permalink}"><img src="{AlbumArtURL}" width="50" height="50"></a>
  394. {/block:AlbumArt}</div>
  395. <div class="audioplayercircle"><div class="audioplayer">{AudioPlayerWhite}</div></div>
  396. <div style="display: table; height: 100px; width: 380px; _position: relative; overflow: hidden;">
  397. <div style=" _position: absolute; _top: 50%; display: table-cell; vertical-align: middle;">
  398. <p style=" _position: relative; _top: -50%">{/block:IndexPage}{block:Caption}{Caption}({PlayCountWithLabel})</p></div></div>{/block:Caption}
  399. </div>
  400. {/block:Audio}
  401.  
  402. {block:Answer}
  403. <b>{Asker}: {Question}</b>
  404. {Answer}
  405. {/block:answer}
  406.  
  407. {block:Video}
  408. <div class="video">
  409. {Video-500}
  410. </div>
  411. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  412. {/block:Video}
  413.  
  414. {block:PermalinkPage}
  415. {block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tags:&nbsp;{block:Tags}<a href="{TagURL}"><span style="border-bottom:1px solid {color:Links}; color:{color:Text}; line-height:14px;">{Tag}</span></a>&nbsp;&nbsp;{/block:Tags}
  416. {/block:HasTags}
  417. {block:PostNotes}<div class="viewnotes">View Notes</div>{/block:PostNotes}
  418. <div class="postnotes">
  419. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  420.  
  421.  
  422. {block:IndexPage}</a>{/block:IndexPage}
  423. </div>
  424.  
  425. {/block:Posts}
  426.  
  427. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  428.  
  429. {block:IfNotEndlessScroll}
  430. {block:Pagination}<div id="footer"><div id="pagination">
  431. {block:PreviousPage}
  432. <a href="{PreviousPage}">&laquo; Previous</a>
  433. {/block:PreviousPage}
  434.  
  435. {block:JumpPagination length="5"}
  436. {block:CurrentPage}
  437. <span class="current_page">{PageNumber}</span>
  438. {/block:CurrentPage}
  439.  
  440. {block:JumpPage}
  441. <a class="jump_page" href="{URL}">{PageNumber}</a>
  442. {/block:JumpPage}
  443. {/block:JumpPagination}
  444.  
  445. {block:NextPage}
  446. <a href="{NextPage}">Next &raquo;</a>
  447. {/block:NextPage}</div></div>
  448. {/block:Pagination}
  449. {/block:IfNotEndlessScroll}
  450. </div></div>
  451. </body>
  452. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement