API tools faq
paste
Advertisement
xariaaaa

[THEME] #97A.SAGE

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