spirkism

Theme #18: Derek Hale

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