API tools faq
paste
Advertisement
divakey

Breaking News

divakey
Sep 15th, 2013
2,927
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.21 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}" />
  7. {/block:Description}
  8. <meta charset="utf-8">
  9. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  10. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <link href="http://static.tumblr.com/wgijwsy/k1Hm9ei8b/normalize.css" rel="stylesheet" type="text/css" />
  14.  
  15. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  16.  
  17. <link href='http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Handlee' rel='stylesheet' type='text/css'>
  20.  
  21. <meta name="color:Background" content="#CCDDCC" />
  22. <meta name="color:links" content="#AA8855" />
  23. <meta name="color:Body text" content="#1d1818" />
  24. <meta name="image:Sidebar" content="" />
  25. <meta name="color:Sidebar Background" content="#F4F4F4" />
  26. <meta name="color:Title" content="#DDAA99" />
  27. <meta name="color:Bold" content="#554444" />
  28. <meta name="color:Italic" content="#998877" />
  29. <meta name="color:Post color" content="#ffffff" />
  30. <meta name="color:Text highlight" content="#EEAA77" />
  31. <meta name="color:Permalink" content="#553355" />
  32. <meta name="color:scroll bar" content="#998877" />
  33. <meta name="color:post shadows" content="#B8BEB0" />
  34. <meta name="color:Post title" content="#DDAA99" />
  35. <meta name="if:Show Captions" content="">
  36. <meta name="image:Background" content="" />
  37. <meta name="if:Show Post shadows" content="">
  38. <meta name="if:Infinite scroll" content="1"/>
  39.  
  40. <meta name="image:Back to top" content="" />
  41. <meta name="text:Link1" content="" />
  42. <meta name="text:Link1 URL" content=""/>
  43. <meta name="text:Link2" content="" />
  44. <meta name="text:Link2 URL" content=""/>
  45.  
  46. <style>
  47. div#qTip {
  48. padding: 3px;
  49. display: none;
  50. text-align: center;
  51. position: absolute;
  52. font-size:9px;
  53. line-height:9px;
  54. font-family:consolas;
  55. z-index: 1000;
  56. background: white;
  57. border:4px double {color:bold};
  58. color: {color:title};
  59. background: #fff;
  60. font-style:italic;
  61. }
  62. </style>
  63.  
  64.  
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69.  
  70.  
  71. /*Basic styles*/
  72.  
  73.  
  74.  
  75. /* SCROLLBAR */
  76.  
  77. ::-webkit-scrollbar {
  78. width: 5px;
  79. height: 4px; }
  80.  
  81. ::-webkit-scrollbar-button:start:decrement,
  82. ::-webkit-scrollbar-button:end:increment {
  83. height: 0px;
  84. display: block;
  85. background: #9C9C9C;}
  86.  
  87. ::-webkit-scrollbar-track-piece {background-color: white;}
  88.  
  89. ::-webkit-scrollbar-thumb {
  90. border-radius: 0px;
  91. height: 50px;
  92. background-color: {color:scroll bar};}
  93.  
  94. ::-moz-selection {
  95. background: {color:Text highlight};
  96. color: #fff;}
  97.  
  98. ::selection {
  99. background: {color:Text highlight};
  100. color: #fff;}
  101.  
  102. #content {
  103. margin-left:400px ;
  104. width: 600px;
  105. float: ;}
  106.  
  107. body {
  108. background: {color:Background} url('{image:Background}');
  109. background-attachment:fixed;
  110. color: {color:Body text};
  111. font-family: 'Noto Sans', sans-serif;
  112. font-size: 11px;
  113. margin: 0;
  114. padding: 0;}
  115.  
  116.  
  117. a {text-decoration:none;
  118. color:{color:links};
  119. opacity:;
  120. z-index:999;
  121. -webkit-transition: all 0.5s ease-in-out;
  122. -moz-transition: all 0.5s ease-in-out;
  123. -o-transition: all 0.5s ease-in-out; }
  124.  
  125. a:hover{
  126. opacity: .5;
  127. -webkit-transition: all 0.5s ease-in-out;
  128. -moz-transition: all 0.5s ease-in-out;
  129. -o-transition: all 0.5s ease-in-out;}
  130.  
  131. b {color:{color:bold};}
  132. i {color:{color:italic};}
  133.  
  134. blockquote{
  135. padding-left: 5px;
  136. margin: 0px 0px 10px 0px;
  137. display: block;
  138. position: relative;
  139. border-left: 1px solid {color:links};}
  140.  
  141.  
  142. iframe, img, embed, object, video { max-width: 100%;}
  143.  
  144.  
  145. /*POSTS*/
  146.  
  147. article {
  148. background: {color:Post color};
  149. margin: 15px;
  150. padding: 5px;
  151. width: 250px;
  152. {block:PermalinkPage}width:500px;{/block:PermalinkPage};
  153. {block:ifshowpostshadows}-moz-box-shadow: 0 0 5px {color:post shadows};
  154. -webkit-box-shadow: 0 0 5px {color:post shadows};
  155. box-shadow: 0 0 5px {color:post shadows};{/block:ifshowpostshadows}}
  156.  
  157. article img{ opacity: 0.7;
  158. transition: opacity 1s ease-in-out;
  159. -moz-transition: opacity 1s ease-in-out;
  160. -webkit-transition: opacity 1s ease-in-out;}
  161.  
  162. article img:hover {
  163. opacity: 1.0;
  164. transition: opacity .55s ease-in-out;
  165. -moz-transition: opacity .55s ease-in-out;
  166. -webkit-transition: opacity .55s ease-in-out;}
  167.  
  168. iframe { opacity: 0.7; filter:alpha(opacity=90); -moz-opacity: 0.7; -khtml-opacity: 0.9; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
  169.  
  170. iframe:hover{ opacity: 1; filter:alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; }
  171.  
  172. .posttitle{
  173. color:{color:post title};
  174. font-size: 13px;
  175. line-height: 15px;
  176. letter-spacing: 0px;
  177. text-align: left;
  178. text-transform: normal;
  179. font-style:italic;}
  180.  
  181.  
  182. /*CHAT POSTS*/
  183. .chat span {
  184. float: left;
  185. margin-right: 1%;}
  186.  
  187. .chat ul {
  188. list-style: none;
  189. list-style-image: none;
  190. margin: 0;
  191. padding: 0;}
  192.  
  193.  
  194. /*LINK POSTS*/
  195. #link, .Link {
  196. font-size:15px;
  197. letter-spacing:2px;
  198. font-style:italic;
  199. text-align:center;
  200. margin-bottom:3px;
  201. z-index:1;
  202. display: inline-block;
  203. -webkit-transition: all 0.5s ease-in-out;
  204. -moz-transition: all 0.5s ease-in-out;
  205. -o-transition: all 0.5s ease-in-out;
  206. -ms-transition: all 0.5s ease-in-out;
  207. transition: all 0.5s ease-in-out;
  208. text-shadow:10px 0px transparent, -10px 0px transparent;}
  209.  
  210. #link a:hover, .link a:hover {text-shadow:0px 0px {color:links}, -0px 0px {color:sidebar link color};
  211. -webkit-transition: all 0.5s ease-in-out;
  212. -moz-transition: all 0.5s ease-in-out;
  213. -o-transition: all 0.5s ease-in-out;
  214. -ms-transition: all 0.5s ease-in-out;
  215. transition: all 0.5s ease-in-out;
  216. }
  217.  
  218.  
  219.  
  220. /* AUDIO POSTS */
  221. #audiopost {font-family: ;
  222. margin-bottom:5px;
  223. width:250px;
  224. height:150px}
  225.  
  226. .cover {
  227. width:150px;
  228. height:150px;
  229. position:absolute;}
  230.  
  231. .cover img {
  232. width:150px;
  233. height:150px;
  234. float:left;}
  235.  
  236. .player {
  237. opacity: 0.2;
  238. position:absolute;
  239. z-index:1;
  240. background:#fff;
  241. width:150px;
  242. height:150px;
  243. display:block;
  244. -webkit-transition: all 0.7s ease;
  245. -moz-transition: all 0.7s ease;
  246. -o-transition: all 0.7s ease;}
  247.  
  248. .playerr {
  249. width:25px;
  250. height:25px;
  251. margin-top:55px;
  252. margin-left:55px;
  253. overflow:hidden;
  254. padding:3px;}
  255.  
  256. .track {
  257. margin-left:160px; line-height:12px; padding-top: 35px;}
  258.  
  259.  
  260.  
  261. /* PERMALINKS */
  262.  
  263.  
  264.  
  265. .bottom {
  266. height:4px;
  267. margin-bottom:5px;
  268. margin-top:5px;
  269. width:250px;
  270. padding-top:5px;
  271. padding-bottom:2px;
  272. font-family: consolas;
  273. font-size:10px;
  274. text-align:center;
  275. opacity:0.5;
  276. border-top: 1px dashed #ccc;
  277. -webkit-transition: all .7s ease-in-out;
  278. -moz-transition: all .7s ease-in-out;
  279. -o-transition: all .7s ease-in-out;
  280. -ms-transition: all .7s ease-in-out;
  281. Transition: all .7s ease-in-out;}
  282.  
  283.  
  284. .bottom a {
  285. color:{color:permalink};
  286. background-color:{color:permalink bg};
  287. text-decoration: none;
  288. -webkit-transition: all .7s ease-in-out;
  289. -moz-transition: all .7s ease-in-out;
  290. -o-transition: all .7s ease-in-out;
  291. -ms-transition: all .7s ease-in-out;
  292. transition: all .7s ease-in-out;}
  293.  
  294. .bottom a:hover{
  295. color:{color:permalink hover};
  296. background-color:{color:permalink bg};
  297. -webkit-transition: all .7s ease-in-out;
  298. -moz-transition: all .7s ease-in-out;
  299. -o-transition: all .7s ease-in-out;
  300. -ms-transition: all .7s ease-in-out;
  301. transition: all .7s ease-in-out;}
  302.  
  303.  
  304. /* PERMALINK PAGE */
  305.  
  306. #source{
  307. width: 500px;
  308. padding:0px 5px;
  309. margin-left:-5px!important;
  310. margin-top: 10px;
  311. font-size: 10px;
  312. font-family: consolas;
  313. color:{color:body text};
  314. text-transform: uppercase;
  315. text-align:center;}
  316.  
  317. #source a{
  318. color:{color:links};
  319. text-decoration:none;
  320. -webkit-transition: all 0.7s ease-in-out;
  321. -moz-transition: all 0.7s ease-in-out;
  322. -o-transition: all 0.7s ease-in-out;
  323. -ms-transition: all 0.7s ease-in-out;
  324. transition: all 0.7s ease-in-out;}
  325.  
  326. #source a:hover{
  327. color:{color:links hover};
  328. -webkit-transition: all 0.7s ease-in-out;
  329. -moz-transition: all 0.7s ease-in-out;
  330. -o-transition: all 0.7s ease-in-out;
  331. -ms-transition: all 0.7s ease-in-out;
  332. transition: all 0.7s ease-in-out;}
  333.  
  334.  
  335. #PostNotes {
  336. margin-left:15px;
  337. text-align:left;
  338. width:500px;}
  339.  
  340.  
  341.  
  342.  
  343.  
  344. /*SIDEBAR */
  345. #title {
  346. width:240px;
  347. position:fixed;
  348. margin-left:70px;
  349. top:60px;
  350. padding-left:15px;
  351. padding:5px;
  352. font-size:20px;
  353. letter-spacing:1px;
  354. color:{color:title};
  355. font-family:'Handlee', cursive;
  356. text-align:center;
  357. font-style:none;
  358. background-color:{color:sidebar background};
  359. {block:ifshowpostshadows}-moz-box-shadow: 0 0 5px {color:post shadows};
  360. -webkit-box-shadow: 0 0 5px {color:post shadows};
  361. box-shadow: 0 0 5px {color:post shadows};{/block:ifshowpostshadows}}
  362.  
  363. #sidebar {
  364. margin-left:70px;
  365. width:240px;
  366. position:fixed;
  367. top:100px;
  368. padding-left:20px;
  369. padding:5px;
  370. background-color:{color:sidebar background};
  371. {block:ifshowpostshadows}-moz-box-shadow: 0 0 5px {color:post shadows};
  372. -webkit-box-shadow: 0 0 5px {color:post shadows};
  373. box-shadow: 0 0 5px {color:post shadows};{/block:ifshowpostshadows}}
  374.  
  375. #sidebarimage img{
  376. width:260px;
  377. background-color:{color:sidebar background};}
  378.  
  379.  
  380. #description {
  381. width:230px;
  382. position:fixed;
  383. background-color:{color:sidebar background};
  384. padding:10px;
  385. margin-top:10px;
  386. margin-bottom:10px;
  387. margin-left:-5px;
  388. font-size:10px;
  389. font-style:italic;
  390. max-height:150px;
  391. overflow:auto;
  392. {block:ifshowpostshadows}-moz-box-shadow: 0 0 3px {color:post shadows};
  393. -webkit-box-shadow: 0 0 3px {color:post shadows};
  394. box-shadow: 0 0 3px {color:post shadows};{/block:ifshowpostshadows}}
  395.  
  396. #navigation {
  397. margin-left:320px;
  398. width:200px;
  399. position:fixed;
  400. top:95px;
  401. padding-left:20px;
  402. padding:5px;}
  403.  
  404. .boxes {
  405. width:40px;}
  406.  
  407. .boxes a {
  408. padding:5px;
  409. margin-bottom:10px;
  410. display:block;
  411. background: {color:sidebar background};
  412. color:{color:Links};
  413. font-family:cambria;
  414. font-size:11px;
  415. letter-spacing:2px;
  416. text-align:center;
  417. text-transform:uppercase;
  418. {block:ifshowpostshadows}-moz-box-shadow: 0 0 5px {color:post shadows};
  419. -webkit-box-shadow: 0 0 5px {color:post shadows};
  420. box-shadow: 0 0 5px {color:post shadows};{/block:ifshowpostshadows}}
  421.  
  422. .boxes a:hover {
  423. background:{color:sidebar background};
  424. color:{color:Links} }
  425.  
  426.  
  427.  
  428. /* THEME CREDIT DO NOT REMOVE */
  429.  
  430. .credit {
  431. position: fixed;
  432. bottom: 6px;
  433. left: 1px;
  434. font-size: 15px;
  435. font-family: verdana;
  436. -webkit-transition: all 0.5s ease;
  437. -moz-transition: all 0.5s ease;
  438. -o-transition: all 0.5s ease;}
  439.  
  440. .credittext {
  441. height:10px;
  442. width:50px;
  443. overflow:hidden;
  444. -webkit-transition: all 0.5s ease;
  445. -moz-transition: all 0.5s ease;
  446. -o-transition: all 0.5s ease;
  447. font-family:calibri;
  448. font-size:10px;
  449. text-transform:uppercase;
  450. text-align:center;}
  451.  
  452.  
  453.  
  454.  
  455. /*Custom CSS*/
  456.  
  457. {CustomCSS}
  458. </style>
  459. </head>
  460.  
  461.  
  462. <body>
  463.  
  464.  
  465.  
  466.  
  467. <!--Sidebar-->
  468.  
  469.  
  470.  
  471. <div id="title"> {title} </div>
  472. <div id="sidebar">
  473. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  474. <div id="description">{description}
  475.  
  476. </div>
  477.  
  478.  
  479. </div>
  480.  
  481.  
  482. <div id="navigation">
  483. <div class="boxes">
  484. <a href="/" title="Home"><img src="http://media.tumblr.com/6aca0d764fe5e18e1167e8c6d2ebb7df/tumblr_inline_motua2Am3P1qz4rgp.png"/> </a>
  485. <a href="/ask" title="Ask"><img src="http://media.tumblr.com/649f94f2f210bc510d0b67756f861eb9/tumblr_inline_motuaa2W3d1qz4rgp.png"/></a>
  486. <a href="/archive" title="Archive"><img src="http://media.tumblr.com/18391e250fea4679ab4cd530e0e9ffa7/tumblr_inline_motuazmTo51qz4rgp.png"/></a>
  487. {block:ifLink1}<a href="{text:Link1 URL}" title="{text:link1}"><img src="http://media.tumblr.com/95be794ff7107cf226a806d4994bf051/tumblr_inline_motuaeiHlK1qz4rgp.png"/></a>{/block:ifLink1}
  488. {block:ifLink2}<a href="{text:Link2 URL}" title="{text:Link2}"><img src="http://media.tumblr.com/1e21b4526d9646dc496210d1199117b9/tumblr_inline_motucxK2qF1qz4rgp.png"></a>{/block:ifLink2}
  489.  
  490. {block:Pagination}
  491. <div class="pagination">
  492. {block:PreviousPage}<a href="{PreviousPage}"><img src="http://media.tumblr.com/c71e6bb951cdd4a16f1cd70e2bb66a5e/tumblr_inline_mqoeaiMHDv1qz4rgp.png"></a>{/block:PreviousPage}
  493. {block:NextPage}<a href="{NextPage}"><img src="http://media.tumblr.com/a12c5339346773dbbd837851fe998bca/tumblr_inline_mqoeavhALo1qz4rgp.png">
  494. </a>{/block:NextPage}
  495. </div>
  496. {/block:Pagination}
  497. </div> </div>
  498.  
  499.  
  500.  
  501. </div>
  502.  
  503.  
  504.  
  505. <!--Content holder-->
  506.  
  507.  
  508. <div id="content">
  509.  
  510.  
  511.  
  512. {block:Posts}
  513.  
  514.  
  515.  
  516. <article>
  517.  
  518.  
  519.  
  520. {block:Text}
  521. {block:indexpage}<div class="text">
  522. {block:Title}<div class="posttitle"><center>{Title}</center></div>{/block:Title}
  523. {Body}
  524. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  525. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>
  526. {/block:indexpage}
  527.  
  528.  
  529. {block:PermalinkPage}
  530. {block:Title}
  531. <a href="{Permalink}" class="posttitle">{Title}</a>
  532. {/block:Title}
  533. {Body}
  534. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  535. <br>
  536. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  537. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  538. </div></div></div>
  539. {/block:PermalinkPage}
  540.  
  541.  
  542. {/block:Text}
  543.  
  544. {block:Photo}
  545. {block:indexpage}
  546.  
  547. <div class="photo">
  548. <img src="{PhotoURL-250}" alt="{PhotoAlt}" /> {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  549. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  550. {Caption}
  551. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  552. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  553. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>{/block:indexpage}
  554.  
  555. {block:PermalinkPage}
  556. <div class="photo">
  557. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{LinkCloseTag}
  558. {block:Caption}{Caption}{/block:Caption}
  559. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  560. <br>
  561. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  562. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  563. </div></div></div>
  564.  
  565. {/block:PermalinkPage}
  566.  
  567. {/block:Photo}
  568.  
  569.  
  570.  
  571.  
  572. {block:Photoset}
  573. {block:indexpage}
  574. <div class="photoset">
  575. {Photoset-250}
  576. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  577. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  578. {Caption}
  579. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  580. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  581. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>
  582. {/block:indexpage}
  583.  
  584. {block:PermalinkPage}
  585. <div class="photoset">
  586. {Photoset-500}
  587. {block:Caption}{Caption}{/block:Caption}
  588. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  589. <br>
  590. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  591. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  592. </div></div></div>
  593. {/block:PermalinkPage}
  594. {/block:Photoset}
  595.  
  596.  
  597.  
  598.  
  599. {block:Quote}
  600. {block:indexpage}<div class="quote">
  601. <blockquote>{Quote}</blockquote>
  602. {block:Source}<cite> {Source} </cite>{/block:Source}
  603. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  604. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>
  605. {/block:indexpage}
  606.  
  607. {block:permalinkpage}
  608. <div class="quote">
  609. <blockquote>{Quote}</blockquote>
  610. {block:Source}<cite> {Source} </cite>{/block:Source}
  611. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  612. <br>
  613. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  614. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  615. </div></div></div>
  616. {/block:PermalinkPage}
  617. {/block:Quote}
  618.  
  619.  
  620. {block:Link}
  621. {block:indexpage}<div class="link">
  622. <center><a href="{URL}" target="{Target}" class="Link"> {Name} </a> </class></center>
  623. {block:Description}{Description}{/block:Description}
  624. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  625. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>
  626. {/block:indexpage}
  627.  
  628. {block:permalinkpage}
  629. <div class="link">
  630. <a href="{URL}" target="{Target}" class="Link"> {Name} </a> </class>
  631. {block:Description}{Description}{/block:Description}
  632. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  633. <br>
  634. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  635. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  636. </div></div></div>
  637. {/block:PermalinkPage}
  638. {/block:Link}
  639.  
  640.  
  641.  
  642. {block:Chat}
  643. {block:indexpage} <div class="chat">
  644. <ul>
  645. {block:Lines}<li class="{Alt}">{block:Label}<span class="label">
  646. <b>{Label}</b></span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  647. </ul>
  648. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  649. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>
  650. {/block:indexpage}
  651.  
  652. {block:permalinkpage}
  653. <div class="chat">
  654. <ul>
  655. {block:Lines}<li class="{Alt}">{block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}<p> {Line} </p></li>{/block:Lines}
  656. </ul>
  657. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  658. <br>
  659. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  660. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  661. </div></div></div>
  662. {/block:PermalinkPage}
  663. {/block:Chat}
  664.  
  665.  
  666. {block:Audio}
  667. {block:indexpage}<div class="audio">
  668. <div id="audiopost">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player">
  669. <div class="playerr">{AudioPlayerWhite}</div></div><div class="track"><br>{block:TrackName}{TrackName}{/block:TrackName}<br />{block:Artist}{Artist}{/block:Artist}<br />{PlayCountWithLabel}</div></div>
  670. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  671. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div> {/block:indexpage}
  672.  
  673. {block:permalinkpage}
  674. <div class="audio">
  675. <div id="audiopost">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="player">
  676. <div class="playerr">{AudioPlayerWhite}</div></div><div class="track"><br>{block:TrackName}{TrackName}{/block:TrackName}<br />{block:Artist}{Artist}{/block:Artist}<br />{PlayCountWithLabel}</div></div>
  677. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  678. <br>
  679. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  680. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  681. </div></div></div>
  682. {/block:PermalinkPage}
  683. {/block:Audio}
  684.  
  685.  
  686. {block:Video}
  687. {block:indexpage}<div class="video">
  688. <div class="video-player">{Video-400}</div>
  689. {block:Caption}{Caption}{/block:Caption}
  690. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  691. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>{/block:indexpage}
  692.  
  693. {block:permalinkpage}
  694. <div class="video">
  695. <div class="video-player">{Video-250}</div>
  696. {block:Caption}{Caption}{/block:Caption}
  697. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  698. <br>
  699. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  700. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  701. </div></div></div>
  702. {/block:PermalinkPage}
  703. {/block:Video}
  704.  
  705.  
  706.  
  707. {block:Answer}{block:indexpage}
  708. <div class="answer"><table style="border-bottom:1px dashed #ccc;padding-bottom:5px;margin-bottom:5px;">
  709. <tr>
  710. <td style="vertical-align:top;font-size:10px;"><strong>{Asker} asked:</strong> <i>{Question}</i></td>
  711. </tr>
  712. </table>
  713. {Answer}
  714. <div class="bottom"> <a href="{Permalink}" title="Post">Perma</a>
  715. | {block:NoteCount} <a href="{Permalink}" title="Notebook">{NoteCountWithLabel}</a> | {/block:NoteCount} <a href="{ReblogURL}" title="Reblog" target="_blank">Reblog</a></div>
  716. {/block:indexpage}
  717.  
  718. {block:permalinkpage}
  719. <div class="answer"><table style="border-bottom:1px dashed #ccc;padding-bottom:5px;margin-bottom:5px;">
  720. <tr>
  721. <td style="vertical-align:top;"><strong>{Asker} asked:</strong> {Question}</td>
  722. </tr>
  723. </table>
  724. {Answer}
  725. <div id="source">{block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}
  726. <br>
  727. {block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}
  728. <div id="PostNotes">{block:PostNotes} {PostNotes} {/block:PostNotes}
  729. </div></div></div>
  730. {/block:PermalinkPage}
  731. {/block:Answer}
  732.  
  733. </div>
  734.  
  735.  
  736.  
  737. </article>
  738.  
  739. {block:ContentSource}
  740. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  741. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  742. {/block:SourceLogo}
  743. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  744. {/block:ContentSource}
  745.  
  746. {/block:Posts}
  747.  
  748.  
  749. <!--Close of article-->
  750. </div>
  751.  
  752. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  753. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  754. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  755. {block:IfInfiniteScroll}
  756. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  757. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  758. {/block:IfInfiniteScroll}
  759. <!--Code for infinite scroll and grid layout-->
  760. <script>
  761. (function() {
  762. var $tumblelog = $('#content');
  763. {block:IfInfiniteScroll}
  764. $tumblelog.infinitescroll({
  765. navSelector : ".pagination",
  766. nextSelector : ".pagination a:first",
  767. itemSelector : "article",
  768. bufferPx : 50,
  769. done : "",
  770. loading: {
  771. img : "",
  772. msgText: ""
  773. },
  774. },
  775. function( newElements ) {
  776. var $newElems = $( newElements ).css({ opacity: 0 });
  777. $newElems.imagesLoaded(function(){
  778. $newElems.animate({ opacity: 1 });
  779. $tumblelog.masonry( 'appended', $newElems);
  780. });
  781. }
  782. );
  783. {/block:IfInfiniteScroll}
  784. $tumblelog.imagesLoaded( function(){
  785. $tumblelog.masonry({
  786. columnWidth: function( containerWidth ) {
  787. return containerWidth / 100;
  788. }
  789. });
  790. });
  791. })();
  792. </script>
  793.  
  794.  
  795. <script type="text/javascript">
  796. $(window).load(function(){
  797. $("p").remove(":contains('(Source:')");
  798. $("p").remove(":contains('(via ')");
  799. });
  800. </script>
  801.  
  802.  
  803.  
  804. <script type='text/javascript' language='Javascript'>var scrolltotop={
  805. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  806. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (1=top).
  807. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 500]},
  808. controlHTML: '<img onmousedown="event.preventDefault ? event.preventDefault() : event.returnValue = false" src="{image:back to top}"/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  809. controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ center of window corner
  810. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  811. state: {isvisible:false, shouldvisible:false},
  812. scrollup:function(){
  813. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  814. this.$control.css({opacity:0}) //hide control immediately after clicking it
  815. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  816. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  817. dest=jQuery('#'+dest).offset().top
  818. else
  819. dest=0
  820. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  821. },
  822. keepfixed:function(){
  823. var $window=jQuery(window)
  824. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  825. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  826. this.$control.css({left:controlx+'px', top:controly+'px'})
  827. },
  828. togglecontrol:function(){
  829. var scrolltop=jQuery(window).scrollTop()
  830. if (!this.cssfixedsupport)
  831. this.keepfixed()
  832. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  833. if (this.state.shouldvisible && !this.state.isvisible){
  834. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  835. this.state.isvisible=true
  836. }
  837. else if (this.state.shouldvisible==false && this.state.isvisible){
  838. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  839. this.state.isvisible=false
  840. }
  841. },
  842. init:function(){
  843. jQuery(document).ready(function($){
  844. var mainobj=scrolltotop
  845. var iebrws=document.all
  846. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  847. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  848. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  849. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  850. .attr({title:'Top'})
  851. .click(function(){mainobj.scrollup(); return false})
  852. .appendTo('body')
  853. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  854. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  855. mainobj.togglecontrol()
  856. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  857. mainobj.scrollup()
  858. return false
  859. })
  860. $(window).bind('scroll resize', function(e){
  861. mainobj.togglecontrol()
  862. })
  863. })
  864. }
  865. }
  866. scrolltotop.init()
  867. </script>
  868.  
  869. <div class="credit"><a href="http://chinqu.tumblr.com"><div class="credittext">Theme</div></a></div>
  870.  
  871. </body>
  872. </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!