API tools faq
paste
Advertisement
xariaaaa

[THEME] Coverse High

xariaaaa
Feb 5th, 2016
218
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.61 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.  
  4. <!---- ᴛʜᴇᴍᴇ ʙʏ ᴄʜʀᴠsᴛɴ! ---->
  5.  
  6. <head>
  7.  
  8. <title>{Title}</title>
  9. {block:Description}
  10. <meta name="description" content="{MetaDescription}" />
  11. {/block:Description}
  12. <link rel="shortcut icon" href="{Favicon}" />
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15. <meta name="text:Title" content="Converse High"/>
  16. <meta name="text:Description" content="This is where the description goes. Don't make it too long, it might look ugly!"/>
  17. <meta name="text:FriendTitle" content="This is the hover for your friends, just leave it empty if you don't want it!"/>
  18.  
  19. <meta name="text:URL1" content="URL 1"/>
  20. <meta name="text:Title1" content="Title 1"/>
  21. <meta name="text:URL2" content="URL 2"/>
  22. <meta name="text:Title2" content="Title 2"/>
  23. <meta name="text:URL3" content="URL 3"/>
  24. <meta name="text:Title3" content="Title 3"/>
  25.  
  26.  
  27. <style type="text/css">
  28.  
  29. /* GASARA */
  30. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  31.  
  32. /* BEBAS NEUE */
  33. @font-face { font-family: "bebas neue"; src: url('https://dl.dropboxusercontent.com/u/67800931/bebasneue.otf'); }
  34.  
  35. *, body, a {cursor: url(http://i.imgur.com/2qleX.jpg), auto;}
  36.  
  37. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  38.  
  39. ::selection {
  40. background:transparent;
  41. color:#000000;
  42. text-shadow: 0px 0px 1px #7788b2;
  43. }
  44.  
  45. ::-moz-selection {
  46. background:transparent;
  47. color:#000000;
  48. text-shadow: 0px 0px 1px #7788b2;
  49. }
  50.  
  51. ::-webkit-selection {
  52. background:transparent;
  53. color:#000000;
  54. text-shadow: 0px 0px 1px #7788b2;
  55. }
  56.  
  57.  
  58. /* THEME SPECIALS */
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. background-color: #2b3451;
  62. border: 3px solid #595959;
  63. height:auto;
  64. border-bottom:none;
  65. }
  66.  
  67. ::-webkit-scrollbar {
  68. height:9px;
  69. width:9px;
  70. background-color: #2b3451;
  71. border:4px solid #595959;
  72. }
  73.  
  74. /* BODY */
  75. body {
  76. background-image:url({image:background image});
  77. background-repeat:no-repeat;
  78. background-attachment: fixed;
  79. background-color: #595959;
  80. background-position: bottom right;
  81. margin: 0;
  82. }
  83.  
  84. a:link, a:visited, a:active {
  85. text-decoration: none;
  86. color: #7788b2;
  87. -moz-transition:all ease-in-out 0.7s;
  88. -webkit-transition:all ease-in-out 0.7s;
  89. -o-transition:all ease-in-out 0.7s;
  90. transition:all ease-in-out 0.7s;
  91. }
  92.  
  93. a:hover {
  94. color: #2b3451;
  95. }
  96.  
  97. small, sub, sup, code {
  98. font-family: "Calibri";
  99. font-size: 10px;
  100. letter-spacing: 1;
  101. line-height: 100%;
  102. margin-top: 10px !important;
  103. line-height: 90%;
  104. }
  105.  
  106. pre, code {
  107. width:100%;
  108. font-family: "Gasara";
  109. font-size: 8px;
  110. text-align:center;
  111. background-image: url('http://i.imgur.com/JTL5vEc.png');
  112. text-transform: uppercase;
  113. white-space:pre-wrap;
  114. word-wrap:break-word;
  115. padding:3px;
  116. text-align: justify;
  117. background-color: #595959;
  118. border-left: 1px dotted #2b3451;
  119. border-right: 1px dotted #2b3451;
  120. border-top: 1px dotted #2b3451;
  121. border-bottom: 1px solid #2b3451;
  122.  
  123. }
  124.  
  125. blockquote {
  126. margin-left:5px;
  127. width:90%;
  128. padding-left:5px;
  129. border-left: 1px dotted #2b3451;
  130. border-right: 1px dotted #2b3451;
  131. border-top: 1px dotted #2b3451;
  132. border-bottom: 1px solid #2b3451;
  133. padding: 5px;
  134. overflow:hidden;
  135. }
  136.  
  137. blockquote blockquote {
  138. margin-left: 10px;
  139. width: 85%;
  140. text-align: justify;
  141. border-left: 1px dotted #2b3451;
  142. border-right: 1px dotted #2b3451;
  143. border-top: 1px dotted #2b3451;
  144. border-bottom: 1px solid #2b3451;
  145. padding: 5px;
  146. padding-right: 5px !important;
  147. overflow:hidden;
  148. }
  149.  
  150. blockquote img {
  151. max-width:200px !important;
  152. height: auto;
  153. opacity: .5;
  154. overflow:hidden;
  155. }
  156.  
  157. blockquote blockquote img {
  158. max-width:170px !important;
  159. height: auto;
  160. opacity: .5;
  161. overflow:hidden;
  162. }
  163.  
  164. blockquote img:hover {
  165. opacity: 0.9;
  166.  
  167. }
  168.  
  169. blockquote blockquote img:hover {
  170. opacity: 0.9;
  171. }
  172.  
  173. .alignment {
  174. position: relative;
  175. margin-left: 150px;
  176. margin-top: 10px;
  177. height: 100%;
  178. height: auto !important;
  179. min-height: 100%;
  180. width:250px;
  181. }
  182.  
  183. /* QUOTES */
  184.  
  185. #quote {
  186. font-family: "bebas neue";
  187. font-size: 20px;
  188. line-height: 22px;
  189. color: #757575;
  190. text-shadow: 2px 2px 0px #595959;
  191. }
  192.  
  193. #source {
  194. font-family: "Gasara";
  195. font-size: 8px;
  196. letter-spacing:1px;
  197. text-align:right;
  198. }
  199.  
  200. /*ENTRIES*/
  201.  
  202. #box {
  203. padding: 2px;
  204. margin-left: 10%;
  205. margin-top: -395px;
  206. height: 400px;
  207. width: 80%;
  208. overflow: auto;
  209. background-image: url('http://i.imgur.com/JTL5vEc.png');
  210. background-repeat: repeat;
  211. background-position: right top;
  212. }
  213.  
  214. #jimin {
  215. height: 500px;
  216. width: 215px;
  217. margin-left: 180px;
  218. margin-top: 80px;
  219. }
  220.  
  221. #jimin img {
  222. opacity: 1;
  223. }
  224.  
  225.  
  226. #sidebar {
  227. height: 200px;
  228. width: 350px;
  229. margin-left: 750px;
  230. margin-top: -260px;
  231. }
  232.  
  233. .tit {
  234. margin-top: 0px;
  235. margin-left: 0px;
  236. font-family: "bebas neue";
  237. color: #595959;
  238. font-size: 40px;
  239. font-weight: 9000;
  240. letter-spacing: 1px;
  241. }
  242.  
  243. .tit a {
  244. color: #2b3451;
  245. }
  246.  
  247. .desc {
  248. margin-top: 0px;
  249. margin-left: 0px;
  250. background-color: #595959 !important;
  251. height: 100px;
  252. width: 175px;
  253. padding: 3px;
  254. font-family: "Gasara";
  255. font-size: 8px;
  256. text-align: justify;
  257. color: #000000;
  258. line-height: 10px;
  259. }
  260.  
  261. .lnk {
  262. margin-top: 0px;
  263. margin-left: 0px;
  264. height: 20px;
  265. width: 500px;
  266. display: inline-block;
  267. }
  268.  
  269. .lnks {
  270. display: inline-block;
  271. margin-right: 5px;
  272. height: 7px;
  273. padding: 3px;
  274. width: 26px;
  275. background-color: #595959;
  276. }
  277.  
  278. /* BLOG POSTS */
  279.  
  280. .posts {
  281. margin-left: 50%;
  282. width:250px;
  283. font-family: "Calibri";
  284. font-size:9px;
  285. letter-spacing: 1;
  286. line-height: 100%;
  287. color: #000000;
  288. text-align: justify;
  289. word-wrap:break-word;
  290. background-color: #757575;
  291. padding: 10px;
  292. margin-bottom: 20px;
  293. -moz-transition:all ease-in-out 0.7s;
  294. -webkit-transition:all ease-in-out 0.7s;
  295. -o-transition:all ease-in-out 0.7s;
  296. transition:all ease-in-out 0.7s;
  297. }
  298.  
  299. .postinfo {
  300. margin-left: 125px;
  301. width:250px;
  302. font-family: "Gasara";
  303. font-size: 8px;
  304. letter-spacing: 1;
  305. line-height: 100%;
  306. color: #000000;
  307. text-align: justify;
  308. word-wrap:break-word;
  309. margin-top: -15px;
  310. background-color: #757575;
  311. padding: 10px;
  312. -moz-transition:all ease-in-out 0.7s;
  313. -webkit-transition:all ease-in-out 0.7s;
  314. -o-transition:all ease-in-out 0.7s;
  315. transition:all ease-in-out 0.7s;
  316. }
  317.  
  318. .postcontainer img:hover, #photoset:hover {
  319. -moz-transition:all ease-in-out 0.7s;
  320. -webkit-transition:all ease-in-out 0.7s;
  321. -o-transition:all ease-in-out 0.7s;
  322. transition:all ease-in-out 0.7s;
  323. -webkit-filter: grayscale(0%) !important;
  324. opacity: 1;
  325. }
  326.  
  327. .postcontainer img, #photoset {
  328. max-width:250px;.
  329. -webkit-filter: grayscale(100%);
  330. opacity: .5;
  331. -moz-transition:all ease-in-out 0.7s;
  332. -webkit-transition:all ease-in-out 0.7s;
  333. -o-transition:all ease-in-out 0.7s;
  334. transition:all ease-in-out 0.7s;
  335. }
  336.  
  337. .photopost img {
  338. max-width: 250px !important;
  339. -webkit-filter: grayscale(100%);
  340. -moz-transition:all ease-in-out 0.7s;
  341. -webkit-transition:all ease-in-out 0.7s;
  342. -o-transition:all ease-in-out 0.7s;
  343. transition:all ease-in-out 0.7s;
  344. }
  345.  
  346. .photopost img:hover {
  347. opacity: 0.9;
  348. -webkit-filter: grayscale(0%);
  349. -moz-transition:all ease-in-out 0.7s;
  350. -webkit-transition:all ease-in-out 0.7s;
  351. -o-transition:all ease-in-out 0.7s;
  352. transition:all ease-in-out 0.7s;
  353. }
  354.  
  355. .posts img, #photoset {
  356. max-width: 250px !important;
  357. opacity: .5;
  358. -webkit-filter: grayscale(100%);
  359. -moz-transition:all ease-in-out 0.7s;
  360. -webkit-transition:all ease-in-out 0.7s;
  361. -o-transition:all ease-in-out 0.7s;
  362. transition:all ease-in-out 0.7s;
  363. }
  364.  
  365. .posts img:hover {
  366. opacity: 0.9;
  367. -webkit-filter: grayscale(0%);
  368. -moz-transition:all ease-in-out 0.7s;
  369. -webkit-transition:all ease-in-out 0.7s;
  370. -o-transition:all ease-in-out 0.7s;
  371. transition:all ease-in-out 0.7s;
  372. }
  373.  
  374. .video {
  375. max-width: 250px !important;
  376. opacity: .5;
  377. -webkit-filter: grayscale(100%);
  378. -moz-transition:all ease-in-out 0.7s;
  379. -webkit-transition:all ease-in-out 0.7s;
  380. -o-transition:all ease-in-out 0.7s;
  381. transition:all ease-in-out 0.7s;
  382. }
  383.  
  384. .video:hover {
  385. opacity: 0.9;
  386. -webkit-filter: grayscale(0%);
  387. -moz-transition:all ease-in-out 0.7s;
  388. -webkit-transition:all ease-in-out 0.7s;
  389. -o-transition:all ease-in-out 0.7s;
  390. transition:all ease-in-out 0.7s;
  391. }
  392.  
  393.  
  394. .postnotes {
  395. margin-left: 125px;
  396. width:250px;
  397. font-family: "Gasara";
  398. font-size: 8px;
  399. letter-spacing: 1;
  400. line-height: 100%;
  401. color: #000000;
  402. text-align: left;
  403. text-transform: uppercase;
  404. word-wrap:break-word;
  405. background-color: #757575;
  406. padding: 10px;
  407. -moz-transition:all ease-in-out 0.7s;
  408. -webkit-transition:all ease-in-out 0.7s;
  409. -o-transition:all ease-in-out 0.7s;
  410. transition:all ease-in-out 0.7s;
  411. }
  412.  
  413. .postnotes img {
  414. display:none;
  415. }
  416.  
  417. .postperma {
  418. margin-left:125px;
  419. width:268px;
  420. margin-top: -18px;
  421. margin-bottom: 20px;
  422. font-family: "Gasara";
  423. font-size: 8px;
  424. color: #000000;
  425. text-transform: uppercase;
  426. text-align:center;
  427. line-height:100%;
  428. background-color: #757575;
  429. padding:1px;
  430. -moz-transition:all ease-in-out 0.7s;
  431. -webkit-transition:all ease-in-out 0.7s;
  432. -o-transition:all ease-in-out 0.7s;
  433. transition:all ease-in-out 0.7s;
  434.  
  435. }
  436.  
  437. .postperma a {
  438. color: #7788b2;
  439. -moz-transition:all ease-in-out 0.7s;
  440. -webkit-transition:all ease-in-out 0.7s;
  441. -o-transition:all ease-in-out 0.7s;
  442. transition:all ease-in-out 0.7s;
  443.  
  444. }
  445.  
  446. .postperma a:hover {
  447. color: #2b3451;
  448. -moz-transition:all ease-in-out 0.7s;
  449. -webkit-transition:all ease-in-out 0.7s;
  450. -o-transition:all ease-in-out 0.7s;
  451. transition:all ease-in-out 0.7s;
  452.  
  453. }
  454.  
  455. #posttitle {
  456. font-family: "bebas neue";
  457. color: #757575;
  458. text-shadow: 2px 2px #595959;
  459. font-size:20px;
  460. letter-spacing:1px;
  461. line-height:22px;
  462. text-align: justify;
  463. }
  464.  
  465. #permtitle {
  466. font-family: "Gasara";
  467. color: #000000;
  468. font-size: 8px;
  469. padding: 5px;
  470. margin-top: 5px;
  471. text-align: center;
  472. text-transform: uppercase;
  473. }
  474.  
  475. #odd {
  476. padding: 2px;
  477. font-family:'trebuchet ms';
  478. font-size:9px;
  479. }
  480.  
  481. #even {
  482. padding:2px;
  483. font-family:'trebuchet ms';
  484. font-size:9px;
  485. }
  486.  
  487. #tags {
  488. font-family: "Gasara";
  489. font-size: 8px;
  490. text-transform: uppercase;
  491. letter-spacing: 1;
  492. line-height: 100%;
  493. }
  494.  
  495.  
  496. /* AUDIO */
  497.  
  498. .album {
  499. background-repeat: no-repeat;
  500. background-position: center;
  501. position: absolute;
  502. width: 86px;
  503. height: 86px;
  504. background-size: 60px;
  505. overflow: hidden;
  506. background-color: #757575;
  507. -moz-transition:all ease-in-out 0.7s;
  508. -webkit-transition:all ease-in-out 0.7s;
  509. -o-transition:all ease-in-out 0.7s;
  510. transition:all ease-in-out 0.7s;
  511. }
  512.  
  513. .album img {
  514. width: 86px;
  515. height: 86px;
  516. overflow: hidden;
  517. -moz-transition:all ease-in-out 0.7s;
  518. -webkit-transition:all ease-in-out 0.7s;
  519. -o-transition:all ease-in-out 0.7s;
  520. transition:all ease-in-out 0.7s;
  521. -webkit-filter: grayscale(100%);
  522. opacity:.5;
  523. }
  524.  
  525. .album img:hover {
  526. -moz-transition:all ease-in-out 0.7s;
  527. -webkit-transition:all ease-in-out 0.7s;
  528. -o-transition:all ease-in-out 0.7s;
  529. transition:all ease-in-out 0.7s;
  530. -webkit-filter: grayscale(0%) !important;
  531. opacity: 0.9;
  532. }
  533.  
  534. .player {
  535. width: 10px;
  536. height: 11px;
  537. overflow: hidden;
  538. padding: 4px 21px 21px 4px;
  539. margin-top: 27px;
  540. margin-left: 26px;
  541. position: absolute;
  542. background-color: #fff;
  543. opacity: 0.5;
  544. z-index: 10;
  545. -webkit-transition: all 0.4s linear;
  546. -moz-transition: all 0.4s linear;
  547. -o-transition: all 0.4s linear;
  548. -moz-border-radius: 30px;
  549. -webkit-border-radius: 30px;
  550. border-radius: 30px;
  551. }
  552.  
  553. .album:hover .player {
  554. opacity: 0.5;
  555. }
  556.  
  557. .track {
  558. margin-left: 90px;
  559. min-height: 80px;
  560. max-height: 100px;
  561. overflow: auto;
  562. font-family: "Gasara";
  563. font-size: 8px;
  564. padding: 3px;
  565. color: #000000;
  566. text-transform: uppercase;
  567. letter-spacing: 1px;
  568. background: #757575;
  569. }
  570.  
  571.  
  572. /* QUESTION */
  573.  
  574. #asker {
  575. padding: 8px;
  576. margin-top:5px;
  577. font-family:'bebas neue';
  578. font-size: 30px;
  579. line-height:13px;
  580. text-align:center;
  581. border-bottom:solid 1px #2b3451;
  582. text-transform:none;
  583. color: #2b3451;
  584. background-image: url('http://i.imgur.com/JTL5vEc.png');
  585. background-color: #595959;
  586. -moz-transition:all ease-in-out 0.7s;
  587. -webkit-transition:all ease-in-out 0.7s;
  588. -o-transition:all ease-in-out 0.7s;
  589. transition:all ease-in-out 0.7s;
  590. }
  591.  
  592. #asker:hover {
  593. -moz-transition:all ease-in-out 0.7s;
  594. -webkit-transition:all ease-in-out 0.7s;
  595. -o-transition:all ease-in-out 0.7s;
  596. transition:all ease-in-out 0.7s;
  597. }
  598.  
  599. #question {
  600. padding: 2px;
  601. background-image: url('http://i.imgur.com/JTL5vEc.png');
  602. background-color: #595959;
  603. font-family: "Gasara";
  604. font-size: 8px;
  605. text-align: justify;
  606. text-transform:uppercase;
  607. color: #000000;
  608. }
  609.  
  610. #answer {
  611. font-family: "Calibri";
  612. font-size: 9px;
  613. color: #000000;
  614. }
  615.  
  616. /* Hover Title Style */
  617.  
  618. #s-m-t-tooltip{
  619. max-width:250px;
  620. margin-top:25px;
  621. margin-left:15px;
  622. padding-left:4px;
  623. padding-right:4px;
  624. z-index:9999999;
  625. background-color: #757575;
  626. color: #000000;
  627. font-family: "Gasara";
  628. font-size:8px;
  629. letter-spacing:0px;
  630. text-transform:uppercase;
  631. text-align:center;
  632. line-height:14px;
  633. border-left: 3px solid #2b3451;
  634. box-shadow:1px 1px 3px rgba(0,0,0,.1);
  635. }
  636.  
  637. #cred {
  638. font-family: "Calibri";
  639. text-transform: uppercase;
  640. font-size: 10px;
  641. letter-spacing: -1px;
  642. margin-top: 110px;
  643. opacity: 0.4;
  644. -webkit-filter: grayscale(100%);
  645. margin-left: 10px;
  646. }
  647.  
  648. /* POP UP */
  649.  
  650. *html #fade {
  651. position: absolute;
  652. }
  653. #fade {
  654. display: none;
  655. background-image: url('http://i.imgur.com/JTL5vEc.png');
  656. background-color: #595959;
  657. position: fixed;
  658. left: 0;
  659. top: 0;
  660. width: 100%;
  661. height: 100%;
  662. opacity: 1;
  663. z-index: 9999;
  664. }
  665.  
  666. *html .popup_block {
  667. position: absolute;
  668. }
  669.  
  670. .popup_block{
  671. display: none;
  672. background: #757575;
  673. padding: 20px;
  674. float: left;
  675. position: fixed;
  676. top: 50%;
  677. left: 50%;
  678. z-index: 9999999999;
  679. }
  680.  
  681. img.btn_close {
  682. float: right;
  683. margin: -55px -55px 0 0;
  684. }
  685.  
  686. .friend {
  687. max-height: 400px;
  688. overflow: auto;
  689. display: inline-block;
  690. margin-top: 10px;
  691. margin-left: 10px;
  692. }
  693.  
  694. .friend img {
  695. height: 100px;
  696. width: 100px;
  697. }
  698. </style>
  699. <style type="text/css">{CustomCSS}</style>
  700. <!-- INFINITE SCROLL -->
  701. <script type="text/javascript" src="http://static.tumblr.com/nnl3g6g/vcCnyp3z7/infinitescrolling.js"></script>
  702.  
  703.  
  704. <!-- S-M-T-TOOLTIP JAVA -->
  705.  
  706. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  707. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  708. <script>
  709. (function($){
  710. $(document).ready(function(){
  711. $("[title]").style_my_tooltips();
  712. });
  713. })(jQuery);
  714. </script>
  715.  
  716. <!-- POP UP SCRIPT -->
  717. <script>
  718. $(document).ready(function() {
  719. $('a.poplight[href^=#]').click(function() {
  720. var popID = $(this).attr('rel');
  721. var popURL = $(this).attr('href');
  722.  
  723. var query= popURL.split('?');
  724. var dim= query[1].split('&');
  725. var popWidth = dim[0].split('=')[1];
  726.  
  727. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  728. var popMargTop = ($('#' + popID).height() + 80) / 2;
  729. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  730. $('#' + popID).css({
  731. 'margin-top' : -popMargTop,
  732. 'margin-left' : -popMargLeft
  733. });
  734. $('body').append('<div id="fade"></div>');
  735. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  736. return false;
  737. });
  738. $('a.close, #fade').live('click', function() {
  739. $('#fade , .popup_block').fadeOut(function() {
  740. $('#fade, a.close').remove();
  741. });
  742. return false;
  743. });
  744. });
  745.  
  746. </script>
  747.  
  748. </head>
  749.  
  750. <body>
  751.  
  752. <div id="frnd" class="popup_block">
  753. <div class="friend">
  754. <a href="" title=""><img src="http://i.imgur.com/7OYHGdD.gif" /></a>
  755. <a href="" title=""><img src="http://i.imgur.com/Qxm7uTa.gif" /></a> <br />
  756.  
  757. <a href="" title=""><img src="http://i.imgur.com/Fr47FXq.gif" /></a>
  758. <a href="" title=""><img src="http://i.imgur.com/ftRpcwL.gif" /></a> <br />
  759.  
  760. <a href="" title=""><img src="http://i.imgur.com/iFlHJw5.gif" /></a>
  761. <a href="" title=""><img src="http://i.imgur.com/1FfqBUv.gif" /></a> <br />
  762.  
  763. <!-- For each new line of friends just copy this and paste it under the last one.
  764.  
  765. <a href="" title=""><img src="" /></a>
  766. <a href="" title=""><img src="" /></a> <br />
  767.  
  768. What to fill in, where:
  769. <a href="HERE GOES THE URL" title="HERE GOES THE HOVER (If you don't want any just leave it empty)><img src="HERE GOES THE IMAGE URL" /></a> -->
  770. </div>
  771. </div>
  772.  
  773. <div id="jimin"><img src="http://i.imgur.com/BDwdlSY.png" /></div>
  774.  
  775. <div id="sidebar">
  776. <div class="tit">{text:Title}<a href="#?w=230" rel="frnd" class="poplight" title="{text:FriendTitle}">.</a></div>
  777. <div class="lnk">
  778. <a href="/" title="BACK HOME"><div class="lnks"></div></a>
  779. <a href="/ask" title="MESSAGE"><div class="lnks"></div></a>
  780. <a href="{text:URL1}" title="{text:Title1}"><div class="lnks"></div></a>
  781. <a href="{text:URL2}" title="{text:Title2}"><div class="lnks"></div></a>
  782. <a href="{text:URL3}" title="{text:Title3}"><div class="lnks"></div></a>
  783. </div>
  784. <div class="desc">{text:Description}</div>
  785. </div>
  786.  
  787. <div id="box">
  788.  
  789.  
  790. <div class="alignment">
  791. <div class="autopagerize_page_element" >
  792.  
  793. {block:Posts}
  794. <div class="posts">
  795.  
  796. {block:ContentSource}
  797. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  798. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  799. {/block:SourceLogo}
  800. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  801.  
  802. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  803. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  804. {/block:ReblogParentLogo}
  805. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  806. {/block:ContentSource}
  807.  
  808.  
  809. <!-- PHOTO POSTS -->
  810.  
  811. {block:Photo}
  812. {LinkOpenTag}
  813. <div class="photopost">
  814. <img src="{PhotoURL-250}">
  815. </div>
  816. {LinkCloseTag}
  817. {block:ifShowCaptions}
  818. {block:Caption}
  819. {Caption}
  820. {/block:Caption}
  821. {/block:ifShowCaptions}
  822. {/block:photo}
  823.  
  824.  
  825.  
  826.  
  827. <!-- PHOTOSET POSTS -->
  828.  
  829. {block:Photoset}
  830. <div id="photoset">
  831. {Photoset-250}
  832. </div>
  833. {block:ifShowCaptions}
  834. {block:Caption}
  835. {Caption}
  836. {/block:Caption}
  837. {/block:ifShowCaptions}
  838. {/block:Photoset}
  839.  
  840.  
  841. <!-- VIDEO POSTS -->
  842. <div class="video">
  843.  
  844. {block:Video}
  845. {Video-250}
  846. {block:ifShowCaptions}
  847. {block:Caption}
  848. {Caption}
  849. {/block:Caption}
  850. {/block:ifShowCaptions}
  851. {/block:Video}
  852. </div>
  853.  
  854. <!-- AUDIO POSTS -->
  855. {block:Audio}<div class="album">{block:AudioPlayer}<div class="player">{AudioPlayerWhite}</div>{/block:AudioPlayer}
  856.  
  857. {block:AlbumArt}{block:IndexPage}<img src="{AlbumArtURL}">{/block:IndexPage}{block:PermalinkPage}<img src="{AlbumArtURL}">{/block:PermalinkPage}{/block:AlbumArt}</div>
  858.  
  859. <div class="track">{block:TrackName}Title: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album:
  860. {Album}{/block:Album}</div>
  861.  
  862. {block:ifShowCaptions}{block:Indexpage}{block:Caption}{Caption}{/block:Caption}{/block:Indexpage}{/block:ifShowCaptions}
  863.  
  864. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  865. {/block:Audio}
  866.  
  867.  
  868. <!-- QUOTE POSTS -->
  869. {block:Quote}
  870. <div id="quote">{Quote}</div>
  871. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  872. {/block:Quote}
  873.  
  874.  
  875. <!-- TEXT POSTS -->
  876. {block:Text}
  877. {block:Title}
  878. <div id="posttitle">{Title}</div>
  879. {/block:Title}
  880. {Body}
  881. {/block:Text}
  882.  
  883.  
  884. <!-- QUESTION POSTS -->
  885. {block:Answer}
  886. <div id="asker">{Asker}</div>
  887. <div id="question">{Question}</div>
  888. <div di="answer">{Answer}</div>
  889. {/block:Answer}
  890.  
  891. <!-- CHAT POSTS -->
  892. {block:Chat}
  893. {block:Title}
  894. <div id="posttitle">{Title}</div><br />
  895. {/block:Title}
  896. {block:Lines}<div id="{Alt}">
  897. {block:Label}<b>{Label}</b>{/block:Label} {Line}</br></div>
  898. {/block:Lines}
  899. {/block:Lines}
  900. {/block:Chat}
  901.  
  902. <!-- LINK POSTS -->
  903. {block:Link}
  904. <a href="{URL}"> <div id="posttitle">{Name}</div></a>
  905. {block:Description}
  906. {Description}
  907. {/block:Description}
  908. {/block:Link}
  909. </div>
  910.  
  911. {block:IndexPage}
  912. <div class="postperma">
  913. {block:Date}Posted <a href="{Permalink}">{TimeAgo}{/block:Date}</a> with
  914. {NoteCountWithLabel}<br> {block:ifShowTags}{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}{/block:ifShowTags}</div>
  915. {/block:IndexPage}
  916.  
  917. {block:PermaLinkPage}
  918. <div class="postinfo">
  919. <center>
  920. <div id="permtitle">Posted on: {Month} {DayofMonth}, {Year}<br> {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</div>
  921. {block:RebloggedFrom}
  922. <div id="tags">Via:
  923. <a href="{ReblogParentURL}">{ReblogParentName}</a> ||
  924. Source: <a href="{ReblogRootURL}">{ReblogRootName}</a></div>
  925. {/block:RebloggedFrom}
  926. </center>
  927. <br>
  928. {block:HasTags}
  929. <div id="tags">{block:Tags}#<a href="{TagURL}">{Tag}</a> &nbsp; {/block:Tags} </div>
  930. {/block:HasTags}
  931. </div>
  932.  
  933. {block:PostNotes}<div class="postnotes"><div style="margin-left: -20px;">{PostNotes}</div></div>{/block:PostNotes}
  934. {/block:PermalinkPage}
  935.  
  936. {/block:Posts}
  937.  
  938. </div>
  939. </div>
  940. </div>
  941.  
  942. <div id="cred"><a href="http://chrvstn.tumblr.com/" title="Christine's."><img src="http://orig15.deviantart.net/80b9/f/2010/324/b/3/pixel__crown_by_apparate-d339g47.gif" /></a></div>
  943. </body>
  944. </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!