Advertisement
xariaaaa

[THEME] ᴇᴍᴘʀᴇss ʟ.ᴇ

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