Advertisement
olympianthemes

ABDUCTION, Theme #7

Aug 11th, 2013
6,337
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.13 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!---------------
  4.  
  5.  
  6.  
  7.  
  8. THEME #7 - "ABDUCTION" by CREMATA
  9. Rules and Regulations:
  10. #1: Please DO NOT commit thievery and steal this theme/page. I've worked hard on in so I'd appreciate if you didn't.
  11.  
  12. #2: DO NOT redistribute this theme/page,
  13.  
  14. #3: You can customize to your liking, just make sure that your theme/page is readable and credible for your viewers.
  15.  
  16.  
  17.  
  18.  
  19. CREDITS
  20.  
  21. Scroll-To-Top Button Code: tutsplus.com
  22. All Fonts: Google Fonts
  23.  
  24.  
  25.  
  26. ---------------->
  27.  
  28. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  29. <head>
  30. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  31.  
  32. <title>{Title}</title>
  33.  
  34. <meta charset="utf-8">
  35.  
  36. <meta name="description" content="{MetaDescription}" />
  37.  
  38. <link rel="shortcut icon" href="{Favicon}" />
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  40.  
  41. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>
  42.  
  43. <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
  44.  
  45. <link href='http://fonts.googleapis.com/css?family=Raleway:400,700,800,900,500' rel='stylesheet' type='text/css'>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  50. <script type="text/javascript" src="http://static.tumblr.com/kamm2qy/RWymrcz72/back_to_top"></script>
  51.  
  52.  
  53.  
  54. <!--------------
  55.  
  56.  
  57.  
  58. LOL NO JAVASCRIPT CODE FOR U, BITCH.
  59.  
  60.  
  61.  
  62. ------------>
  63.  
  64.  
  65.  
  66. <meta name="text:Link 1 URL" content="">
  67. <meta name="text:Link 1" content="">
  68. <meta name="text:Link 2 URL" content="">
  69. <meta name="text:Link 2" content="">
  70. <meta name="text:Link 3 URL" content="">
  71. <meta name="text:Link 3" content="">
  72. <meta name="text:Link 4 URL" content="">
  73. <meta name="text:Link 4" content="">
  74. <meta name="text:Subtitle" content="">
  75. <meta name="text:Extra Link 1 URL" content="">
  76. <meta name="text:Extra Link 1" content="">
  77. <meta name="text:Extra Link 2 URL" content="">
  78. <meta name="text:Extra Link 2" content="">
  79. <meta name="text:Extra Link 3 URL" content="">
  80. <meta name="text:Extra Link 3" content="">
  81. <meta name="text:Extra Link 4 URL" content="">
  82. <meta name="text:Extra Link 4" content="">
  83.  
  84. <meta name="image:Header" content="http://static.tumblr.com/kamm2qy/Hmbmrcpp3/taylor_lautner_headshot_snl.png">
  85. <meta name="image:Blockquote BG" content="http://24.media.tumblr.com/tumblr_lsdjv9k5E21r2gm7fo4_250.jpg">
  86. <meta name="image:Background" content="">
  87.  
  88. <meta name="color:Background" content="#FFFFFF">
  89. <meta name="color:Text" content="#877b76">
  90. <meta name="color:Accent" content="#de5461">
  91. <meta name="color:Title" content="#877b76">
  92. <meta name="color:Nav Links" content="#FFFFFF">
  93. <meta name="color:Extra Links BG" content="#de5461">
  94. <meta name="color:Extra Links Color" content="#FFFFFF">
  95. <meta name="color:Content BG" content="#EEEEEE">
  96. <meta name="color:Post BG" content="#FFFFFF">
  97. <meta name="color:Bold & Italic" content="#de5461">
  98.  
  99.  
  100.  
  101.  
  102.  
  103.  
  104. </head>
  105. <style type="text/css">
  106. body {
  107. margin: 0px;
  108. list-style: none;
  109. background-color: {color:Background};
  110. background-attachment: fixed;
  111. background-image:url('{image:Background}');
  112. font-family: 'Lora', sans-serif;
  113. font-size: 10px;
  114. color: {color:Text};
  115.  
  116. }
  117.  
  118. a {
  119. text-decoration: none;
  120. color: black;
  121. }
  122.  
  123. b,i,strong,em {
  124. color: {color:Bold & Italic};
  125. }
  126.  
  127. ::-webkit-scrollbar-thumb:vertical {
  128. background-color: {color:Accent};
  129. height: 10px;
  130. border-bottom: 2px solid #FFF;
  131. border-top: 2px solid #FFF;
  132. }
  133. ::-webkit-scrollbar-thumb:horizontal {
  134. background-color: {color:Accent};
  135. height: 7px!important;
  136. }
  137. ::-webkit-scrollbar {
  138. background-color: #FFF;
  139. height: 10px;
  140. width: 12px;
  141. }
  142. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  143. display:block;
  144. height:15px;
  145. width: 12px;
  146. background-color: {color:Accent};
  147. }
  148.  
  149.  
  150. #head {
  151. width: 100%;
  152. height: auto;
  153. margin: auto;
  154. text-align: center;
  155. }
  156.  
  157. header {
  158. width: 900px;
  159. height: 400px;
  160. background-color: #202020;
  161. margin: auto;
  162. background-image: cover;
  163. background-image:url('{image:Header}');
  164. margin-top: 85px;
  165. display: inline-block;
  166. }
  167.  
  168. #title {
  169. margin: auto;
  170. width: 100%;
  171. padding: 20px 0px;
  172. background: rgba(255, 255, 255, .8);
  173. text-align: center;
  174. font-family: 'Raleway';
  175. font-size: 36px;
  176. text-transform: uppercase;
  177. color: {color:Title};
  178. font-weight: 700;
  179. position: fixed;
  180. }
  181.  
  182. .navi {
  183. width: 880px;
  184. margin: auto;
  185. background-color: {color:Accent};
  186. text-align: center;
  187. padding: 20px 10px;
  188. }
  189.  
  190. .navi a {
  191. font-family: 'Lato';
  192. font-weight: normal;
  193. font-size: 14px;
  194. color: {color:Nav Links};
  195. letter-spacing: 1px;
  196. background-color:{color:Accent};
  197. text-align: center;
  198. padding: 10px 20px;
  199. text-transform: uppercase;
  200. margin: auto;
  201. margin-right: -4px;
  202. -webkit-transition: all 0.2s ease-in-out;
  203. -moz-transition: all 0.2s ease-in-out;
  204. -o-transition: all 0.2s ease-in-out;
  205. -ms-transition: all 0.2s ease-in-out;
  206. transition: all 0.2s ease-in-out;
  207. }
  208.  
  209. .navi a:hover {
  210. background-color: {color:Nav Links};
  211. color: {color:Accent};
  212. }
  213.  
  214.  
  215. #wrap {
  216. margin: auto;
  217. width: 100%;
  218. display: block;
  219. text-align: center;
  220. height: auto;
  221. }
  222.  
  223. #content {
  224. margin: auto;
  225. width: 860px;
  226. height: auto;
  227. display: inline-block;
  228. padding: 20px;
  229. background-color: {color:Content BG};
  230. margin-top: 3px;
  231. }
  232.  
  233. #post {
  234. width: 540px;
  235. height: 400px;
  236. float: left;
  237. display: inline-block;
  238. height: auto;
  239. }
  240.  
  241. #sbar {
  242. float: right;
  243. width: 300px;
  244. height: auto;
  245. display: inline-block;
  246. }
  247.  
  248. .stitle {
  249. font-family: 'lora';
  250. font-size: 14px;
  251. font-style: italic;
  252. color: {color:Accent};
  253. text-align: center;
  254. display: block;
  255. letter-spacing: 2px;
  256. }
  257.  
  258. .desc {
  259. display: block;
  260. text-align: justify;
  261. font-family: Lora;
  262. font-size: 10px;
  263. margin-top: 10px;
  264. height: auto;
  265. }
  266.  
  267. .go-top {
  268. position: fixed;
  269. bottom: 2em;
  270. right: 2em;
  271. text-decoration: none;
  272. color: {color:Accent};
  273. font-family: 'Raleway';
  274. font-weight: 700;
  275. font-size: 12px;
  276. padding: 1em;
  277. display: none;
  278. width: 80px;
  279. text-align: center;
  280. text-transform: uppercase;
  281. opacity: 0.5;
  282. -webkit-transition: all 0.2s ease-in-out;
  283. -moz-transition: all 0.2s ease-in-out;
  284. -o-transition: all 0.2s ease-in-out;
  285. -ms-transition: all 0.2s ease-in-out;
  286. transition: all 0.2s ease-in-out;
  287. }
  288.  
  289. .go-top:hover {
  290. opacity: 1;
  291. }
  292.  
  293. .go-top img {
  294. width: 80px;
  295. margin: auto;
  296. height: 80px;
  297. background-color: {color:Accent};
  298. border-radius: 5px;
  299. -webkit-transition: all 0.2s ease-in-out;
  300. -moz-transition: all 0.2s ease-in-out;
  301. -o-transition: all 0.2s ease-in-out;
  302. -ms-transition: all 0.2s ease-in-out;
  303. transition: all 0.2s ease-in-out;
  304.  
  305. }
  306.  
  307. #credit {
  308. margin: auto;
  309. width: 100%;
  310. display: block;
  311. background-color: transparent;
  312. text-align: center;
  313. margin-top: 10px;
  314. }
  315.  
  316. #credit a {
  317. color: {color:Accent};
  318. }
  319.  
  320. .extra {
  321. display: block;
  322. margin-top: 20px;
  323. }
  324.  
  325. .extra a {
  326. display: inline-block;
  327. margin: 1px;
  328. padding: 5px;
  329. width: 131px;
  330. background-color: {color:Extra Links BG};
  331. color: {color:Extra Links Color};
  332. text-align: left;
  333. font-family: 'Raleway';
  334. font-size: 12px;
  335. text-transform: uppercase;
  336. border-left: 4px solid {color:Title};
  337. -webkit-transition: all 0.2s ease-in-out;
  338. -moz-transition: all 0.2s ease-in-out;
  339. -o-transition: all 0.2s ease-in-out;
  340. -ms-transition: all 0.2s ease-in-out;
  341. transition: all 0.2s ease-in-out;
  342. }
  343.  
  344. .extra a:hover {
  345. background-color: {color:Extra Links Color};
  346. color: {color:Extra Links BG};
  347. }
  348.  
  349. #context {
  350. width: 500px;
  351. background-color: {color:Post BG};
  352. margin-bottom: 20px;
  353. padding: 20px;
  354. text-align: justify;
  355. webkit-transition: all 0.3s ease-in-out;
  356. -moz-transition: all 0.3s ease-in-out;
  357. -o-transition: all 0.3s ease-in-out;
  358. -ms-transition: all 0.3s ease-in-out;
  359. transition: all 0.3s ease-in-out;
  360. }
  361.  
  362. /* TEXT CODES */
  363.  
  364. #context a {
  365. color: {color:Accent};
  366. -webkit-transition: all 0.2s ease-in-out;
  367. -moz-transition: all 0.2s ease-in-out;
  368. -o-transition: all 0.2s ease-in-out;
  369. -ms-transition: all 0.2s ease-in-out;
  370. transition: all 0.2s ease-in-out;
  371. }
  372.  
  373. #context a:hover {
  374. color: {color:Text};
  375. }
  376.  
  377. blockquote {
  378. border-left: 2px solid {color:Accent};
  379. max-width: 450px;
  380. padding: 2px 7px;
  381. margin: auto;
  382. background-image:url('{image:Blockquote BG}');
  383. }
  384.  
  385. blockquote img {
  386. max-width: 400px;
  387. }
  388.  
  389. blockquote blockquote {
  390. max-width: 400px;
  391. }
  392.  
  393. .ttitle {
  394. display: block;
  395. font-family: 'Raleway';
  396. letter-spacing: 1px;
  397. font-size: 16px;
  398. font-weight: 700;
  399. text-transform: uppercase;
  400. padding: 20px;
  401. background-color: {color:Accent};
  402. color: #FFFFFF;
  403. margin-left: -20px;
  404. margin-top: -20px;
  405. width: 500px;
  406. }
  407.  
  408. #context ul {
  409. list-style-type: square;
  410. margin-left: -5px;
  411. }
  412.  
  413. #context ul li {
  414. padding-left: -5px;
  415. }
  416.  
  417. #context ol {
  418. list-style-type: upper-roman;
  419. margin-left: -10px;
  420. }
  421. /* QUOTE CODES */
  422.  
  423. .quo {
  424. padding: 20px;
  425. display: block;
  426. width: 500px;
  427. margin-left: -20px;
  428. margin-top: -20px;
  429. background-color: {color:Accent};
  430. color: #FFFFFF;
  431. font-family: 'Lato';
  432. font-size: 16px;
  433. font-style: italic;
  434. }
  435.  
  436. .sou {
  437. text-align: center;
  438. display: block;
  439. margin-top: 10px;
  440. }
  441.  
  442. /* LINK CODES */
  443.  
  444. .link a {
  445. display: block;
  446. border: 1px dashed #CCCCCC;
  447. background-image:url('{image:Blockquote BG}');
  448. padding: 20px;
  449. font-family: 'Raleway';
  450. font-size: 16px;
  451. text-align: center;
  452. text-transform: uppercase;
  453. font-weight: 700;
  454. }
  455.  
  456. /* CHAT CODES */
  457.  
  458. .chat .convo li {
  459. list-style: none;
  460. text-align: justify;
  461. margin-top: 5px;
  462. }
  463.  
  464. .chat h4 {
  465. font-family: 'Lato';
  466. font-size: 20px;
  467. text-align: center;
  468. display: block;
  469. color: {color:Accent};
  470. text-transform: uppercase;
  471. }
  472.  
  473. .line_odd .label {
  474. color: {color:Accent};
  475. text-transform: uppercase;
  476. border-bottom: 1px dotted #AAA;
  477. padding: 2px;
  478. }
  479.  
  480. .line_even .label {
  481. color: #BBB;
  482. text-transform: uppercase;
  483. border-bottom: 1px dotted #AAA;
  484. padding: 2px;
  485. }
  486.  
  487. /* AUDIO CODES */
  488.  
  489. .audio {
  490. display: block;
  491. }
  492.  
  493. .album {
  494. z-index: 1;
  495. width: 100px;
  496. height: auto;
  497. text-align: left;
  498. display: block;
  499. }
  500.  
  501. .album img {
  502. z-index: 1;
  503. width: 100px;
  504. height: 100px;
  505. text-align: left;
  506. }
  507.  
  508. .button {
  509. width: 25px;
  510. height: 28px;
  511. overflow: hidden;
  512. z-index: 1000;
  513. }
  514.  
  515. .music {
  516. background-color: #FFF;
  517. position: absolute;
  518. padding: 15px 18px 15px 18px;
  519. z-index: 1000;
  520. margin: 25px 28px 0px 20px;
  521. margin-top: 23px;
  522. opacity: 0.3;
  523. webkit-transition: all 0.3s ease-in-out;
  524. -moz-transition: all 0.3s ease-in-out;
  525. -o-transition: all 0.3s ease-in-out;
  526. -ms-transition: all 0.3s ease-in-out;
  527. transition: all 0.3s ease-in-out;
  528. }
  529.  
  530. .music:hover {
  531. opacity: 0.8;
  532.  
  533. }
  534.  
  535. .audioinfo {
  536. float: right;
  537. width: 330px;
  538. padding: 10px;
  539. background-color: transparent;
  540. overflow: auto;
  541. }
  542.  
  543. .track {
  544. color: {color:Accent};
  545. font-family: 'Raleway';
  546. font-size: 16px;
  547. font-style: italic;
  548. letter-spacing: 3px;
  549. text-align: center;
  550. display: block;
  551. text-transform: lowercase;
  552. padding: 10px;
  553. overflow: auto;
  554. display: block;
  555. }
  556.  
  557. .other {
  558. background-color: transparent;
  559. font-family: roboto condensed;
  560. font-size: 10px;
  561. color: {color:Text};
  562. text-transform: uppercase;
  563. text-align: center;
  564. }
  565.  
  566. /* ASK CODES */
  567.  
  568. .question {
  569. display: block;
  570. padding: 10px;
  571. background-image:url('{image:Blockquote BG}');
  572. border: 1px dashed #CCCCCC;
  573. }
  574.  
  575. .answer {
  576. display: block;
  577. }
  578.  
  579. /* TAGS CODE */
  580.  
  581. #tags {
  582. position: absolute;
  583. width: 150px;
  584. height: 100px;
  585. margin-top: -20px;
  586. margin-left: -200px;
  587. opacity: 0;
  588. webkit-transition: all 0.3s ease-in-out;
  589. -moz-transition: all 0.3s ease-in-out;
  590. -o-transition: all 0.3s ease-in-out;
  591. -ms-transition: all 0.3s ease-in-out;
  592. transition: all 0.3s ease-in-out;
  593. }
  594.  
  595. #context:hover #tags {
  596. opacity: 1;
  597. }
  598.  
  599. #tags a {
  600. display: block;
  601. background-image:url('{image:Blockquote BG}');
  602. display: block;
  603. text-align: right;
  604. margin: 5px;
  605. border: 1px dashed #DDDDDD;
  606. padding: 3px;
  607. text-transform: uppercase;
  608. font-size: 8px;
  609. font-family: 'Lato', Arial;
  610. webkit-transition: all 0.3s ease-in-out;
  611. -moz-transition: all 0.3s ease-in-out;
  612. -o-transition: all 0.3s ease-in-out;
  613. -ms-transition: all 0.3s ease-in-out;
  614. transition: all 0.3s ease-in-out;
  615. }
  616.  
  617. #tags a:hover {
  618. background-image: none;
  619. background-color:{color:Accent};
  620. color: #FFF;
  621. border: 1px solid transparent;
  622. }
  623.  
  624. #stamp {
  625. margin-top: -10px;
  626. display: block;
  627. border-top: 1px solid {color:Accent};
  628. padding: 5px;
  629. text-align: center;
  630. opacity: 0;
  631. webkit-transition: all 0.3s ease-in-out;
  632. -moz-transition: all 0.3s ease-in-out;
  633. -o-transition: all 0.3s ease-in-out;
  634. -ms-transition: all 0.3s ease-in-out;
  635. transition: all 0.3s ease-in-out;
  636. }
  637.  
  638. #context:hover #stamp {
  639. opacity: 1;
  640. margin-top: 10px;
  641. }
  642.  
  643. .photo img {
  644. text-align: center;
  645. margin: auto;
  646. }
  647.  
  648. #pagination {
  649. display: block;
  650. width: 100%;
  651. margin-top: 10px;
  652. text-align: center;
  653. margin: auto;
  654. margin-bottom: 100px;
  655. }
  656.  
  657. #pagination a {
  658. color: {color:Accent};
  659. margin-left: 5px;
  660. margin-right: 5px;
  661. }
  662.  
  663. .postnotes {
  664. width: 500px;
  665. padding: 20px;
  666. text-align: left;
  667. }
  668.  
  669. .postnotes ol {
  670. list-style-type: none;
  671. padding: 5px;
  672. text-align: left;
  673. color: {color:Text};
  674. }
  675.  
  676. .postnotes ol li {
  677. line-height: 120%;
  678. padding-top: 10px;
  679. padding-bottom: 10px;
  680. border: 1px dashed #CCCCCC;
  681. font-size: 10px;
  682. font-style: italic;
  683. padding-left: 10px;
  684. padding-right: 0px;
  685. background-image:url('{image:Blockquote BG}');
  686. margin-top: 5px;
  687. }
  688.  
  689. .postnotes a {
  690. color: {color:Accent};
  691. }
  692.  
  693. .postnotes ol img {
  694. display: none;
  695. }
  696.  
  697.  
  698. </style>
  699. <body>
  700. <div id="title">{Title}</div>
  701. <div id="head"><header>
  702. </header></div>
  703. <div class="navi">
  704. <a href="/">Home</a>
  705. <a href="/ask">Message</a>
  706. <a href="/submit">Submit</a>
  707. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  708. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  709. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  710. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  711. </div>
  712.  
  713. <div id="wrap">
  714. <div id="content">
  715.  
  716. <!------ POST CODES ------>
  717.  
  718. <div id="post">
  719. {block:Posts}
  720. <div id="context">
  721.  
  722. <div id="tags">
  723. <a href="{ReblogURL}" style="text-align: center;">Reblog</a>
  724. {block:HasTags}{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}
  725. </div>
  726.  
  727.  
  728.  
  729.  
  730.  
  731. {block:Text}
  732. {block:Title}<div class="ttitle">{Title}</div>{/block:Title}
  733. {Body}
  734. {/block:Text}
  735.  
  736. {block:Photo}
  737. <center><a href="{Permalink}"><img src="{PhotoURL-500}" /></a></center>
  738. {block:Caption}{Caption}{/block:Caption}
  739. {/block:Photo}
  740.  
  741. {block:Quote}
  742. <div class="quo">{Quote}</div>
  743. <div class="sou">{Source}</div>
  744. {/block:Quote}
  745.  
  746. {block:Link}
  747. <div class="link"><a href="{URL}">{Name}</a></div>
  748. {block:Description}{Description}{/block:Description}
  749. {/block:Link}
  750.  
  751. {block:Video}
  752. {Video-500}
  753. {block:Caption}{Caption}{/block:Caption}
  754. {/block:Video}
  755.  
  756. {block:Chat}
  757. <div class="chat">
  758. {block:Title}<h4>{Title}</h4>{/block:Title}
  759. <ul class="convo">
  760. {block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  761. {Line}</li>{/block:Lines}
  762. </ul>
  763. </div>
  764. {/block:Chat}
  765.  
  766. {block:Audio}
  767. <div class="audio">
  768. <div class="music"><div class="button">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  769. <div class="audioinfo">
  770. <div class="track">{block:TrackName}{TrackName}{/block:TrackName}</div>
  771. <div class="other">
  772. {block:Artist}{Artist}{/block:Artist}<br>
  773. {block:PlayCount}{PlayCount} Plays{/block:PlayCount}
  774. </div>
  775.  
  776. </div>
  777. <div class="album">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  778. </div>
  779. {/block:Audio}
  780.  
  781. {block:Photoset}
  782. <center>{Photoset-500}</center>
  783. {block:Caption}{Caption}{/block:Caption}
  784. {/block:Photoset}
  785.  
  786. {block:Answer}
  787. <div class="question">{Asker}: {Question}</div>
  788. <div class="answer">{Answer}</div>
  789. {/block:Answer}
  790.  
  791. <div id="stamp">
  792. {block:Date}{TimeAgo}{/block:Date} {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  793. </div>
  794.  
  795.  
  796.  
  797.  
  798.  
  799.  
  800.  
  801.  
  802.  
  803.  
  804. <!-- {block:ContentSource}
  805. {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  806. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  807. {/block:SourceLogo}
  808. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  809. {/block:ContentSource} -->
  810. </div>
  811.  
  812. {block:PostNotes}<div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  813. {/block:Posts}
  814. </div>
  815.  
  816.  
  817.  
  818.  
  819. <!--- SIDEBAR -->
  820.  
  821. <div id="sbar">
  822.  
  823. <div class="stitle">{text:Subtitle}</div>
  824. <div class="desc">
  825. {Description}
  826. </div>
  827. <div class="extra">
  828. <a href="{text:Extra Link 1 URL}">{text:Extra Link 1}</a>
  829. <a href="{text:Extra Link 2 URL}">{text:Extra Link 2}</a>
  830. <a href="{text:Extra Link 3 URL}">{text:Extra Link 3}</a>
  831. <a href="{text:Extra Link 4 URL}">{text:Extra Link 4}</a>
  832. </div>
  833.  
  834. </div>
  835.  
  836. </div>
  837. </div>
  838. <div id="credit">theme by <a href="http://cremata.tumblr.com">CREMATA</a></div>
  839.  
  840. <div id="pagination">
  841. {block:Pagination}
  842. {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage} {CurrentPage} / {TotalPages} {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  843. {/block:Pagination}
  844. </div>
  845.  
  846.  
  847.  
  848.  
  849.  
  850. <a href="#" class="go-top"><img src="http://static.tumblr.com/kamm2qy/ppMmrcqdn/up_button.png" />Back to Top</a>
  851. </body>
  852. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement