API tools faq
paste
heartilys

rosy / theme o1.

heartilys
May 23rd, 2018
1,859
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.32 KB | None | 0 0
raw download clone embed print report
  1. <!-- ♡ —— THEME 01 / ROSY.
  2.  
  3. feel free to edit as you see fit! drop an ask
  4. if you need customization help, or if you find
  5. a bug in the coding. contact me @ siimplyevie
  6. OR @ beyondclreams on tumblr.
  7.  
  8. keep the credit intact & don't claim as your own!
  9.  
  10. script credits can be found with the codes. -->
  11.  
  12. <!DOCTYPE html>
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!-- scripts -->
  24.  
  25.  
  26. <!-- fonts -->
  27.  
  28. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
  29. <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
  30.  
  31.  
  32. <!-- jquery docs -->
  33. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
  34.  
  35. <script type="text/javascript"
  36. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  37.  
  38. <!-- photoset script ( tutorials @ http://shythemes.tumblr.com/post/113728114758/tutorial-pixel-union-photosets + http://bychloethemes.tumblr.com/post/155956945114/modified-pxu-photoset-script-modified-by ) -->
  39.  
  40. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  41. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  42. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  43.  
  44. <script>
  45. $(document).ready(function(){
  46. $('.photo-slideshow').pxuPhotoset({
  47. lightbox: true,
  48. rounded: false,
  49. gutter: '3px',
  50. borderRadius: '0px',
  51. photoset: '.photo-slideshow',
  52. photoWrap: '.photo-data',
  53. photo: '.pxu-photo'
  54. });
  55. });
  56. </script>
  57.  
  58.  
  59. <!--DEFAULTS-->
  60.  
  61. <!--TEXT-->
  62. <meta name="text:stitle" content="subtitle here"/>
  63. <meta name="text:sdesc" content="side description here"/>
  64. <meta name="text:strack" content="side trackers here"/>
  65. <meta name="text:stag" content="side tag here"/>
  66.  
  67. <!--COLOURS-->
  68. <meta name="color:scroll" content="#a25f5a"/>
  69. <meta name="color:main" content="#e1e5e4"/>
  70. <meta name="color:cont" content="#dac7bf"/>
  71. <meta name="color:side" content="#a25f5a"/>
  72. <meta name="color:nav" content="#a8d4cd"/>
  73. <meta name="color:title" content="#a8d4cd"/>
  74. <meta name="color:post" content="#ffffff"/>
  75. <meta name="color:text" content="#473b3a"/>
  76. <meta name="color:stext" content="#ffffff"/>
  77. <meta name="color:info" content="#a25f5a"/>
  78. <meta name="color:link" content="#a25f5a"/>
  79. <meta name="color:hover" content="#a8d4cd"/>
  80. <meta name="color:borders" content="#ffffff"/>
  81. <meta name="color:borders2" content="#ffffff"/>
  82.  
  83. <!--IMAGES-->
  84. <meta name="image:simg" content=""/>
  85. <meta name="image:bg" content=""/>
  86. <meta name="image:sbg" content=""/>
  87. <meta name="image:sicon" content=""/>
  88. <meta name="image:h1" content=""/>
  89.  
  90. <!--LINKS-->
  91. <meta name="text:Link1" content="/" />
  92. <meta name="text:Link1 Title" content="" />
  93. <meta name="text:Link2" content="/" />
  94. <meta name="text:Link2 Title" content="" />
  95. <meta name="text:Link3" content="/" />
  96. <meta name="text:Link3 Title" content="" />
  97.  
  98. <style type="text/css">
  99.  
  100. /* tooltips */
  101.  
  102. .tooltip{
  103. display:inline;
  104. position:absolute;
  105. }
  106.  
  107. #s-m-t-tooltip {
  108. max-width:100px;
  109. background-color:{color:post};
  110. border:1px solid {color:borders2};
  111. margin:15px 10px 10px 10px;
  112. font-size:9px;
  113. text-transform:uppercase;
  114. font-family: 'Roboto Condensed', sans-serif;
  115. text-align:center;
  116. padding:4px;
  117. }
  118.  
  119.  
  120. /* scrollbar */
  121.  
  122. ::-webkit-scrollbar {
  123. width:7px;
  124. background-color:{color:cont};
  125. border-radius:100px;
  126. }
  127.  
  128. ::-webkit-scrollbar-thumb{
  129. border:3px solid {color:cont};
  130. border-top:4px solid {color:cont};
  131. background-color:{color:scroll};
  132. border-radius:10px;
  133. }
  134.  
  135. /* general */
  136.  
  137. body {
  138. background-color:{color:main};
  139. background-image:url('{image:bg}');
  140. background-attachment:fixed;
  141. background-repeat:no-repeat;
  142. background-position:left top;
  143. color:{color:text};
  144. font-size:11.5px;
  145. font-family: 'Roboto Condensed', sans-serif;
  146. }
  147.  
  148. a {
  149. color:{color:link};
  150. text-decoration:none;
  151. letter-spacing:0px;
  152. text-transform:uppercase;
  153. }
  154.  
  155. a:hover {
  156. color:{color:hover};
  157. transition-duration:1s;
  158. -moz-transition-duration:1s;
  159. -webkit-transition-duration:1s;
  160. -o-transition-duration:1s;
  161. }
  162.  
  163. b, strong {
  164. color:{color:link};
  165. font-weight:800;
  166. letter-spacing:2px;
  167. }
  168.  
  169. i, em {
  170. color:{color:title};
  171. }
  172.  
  173. u, strike {
  174. color:{color:cont};
  175. font-weight:bold;
  176. }
  177.  
  178. sub, sup, sub sub {
  179. font-size:11px;
  180. }
  181.  
  182. li {
  183. list-style-type:circle;
  184. margin-left:-10px;
  185. }
  186.  
  187. pre {
  188. background-color:{color:cont};
  189. color:{color:post};
  190. padding:6px;
  191. border-radius:5px;
  192. font-size:10px;
  193. }
  194.  
  195. hr {
  196. display:block;
  197. width:300px;
  198. border:.5px dashed {color:cont};
  199. margin-top:20px;
  200. margin-bottom:15px;
  201. }
  202.  
  203. blockquote {
  204. text-align:justify;
  205. margin-top: 5px;
  206. margin-bottom: 5px;
  207. margin-left: 0px;
  208. padding: 0px 0px 0px 10px;
  209. border-left: 1px dashed {color:cont};
  210. margin-right:5px;
  211. }
  212.  
  213. blockquote img {
  214. max-width:300px;
  215. height:auto;
  216. padding-bottom:5px;
  217. }
  218.  
  219. img {
  220. max-width:100%;
  221. height:auto;
  222. }
  223.  
  224.  
  225. /* headings */
  226.  
  227. h1 {
  228. margin-bottom:15px;
  229. margin-left:3px;
  230. background-image:url('{image:h1}');
  231. background-color:{color:link};
  232. border:1px solid {color:borders2};
  233. font-size:18px;
  234. text-transform:lowercase;
  235. letter-spacing:2px;
  236. font-family: 'Pacifico', cursive;
  237. text-shadow:1px 1px #000;
  238. text-align:center;
  239. padding:12px;
  240. border-radius:5px;
  241. color:{color:post};
  242. }
  243.  
  244. h1 a {
  245. color:{color:post};
  246. }
  247.  
  248. h1 a:hover {
  249. color:{color:link};
  250. transition-duration:1s;
  251. -moz-transition-duration:1s;
  252. -webkit-transition-duration:1s;
  253. -o-transition-duration:1s;
  254. }
  255.  
  256. h2 {
  257. margin-top:5px;
  258. margin-left:2px;
  259. font-size:18px;
  260. line-height:20px;
  261. letter-spacing:1px;
  262. font-family: 'Pacifico', cursive;
  263. color:{color:title};
  264. text-transform:lowercase;
  265. text-align:center;
  266. text-shadow: 1px 1px {color:link};
  267. }
  268.  
  269. /* content */
  270.  
  271. #cont {
  272. width:780px;
  273. height:500px;
  274. background-color:{color:cont};
  275. overflow-y:scroll;
  276. position:fixed;
  277. margin: auto;
  278. left:0px;
  279. top:0px;
  280. bottom:0px;
  281. right:0px;
  282. border-radius:10px;
  283. }
  284.  
  285. #entries {
  286. width:430px;
  287. margin-left:320px;
  288. margin-top:0px;
  289. margin-bottom:20px;
  290. padding-right:10px;
  291. overflow-x:hidden;
  292. }
  293.  
  294.  
  295. #post {
  296. margin-top:20px;
  297. font-family: 'Roboto Condensed', sans-serif;
  298. color:{color:text};
  299. }
  300.  
  301. #caption {
  302. text-align:justify;
  303. padding:5px 10px 5px 10px;
  304. margin-left:0px;
  305. color:{color:text};
  306. font-family: 'Roboto Condensed', sans-serif;
  307. }
  308.  
  309. #info {
  310. margin-left:0px;
  311. margin-top:-10px;
  312. margin-bottom:5px;
  313. color:{color:post};
  314. font-size:10px;
  315. font-family: 'Roboto Condensed', sans-serif;
  316. text-align:center;
  317. text-transform:uppercase;
  318. padding:5px;
  319. }
  320.  
  321. #info a {
  322. background-color:{color:info};
  323. padding:3px 6px 3px 6px;
  324. border-radius:5px;
  325. color:{color:post};
  326. }
  327.  
  328. #tags {
  329. margin-top:10px;
  330. color:{color:post};;
  331. font-size:10.5px;
  332. word-spacing:1px;
  333. text-align:center;
  334. word-wrap:break-word;
  335. }
  336.  
  337. #tags a {
  338. color:{color:post};
  339. background-color:transparent;
  340. text-transform:lowercase;
  341. }
  342.  
  343. #tags a:hover {
  344. text-shadow: 0 0 .1em;
  345. font-weight:bold;
  346. color:{color:link};
  347. transition-duration:1s;
  348. -moz-transition-duration:1s;
  349. -webkit-transition-duration:1s;
  350. -o-transition-duration:1s;
  351. }
  352.  
  353. #notes {
  354. font-family: 'Roboto Condensed', sans-serif;
  355. text-transform:uppercase;
  356. font-size:8px;
  357. }
  358.  
  359. ol.notes {
  360. list-style-type:none;
  361. }
  362.  
  363.  
  364. /* sidebar */
  365.  
  366. #side {
  367. width:270px;
  368. height:479px;
  369. position:fixed;
  370. margin-top:0px;
  371. margin-left:00px;
  372. padding:10px;
  373. background-color:{color:side};
  374. border-bottom:1px solid {color:borders};
  375. background-image:url('{image:sbg}');
  376. background-repeat:repeat;
  377. }
  378.  
  379. #simg {
  380. width:250px;
  381. height:120px;
  382. margin-top:10px;
  383. margin-left:6px;
  384. }
  385.  
  386. #simg img {
  387. width:250px;
  388. height:120px;
  389. border-radius:10px;
  390. border:4px solid {color:link};
  391. }
  392.  
  393. #stitle {
  394. margin-top:-10px;
  395. margin-left:0px;
  396. font-size:25px;
  397. line-height:20px;
  398. letter-spacing:1px;
  399. font-family: 'Pacifico', cursive;
  400. color:{color:title};
  401. text-transform:lowercase;
  402. text-align:center;
  403. text-shadow: 0 0 .1em;
  404. }
  405.  
  406. #stitle:hover {
  407. color:{color:title};
  408. text-shadow: 1px 1px #000;
  409. transition-duration:1s;
  410. -moz-transition-duration:1s;
  411. -webkit-transition-duration:1s;
  412. -o-transition-duration:1s;
  413. }
  414.  
  415.  
  416. #description {
  417. width:200px;
  418. margin-left:25px;
  419. margin-top:25px;
  420. height:100px;
  421. padding:10px;
  422. color:{color:stext};
  423. font-family: 'Roboto Condensed', sans-serif;
  424. font-size:10px;
  425. text-align:justify;
  426. border-radius:5px;
  427. font-weight:bold;
  428. line-height:13px;
  429. letter-spacing:.5px;
  430. overflow-y:hidden;
  431. }
  432.  
  433. #description b {
  434. font-family: 'Pacifico', cursive;
  435. font-size:12px;
  436. color:{color:cont};
  437. font-weight:200;
  438. letter-spacing:2px;
  439. text-shadow: 1px 1px {color:link};
  440. text-transform:lowercase;
  441. }
  442.  
  443. #sicon {
  444. width:70px;
  445. height:70px;
  446. margin-top:10px;
  447. margin-right:14px;
  448. float:right;
  449. }
  450.  
  451. #sicon img {
  452. width:70px;
  453. height:70px;
  454. border-radius:100px;
  455. transform:rotate(0deg);
  456. -webkit-transform:rotate(0deg);
  457. -webkit-transition: all .6s ease;
  458. -moz-transition: all .6s ease;
  459. -o-transition: all .6s ease;
  460. }
  461.  
  462. #sicon img:hover {
  463. border:1px solid {color:stext};
  464. transform:scale(1.1) rotate(140deg);
  465. -webkit-transform:scale(1.1) rotate(140deg);
  466. }
  467.  
  468. #nav {
  469. margin-top:36px;
  470. margin-left:8px;
  471. padding-bottom:5px;
  472. text-align:left;
  473. word-spacing:10px;
  474. position:fixed;
  475. font-family: 'Pacifico', cursive;
  476. }
  477.  
  478. #nav a {
  479. color:{color:nav};
  480. border-radius:10px;
  481. padding:6px;
  482. font-size:14px;
  483. font-weight:bold;
  484. text-transform:lowercase;
  485. text-shadow: 0 0 .1em;
  486. }
  487.  
  488. #nav a:hover {
  489. color:{color:post};
  490. text-shadow: 1px 1px {color:link};
  491. transition-duration:1s;
  492. -moz-transition-duration:1s;
  493. -webkit-transition-duration:1s;
  494. -o-transition-duration:1s;
  495. }
  496.  
  497. #strack {
  498. width:200px;
  499. height:25px;
  500. background-color:{color:post};
  501. border-radius:10px;
  502. font-size:11px;
  503. color:{color:text};
  504. padding:10px;
  505. margin-top:92px;
  506. margin-left:25px;
  507. text-align:center;
  508. position:fixed;
  509. }
  510.  
  511. #strack b {
  512. font-size:10px;
  513. color:{color:link};
  514. font-family: 'Roboto Condensed', sans-serif;
  515. text-transform:uppercase;
  516. font-weight:800;
  517. text-shadow:none;
  518. letter-spacing:-.5px;
  519. }
  520.  
  521. #stag {
  522. width:270px;
  523. height:36px;
  524. padding:10px;
  525. text-align:center;
  526. font-size:10px;
  527. margin-left:-10px;
  528. margin-top:149px;
  529. color:{color:stext};
  530. position:fixed;
  531. background-color:{color:link};
  532. }
  533.  
  534. #stag a {
  535. color:{color:cont};
  536. }
  537.  
  538. #stag b, #stag i {
  539. font-family: 'Pacifico', cursive;
  540. font-size:12px;
  541. color:{color:cont};
  542. font-weight:200;
  543. letter-spacing:0px;
  544. text-transform:lowercase;
  545. }
  546.  
  547.  
  548. /* post types */
  549.  
  550.  
  551. /* asks */
  552.  
  553. #q {
  554.  
  555. padding:15px;
  556. border-radius:10px;
  557. background-color:{color:post};
  558. word-wrap:break-word;
  559. }
  560.  
  561. #question {
  562. color:{color:post};
  563. font-size:{text:small text size};
  564. padding:15px 15px 15px 15px;
  565. display:block;
  566. text-align:justify;
  567. border-radius:10px;
  568. margin-left:0px;
  569. margin-top:15px;
  570. word-wrap:break-word;
  571. background-color:{color:link};
  572. }
  573.  
  574. #asker {
  575. font-family: 'Pacifico', cursive;
  576. font-size:16px;
  577. float:left;
  578. text-align:left;
  579. font-weight:200;
  580. text-transform:lowercase;
  581. letter-spacing:1px;
  582. color:{color:title};
  583. padding:6px;
  584. border-radius:10px;
  585. margin-top:-10px;
  586. margin-left:10px;
  587. text-shadow: 1px 1px {color:link};
  588. }
  589.  
  590. #asker a {
  591. color:{color:title};
  592. text-transform:lowercase;
  593. }
  594.  
  595. #askicon {
  596. float:right;
  597. margin-top:-15px;
  598. }
  599.  
  600. #askicon img {
  601. width:40px;
  602. height:40px;
  603. margin-left:-3px;
  604. border-radius:100px;
  605. border:4px solid {color:post};
  606. }
  607.  
  608. #answer {
  609. text-align:justify;
  610. margin-top:25px;
  611. color:{color:text};
  612. }
  613.  
  614.  
  615. /* link */
  616.  
  617. #linkp {
  618.  
  619. padding:12px;
  620. background-color:{color:post};
  621. color:{color:text};
  622. border:1px solid {color:borders};
  623. border-radius:10px;
  624. line-height:12px;
  625. }
  626.  
  627. #linkp a {
  628. text-transform:lowercase;
  629. letter-spacing:2px;
  630. }
  631.  
  632. #linkp a:hover {
  633. color:{color:title};
  634. }
  635.  
  636. /* quote */
  637.  
  638. #qp {
  639.  
  640. padding:15px;
  641. border-radius:10px;
  642. background-color:{color:post};
  643. overflow-x:hidden;
  644. }
  645.  
  646. #qu {
  647. text-align:justify;
  648. padding:15px;
  649. font-size:12px;
  650. font-style:italic;
  651. background-color:{color:link};
  652. border-radius:10px;
  653. color:{color:post};
  654. }
  655.  
  656. #src {
  657. margin-top:5px;
  658. margin-right:15px;
  659. margin-bottom:10px;
  660. font-family: 'Pacifico', cursive;
  661. font-size:18px;
  662. font-weight:bold;
  663. color:{color:title};
  664. text-transform:lowercase;
  665. text-align:right;
  666. text-shadow:1px 1px {color:link};
  667. letter-spacing:2px;
  668. }
  669.  
  670. #src a {
  671. text-transform:lowercase;
  672. font-size:18px;
  673. letter-spacing:2px;
  674. color:{color:cont};
  675. text-shadow:1px 1px {color:link};
  676. }
  677.  
  678. /* text */
  679.  
  680. #text {
  681. padding:18px;
  682. background-color:{color:post};
  683. color:{color:text};
  684. font-family: 'Roboto Condensed', sans-serif;
  685. border:1px solid {color:borders};
  686. border-radius:10px;
  687. line-height:12px;
  688. text-align:justify;
  689. }
  690.  
  691.  
  692. /* chats */
  693.  
  694. #chat {
  695.  
  696. padding:15px;
  697. background-color:{color:post};
  698. color:{color:text};
  699. list-style:none;
  700. border:1px solid {color:borders};
  701. border-radius:10px;
  702. font-family: 'Roboto Condensed', sans-serif;
  703. }
  704.  
  705. #chat li {
  706. list-style-type: none;
  707. margin-left:0px;
  708. }
  709.  
  710. #chat li:nth-of-type(odd) {
  711. background-color:{color:info};
  712. padding:6px;
  713. color:{color:post};
  714. border-radius:5px;
  715. }
  716.  
  717. #chat li:nth-of-type(even) {
  718. background-color:{color:post};
  719. color:{color:text};
  720. padding:6px;
  721. border-radius:5px;
  722. }
  723.  
  724. #chat li:last-of-type {
  725. margin-bottom:5px;
  726. }
  727.  
  728. #chat li.span {
  729. margin-right:10px;
  730. }
  731.  
  732.  
  733. .label {
  734. font-weight:bold;
  735. text-transform:uppercase;
  736. letter-spacing:1px;
  737. }
  738.  
  739. /* photo */
  740.  
  741. #ph {
  742.  
  743. background-color:{color:post};
  744. padding:10px;
  745. padding-bottom:15px;
  746. border-radius:10px;
  747. margin-bottom:0px;
  748. border:1px solid {color:borders};
  749. }
  750.  
  751. #ph img {
  752. margin-top:3px;
  753. }
  754.  
  755. #phset {
  756. background-color:{color:post};
  757. padding:10px;
  758. padding-bottom:15px;
  759. border-radius:10px;
  760. margin-bottom:0px;
  761. border-radius:10px;
  762. border:1px solid {color:borders};
  763. margin-bottom:0px;
  764. }
  765.  
  766. .photo-slideshow {
  767. width:auto!important;
  768. }
  769.  
  770. #cs {
  771. display:none;
  772. }
  773.  
  774. /* video */
  775.  
  776. #vid {
  777. padding:15px;
  778. border-radius:10px;
  779. background-color:{color:post};
  780. }
  781.  
  782. #v {
  783. max-height:100%;
  784. }
  785.  
  786. /* audio */
  787.  
  788. #aud {
  789.  
  790. padding:15px;
  791. background-color:{color:post};
  792. color:{color:text};
  793. border:1px solid {color:borders};
  794. border-radius:10px;
  795. }
  796.  
  797. #albumart {
  798. margin-left:40px;
  799. background-color:{color:cont};
  800. border-radius:.4em;
  801. position: relative;
  802. }
  803.  
  804.  
  805. #albumart img {
  806. width:85px;
  807. height:85px;
  808. float:left;
  809. border:5px solid {color:info};
  810. border-radius:85em;
  811. }
  812.  
  813. #lis {
  814. width:28px;
  815. height:28px;
  816. overflow:hidden;
  817. float:left;
  818. background-color:{color:cont};
  819. position:absolute;
  820. margin-top:33px;
  821. margin-left:75px;
  822. border-radius:30px;
  823. opacity:0.7;
  824. }
  825.  
  826. #track {
  827. font-size:9px;
  828. text-align:right;
  829. text-transform:lowercase;
  830. letter-spacing:1px;
  831. margin-top:40px;
  832. margin-right:40px;
  833. margin-bottom:0px;
  834. font-family: 'Roboto Condensed', sans-serif;
  835. }
  836.  
  837. #artist {
  838. font-size:18px;
  839. text-align:right;
  840. font-weight:bold;
  841. color:{color:title};
  842. text-transform:lowercase;
  843. letter-spacing:1px;
  844. margin-right:40px;
  845. margin-bottom:20px;
  846. font-family: 'Pacifico', cursive;
  847. text-shadow:1px 1px {color:link};
  848. }
  849.  
  850. /* pagination */
  851.  
  852.  
  853. #pagination {
  854. width:772px;
  855. height:30px;
  856. padding:4px;
  857. text-align:center;
  858. position:fixed;
  859. margin:auto;
  860. top:530px;
  861. bottom:0px;
  862. left:0px;
  863. right:0px;
  864. border-radius:0px 5px 5px 5px;
  865. }
  866.  
  867. #pagination a {
  868. color:{color:post};
  869. font-size:18px;
  870. font-weight:200;
  871. text-align:center;
  872. font-family: 'Pacifico', cursive;
  873. text-transform:lowercase;
  874. text-shadow:1px 1px {color:link};
  875. }
  876.  
  877. #pagination a:hover {
  878. color:{color:cont};
  879. transition-duration:1s;
  880. -moz-transition-duration:1s;
  881. -webkit-transition-duration:1s;
  882. -o-transition-duration:1s;
  883. }
  884.  
  885. /* credit - DO NOT TOUCH */
  886.  
  887.  
  888. #credit {
  889. bottom:10px;
  890. right:10px;
  891. font-size:8px;
  892. font-family: 'Roboto Condensed', sans-serif;
  893. position:fixed;
  894. }
  895.  
  896. #credit a {
  897. color:{color:link};
  898. border:1px solid {color:borders};
  899. text-transform:uppercase;
  900. display:inline-block;
  901. padding:4px;
  902. background-color:{color:post};
  903. transition-duration:1s;
  904. -moz-transition-duration:1s;
  905. -webkit-transition-duration:1s;
  906. -o-transition-duration:1s;
  907. }
  908.  
  909. #credit a:hover {
  910. color:{color:link};
  911. text-decoration:none;
  912. background-color:{color:cont};
  913. }
  914.  
  915. {CustomCSS}
  916. </style>
  917. </head>
  918. <body>
  919.  
  920.  
  921. <!--HTML-->
  922.  
  923. <!--Content-->
  924.  
  925. <div id="cont">
  926.  
  927. <div id="side">
  928.  
  929. <div id="simg"><img src="{image:simg}"></div>
  930.  
  931. <div id="stitle">
  932. {text:stitle}
  933. </div>
  934.  
  935. <div id="description">
  936. {text:sdesc}
  937. </div>
  938.  
  939. <div id="sicon"><img src="{image:sicon}"></div>
  940.  
  941. <div id="nav">
  942. <a href="/" title="refresh">i.</a>
  943. <a href="/ask" title="askbox">ii.</a>
  944. <a href="{text:Link1}" title="{text:Link1 Title}">iii.</a> <a href="{text:Link2}" title="{text:Link2 Title}">iv.</a> <a href="{text:Link3}" title="{text:Link3 Title}">v.</a>
  945. </div>
  946.  
  947. <div id="strack">{text:strack}</div>
  948.  
  949. <div id="stag">{text:stag}</div>
  950.  
  951. </div>
  952.  
  953. <div id="entries">
  954. {block:Posts}
  955.  
  956. <div id="post">
  957.  
  958. <!--Text Posts-->
  959.  
  960. {block:Text}
  961. <div id="text">
  962. {block:Title}<h1>{Title}</h1>{/block:Title}
  963. {Body}
  964. </div>
  965. {/block:Text}
  966.  
  967. <!--Photo Posts-->
  968.  
  969. {block:Photo}
  970. {LinkOpenTag}
  971. <div id="ph"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}">
  972. {LinkCloseTag}
  973. {block:Caption}
  974. <div id="caption">
  975. {Caption}
  976. </div>
  977. {/block:Caption}
  978. </div>
  979. {/block:Photo}
  980.  
  981. {block:Photoset}
  982. <div id="phset">
  983.  
  984. <center><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  985. {block:Caption}
  986. <div id="caption">
  987. {Caption}
  988. </div>
  989. {/block:Caption}
  990. </div>
  991. {/block:Photoset}
  992.  
  993.  
  994.  
  995. <!--Quote Posts-->
  996.  
  997. {block:Quote}
  998. <div id="qp"><div id="qu">
  999. {Quote}
  1000. </div>
  1001. {block:Source}
  1002. <div id="src">
  1003. — &nbsp; {Source}
  1004. </div>
  1005. {/block:Source}
  1006. </div>
  1007. {/block:Quote}
  1008.  
  1009. <!--Link Posts-->
  1010.  
  1011. {block:Link}
  1012. <div id="linkp">
  1013. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  1014. <div id="caption">{block:Description}{Description}{/block:Description}</div>
  1015. {/block:Link}
  1016. </div>
  1017.  
  1018. <!--Chat Posts-->
  1019.  
  1020. {block:Chat}
  1021. <div id="chat">
  1022. {block:Title}
  1023. <h1>{Title}</h1>
  1024. {/block:Title}
  1025. {block:Lines}
  1026. <li class=“{Alt} user_{UserNumber}”>
  1027. {block:Label}
  1028. <span class="label">{Label}</span>
  1029. {/block:Label}
  1030. {Line}
  1031. </li>
  1032. {/block:Lines}
  1033. </div>
  1034. {/block:Chat}
  1035.  
  1036. <!--Audio Posts-->
  1037.  
  1038. {block:Audio}
  1039. <div id="aud">
  1040. {block:AlbumArt}
  1041. <div id="albumart"><img src="{AlbumArtURL}"></div>
  1042. {/block:AlbumArt}
  1043. <div id="lis">{AudioPlayerWhite}</div>
  1044. {block:TrackName}
  1045. <div id="track">{TrackName}</div>
  1046. {/block:TrackName}
  1047. {block:Artist}
  1048. <div id="artist">— {Artist}</div>
  1049. {/block:Artist}
  1050. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1051. </div>
  1052. {/block:Audio}
  1053.  
  1054. <!--Video Posts-->
  1055.  
  1056. {block:Video}<div id="vid"><div id="v">{Video-400}</div>
  1057. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  1058. </div>
  1059. {/block:Video}
  1060.  
  1061.  
  1062. <!--Ask Posts-->
  1063.  
  1064. {block:Answer}
  1065. <div id="q"><div id="asker">{Asker}</div>
  1066. <div id="question">{Question}</div>
  1067. <div id="askicon"><img src="{AskerPortraitURL-40}"></div>
  1068. <div id="answer">{Answer}</div></div>
  1069. {/block:Answer}
  1070.  
  1071. <!--Post Info-->
  1072.  
  1073. <div id="info">
  1074. {block:Date}
  1075. <a href="{Permalink}" title="{12HourWithZero}:{Minutes}{CapitalAmPm}">{ShortMonth} {DayOfMonth}</a>
  1076. &nbsp;&nbsp;&nbsp;
  1077. {/block:Date}
  1078. <a href="{Permalink}" title="{NoteCount}">♡</a> &nbsp;&nbsp;&nbsp;
  1079.  
  1080. {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">VIA</a> &nbsp;&nbsp;&nbsp; {/block:RebloggedFrom}
  1081.  
  1082. {block:ContentSource}<a href="{SourceURL}" title="{SourceTitle}">SRC</a>&nbsp;&nbsp;&nbsp; {/block:ContentSource}
  1083.  
  1084. <a class="reblog" href="{ReblogURL}" title="Reblog">↺</a>
  1085.  
  1086. <div id="tags">
  1087. {block:HasTags}
  1088. <div id="tags">
  1089. {block:Tags}
  1090. <a href="{TagURL}">{Tag}</a>
  1091.  
  1092. {/block:Tags}
  1093. </div>
  1094. {/block:HasTags}
  1095. </div>
  1096. </div>
  1097. {/block:Posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  1098.  
  1099. </div>
  1100.  
  1101. </div>
  1102.  
  1103. <!--Pagination-->
  1104. <div id="pagination">
  1105. {block:Pagination}
  1106. {block:PreviousPage}<a href="{PreviousPage}" style="margin-right:400px">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  1107. {/block:Pagination}
  1108. </div>
  1109.  
  1110. </div>
  1111.  
  1112.  
  1113. <div id="credit"><a href="http://siimplyevie.tumblr.com" title="made by evie">siimplyevie</div>
  1114.  
  1115. </body>
  1116. </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!