API tools faq
paste
Advertisement
themesbygeorgia

Theme #3 Revamp - Frame by Frame

themesbygeorgia
Mar 2nd, 2014
3,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.06 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--Theme #3 Revamp - Frame by Frame by wonderfullythemes
  6. no stealing/copying/claiming as your own etc etc-->
  7.  
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  12.  
  13. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  14. <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  15.  
  16. <!--SCRIPT FOR TOOLTIPS-->
  17. <stsss>
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  19. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  20. <script>
  21. (function($){
  22. $(document).ready(function(){
  23. $("a[title]").style_my_tooltips({
  24. tip_follows_cursor:true,
  25. tip_delay_time:200,
  26. tip_fade_speed:300,
  27. attribute:"title"
  28. });
  29. });
  30. })(jQuery);
  31. </script>
  32.  
  33. <!-- ------ DEFAULT VARIABLES ------ -->
  34.  
  35. <meta name="color:Background" content="#eaf8f6" />
  36. <meta name="color:Post Background" content="#ffffff" />
  37. <meta name="color:Sidebar Background" content="#ffffff" />
  38. <meta name="color:Header Background" content="#000" />
  39. <meta name="color:RightSidebar Background" content="#ffffff" />
  40. <meta name="color:Border" content="#000" />
  41. <meta name="color:Title" content="#000" />
  42. <meta name="color:Text" content="#000" />
  43. <meta name="color:Link" content="#ddd" />
  44. <meta name="color:Hover" content="#000" />
  45. <meta name="color:pre Background" content="#ddd" />
  46. <meta name="color:pre Text" content="#fff" />
  47. <meta name="color:NavLink" content="#000" />
  48. <meta name="color:NavLink Background" content="#fff" />
  49. <meta name="color:NavLink Hover" content="#000" />
  50. <meta name="color:NavLink Background Hover" content="#ddd" />
  51. <meta name="color:Question Background" content="#ddd" />
  52. <meta name="color:Question Text" content="#444" />
  53. <meta name="color:Answer Background" content="#fff" />
  54. <meta name="color:Answer Text" content="#444" />
  55. <meta name="color:Chat Bg Odd" content="#ddd" />
  56. <meta name="color:Chat Bg Even" content="#fff" />
  57. <meta name="color:Info Background" content="#ddd" />
  58. <meta name="color:Info Text" content="#444" />
  59. <meta name="color:Info Links" content="#444" />
  60. <meta name="color:Info Links Hover" content="#fff" />
  61. <meta name="color:Tooltip Background" content="#000" />
  62. <meta name="color:Tooltip Shadow" content="#000" />
  63. <meta name="color:Tooltip Text" content="#fff" />
  64. <meta name="color:Scrollbar" content="#000" />
  65. <meta name="color:Scrollbar Background" content="#fff" />
  66.  
  67. <meta name="image:Sidebar" content="" />
  68. <meta name="image:img1" content="" />
  69. <meta name="image:img2" content="" />
  70. <meta name="image:img3" content="" />
  71. <meta name="image:img4" content="" />
  72.  
  73. <meta name="if:FadedIcons" content="0" />
  74. <meta name="if:GrayscaleIcons" content="1" />
  75.  
  76. <meta name="text:Link1" content="Link 1" />
  77. <meta name="text:Link1 URL" content="http://"/>
  78.  
  79. <meta name="text:Link2" content="Link 2" />
  80. <meta name="text:Link2 URL" content="http://"/>
  81.  
  82. <meta name="text:Link3" content="Link 3" />
  83. <meta name="text:Link3 URL" content="http://"/>
  84.  
  85. <meta name="text:Link4" content="Link 4" />
  86. <meta name="text:Link4 URL" content="http://"/>
  87.  
  88.  
  89. <style type="text/css">
  90.  
  91. ::-webkit-scrollbar-thumb {
  92. height:auto;
  93. background-color:{color:Scrollbar};
  94. }
  95.  
  96. ::-webkit-scrollbar {
  97. height:8px;
  98. width:6px;
  99. padding-right:2px;
  100. background-color:transparent;
  101. }
  102.  
  103. #s-m-t-tooltip {
  104. max-width:130px;
  105. font-size:10px;
  106. font-family:'calibri';
  107. background-color:{color:Tooltip Background};
  108. color:{color:Tooltip Text};
  109. line-height:14px;
  110. display:none;
  111. position:absolute;
  112. letter-spacing:1px;
  113. text-transform:uppercase;
  114. padding:7px;
  115. box-shadow:4px 5px 4px {color:Tooltip Shadow};
  116. margin:15px 0px 0px 15px;
  117. z-index:99999999999999;
  118. }
  119.  
  120. body {
  121. background-image: url({image:Background});
  122. background-attachment:fixed;
  123. background-size:cover;
  124. background-repeat:no-repeat;
  125. background-color:{color:Background};
  126. color:{color:Text};
  127. font-family:'corbel';
  128. font-size:12px;
  129. text-decoration:none;
  130. text-transform:none;
  131. margin:0px;
  132. {block:IfCustomCursor}
  133. cursor: url(http://media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;
  134. {/block:IfCustomCursor}
  135. }
  136.  
  137. a {
  138. color:{color:Link};
  139. text-decoration:none;
  140. -moz-transition-duration:0.7s;
  141. -webkit-transition-duration:0.7s;
  142. -o-transition-duration:0.7s;
  143. }
  144.  
  145. a:hover {
  146. font-style:italic;
  147. text-decoration:none;
  148. {block:IfCustomCursor}
  149. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  150. {/block:IfCustomCursor}
  151. color:{color:Hover};
  152. -moz-transition-duration:0.7s;
  153. -webkit-transition-duration:0.7s;
  154. -o-transition-duration:0.7s;
  155. }
  156.  
  157. h2 {
  158. text-decoration:underline;
  159. }
  160.  
  161. h2 a {
  162. color:{color:Link};
  163. }
  164.  
  165. li {
  166. list-style:square;
  167. }
  168.  
  169. pre {
  170. letter-spacing:2px;
  171. font-size:11px;
  172. text-transform:uppercase;
  173. background-color:{color:pre Background};
  174. color:{color:pre Text};
  175. padding:5px;
  176. white-space: pre-wrap;
  177. white-space: -moz-pre-wrap;
  178. white-space: -pre-wrap;
  179. white-space: -o-pre-wrap;
  180. word-wrap: break-word;
  181. }
  182.  
  183. blockquote {
  184. border-left:2px solid {color:Text};
  185. padding-left:5px;
  186. margin-left:12px;
  187. }
  188.  
  189. blockquote blockquote {
  190. padding:0 0 0 5px;
  191. margin:0 0 0 12px;
  192. }
  193.  
  194. img, blockquote, li, h2 {
  195. max-width:100%;
  196. }
  197.  
  198. /*---EXTRAS---*/
  199. /* -------------- SIDEBAR --------------- */
  200.  
  201. #sidebar{
  202. background-color:{color:Sidebar Background};
  203. width:140px;
  204. position:fixed;
  205. margin-left:200px;
  206. border:1px solid {color:Border};
  207. margin-top:200px;
  208. padding:30px;
  209. height:auto;
  210. }
  211.  
  212. .maintitle {
  213. text-align:center;
  214. font-style:italic;
  215. padding:5px;
  216. margin-top:5px;
  217. font-size:14px;
  218. color:{color:Title};
  219. }
  220.  
  221. #description{
  222. line-height:13px;
  223. position:relative;
  224. text-align:center;
  225. padding:5px;
  226. }
  227.  
  228. #sidebar img {
  229. padding:10px;
  230. margin-top:10px;
  231. height:70px;
  232. width:70px;
  233. opacity:{text:Opacity};
  234. border:1px solid {color:Border};
  235. {block:ifGrayscaleIcons}
  236. -webkit-filter: grayscale(0%);
  237. {/block:ifGrayscaleIcons}
  238. {block:ifFadedIcons}
  239. opacity:1;
  240. {/block:ifFadedIcons}
  241. -webkit-transition-duration: 0.7s;
  242. -moz-transition-duration: 0.7s;
  243. -o-transition-duration: 0.7s;
  244. -ms-transition-duration: 0.7s;
  245. }
  246.  
  247. #sidebar img:hover {
  248. {block:ifGrayscaleIcons}
  249. -webkit-filter: grayscale(100%);
  250. {/block:IfGrayscaleIcons}
  251. border-radius:70px;
  252. {block:ifFadedIcons}
  253. opacity:.5;
  254. {/block:ifFadedIcons}
  255. -webkit-transition-duration: 0.7s;
  256. -moz-transition-duration: 0.7s;
  257. -o-transition-duration: 0.7s;
  258. -ms-transition-duration: 0.7s;
  259. }
  260.  
  261.  
  262. /*-------------HEADER---------------*/
  263.  
  264. #banner {
  265. top:0;
  266. height:65px;
  267. width:100%;
  268. background-color:{color:Header Background};
  269. border-bottom:1px solid {color:Border};
  270. position:fixed;
  271. z-index:2;
  272. }
  273.  
  274. #links{
  275. margin-top:10px;
  276. text-align:center;
  277. line-height:200%;
  278. padding:10px;
  279. margin-left:-50px;
  280. width:auto;
  281. text-transform:uppercase;
  282. font-size:11px;
  283. letter-spacing:2px;
  284. }
  285.  
  286. #links a{
  287. padding:7px;
  288. color:{color:NavLink};
  289. background-color:{color:NavLink Background};
  290. -webkit-transition:ease-in-out .3s;
  291. -moz-transition:ease-in-out .3s;
  292. -o-transition:ease-in-out .3s;
  293. transition:ease-in-out .3s;
  294. }
  295.  
  296. #links a:hover {
  297. font-style:initial;
  298. color:{color:NavLink Hover};
  299. background-color:{color:NavLink Background Hover};
  300. -webkit-transition-duration: 0.7s;
  301. -moz-transition-duration: 0.7s;
  302. -o-transition-duration: 0.7s;
  303. -ms-transition-duration: 0.7s;
  304. }
  305.  
  306. /*---------------RIGHT SIDEBAR-------------*/
  307.  
  308. #rsidebar {
  309. background-color:{color:RightSidebar Background};
  310. width:65px;
  311. position:fixed;
  312. right:250px;
  313. top:0;
  314. margin-top:0px;
  315. border-left:1px solid {color:Border};
  316. border-right:1px solid {color:Border};
  317. padding:40px;
  318. height:1000%;
  319. }
  320.  
  321. #img1 {
  322. margin-left:-13px;
  323. margin-top:60px;
  324. height:auto;
  325. width:auto;
  326. }
  327. #img1 img{
  328. width:70px;
  329. height:70px;
  330. padding:10px;
  331. border:1px solid {color:Border};
  332. {block:ifGrayscaleIcons}
  333. -webkit-filter: grayscale(0%);
  334. {/block:ifGrayscaleIcons}
  335. {block:ifFadedIcons}
  336. opacity:1;
  337. {/block:ifFadedIcons}
  338. -webkit-transition-duration: 0.7s;
  339. -moz-transition-duration: 0.7s;
  340. -o-transition-duration: 0.7s;
  341. -ms-transition-duration: 0.7s;
  342. }
  343. #img1 img:hover{
  344. {block:ifGrayscaleIcons}
  345. -webkit-filter: grayscale(100%);
  346. {/block:IfGrayscaleIcons}
  347. {block:ifFadedIcons}
  348. opacity:.5;
  349. {/block:ifFadedIcons}
  350. border-radius:50%;
  351. -webkit-transition-duration: 0.7s;
  352. -moz-transition-duration: 0.7s;
  353. -o-transition-duration: 0.7s;
  354. -ms-transition-duration: 0.7s;
  355. }
  356.  
  357. #img2 {
  358. margin-left:-13px;
  359. margin-top:35px;
  360. height:auto;
  361. width:auto;
  362. }
  363. #img2 img{
  364. width:70px;
  365. height:70px;
  366. padding:10px;
  367. border:1px solid {color:Border};
  368. {block:ifGrayscaleIcons}
  369. -webkit-filter: grayscale(0%);
  370. {/block:ifGrayscaleIcons}
  371. {block:ifFadedIcons}
  372. opacity:1;
  373. {/block:ifFadedIcons}
  374. -webkit-transition-duration: 0.7s;
  375. -moz-transition-duration: 0.7s;
  376. -o-transition-duration: 0.7s;
  377. -ms-transition-duration: 0.7s;
  378. }
  379. #img2 img:hover{
  380. {block:ifGrayscaleIcons}
  381. -webkit-filter: grayscale(100%);
  382. {/block:IfGrayscaleIcons}
  383. border-radius:50%;
  384. {block:ifFadedIcons}
  385. opacity:.5;
  386. {/block:ifFadedIcons}
  387. -webkit-transition-duration: 0.7s;
  388. -moz-transition-duration: 0.7s;
  389. -o-transition-duration: 0.7s;
  390. -ms-transition-duration: 0.7s;
  391. }
  392.  
  393. #img3 {
  394. margin-left:-13px;
  395. margin-top:35px;
  396. height:auto;
  397. width:auto;
  398. }
  399. #img3 img{
  400. width:70px;
  401. height:70px;
  402. padding:10px;
  403. border:1px solid {color:Border};
  404. {block:ifGrayscaleIcons}
  405. -webkit-filter: grayscale(0%);
  406. {/block:ifGrayscaleIcons}
  407. {block:ifFadedIcons}
  408. opacity:1;
  409. {/block:ifFadedIcons}
  410. -webkit-transition-duration: 0.7s;
  411. -moz-transition-duration: 0.7s;
  412. -o-transition-duration: 0.7s;
  413. -ms-transition-duration: 0.7s;
  414. }
  415. #img3 img:hover{
  416. {block:ifGrayscaleIcons}
  417. -webkit-filter: grayscale(100%);
  418. {/block:IfGrayscaleIcons}
  419. border-radius:50%;
  420. {block:ifFadedIcons}
  421. opacity:.5;
  422. {/block:ifFadedIcons}
  423. -webkit-transition-duration: 0.7s;
  424. -moz-transition-duration: 0.7s;
  425. -o-transition-duration: 0.7s;
  426. -ms-transition-duration: 0.7s;
  427. }
  428.  
  429. #img4 {
  430. margin-left:-13px;
  431. margin-top:35px;
  432. height:auto;
  433. width:auto;
  434. }
  435. #img4 img{
  436. width:70px;
  437. height:70px;
  438. padding:10px;
  439. border:1px solid {color:Border};
  440. {block:ifGrayscaleIcons}
  441. -webkit-filter: grayscale(0%);
  442. {/block:ifGrayscaleIcons}
  443. {block:ifFadedIcons}
  444. opacity:1;
  445. {/block:ifFadedIcons}
  446. -webkit-transition-duration: 0.7s;
  447. -moz-transition-duration: 0.7s;
  448. -o-transition-duration: 0.7s;
  449. -ms-transition-duration: 0.7s;
  450. }
  451. #img4 img:hover{
  452. {block:ifGrayscaleIcons}
  453. -webkit-filter: grayscale(100%);
  454. {/block:IfGrayscaleIcons}
  455. {block:ifFadedIcons}
  456. opacity:.5;
  457. {/block:ifFadedIcons}
  458. border-radius:50%;
  459. -webkit-transition-duration: 0.7s;
  460. -moz-transition-duration: 0.7s;
  461. -o-transition-duration: 0.7s;
  462. -ms-transition-duration: 0.7s;
  463. }
  464.  
  465. /* -------------- POSTS --------------- */
  466.  
  467. #content img{display: block; max-width: 100%;}
  468.  
  469. #content{
  470. height:auto;
  471. text-align:left;
  472. position:absolute;
  473. padding:50px;
  474. left:450px;
  475. top:40px;
  476. }
  477.  
  478. .post{
  479. overflow:hidden;
  480. background-color: {color:Post Background};
  481. background-image: url('{image:PostBgImage}');
  482. padding:30px;
  483. width: 250px;
  484. position:relative;
  485. margin-top:10px;
  486. margin-bottom:60px;
  487. border:1px solid {color:Border};
  488. }
  489.  
  490. /* -------------- POST TITLE --------------- */
  491.  
  492. .title{
  493. padding:5px;
  494. font-size: 16px;
  495. text-transform:uppercase;
  496. line-height: 100%;
  497. letter-spacing: 1px;
  498. text-align:center;
  499. }
  500.  
  501. .user {
  502. font-style:italic;
  503. font-size:13px;
  504. position:relative;
  505. margin-bottom:10px;
  506. }
  507.  
  508. .user a {
  509. color:{color:Question Link};
  510. }
  511.  
  512. .user a:hover {
  513. color:{color:Hover};
  514. box-shadow:none;
  515. }
  516.  
  517. .question {
  518. position:relative;
  519. max-width:100%;
  520. background-color:{color:Question Background};
  521. color:{color:Question Text};
  522. padding:20px;
  523. }
  524.  
  525. .arrow-down {
  526. width: 0;
  527. height: 0;
  528. border-left: 15px solid transparent;
  529. border-right: 15px solid transparent;
  530. margin-left:30px;
  531. margin-top:0px;
  532. border-top: 15px solid {color:Question Background};
  533. }
  534.  
  535. .answer {
  536. text-align:left;
  537. margin-top:20px;
  538. max-width:100%;
  539. padding-bottom:5px;
  540. }
  541.  
  542. .mark {
  543. text-align:center;
  544. font-family:georgia;
  545. font-size:100px;
  546. color:{color:Link};
  547. border-bottom:1px solid {color:Text};
  548. padding-bottom:5px;
  549. }
  550.  
  551. .quote {
  552. padding-top:10px;
  553. font-size:15px;
  554. font-style:italic;
  555. }
  556.  
  557. .chat li {
  558. list-style:none;
  559. }
  560.  
  561. .line_odd {
  562. color:{color:Chat Bg Odd};
  563. }
  564.  
  565. .line_even {
  566. color:{color:Chat Bg Even};
  567. }
  568.  
  569. /*--INFO AND TAGS--*/
  570. #footer {
  571. color:{color:Info Text};
  572. text-transform:uppercase;
  573. width:230px;
  574. text-align:left;
  575. font-size:10px;
  576. margin-top:10px;
  577. padding:10px;
  578. background-color:{color:Info Background};
  579. }
  580.  
  581. #footer a {
  582. color:{color:Info Links};
  583. }
  584.  
  585. #footer a:hover {
  586. color:{color:Info Links Hover};
  587. }
  588.  
  589. .tags {
  590. font-family:'calibri';
  591. text-transform:none;
  592. text-align:left;
  593. font-size:11px;
  594. }
  595.  
  596. .tags {
  597. color:{color:Info Links};
  598. }
  599.  
  600. .tags a:hover {
  601. color:{color:Info Links Hover};
  602. }
  603.  
  604. .like_and_reblog_buttons {
  605. list-style: none;
  606. }
  607.  
  608. .like_and_reblog_buttons li {
  609. list-style:none;
  610. float: left;
  611. margin: 0;
  612. padding: 7px 7px;
  613. }
  614.  
  615. .like_and_reblog_buttons li:first-child {
  616. height:10px;
  617. }
  618.  
  619. /* -------------- PAGINATION --------------- */
  620.  
  621. .pagination{
  622. padding:5px;
  623. position:relative;
  624. font-size:11px;
  625. font-family:'calibri';
  626. text-align:center;
  627. }
  628.  
  629. .pagination a{
  630. display:inline-block;
  631. margin:0px 2px;
  632. display:-moz-inline-stack;
  633. line-height:100%;
  634. background-color:{color:NavLink Background};
  635. color:{color:NavLink};
  636. padding:5px;
  637. -webkit-transition-duration: 0.7s;
  638. -moz-transition-duration: 0.7s;
  639. -o-transition-duration: 0.7s;
  640. -ms-transition-duration: 0.7s;
  641. }
  642.  
  643. .pagination .g{
  644. display:inline-block;
  645. margin:0px 2px;
  646. display:-moz-inline-stack;
  647. line-height:100%;
  648. padding:7px;
  649. -webkit-transition-duration: 0.7s;
  650. -moz-transition-duration: 0.7s;
  651. -o-transition-duration: 0.7s;
  652. -ms-transition-duration: 0.7s;
  653. }
  654.  
  655. .pagination a:hover{
  656. font-style:initial;
  657. color:{color:NavLink Hover};
  658. background-color:{color:NavLink Background Hover};
  659. -webkit-transition-duration: 0.7s;
  660. -moz-transition-duration: 0.7s;
  661. -o-transition-duration: 0.7s;
  662. -ms-transition-duration: 0.7s;
  663. }
  664.  
  665. /* -------------- PERMALINK/TAGS--------------- */
  666.  
  667. #tags{
  668. margin-top:20px;
  669. font-size:9px;
  670. letter-spacing:1px;
  671. text-align:right;
  672. text-transform:none;
  673. padding:5px;
  674. letter-spacing:2px;
  675. width:250px;
  676. background-color: {color:Tags Background};
  677. overflow:hidden;
  678. }
  679.  
  680. #tags a{
  681. color:{color:Tags};
  682. -webkit-transition-duration: 0.7s;
  683. -moz-transition-duration: 0.7s;
  684. -o-transition-duration: 0.7s;
  685. -ms-transition-duration: 0.7s;
  686. }
  687. #tags a:hover {
  688. color:{color:Link Hover};
  689. -webkit-transition-duration: 0.7s;
  690. -moz-transition-duration: 0.7s;
  691. -o-transition-duration: 0.7s;
  692. -ms-transition-duration: 0.7s;
  693. }
  694.  
  695. .postnotes {
  696. width:300px;
  697. margin-top:30px;
  698. height:220px;
  699. overflow-y:scroll;
  700. }
  701.  
  702. .postnotes li {
  703. list-style:decimal;
  704. }
  705.  
  706. /*--CREDIT--*/
  707. #spectrum {
  708. bottom:9px;
  709. right:7px;
  710. font-size:8px;
  711. font-family:'calibri';
  712. letter-spacing:1px;
  713. text-transform:uppercase;
  714. position:fixed;
  715. }
  716.  
  717. {CustomCSS}</style></head><body>
  718.  
  719.  
  720. <div id="sidebar">
  721. <center><div id="sidebar img"><a href="/" title="Refresh"><img src="{image:Sidebar}"></a></div></center>
  722. <div class="maintitle">{Title}</div>
  723. <div id="description">{Description}</div>
  724. {block:IndexPage}
  725. <div class="pagination">
  726. {block:Pagination}
  727. {block:PreviousPage}
  728. <a href="{PreviousPage}">←</a>
  729. {/block:PreviousPage}
  730. {block:JumpPagination length="4"}
  731. {block:CurrentPage}
  732. <span class="g">{CurrentPage}</span>
  733. {/block:CurrentPage}
  734. {block:JumpPage}
  735. <a href="{URL}">{PageNumber}</a>
  736. {/block:JumpPage}
  737. {/block:JumpPagination}
  738. {block:NextPage}
  739. <a href="{NextPage}" id="next">→</a>
  740. {/block:NextPage}
  741. {/block:Pagination}
  742. </div>
  743. {/block:IndexPage}
  744. </div>
  745.  
  746. <div id="banner">
  747. <center><div id="links">
  748. <a href="/">Refresh</a>&nbsp;
  749. <a href="/ask">Inquire</a>&nbsp;
  750. <a href="/submit}">Submit</a>&nbsp;
  751. <a href="/archive">Archive</a>&nbsp;
  752. <a href="http://myimpossiblecompanion.tumblr.com">Credit</a>
  753.  
  754. </div></center>
  755. </div>
  756.  
  757. <div id="rsidebar">
  758. <div id="img1"><a href="{text:Link1 URL}" title="{text:Link1}"><img src="{image:img1}"></a></div>
  759. <div id="img2"><a href="{text:Link2 URL}" title="{text:Link2}"><img src="{image:img2}"></a></div>
  760. <div id="img3"><a href="{text:Link3 URL}" title="{text:Link3}"><img src="{image:img3}"></a></div>
  761. <div id="img4"><a href="{text:Link4 URL}" title="{text:Link4}"><img src="{image:img4}"></a></div>
  762. </div>
  763.  
  764. <div id="content">
  765.  
  766.  
  767. {block:Posts}
  768.  
  769. <div class="post">
  770.  
  771.  
  772. {block:Title}<div class="title">{Title}</div>{/block:Title}
  773.  
  774.  
  775. {block:Text}
  776. {Body}
  777. {/block:Text}
  778.  
  779.  
  780. {block:Photo}
  781.  
  782. <img src="{PhotoURL-250}" alt="{PhotoAlt}" width="100%" />
  783.  
  784. {/block:Photo}
  785.  
  786.  
  787. {block:Panorama}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  788. {/block:Panorama}
  789.  
  790.  
  791. {block:Photoset}
  792.  
  793. {Photoset-250}
  794.  
  795. {/block:Photoset}
  796.  
  797.  
  798. {block:Answer}
  799. <div class="question">
  800. <div class="user">{Asker} asked:</div>
  801. {Question}</div>
  802. <div class="arrow-down"></div>
  803.  
  804. <div class="answer">{Answer}</div>
  805. {/block:Answer}
  806.  
  807. {block:Quote}
  808. <div style="margin-top:-70px;">
  809. <div class="mark">&#132;</div>
  810. <div class="quote">{Quote}</div>
  811. {block:Source}<br><br> —{Source} {/block:Source}
  812.  
  813. </div>
  814. {/block:Quote}
  815.  
  816. {block:Link}
  817. <h2><a href="{URL}">{Name}</a></h2>
  818. {block:Description}{Description}{/block:Description}
  819. {/block:Link}
  820.  
  821. {block:Chat}
  822.  
  823. {block:Lines}<span class="chat">
  824. <li><span class="line_{Alt}">{block:Label}<span class="label">{Label}</span></span>{/block:Label}</span> {Line}</li>
  825. {/block:Lines}
  826.  
  827.  
  828. {/block:Chat}
  829.  
  830.  
  831. {block:Audio}
  832.  
  833. {block:AudioEmbed}
  834. {AudioEmbed-250}
  835. {/block:AudioEmbed}
  836.  
  837. {/block:Audio}
  838.  
  839. {block:Caption}
  840. {Caption}
  841. {/block:Caption}
  842.  
  843.  
  844. <div id="footer">
  845. {block:Date}<a href="{Permalink}" title="{MonthNumberWithZero}.{DayOfMonthWithZero}.{ShortYear}"><i class="fa fa-clock-o"></i></a> {block:NoteCount} &nbsp;&nbsp; <a href="{Permalink}" title="{NoteCountWithLabel}"><i class="fa fa-heart"></i></a>{/block:NoteCount} {/block:Date}
  846. <div style="float:right">
  847. {block:RebloggedFrom} + <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {/block:RebloggedFrom}
  848. {block:RebloggedFrom} | <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}
  849. </div>
  850. </div>
  851.  
  852. <div class="tags">
  853. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}
  854. </div>
  855. <div class="like_and_reblog_buttons">
  856. <li>{ReblogButton size="15"}</li>
  857. <li>{LikeButton size="15"}</li>
  858. </div>
  859.  
  860.  
  861. </div><!-- END POSTS -->
  862.  
  863.  
  864. {block:PostNotes}
  865. <div class="postnotes">{PostNotes}</div>{/block:PostNotes}
  866. {/block:Posts}
  867.  
  868. </div><!-- END CONTENT -->
  869.  
  870.  
  871. <div id="spectrum">
  872. <a href="http://wonderfullythemes.tumblr.com">theme</a>
  873. </div>
  874.  
  875.  
  876.  
  877.  
  878.  
  879. </body>
  880. </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!