API tools faq
paste
TVD-PS

TAG LIST #1

TVD-PS
Feb 21st, 2019
259
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <div class="update">
  5. <div class="l1">INFO
  6. <div class="txt1">
  7. <script language="JavaScript">var fhs = document.createElement('script');var fhs_id = "5245754";
  8. var ref = (''+document.referrer+'');var pn = window.location;var w_h = window.screen.width + " x " + window.screen.height;
  9. fhs.src = "//s1.freehostedscripts.net/ocounter.php?site="+fhs_id+"&e1=Online HTML&e2=Online HTML&r="+ref+"&wh="+w_h+"&a=1&pn="+pn+"";
  10. document.head.appendChild(fhs);document.write("<span id='o_"+fhs_id+"'></span>");
  11. </script>/<script language="JavaScript" src="http://s1.freehostedscripts.net/ocount.php?site=ID2881966&name=HTML"></script>
  12. themes/resources/recommendations.
  13. <br>They accept suggestions :) </br>
  14. +Please respect the TERMS OF USE.
  15.  
  16. </div>
  17. </div>
  18.  
  19. <div class="l2">status
  20. <div class="txt2">
  21.  
  22. >>semihiatus
  23. <br>ask open</br>
  24.  
  25. </div>
  26. </div>
  27.  
  28. <div class="l3">me
  29. <div class="txt3">
  30.  
  31. Katia/21/Female/Spain.
  32. <a href="http://www.breathe--again.tumblr.com">(♥♥♥)</a>
  33.  
  34. </div>
  35. </div>
  36.  
  37. <div class="l4"> updates
  38. <div class="txt4">
  39.  
  40. <li>THEME; 12.O3.16</li>
  41. <li>THEME; 16.O3.16</li>
  42. <li>PSD; 30.O5.16</li>
  43.  
  44. </div>
  45. </div>
  46.  
  47.  
  48. </div>
  49.  
  50.  
  51.  
  52.  
  53.  
  54.  
  55. <title>{Title}</title>
  56. <link rel="shortcut icon" href="{Favicon}">
  57. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  58. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  59.  
  60.  
  61. <!--------DEFAULT VARIABLES-------->
  62.  
  63. <meta name="color:background" content="#ffffff"/>
  64. <meta name="color:text" content="#000000"/>
  65. <meta name="color:bold" content="#dccbe7"/>
  66. <meta name="color:italic" content="#000000"/>
  67. <meta name="color:links" content="#626262"/>
  68. <meta name="color:link hover" content="#dccbe7"/>
  69. <meta name="color:navigation" content="#000000"/>
  70. <meta name="color:nav links" content="#eeeeee"/>
  71. <meta name="color:nav links hover" content="#a77dc2"/>
  72. <meta name="color:borderlinks" content="#dccbe7"/>
  73. <meta name="color:borders" content="#eeeeee"/>
  74. <meta name="color:scrollbar" content="#dccbe7"/>
  75. <meta name="color:scrollbar background" content="#eeeeee"/>
  76. <meta name="color:sidebar" content="#ffffff"/>
  77. <meta name="color:content background" content="#f8f8f8"/>
  78. <meta name="color:posts background" content="#ffffff"/>
  79. <meta name="color:description" content="#f8f8f8"/>
  80. <meta name="color:questions" content="#dccbe7"/>
  81.  
  82.  
  83. <meta name="color:upd1" content="#6C6C6C"/>
  84. <meta name="color:upd2" content="#6C6C6C"/>
  85. <meta name="color:upd3" content="#6C6C6C"/>
  86. <meta name="color:upd4" content="#6C6C6C"/>
  87.  
  88. <meta name="image:header" content=""/>
  89. <meta name="image:sidebar" content=""/>
  90. <meta name="image:bg sidebar" content=""/>
  91.  
  92. <meta name="if:TagsWithHovereffect" content="1">
  93.  
  94. <meta name="text:official link 5 title" content="link"/>
  95. <meta name="text:official link 5 url" content=""/>
  96. <meta name="text:official link 1 title" content="link"/>
  97. <meta name="text:official link 1 url" content=""/>
  98. <meta name="text:official link 2 title" content="link"/>
  99. <meta name="text:official link 2 url" content=""/>
  100. <meta name="text:official link 3 title" content="link"/>
  101. <meta name="text:official link 3 url" content=""/>
  102. <meta name="text:official link 4 title" content="link"/>
  103. <meta name="text:official link 4 url" content=""/>
  104. <meta name="text:official link 6 title" content="link"/>
  105. <meta name="text:official link 6 url" content=""/>
  106.  
  107.  
  108.  
  109.  
  110.  
  111. <!----------------SCRIPTS---------------->
  112.  
  113. <link href="http://static.tumblr.com.http.s32.wbprx.com/5omyijl/bzrn2yg7i/style-my-tooltips.css" rel="stylesheet" type="text/css" />
  114. <script src="http://ajax.googleapis.com.http.s32.wbprx.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  115. <script src="http://static.tumblr.com.http.s32.wbprx.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  116. <script>
  117. (function($){
  118. $(document).ready(function(){
  119. $("[title]").style_my_tooltips({
  120. tip_follows_cursor:true,
  121. tip_delay_time:200,
  122. tip_fade_speed:300
  123. });
  124. });
  125. })(jQuery);
  126. </script>
  127.  
  128. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  129.  
  130.  
  131.  
  132.  
  133.  
  134. <style type="text/css">
  135.  
  136. BLOCKQUOTE {TEXT-ALIGN: JUSTIFY; PADDING: 5PX 7PX 5PX 7PX; BORDER-LEFT: 3PX SOLID {COLOR:LINK}; BORDER-RIGHT: 3PX SOLID {COLOR:LINK}; BACKGROUND: #FAFAFA;BORDER-RADIUS:4PX; COLOR: {COLOR:TEXT}; FONT-FAMILY: TREBUCHET MS; MARGIN: 0;}
  137.  
  138.  
  139.  
  140. /*----------SCROLLBAR---------*/
  141.  
  142. ::-webkit-scrollbar {
  143. background-color: {color:scrollbar bg};
  144. height:8px;
  145. width:5px;
  146. }
  147.  
  148. ::-webkit-scrollbar-thumb:vertical {
  149. background-color:{color:scrollbar};
  150. height:50px;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb:horizontal {
  154. background-color:{color:scrollbar bg};
  155. height:8px;
  156. }
  157.  
  158. /* PASTE EVERYTHING FROM HERE */
  159.  
  160. /*--- UPDATE ---*/
  161.  
  162.  
  163. .update {
  164. position:fixed;
  165. margin-top:-70px;
  166. margin-left:0px;
  167. text-align:center;
  168. text-transform:uppercase;
  169. color:#8C8C8C;
  170. font-size:8px;
  171. letter-spacing:1px;
  172. z-index:2147483607;
  173. font-family:consolas;
  174. width:150px;
  175. }
  176.  
  177. /*---BEGIN FIRST TAB ---*/
  178.  
  179. .l1 {
  180. width:50px;
  181. background:black;
  182. margin-bottom:8px;
  183. text-align:center;
  184. background:{color:upd1};
  185. color:white;
  186. padding:1px;
  187. -webkit-transition: all 0.7s ease;
  188. -moz-transition: all 0.7s ease;
  189. -o-transition: all 0.7s ease
  190. }
  191.  
  192. .l1:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  193. }
  194.  
  195. .txt1 {
  196. position:absolute;
  197. width:100px;
  198. padding:10px;
  199. padding-left:5px;
  200. left:70px;
  201. margin-top:6px;
  202. opacity:0;
  203. color:black;
  204. text-align:left;
  205. -moz-transition:all 0.7s ease-out;
  206. -webkit-transition:all 0.7s ease-out;
  207. -o-transition:all 0.7s ease-out;}
  208.  
  209. .l1:hover .txt1{left:80px;opacity:1;}
  210.  
  211. /*--- END FIRST TAB ---*/
  212.  
  213. /*---BEGIN SECOND TAB---*/
  214.  
  215. .l2 {
  216. width:50px;
  217. background:black;
  218. margin-bottom:8px;
  219. text-align:center;
  220. background:{color:upd2};
  221. color:white;
  222. padding:1px;
  223. -webkit-transition: all 0.7s ease;
  224. -moz-transition: all 0.7s ease;
  225. -o-transition: all 0.7s ease
  226. }
  227.  
  228. .l2:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  229. }
  230.  
  231. .txt2 {
  232. position:absolute;
  233. width:100px;
  234. padding:10px;
  235. padding-left:5px;
  236. left:70px;
  237. margin-top:6px;
  238. opacity:0;
  239. color:black;
  240. text-align:left;
  241. -moz-transition:all 0.7s ease-out;
  242. -webkit-transition:all 0.7s ease-out;
  243. -o-transition:all 0.7s ease-out;}
  244.  
  245. .l2:hover .txt2{left:80px;opacity:1;}
  246.  
  247. /*---END SECOND TAB---*/
  248.  
  249. /*---BEGIN THIRD TAB--*/
  250.  
  251. .l3 {
  252. width:50px;
  253. background:black;
  254. margin-bottom:8px;
  255. text-align:center;
  256. background:{color:upd3};
  257. color:white;
  258. padding:1px;
  259. -webkit-transition: all 0.7s ease;
  260. -moz-transition: all 0.7s ease;
  261. -o-transition: all 0.7s ease
  262. }
  263.  
  264. .l3:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  265. }
  266.  
  267. .txt3 {
  268. position:absolute;
  269. width:100px;
  270. padding:10px;
  271. padding-left:5px;
  272. left:70px;
  273. margin-top:6px;
  274. opacity:0;
  275. color:black;
  276. text-align:left;
  277. -moz-transition:all 0.7s ease-out;
  278. -webkit-transition:all 0.7s ease-out;
  279. -o-transition:all 0.7s ease-out;}
  280.  
  281. .l3:hover .txt3{left:80px;opacity:1;}
  282.  
  283. /*---END THIRD TAB---*/
  284.  
  285. /*--- BEGIN FOURTH TAB---*/
  286.  
  287. .l4 {
  288. width:50px;
  289. background:black;
  290. margin-bottom:8px;
  291. text-align:center;
  292. background:{color:upd4};
  293. color:white;
  294. padding:1px;
  295. -webkit-transition: all 0.7s ease;
  296. -moz-transition: all 0.7s ease;
  297. -o-transition: all 0.7s ease
  298. }
  299.  
  300. .l4:hover {width:180px; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;
  301. }
  302.  
  303. .txt4 {
  304. position:absolute;
  305. width:100px;
  306. padding:10px;
  307. padding-left:5px;
  308. left:70px;
  309. margin-top:6px;
  310. opacity:0;
  311. color:black;
  312. text-align:left;
  313. -moz-transition:all 0.7s ease-out;
  314. -webkit-transition:all 0.7s ease-out;
  315. -o-transition:all 0.7s ease-out;}
  316.  
  317. .l4:hover .txt4{left:80px;opacity:1;}
  318.  
  319. /*---END FOURTH TAB---*/
  320.  
  321. /*---END UPDATE---*/
  322.  
  323. /*----------TOOLTIPS---------*/
  324.  
  325. #s-m-t-tooltip {
  326. max-width:300px;
  327. margin:15px;
  328. padding:5px;
  329. border:1px solid #eeeeee;
  330. border-radius:0px;
  331. background:#ffffff;
  332. color:{color:text};
  333. z-index:999999;
  334. font-size:7px;
  335. font-style:none;
  336. letter-spacing:2px;
  337. font-family:arial;
  338. text-transform:uppercase;
  339. box-shadow:1px 1px 3px rgba(0,0,0,.0);
  340. }
  341.  
  342. /*----------BASICS---------*/
  343.  
  344. body {
  345. background:{color:background};
  346. color:{color:text};
  347. font-family:arial;
  348. font-size:10px;
  349. line-height:140%;
  350. margin:0;
  351. text-align:left;
  352. }
  353.  
  354. b { font-weight:bold;
  355. color:{color:bold}; }
  356. i { font-weight:arial;
  357. color:{color:italic}; }
  358.  
  359. small {
  360. font-size:11px;
  361. }
  362.  
  363. a {
  364. color:{color:links};
  365. text-decoration:none;
  366. }
  367.  
  368. a:hover {
  369. color:{color:link hover};
  370. transition:1s;
  371. -webkit-transition:1s;
  372. -moz-transition:1s;
  373. -o-transition:1s;
  374. }
  375.  
  376. img {
  377. opacity:1;
  378. text-decoration:none;
  379. }
  380.  
  381. h1 {
  382. font-size:14px;
  383. font-weight:bold;
  384. font-family:arial;
  385. line-height:150%;
  386. text-transform:uppercase;
  387. }
  388.  
  389. blockquote {
  390. padding-left:10px;
  391. margin:10px;
  392. border-left:1px solid #eee;
  393. }
  394.  
  395. /*----------HEADER---------*/
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403. /*----------SIDEBAR---------*/
  404.  
  405. .sidebar {
  406. position:fixed;
  407. width:350px;
  408. margin-top:130px;
  409. margin-left:90px;
  410.  
  411.  
  412. }
  413.  
  414. .sideimg img {
  415. width:50px;
  416. height:50px;
  417. border-radius:500px;
  418. border:4px solid #fff;
  419. padding:0px;
  420. margin-left:-165px;
  421. -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  422. -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
  423. box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
  424. }
  425.  
  426.  
  427. .cat {
  428. padding:20px;
  429. border:0px double {color:borders};
  430. margin-bottom:50px;
  431. background:#fff url('{image:bg sidebar}')top left fixed repeat;
  432. margin-top:-70px;
  433. width:200px;
  434. height:70px;
  435. border-radius: 12px 12px 12px 12px;
  436.  
  437. }
  438.  
  439.  
  440.  
  441. .description {
  442. width:250px;
  443. margin-left:42px;
  444. margin-top:-75px;
  445. text-align:justify;
  446. font-weight:normal;
  447. line-height:100%;
  448. font-family:calibri, tahoma;
  449. font-style:normal;
  450. font-size:10px;
  451. padding-top:0px;
  452. border:0px solid {color:border description};
  453. padding:10px;
  454. background-color:transparent;
  455. border:0px double #eee;
  456. border-radius:7px;
  457. color:{color:description};
  458.  
  459.  
  460. }
  461.  
  462. .projects {
  463. padding:5px;
  464. text-align:left;
  465. margin-top:0px;
  466.  
  467. }
  468.  
  469.  
  470. .projects img {
  471. padding:5px;
  472. width:100px;
  473. height:100px;
  474. float:left;
  475. margin-right:10px;
  476. border:1px solid #eee;
  477.  
  478.  
  479. }
  480.  
  481.  
  482. .pinfo {
  483. height:100px;
  484. margin-top:25px;
  485.  
  486. }
  487.  
  488.  
  489.  
  490. .date {
  491. float:left;
  492. padding:10px;
  493. margin-right:10px;
  494. text-transform:uppercase;
  495. font-weight:bold;
  496. }
  497.  
  498. .e {
  499. padding:10px;
  500.  
  501. }
  502.  
  503.  
  504. .affiliates {
  505. width:300px;
  506. padding:5px;
  507. text-align:left;
  508. text-transform:uppercase;
  509. font-size:9px;
  510. letter-spacing:1px;
  511. margin-top:20px;
  512.  
  513. }
  514.  
  515. .affiliates img {
  516. padding:5px;
  517. width:50px;
  518. border:1px double {color:borders};
  519.  
  520.  
  521. }
  522.  
  523.  
  524.  
  525. .off a {
  526. display:inline-block;
  527. padding:10px;
  528. border-bottom:1px solid #ccc;
  529. text-transform:uppercase;
  530. font-size:9px;
  531. border-left:2px solid #ccc;
  532. margin-top:5px;
  533. width:170px;
  534. height:10px;
  535. background-color:#000;
  536. border-radius:10px;
  537.  
  538. }
  539.  
  540. .off a:hover {
  541. margin-left:5px;
  542. background-color:#fff;
  543. }
  544.  
  545.  
  546.  
  547.  
  548. /*----------PAGINATION---------*/
  549.  
  550. #pagination {
  551. position:fixed;
  552. width:510px;
  553. text-align:center;
  554. margin-top:15px;
  555. margin-left:5px;
  556. font-family:cambria;
  557. font-size:10px;
  558. letter-spacing:4px;
  559. text-transform:uppercase;
  560. font-style:normal;
  561. z-index:100;
  562. background-color:#fff;
  563. bottom:0;
  564. padding:10px;
  565. border-top:1px
  566. solid #eee;
  567.  
  568.  
  569. }
  570. /*----------POSTS---------*/
  571.  
  572.  
  573.  
  574.  
  575. .entries {
  576. margin-top:80px;
  577. width:500px;
  578. margin-left:500px;
  579. background:{color:background};
  580.  
  581. }
  582.  
  583. .posts {
  584. width:500px;
  585. margin-bottom:90px;
  586. background:{color:posts background} ;
  587. padding:20px;
  588. border:4px double {color:borders};
  589. border-radius:7px;
  590. }
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  
  597. /*----------CHAT---------*/
  598.  
  599. .chat {
  600. line-height:150%;
  601. list-style:none;
  602. }
  603.  
  604. .line.odd {
  605. padding:10px;
  606. background:#f8f8f8;
  607. }
  608.  
  609. .line.even {
  610. padding:10px;
  611. }
  612.  
  613. .label {
  614. text-transform:uppercase;
  615. font-size:10px;
  616. letter-spacing:1px;
  617. font-weight:bold;
  618. }
  619.  
  620. /*----------AUDIO---------*/
  621.  
  622. .cover {
  623. position:fixed;
  624. z-index:1;
  625. max-width:100px;
  626. padding:10px;
  627. float:left;
  628. }
  629.  
  630. .playbutton {
  631. width:20px;
  632. height:30px;
  633. overflow:hidden;
  634. position:fixed;
  635. z-index:2;
  636.  
  637. }
  638.  
  639.  
  640. .playbox {
  641. background-color:#000;
  642. position:fixed;
  643. z-index:2;
  644. padding:15px 24px 13px 16px;
  645. margin-top:30px;
  646. margin-left:30px;
  647. opacity:0.5;
  648. }
  649.  
  650. .trackdetails {
  651. padding:10px;
  652. width:auto;
  653. height:100px;
  654. margin-top:10px;
  655. margin-left:100px;
  656. }
  657.  
  658.  
  659. .question {
  660. left: 0px;
  661. top: 0px;
  662. padding: 15px;
  663. width: auto;
  664. min-height: 30px;
  665. font-style: italic;
  666. letter-spacing: 1px;
  667. color: #ffffff;
  668. background:{color:questions};
  669. }
  670.  
  671. .question img {
  672. float: left;
  673. padding: 5px;
  674. background-color: #fff;
  675. margin-right: 10px;
  676. margin-bottom: 10px;
  677. margin-top: -5px;
  678. }
  679.  
  680. .question a {
  681. color: {color:linkshover};
  682. }
  683.  
  684. .answer {
  685. display: block;
  686. padding: 20px;
  687. background-color: #f9f9f9;
  688. -webkit-margin-before: 0em;
  689. -webkit-margin-after: 1em;
  690. -webkit-margin-start: 0px;
  691. -webkit-margin-end: 0px;
  692. }
  693.  
  694.  
  695. /*----------INFO POST---------*/
  696.  
  697. #postinfo {
  698. width:490px;
  699. padding:5px;
  700. font-size:8px;
  701. color:{color:background};
  702. text-transform:uppercase;
  703. font-family:calibri;
  704. font-style:normal;
  705. letter-spacing:2px;
  706. text-align:center;
  707. -moz-transition-duration:0.5s;
  708. -webkit-transition-duration:0.5s;
  709. -o-transition-duration:0.5s;
  710. background-color:#ede5f3;
  711. border-radius:11px;
  712. -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .3);
  713. -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, .3);
  714. box-shadow: 4px 4px 4px rgba(0, 0, 0, .3);
  715. }
  716.  
  717. #postinfo a {
  718. color:{color:post links};
  719. text-align:center;
  720. letter-spacing:1px;
  721. font-style:normal;
  722. }
  723.  
  724. #postinfo a:hover {
  725. color:{color:hover};
  726. }
  727.  
  728. .note {
  729. text-transform:uppercase;
  730. font-style:normal;
  731. letter-spacing:0px;
  732. font-size: 9px;
  733. text-align:left;
  734. line-height:90%;
  735. margin-left:-40px;
  736. }
  737.  
  738. .note li {
  739. list-style-type:none;
  740. padding:10px 25px 10px 25px;
  741. text-align:left;
  742. margin:0px;
  743. -moz-transition-duration:0.5s;
  744. -webkit-transition-duration:0.5s;
  745. -o-transition-duration:0.5s;
  746. }
  747.  
  748. .tags {
  749. font-style:normal;
  750. width:500px;
  751. text-transform:uppercase;
  752. font-style:normal;
  753. color:{color:tags};
  754. letter-spacing:2px;
  755. line-height:120%;
  756. font-size:8px;
  757. text-align:left;
  758. padding:2px;
  759. margin-top:20px;
  760. -moz-transition-duration:0.5s;
  761. -webkit-transition-duration:0.5s;
  762. -o-transition-duration:0.5s;
  763. }
  764.  
  765. .tags a {
  766. color:{color:tags};
  767. letter-spacing:1px;
  768. padding:1px;
  769. }
  770.  
  771. .tags a:hover {
  772. color:{color:link};
  773. }
  774.  
  775.  
  776. /*----------CREDIT---------*/
  777.  
  778. .credit {
  779. font-size:10px;
  780. position:fixed;
  781. font-style:arial;
  782. bottom:5px;
  783. right:15px;
  784. z-index:10;
  785. text-align:right;
  786. letter-spacing:0px;
  787. padding:2px;
  788. }
  789.  
  790. .credit a {
  791. color:{color:links};
  792. text-decoration:none;
  793. }
  794.  
  795. .credit a:hover {
  796. color:{color:links hover};
  797. text-decoration:none;
  798. }
  799.  
  800. </style>
  801. </head>
  802.  
  803. <body>
  804.  
  805. <!-- this is jquery it makes the theme work, leave this alone -->
  806. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  807. <script type="text/javascript" src="http://masonry.desandro.com/js/jquery-1.7.1.min.js"></script>
  808. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/4Wjm5wj58/disassemble_v3.js"></script>
  809. <!-- this is a hosted font from google -->
  810. <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
  811. <!-- font awesome to change the font awesome icons go to http://fontawesome.io/icons/ -->
  812. <link href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  813.  
  814. <div class="navigation">
  815.  
  816.  
  817. <div class="links">
  818.  
  819. <a href="{text:link 1 url}">{text:link 1 title}
  820. <a href="{text:link 2 url}">{text:link 2 title}
  821. <a href="{text:link 3 url}">{text:link 3 title}</a>
  822. <a href="{text:link 4 url}">{text:link 4 title}</a>
  823.  
  824. </div>
  825.  
  826.  
  827. </div>
  828.  
  829.  
  830.  
  831. <div class="container">
  832.  
  833. <div class="sidebar">
  834.  
  835.  
  836.  
  837. <!-- WELCOME -->
  838.  
  839. <div class="cat">
  840. <div class="cti"></div>
  841. <center><div class="sideimg"><img src="{image:sidebar}"></div></center>
  842. <div class="description">{Description}</div>
  843. </div>
  844.  
  845. <!-- OFFICIAL LINKS -->
  846.  
  847. <div class="cat">
  848. <div class="cti"></div>
  849. <div class="off">
  850. <a href="{text:official link 5 url}">{text:official link 5 title} <i class="fa fa-refresh" style="float:right; color:{color:links};"></i></a>
  851. <a href="{text:official link 1 url}">{text:official link 1 title} <i class="fa fa-envelope" style="float:right; color:{color:links};"></i></a>
  852. <a href="{text:official link 2 url}">{text:official link 2 title} <i class="fa fa-code" style="float:right; color:{color:links};"></i></a>
  853. <a href="{text:official link 3 url}">{text:official link 3 title} <i class="fa fa-heart" style="float:right; color:{color:links};"></i></a>
  854. <a href="{text:official link 4 url}">{text:official link 4 title} <i class="fa fa-heart-o" style="float:right; color:{color:links};"></i></a>
  855. <a href="{text:official link 6 url}">{text:official link 6 title} <i class="fa fa-folder" style="float:right; color:{color:links};"></i></a>
  856. </div>
  857. </div>
  858.  
  859. </div>
  860.  
  861. </div>
  862.  
  863. <div class="entries">
  864.  
  865. {block:Posts}
  866.  
  867. <div class="posts">
  868.  
  869. {block:Text}
  870. <h1>{block:Title}{Title}{/block:Title}</h1>
  871. {Body}{/block:Text}
  872.  
  873.  
  874. {block:Photo}
  875. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  876. {block:Caption}{Caption}{/block:Caption}
  877. {/block:Photo}
  878.  
  879.  
  880. {block:Photoset}
  881. {Photoset-500}
  882. {block:Caption}{Caption}{/block:Caption}
  883. {/block:Photoset}
  884.  
  885.  
  886. {block:Quote}
  887. <h2>"{Quote}"</h2>
  888. <div align="right">
  889. {block:Source}<h1>-{Source}</h1>{/block:Source}
  890. </div>
  891. {/block:Quote}
  892.  
  893.  
  894. {block:Link}
  895. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  896. {block:Description}{Description}{/block:Description}
  897. {/block:Link}
  898.  
  899.  
  900. {block:Chat}
  901. {block:Title}<h1>{Title}</h1>{/block:Title} <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  902. {/block:Chat}
  903.  
  904.  
  905. {block:Audio}
  906.  
  907. <div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  908.  
  909. {block:AlbumArt}
  910. <img src="{AlbumArtURL}" class="cover">
  911. {/block:AlbumArt}
  912.  
  913.  
  914. <div class="trackdetails"><br>
  915. {block:TrackName}<b>TRACK:</b> {TrackName}{/block:TrackName}<br>
  916.  
  917. {block:Artist}<b>ARTIST:</b> {Artist}{/block:Artist}<br>
  918.  
  919. <b>PLAYS:</b> {FormattedPlayCount}</div>
  920.  
  921.  
  922. {block:Caption}
  923. <div class="caption">{Caption}</div>
  924. {/block:Caption}
  925. {/block:Audio}
  926.  
  927.  
  928. {block:Video}
  929. {Video-500}
  930. {block:Caption}{Caption}{/block:Caption}
  931. {/block:Video}
  932.  
  933.  
  934. {block:Answer}
  935. <div class="question">
  936. <img src="{AskerPortraitURL-30}"> {Asker} Asked: {Question}
  937. </div>
  938. <div class="answer">{Answer}</div>
  939. {/block:Answer}
  940.  
  941.  
  942.  
  943. {block:Date}<div id="postinfo">{MonthNumberWithZero}-{DayOfMonthWithZero} • <a href="{Permalink}"></a>{block:NoteCount} <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} •from:<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  944. {block:ContentSource} ©<a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>{/block:Date}
  945. {block:HasTags}
  946. <div class="tags">
  947. {block:Tags}<a href="{TagURL}">#&nbsp;{Tag}</a>{/block:Tags}</div>
  948. {/block:HasTags}
  949. <div class="note">
  950. {block:PostNotes}{PostNotes}{/block:PostNotes}
  951. </div>
  952. </div>
  953. {/block:Posts}
  954.  
  955.  
  956. <div id="pagination">
  957. {block:Pagination}
  958. {block:PreviousPage}
  959. <a href="{PreviousPage}">←</a>
  960. {/block:PreviousPage}
  961. {block:JumpPagination length="5"}
  962. {block:CurrentPage}
  963. <span class="current_page">{PageNumber}</span>
  964. {/block:CurrentPage}
  965. {block:JumpPage}
  966. <a class="jump_page" href="{URL}">{PageNumber}</a>
  967. {/block:JumpPage}
  968. {/block:JumpPagination}
  969. {block:NextPage}
  970. <a href="{NextPage}">→</a>
  971. {/block:NextPage}
  972. </div>
  973. {/block:Pagination}</div>
  974.  
  975.  
  976.  
  977. </div>
  978. </div>
  979.  
  980.  
  981.  
  982.  
  983. </body>
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!