API tools faq
paste
spirkism

Theme #20: Architecture

spirkism
Feb 16th, 2015
771
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.42 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. THEME #20: ARCHITECTURE
  3. by Phil (spirkism/spirkthemes)
  4.  
  5. Originally made for newtechmontreal
  6.  
  7. Rules:
  8. - please do not steal/redistribute, I spent quite a bit of time coding this
  9. - also don't remove the credit please, that would make me very sad :(
  10. - don't use as a base code, there are plenty of those out there
  11. - you are allowed to edit as much as you like though, have fun playing around with code, that's how you learn! :)
  12. - tell me if there are any bugs or if you have any questions, need help with the theme or want a detail differently - I'll see what I can do for you ;)
  13. And now: enjoy! :)
  14. -->
  15.  
  16.  
  17.  
  18. <!DOCTYPE html>
  19.  
  20. <head>
  21.  
  22.  
  23. <title>{Title}</title>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}" />
  26.  
  27. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  28.  
  29. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  30.  
  31. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  32.  
  33. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  34.  
  35. {block:ifInfiniteScroll}
  36. <script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>
  37. {/block:ifInfiniteScroll}
  38.  
  39. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans' rel='stylesheet' type='text/css'>
  40.  
  41.  
  42.  
  43.  
  44. <meta name="color:Background" content="#ffffff" />
  45. <meta name="color:Text" content="#2E2E2E" />
  46. <meta name="color:Links" content="#754200" />
  47. <meta name="color:Links hover" content="#FF9100" />
  48. <meta name="color:Description background" content="#f3ece4" />
  49. <meta name="color:Description text" content="#2a2a2a" />
  50. <meta name="color:Posts" content="#f3ece4" />
  51. <meta name="color:Post Insides" content="#FFC477" />
  52. <meta name="color:Sidebar stripe background" content="#c6b5a0" />
  53. <meta name="color:Title" content="#ff9100" />
  54. <meta name="color:Sidebar link background" content="#ffc477" />
  55. <meta name="color:Sidebar link background hover" content="#353535" />
  56. <meta name="color:Sidebar link text" content="#353535" />
  57. <meta name="color:Sidebar link text hover" content="#ffffff" />
  58. <meta name="color:Border" content="#f3ece4" />
  59.  
  60. <meta name="text:Link 1 url" content="/" />
  61. <meta name="text:Link 1 text" content="home" />
  62. <meta name="text:Link 2 url" content="/ask" />
  63. <meta name="text:Link 2 text" content="ask" />
  64. <meta name="text:Link 3 url" content="/archive" />
  65. <meta name="text:Link 3 text" content="archive" />
  66. <meta name="text:Link 4 url" content="" />
  67. <meta name="text:Link 4 text" content="" />
  68. <meta name="text:Link 5 url" content="" />
  69. <meta name="text:Link 5 text" content="" />
  70. <meta name="text:Link 6 url" content="" />
  71. <meta name="text:Link 6 text" content="" />
  72.  
  73. <meta name="image:Background image" content="" />
  74. <meta name="image:Sidebar image" content="http://i.imgur.com/k3XhJXS.png" />
  75.  
  76. <meta name="select:Index tags" content="no-tags" title="no tags" />
  77. <meta name="select:Index tags" content="hover-tags" title="tags on hover" />
  78. <meta name="select:Index tags" content="fixed-tags" title="visible tags" />
  79. <meta name="select:Perma tags" content="no-tags" title="no tags" />
  80. <meta name="select:Perma tags" content="hover-tags" title="tags on hover" />
  81. <meta name="select:Perma tags" content="fixed-tags" title="visible tags" />
  82.  
  83. <meta name="if:Infinite scroll" content="0" />
  84. <meta name="if:500px posts" content="1" />
  85. <meta name="if:White tumblr buttons" content="1" />
  86.  
  87.  
  88. <style type="text/css">
  89.  
  90.  
  91. ::-webkit-scrollbar-thumb{
  92. background-color: {color:Title};
  93. height:auto;
  94. width: 7px;
  95. z-index: 9999999999999999999999999999999999999;
  96. }
  97.  
  98. ::-webkit-scrollbar {
  99. height:auto;
  100. width:7px;
  101. background-color:{color:Posts};
  102. z-index: 999999999999999999999999999999999999;
  103. }
  104.  
  105. iframe#tumblr_controls {
  106. position:fixed;-webkit-filter:invert(100%);opacity:0.5;
  107. -webkit-transition: 0.7s ease;transition: 0.7s ease;
  108. -o-transition: 0.7s ease;-moz-transition: 0.7s ease;}
  109.  
  110.  
  111. div#qTip {
  112. text-transform: lowercase;
  113. font-size: 12px;
  114. font-family: 'Alegreya Sans', sans-serif;
  115. line-height: 12px;
  116. display: none;
  117. text-align: center;
  118. position: absolute;
  119. z-index: 999999999999999999999999999999999999999999999999999999;
  120. background-color: {color:Border};
  121. padding: 3px;
  122. color: {color:Background};
  123. max-width: 200px;
  124. height: auto;
  125. border: 1px solid {color:Text};
  126. -webkit-transition: all 0.1s ease-out;
  127. -moz-transition: all 0.1s ease-out;
  128. -o-transition: all 0.1s ease-out;
  129. }
  130.  
  131.  
  132. body {
  133. background-image: url("{image:Background image}");
  134. background-repeat: no-repeat;
  135. background-position: top left;
  136. background-attachment: fixed;
  137. background-color: {color:Background};
  138. margin: 0 auto;
  139. font-family: 'Calibri', sans-serif;
  140. word-wrap:break-word;
  141. }
  142.  
  143. a:link, a:active, a:visited {
  144. text-decoration: none;
  145. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  146. -o-transition: 0.5s ease;
  147. -moz-transition: 0.5s ease;
  148. color:{color:Links};
  149. }
  150.  
  151. a:hover {
  152. color:{color:Links hover};
  153. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  154. -o-transition: 0.5s ease;
  155. -moz-transition: 0.5s ease;
  156. }
  157.  
  158.  
  159. :focus, :active {
  160. outline: 0;
  161. }
  162.  
  163.  
  164. /* SIDEBAR THINGS */
  165.  
  166. #sidebar {
  167. position: fixed;
  168. width: 160px;
  169. height: auto;
  170. top: 110px;
  171. left: 100px;
  172. }
  173.  
  174. #sbblock {
  175. position: fixed;
  176. left: 90px;
  177. width: 180px;
  178. height: 100%;
  179. background-color: {color:Sidebar stripe background};
  180. top: 0;
  181. }
  182.  
  183. #title-stuff {
  184. position:relative;
  185. width: 158px;
  186. height: auto;
  187. margin-bottom: 3px;
  188. }
  189.  
  190. #title {
  191. position: relative;
  192. font-family: 'Alegreya Sans', sans-serif;
  193. font-size: 18px;
  194. width: 122px;
  195. text-align:center;
  196. left: 18px;
  197. min-height: 21px;
  198. color: {color:Title};
  199. }
  200.  
  201. #title a {
  202. color: {color:Title};
  203. }
  204.  
  205. .prevpage {
  206. position:absolute;
  207. left: 0px;
  208. top: 3px;
  209. font-size: 13px;
  210. font-family: FontAwesome;
  211. color: {color:Sidebar link background};
  212. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  213. -o-transition: 0.5s ease;
  214. -moz-transition: 0.5s ease;
  215. }
  216.  
  217. .prevpage:hover {
  218. color: {color:Sidebar link background hover};
  219. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  220. -o-transition: 0.5s ease;
  221. -moz-transition: 0.5s ease;
  222. }
  223.  
  224. .nextpage {
  225. position:absolute;
  226. right: 0px;
  227. top: 3px;
  228. font-size: 13px;
  229. font-family: FontAwesome;
  230. color: {color:Sidebar link background};
  231. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  232. -o-transition: 0.5s ease;
  233. -moz-transition: 0.5s ease;
  234. }
  235.  
  236. .nextpage:hover {
  237. color: {color:Sidebar link background hover};
  238. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  239. -o-transition: 0.5s ease;
  240. -moz-transition: 0.5s ease;
  241. }
  242.  
  243. .prevpage:before {
  244. content: "\f04a";
  245. }
  246.  
  247. .nextpage:before {
  248. content: "\f04e";
  249. }
  250.  
  251. #sbimg {
  252. position: relative;
  253. width: 140px;
  254. padding: 5px 5px 3px 5px;
  255. height: auto;
  256. border: 5px solid {color:Border};
  257.  
  258. }
  259.  
  260. #sbimg img {
  261. width: 140px;
  262. height: auto;
  263. margin-bottom:-2px;
  264. }
  265.  
  266. #desc {
  267. background-color: {color:Description background};
  268. color: {color:Description text};
  269. width: 150px;
  270. padding: 5px;
  271. position: relative;
  272. font-size: 10px;
  273. margin-top: 2px;
  274. margin-bottom: -1px;
  275. }
  276.  
  277. #sblinks {
  278. position: relative;
  279. margin-top: 2px;
  280. margin-left: 2px;
  281. }
  282.  
  283. .sblink {
  284. position: relative;
  285. width: 150px;
  286. text-align:center;
  287. background-color: {color:Sidebar link background};
  288. color: {color:Sidebar link text};
  289. float: left;
  290. padding: 2px 5px;
  291. margin:1px 0 0 -3px;
  292. font-size: 13px;
  293. font-family: 'Alegreya Sans', sans-serif;
  294. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  295. -o-transition: 0.5s ease;
  296. -moz-transition: 0.5s ease;
  297. }
  298.  
  299. .sblink:hover {
  300. background-color: {color:Sidebar link background hover};
  301. color: {color:Sidebar link text hover};
  302. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  303. -o-transition: 0.5s ease;
  304. -moz-transition: 0.5s ease;
  305. }
  306.  
  307.  
  308. /*CONTENT THINGS */
  309.  
  310. #content {
  311. width: 530px;
  312. background-color: none;
  313. padding: 20px 0;
  314. color: {color:Text};
  315. overflow: hidden;
  316. margin-top: 50px;
  317. margin-left: 400px;
  318. position: relative;
  319. }
  320.  
  321. #content a {
  322. color: {color:link};
  323. text-decoration: none;
  324. }
  325.  
  326. #content a:hover {
  327. color: {color:link hover};
  328. }
  329.  
  330. #content blockquote {
  331. border-left: solid 2px #505050;
  332. margin: 0;
  333. padding-left: 10px;
  334. }
  335.  
  336. img {
  337. border: 0;
  338. max-width: 100%;
  339. }
  340.  
  341.  
  342. #content #posts {
  343. {block:If500pxPosts}
  344. width: 500px;
  345. {/block:If500pxPosts}
  346. {block:IfNot500pxPosts}
  347. width: 400px;
  348. {/block:IfNot500pxPosts}
  349. height: auto;
  350. margin: 0 0 80px 0;
  351. padding: 10px 10px 0px 10px;
  352. font-size: 14px;
  353. position: relative;
  354. float: left;
  355. z-index: 100;
  356. background-color: {color:Posts};
  357. }
  358.  
  359.  
  360.  
  361. #content #posts .title {
  362. font-size: 16px;
  363.  
  364. }
  365.  
  366. #content #posts .text {
  367. font-size: 12px;
  368.  
  369. }
  370.  
  371.  
  372. /* PERMALINK STUFF */
  373.  
  374. #permalink {
  375. font-size: 9px;
  376. margin-top: 2px;
  377. {block:If500pxPosts}
  378. width: 447px;
  379. {/block:If500pxPosts}
  380. {block:IfNot500pxPosts}
  381. width: 347px;
  382. {/block:IfNot500pxPosts}
  383. margin-left: 30px;
  384. }
  385.  
  386. .no-tags {
  387. display: none;
  388. font-size:9px;
  389. {block:If500pxPosts}
  390. width: 500px;
  391. {/block:If500pxPosts}
  392. {block:IfNot500pxPosts}
  393. width: 400px;
  394. {/block:IfNot500pxPosts}
  395. text-align: center;
  396. margin-top: 10px;
  397. position: absolute;
  398. }
  399.  
  400. .no-tags .comma:last-child {
  401. display: none;
  402. }
  403.  
  404. .hover-tags {
  405. opacity: 0;
  406. font-size:9px;
  407. {block:If500pxPosts}
  408. width: 500px;
  409. {block:If500pxPosts}
  410. {block:IfNot500pxPosts}
  411. width: 400px;
  412. {/block:IfNot500pxPosts}
  413. text-align: center;
  414. margin-top: 10px;
  415. position: absolute;
  416. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  417. -o-transition: 0.5s ease;
  418. -moz-transition: 0.5s ease;
  419. }
  420.  
  421. .hover-tags .comma:last-child {
  422. display: none;
  423. }
  424.  
  425. #content #posts:hover .hover-tags {
  426. opacity: 1;
  427. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  428. -o-transition: 0.5s ease;
  429. -moz-transition: 0.5s ease;
  430. }
  431.  
  432. .fixed-tags {
  433. font-size:9px;
  434. {block:If500pxPosts}
  435. width: 500px;
  436. {/block:If500pxPosts}
  437. {block:IfNot500pxPosts}
  438. width: 400px;
  439. {/block:IfNot500pxPosts}
  440.  
  441. text-align: center;
  442. margin-top: 10px;
  443. position: absolute;
  444. }
  445.  
  446. .fixed-tags .comma:last-child {
  447. display: none;
  448. }
  449.  
  450.  
  451. #reblogged {
  452. position: relative;
  453. font-size: 9px;
  454. overflow: hidden;
  455. }
  456.  
  457.  
  458. /* PERMALINK PAGE THINGS */
  459.  
  460. #content #notecontainer {
  461. margin-left: 30px;
  462. margin-top: -10px;
  463. {block:If500pxPosts}
  464. width: 460px;
  465. {/block:If500pxPosts}
  466. {block:IfNot500pxPosts}
  467. width: 360px;
  468. {/block:IfNot500pxPosts}
  469. font-size: 11px;
  470. border-radius: 20px;
  471. }
  472.  
  473.  
  474. #content #notecontainer ol.notes {
  475. list-style-type: none;
  476. margin: 1px 1px 1px 1px;
  477. padding: 1px;
  478. line-height: 16px;
  479. }
  480.  
  481. #content #notecontainer img.avatar {
  482. width: 16px;
  483. height: 16px;
  484. margin: 1px 5px 1px 1px;
  485. padding: 1px;
  486. }
  487.  
  488. #content #posts #tagsbox {
  489. padding: 1px 4px 3px 4px;
  490. background-color: {color:Post insides};
  491. text-align: center;
  492. margin-top: -5px;
  493. margin-left: -10px;
  494. border-radius: 0px;
  495. {block:If500pxPosts}
  496. width: 512px;
  497. {/block:If500pxPosts}
  498. {block:IfNot500pxPosts}
  499. width: 412px;
  500. {/block:IfNot500pxPosts}
  501. margin-bottom: -5px;
  502. }
  503.  
  504.  
  505. /* POST STUFF */
  506.  
  507. .linkpost {
  508. padding: 5px;
  509. }
  510.  
  511.  
  512. .linktitle {
  513. margin-bottom: 3px;
  514. font-size: 20px;
  515. background-color: {color:Post insides};
  516. padding: 10px;
  517. text-align: center;
  518. font-family: 'Alegreya Sans', sans-serif;
  519. border-radius: 0px;
  520. {block:If500pxPosts}
  521. width: 500px;
  522. {/block:If500pxPosts}
  523. {block:IfNot500pxPosts}
  524. width: 400px;
  525. {/block:IfNot500pxPosts}
  526. margin-left:-15px;
  527. margin-top: -15px;
  528. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  529. -o-transition: 0.5s ease;
  530. -moz-transition: 0.5s ease;
  531. }
  532.  
  533. .linktitle:hover {
  534. background-color: {color:Border};
  535. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  536. -o-transition: 0.5s ease;
  537. -moz-transition: 0.5s ease;
  538. }
  539.  
  540.  
  541.  
  542. .askicon img {
  543. z-index: 9;
  544. height: 40px;
  545. width: 40px;
  546. position: relative;
  547. border-radius: 0px;
  548. border: 5px solid {color:Post insides};
  549. }
  550.  
  551.  
  552. .askicon img{
  553. z-index: 9;
  554. width: 40px;
  555. border-radius: 0px;
  556. }
  557.  
  558.  
  559.  
  560. .arrow-left {
  561. width: 0;
  562. height: 0;
  563. border-top: 15px solid transparent;
  564. border-bottom: 15px solid transparent;
  565. border-right:25px solid {color:Post insides};
  566. position: relative;
  567. margin-left: 50px;
  568. margin-top: -47px;
  569. }
  570.  
  571.  
  572.  
  573. .question {
  574. {block:If500pxPosts}
  575. width: 403px;
  576. {/block:If500pxPosts}
  577. {block:IfNot500pxPosts}
  578. width: 303px;
  579. {/block:IfNot500pxPosts}
  580. height: auto;
  581. padding: 2px 10px 7px 10px;
  582. color: {color:Text color};
  583. background-color: {color:Post insides};
  584. font-size: 11.5px;
  585. text-align: left;
  586. margin-left: 74px;
  587. margin-top: -35px;
  588. margin-bottom: 15px;
  589. border-radius: 0px;
  590. }
  591.  
  592. .asker {
  593. font-size: 12px;
  594. color: {color:Links};
  595. text-align: left;
  596. margin-top: 5px;
  597. margin-bottom: 3px;
  598. font-family: 'Alegreya Sans', sans-serif;
  599. }
  600.  
  601. .answer {
  602. font-size: 11px;
  603. padding: 1px 10px 5px 10px;
  604. {block:If500pxPosts}
  605. width: 477px;
  606. {/block:If500pxPosts}
  607. {block:IfNot500pxPosts}
  608. width: 377px;
  609. {/block:IfNot500pxPosts}
  610. margin-top:-12px;
  611. overflow: hidden;
  612. border-radius:0px;
  613. text-align: left;
  614. }
  615.  
  616. .posttitle {
  617. font-size: 20px;
  618. font-family: 'Alegreya Sans', sans-serif;
  619. background-color: {color:Post insides};
  620. text-align: center;
  621. margin-bottom: 5px;
  622. padding: 2px;
  623. border-radius: 0px;
  624. }
  625.  
  626. .textpost {
  627. font-size: 12px;
  628. }
  629.  
  630. .caption {
  631. font-size: 12px;
  632. padding: 5px;
  633. border-radius: 0px;
  634. }
  635.  
  636. .quote {
  637. font-size: 15px;
  638. font-family: 'Alegreya Sans', sans-serif;
  639. text-align: center;
  640. }
  641.  
  642. .quotesource {
  643. text-align: center;
  644. font-size: 11px;
  645. margin-top: 5px;
  646. }
  647.  
  648.  
  649.  
  650. .audiopost {
  651. padding: 0 10px;
  652. {block:If500pxPosts}
  653. width: 477px;
  654. {/block:If500pxPosts}
  655. {block:IfNot500pxPosts}
  656. width: 377px;
  657. {/block:IfNot500pxPosts}
  658. font-size: 10px;
  659. margin-top: -20px;
  660. font-family: 'Alegreya Sans', sans-serif;
  661. border-radius: 0px;
  662. }
  663.  
  664. .player {
  665. position: absolute;
  666. float: left;
  667. width: 30px;
  668. height: 30px;
  669. overflow: hidden;
  670. margin-left: 20px;
  671. border-radius: 0px;
  672. }
  673.  
  674. .audio {
  675. background-color: {color:Post insides};
  676. text-align: center;
  677. padding: 5px 10px;
  678. {block:If500pxPosts}
  679. width: 420px;
  680. {/block:If500pxPosts}
  681. {block:IfNot500pxPosts}
  682. width: 320px;
  683. {/block:IfNot500pxPosts}
  684. font-size: 15px;
  685. font-family: 'Alegreya Sans', sans-serif;
  686. margin-bottom: 7px;
  687. margin-left: 48px;
  688. position: relative;
  689. float: right;
  690. border-radius: 0px;
  691. }
  692.  
  693. .chat {
  694. font-size: 12px;
  695. margin-bottom: 10px;
  696. }
  697.  
  698. .chattitle {
  699. font-size: 20px;
  700. font-family: 'Alegreya Sans', sans-serif;
  701. background-color: {color:Post insides};
  702. text-align: center;
  703. margin-bottom: 5px;
  704. padding: 2px;
  705. border-radius: 0px;
  706. {block:If500pxPosts}
  707. width: 516px;
  708. {/block:If500pxPosts}
  709. {block:IfNot500pxPosts}
  710. width: 416px;
  711. {/block:IfNot500pxPosts}
  712. margin-left:-10px;
  713. margin-top: -10px;
  714. }
  715.  
  716. .chatbubble {
  717. width: 5px;
  718. height: 5px;
  719. background-color: {color:Border};
  720. margin-left: 13px;
  721. margin-right: 5px;
  722. float: left;
  723. position: relative;
  724. margin-top: 6px;
  725. border-radius: 0px;
  726. }
  727.  
  728. .tumblrbutton {
  729. float: right;
  730. display: inline-block;
  731. margin-top: -13px;
  732. }
  733.  
  734. #likebutton {
  735. margin-left: 5px;
  736. margin-top: -14px;
  737. }
  738.  
  739.  
  740. /* PLEASE DO NOT REMOVE THE CREDIT OR MOVE IT */
  741.  
  742. #credit {
  743. bottom: 8px;
  744. right: 8px;
  745. border: 1px solid #BABABA;
  746. font-size: 10px;
  747. color: #5A5A5A;
  748. height: 12px;
  749. width: 12px;
  750. line-height: 12px;
  751. position: fixed;
  752. text-align: center;
  753. background-color:white;
  754. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  755. -o-transition: 0.5s ease;
  756. -moz-transition: 0.5s ease;
  757. }
  758.  
  759. #credit:hover {
  760. background-color: #2E2E2E;
  761. color: #fff;
  762. -webkit-transition: 0.5s ease;transition: 0.5s ease;
  763. -o-transition: 0.5s ease;
  764. -moz-transition: 0.5s ease;
  765. }
  766.  
  767.  
  768.  
  769.  
  770. </style>
  771.  
  772.  
  773. </head>
  774.  
  775.  
  776. <body>
  777.  
  778. <div id="sbblock">
  779. <div id="sidebar">
  780. <div id="title-stuff">
  781. {block:IfNotInfiniteScroll}
  782. {block:PreviousPage}
  783. <a href="{PreviousPage}"><div class="prevpage"></div></a>
  784. {/block:PreviousPage}
  785. {/block:IfNotInfiniteScroll}
  786. <div id="title">{block:ShowTitle}<a href="/">{Title}</a>{/block:ShowTitle}</div>
  787. {block:IfNotInfiniteScroll}
  788. {block:NextPage}
  789. <a href="{NextPage}"><div class="nextpage"></div></a>
  790. {/block:NextPage}
  791. {/block:IfNotInfiniteScroll}
  792. </div>
  793. <div id="sbimg"><img src="{image:Sidebar image}"></div>
  794. {block:ShowDescription}
  795. <div id="desc">{Description}</div>
  796. {/block:ShowDescription}
  797. <div id="sblinks">
  798. {block:IfLink1Text}
  799. <a href="{text:Link 1 url}"><div class="sblink">{text:Link 1 text}</div></a>
  800. {/block:IfLink1Text}
  801.  
  802. {block:IfLink2Text}
  803. <a href="{text:Link 2 url}"><div class="sblink">{text:Link 2 text}</div></a>
  804. {/block:IfLink2Text}
  805.  
  806. {block:IfLink3Text}
  807. <a href="{text:Link 3 url}"><div class="sblink">{text:Link 3 text}</div></a>
  808. {/block:IfLink3Text}
  809.  
  810. {block:IfLink4Text}
  811. <a href="{text:Link 4 url}"><div class="sblink">{text:Link 4 text}</div></a>
  812. {/block:IfLink4Text}
  813.  
  814. {block:IfLink5Text}
  815. <a href="{text:Link 5 url}"><div class="sblink">{text:Link 5 text}</div></a>
  816. {/block:IfLink5Text}
  817.  
  818. {block:IfLink6Text}
  819. <a href="{text:Link 6 url}"><div class="sblink">{text:Link 6 text}</div></a>
  820. {/block:IfLink6Text}
  821. </div>
  822.  
  823. </div>
  824. </div>
  825.  
  826. <!-- boring post stuff - you don't really need to edit there I'd say -->
  827.  
  828. <div id="content">
  829. <div class = "autopagerize_page_element" >
  830. {block:Posts}
  831.  
  832. <div id="posts">
  833.  
  834. {block:ContentSource}
  835. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  836. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  837. {/block:SourceLogo}
  838. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  839. {/block:ContentSource}
  840.  
  841.  
  842. {block:If500pxPosts}
  843. {block:Photo}
  844. {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag}
  845. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  846. {/block:Photo}
  847.  
  848. {block:Photoset}
  849. {Photoset-500}
  850. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  851. {/block:Photoset}
  852.  
  853. {block:Video}
  854. {Video-500}
  855. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  856. {/block:Video}
  857. {/block:If500pxPosts}
  858.  
  859. {block:IfNot500pxPosts}
  860. {block:Photo}
  861. {LinkOpenTag}<img src="{PhotoURL-400}" />{LinkCloseTag}
  862. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  863. {/block:Photo}
  864.  
  865. {block:Photoset}
  866. {Photoset-400}
  867. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  868. {/block:Photoset}
  869.  
  870. {block:Video}
  871. {Video-400}
  872. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  873. {/block:Video}
  874. {/block:IfNot500pxPosts}
  875.  
  876. {block:Audio}
  877. <div class="audio">
  878. {block:TrackName}
  879. {TrackName}
  880. {/block:TrackName}
  881. {block:Artist}
  882. &middot;&middot;&middot;
  883. {Artist}
  884. {/block:Artist}
  885. </div>
  886. <div class="player">
  887. {AudioPlayerWhite}
  888. </div>
  889. {block:Caption}<br /><div class="audiopost">{Caption}</div>{/block:Caption}
  890. {/block:Audio}
  891.  
  892. {block:Quote}
  893. <div class="quote">“{Quote}”</div>
  894. {block:Source}<div class="quotesource">&middot;&middot;&middot; {Source}</div>{/block:Source}
  895. {/block:Quote}
  896.  
  897. {block:Text}
  898. {block:Title}<div class="posttitle">{Title}</div><br/>{/block:Title}<div class="textpost">{Body}</div>
  899. {/block:Text}
  900.  
  901. {block:Answer}
  902. <div class="askicon"><img src="{AskerPortraitURL-64}" /></div><div class="arrow-left"></div>
  903. <div class="question"><div class="asker">{Asker}:</div>{Question}</div>
  904. <div class="answer">{block:Answerer}<div class="answerer">{Answerer}:</div>{/block:Answerer}<div class="answerer-answer">{Answer}</div></div>
  905. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  906. {/block:Answer}
  907. {block:Reblog}<div class="caption">{Replies}</div>{/block:Reblog}
  908.  
  909. {block:Chat}
  910. <div class="chat">
  911. {block:Title}<div class="chattitle">{Title}</div>{/block:Title}
  912. {block:Lines}
  913. {block:Label}<div class="chatbubble"></div><strong>{Label}</strong>{/block:Label} {Line}<br />
  914. {/block:Lines}
  915. </div>
  916. {/block:Chat}
  917.  
  918. {block:Link}
  919. <div class="linkpost">
  920. <a href="{URL}" ><div class="linktitle">{Name}</div></a>
  921. {block:Description}<div class="caption">{Description}</div>{/block:Description}</div>
  922. {/block:Link}
  923.  
  924.  
  925.  
  926. <div id="tagsbox">
  927. <div id="permalink">
  928. <a href="{Permalink}">
  929. {block:Date}{TimeAgo}{/block:Date}
  930. {block:NoteCount}&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;{NoteCount}{/block:NoteCount}</a>
  931. {block:RebloggedFrom}&nbsp;&nbsp;&nbsp;&middot;&nbsp;&nbsp;&nbsp;<a href="{ReblogParentURL}">via</a> &nbsp;&middot;&nbsp;
  932. <a href="{ReblogRootURL}">&copy;</a>
  933. {/block:RebloggedFrom}
  934.  
  935. </div>
  936.  
  937. {block:IfNotWhiteTumblrButtons}
  938. <div class="tumblrbutton" id="likebutton">{LikeButton size="13"}</div>
  939. <div class="tumblrbutton">{ReblogButton size="13"}</div>
  940. {/block:IfNotWhiteTumblrButtons}
  941. {block:IfWhiteTumblrButtons}
  942. <div class="tumblrbutton" id="likebutton">{LikeButton color="white" size="13"}</div>
  943. <div class="tumblrbutton">{ReblogButton color="white" size="13"}</div>
  944. {/block:IfWhiteTumblrButtons}
  945. </div>
  946.  
  947. {block:IndexPage}
  948.  
  949. {block:HasTags}<div class="content {select:Index tags}">
  950. {block:Tags}
  951. <a href="{TagURL}">{Tag}</a><span class="comma"> &nbsp;&middot;&nbsp; </span>
  952. {/block:Tags}
  953. </div>
  954. {/block:HasTags}
  955.  
  956. {/block:IndexPage}
  957.  
  958. {block:PermalinkPage}
  959.  
  960. {block:HasTags}<div class="content {select:Perma tags}">
  961. {block:Tags}
  962. <a href="{TagURL}">{Tag}</a><span class="comma"> &nbsp;&middot;&nbsp; </span>
  963. {/block:Tags}
  964. </div>
  965. {/block:HasTags}
  966.  
  967. {/block:PermalinkPage}
  968.  
  969.  
  970. </div> <!-- posts div -->
  971.  
  972.  
  973. {block:PermalinkPage}
  974.  
  975. {block:PostNotes}
  976. <div id="notecontainer">{PostNotes}</div>
  977. {/block:PostNotes}
  978.  
  979. {/block:PermalinkPage}
  980.  
  981. {/block:Posts}
  982. </div>
  983. </div> <!-- content div-->
  984.  
  985.  
  986.  
  987. <!-- credit, please do not remove! -->
  988. <a href="http://spirkthemes.tumblr.com"><div id="credit">P</div></a>
  989.  
  990.  
  991. <script type="text/javascript" src="jquery.easing.1.3.js"></script>
  992.  
  993.  
  994.  
  995.  
  996.  
  997. </body>
  998.  
  999.  
  1000. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!