API tools faq
paste
Advertisement
xariaaaa

[THEME] 1000 ᴄʜᴀʀᴍs

xariaaaa
Nov 28th, 2016
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.28 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- ʙᴀsᴇ ʙʏ ᴇɴᴛᴇʀᴘʀɪᴢᴇʀ. ᴛʜᴇᴍᴇ ʙʏ 97ʙʀᴋ ᴘʟᴇᴀsᴇ ᴅᴏ ɴᴏᴛ sᴛᴇᴀʟ ɪᴛ! ᴇᴅɪᴛɪɴɢ ɪs ᴀʟᴏᴡᴇᴅ, ʙᴜᴛ ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛɪɴɢ ɪɴᴛᴀᴄᴛ. -->
  9.  
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <script>
  13. $(document).ready(function() {
  14. //
  15. $('a.poplight[href^=#]').click(function() {
  16. var popID = $(this).attr('rel');
  17. var popURL = $(this).attr('href');
  18. var query= popURL.split('?');
  19. var dim= query[1].split('&');
  20. var popWidth = dim[0].split('=')[1];
  21. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  22. var popMargTop = ($('#' + popID).height() + 80) / 2;
  23. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  24. $('#' + popID).css({
  25. 'margin-top' : -popMargTop,
  26. 'margin-left' : -popMargLeft
  27. });
  28. $('body').append('<div id="fade"></div>');
  29. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn();
  30. return false;
  31. });
  32. $('a.close, #fade').live('click', function() {
  33. $('#fade , .popup_block').fadeOut(function() {
  34. $('#fade, a.close').remove();
  35. });
  36. return false;
  37. });
  38. });
  39. </script>
  40.  
  41. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  42.  
  43. <meta name="color:PostBackground" content="#ffffff" />
  44. <meta name="color:Background" content="#ececec" />
  45. <meta name="color:Accent" content="#0f136b" />
  46. <meta name="color:Text" content="#898989" />
  47.  
  48. <style type="text/css">
  49. /* GASARA */
  50. @font-face { font-family: "gasara"; src: url('https://dl.dropbox.com/s/9mird7ef2oyhzbc/gasara.ttf'); }
  51.  
  52. /* ASPEX */
  53. @font-face { font-family: "aspex"; src: url('https:/dl.dropboxusercontent.com/s/yeeehszy65j0cfk/ASPEX_0.TTF') }
  54.  
  55. *, body, a {cursor: url(http://31.media.tumblr.com/tumblr_lqs4idHqTZ1qfoi4t.png), auto;}
  56.  
  57. a:hover {cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  58.  
  59.  
  60. ::-webkit-scrollbar-thumb {
  61. height: auto;
  62. background-color: {color:Accent};
  63. }
  64.  
  65. ::-webkit-scrollbar {
  66. height: 9px;
  67. width: 3px;
  68. background-color: {color:Background};
  69. }
  70.  
  71. ::-webkit-scrollbar:vertical {
  72. height: 9px;
  73. width: 3px;
  74. background-color: {color:Background};
  75. }
  76.  
  77. body {
  78. background: {color:Background};
  79. }
  80.  
  81. a {
  82. text-decoration:none;
  83. outline:none;
  84. -moz-outline-style:none;
  85. color: {color:Accent};
  86. }
  87.  
  88. img {
  89. border:none;
  90. }
  91.  
  92. blockquote, blockquote blockqute {
  93. border-left: 1px solid {color:Accent};
  94. padding-left:5px;
  95. margin-left: 5px;
  96. }
  97.  
  98. blockquote img, blockqute blockquote img, #post img, .answer img {
  99. opacity: 0.3;
  100. -webkit-filter: grayscale(100%);
  101. -webkit-transition: opacity 0.7s linear;
  102. -webkit-transition: all 0.7s ease-out;
  103. -moz-transition: all 0.7s ease-out;
  104. transition: all 0.7s ease-out;
  105. }
  106.  
  107. blockquote img:hover, blockqute blockquote img:hover, .answer img:hover, #post img:hover {
  108. opacity: 0.8;
  109. -webkit-filter: grayscale(30%);
  110. -webkit-transition: opacity 0.7s linear;
  111. -webkit-transition: all 0.7s ease-out;
  112. -moz-transition: all 0.7s ease-out;
  113. transition: all 0.7s ease-out;
  114. }
  115.  
  116. blockquote img, .answer img, #post img {
  117. max-width: 240px;
  118. height: auto;
  119. }
  120.  
  121. blockquote blockquote img {
  122. max-width: 180px;
  123. height: auto;
  124. }
  125.  
  126. h1, h2, h3 {
  127. font-family: "Aspex";
  128. font-size: 15px;
  129. color: {color:Accent};
  130. font-weight: 500;
  131. text-transform: uppercase;
  132. line-height: 28px;
  133. text-align: justify;
  134. }
  135.  
  136. pre, code {
  137. font-family: "Gasara";
  138. font-size: 8px;
  139. line-height: 12px;
  140. letter-spacing: 1px;
  141. text-align: center;
  142. background-color: {color:Background};
  143. padding: 10px;
  144. white-space:pre-wrap;
  145. word-wrap:break-word;
  146. }
  147.  
  148.  
  149. /* ENTRIES */
  150. #entries {
  151. width: 260px;
  152. height: 100%;
  153. margin-top: 30px;
  154. margin-left: 300px;
  155. float: left;
  156. padding: 20px;
  157. background-color: {color:PostBackground};
  158. }
  159.  
  160. #post {
  161. width: 250px;
  162. margin-top: 35px;
  163. font-family: "Calibri";
  164. font-size: 10px;
  165. color: #010101;
  166. text-align: justify;
  167. }
  168.  
  169. #post b {
  170. font-family: "Aspex";
  171. font-size: 12px;
  172. letter-spacing: -1px;
  173. }
  174.  
  175. #post i {
  176. font-family: "Gasara";
  177. font-size: 8px;
  178. letter-spacing: 1px;
  179. }
  180.  
  181. .posttitle {
  182. font-family: "Aspex";
  183. font-size: 23px;
  184. letter-spacing: -2px;
  185. line-height: 36px;
  186. color: #010101;
  187. font-weight: 300;
  188. text-transform: uppercase;
  189. }
  190.  
  191. .photosetimg {
  192. opacity: 0.3;
  193. -webkit-filter: grayscale(100%);
  194. -webkit-transition: opacity 0.7s linear;
  195. -webkit-transition: all 0.7s ease-out;
  196. -moz-transition: all 0.7s ease-out;
  197. transition: all 0.7s ease-out;
  198. }
  199.  
  200. .photosetimg:hover {
  201. opacity: 0.8;
  202. -webkit-filter: grayscale(30%);
  203. -webkit-transition: opacity 0.7s linear;
  204. -webkit-transition: all 0.7s ease-out;
  205. -moz-transition: all 0.7s ease-out;
  206. transition: all 0.7s ease-out;
  207. }
  208.  
  209. .quote {
  210. font-family: "Aspex";
  211. font-size: 15px;
  212. line-height: 35px;
  213. text-align: justify;
  214. }
  215.  
  216. .source {
  217. font-family: "Gasara";
  218. font-size: 8px;
  219. text-align: right;
  220. }
  221.  
  222. .chatpost b {
  223. text-transform: uppercase;
  224. font-size: 8px !important;
  225. letter-spacing: 1px !important;
  226. }
  227.  
  228. .asker {
  229. text-transform: uppercase;
  230. font-family: "Aspex";
  231. font-size: 15px;
  232. text-align: center;
  233. border-bottom: 1px dotted {color:Background};
  234. }
  235.  
  236. .question {
  237. font-size: 8px;
  238. font-family: "Calibri";
  239. text-transform: uppercase;
  240. text-align: justify;
  241. background-color: {color:Background};
  242. padding: 10px;
  243. }
  244.  
  245.  
  246. /* Audio */
  247. .audioplayer {
  248. width: 27px;
  249. height: 27px;
  250. padding-bottom: 3px;
  251. z-index: 99999;
  252. left: 0px;
  253. top: 0px;
  254. }
  255.  
  256. .soundcloud_audio_player {
  257. width: 100%;
  258. }
  259.  
  260. .tumblr_audio_player {
  261. width: 100%;
  262. }
  263.  
  264. #postperma {
  265. background-color: {color:Background};
  266. margin-top: 5px;
  267. margin-bottom: 10px;
  268. width: 240px;
  269. color: #000000;
  270. padding: 10px;
  271. font-family: "Calibri";
  272. font-size: 10px;
  273. text-transform: uppercase;
  274. text-align: center;
  275. }
  276.  
  277. #pageperma {
  278. margin-top: 20px;
  279. width: 250px;
  280. }
  281.  
  282. .permatitle {
  283. font-family: "Aspex";
  284. font-size: 10px;
  285. text-align: center;
  286. }
  287.  
  288. .permatitle:first-letter {
  289. font-size: 13px;
  290. }
  291.  
  292. .permatags {
  293. font-family: "Gasara";
  294. font-size: 8px;
  295. text-align: justify;
  296. }
  297.  
  298. .postnotes {
  299. font-family: "Gasara";
  300. font-size :8px;
  301. text-align: justify;
  302. line-height: 12px;
  303. }
  304.  
  305. .postnotes img {
  306. display: none;
  307. }
  308. #s-m-t-tooltip{
  309. max-width: 200px;
  310. margin-top: 15px;
  311. margin-left: 15px;
  312. padding: 5px;
  313. border-left: 1px solid {color:Accent};
  314. border-bottom: 1px dotted {color:Accent};
  315. z-index:9999999999999999999999;
  316. background-color:{color:Background};
  317. color: #010101;
  318. font-family: 'Gasara';
  319. text-align:justify;
  320. font-size: 8px;
  321. line-height: 11px;
  322. letter-spacing: 1px;
  323. text-transform:uppercase;
  324. box-shadow: 0px 0px 10px {color:Background};
  325. }
  326.  
  327. #credit {
  328. position: fixed;
  329. float: left;
  330. left: 15px;
  331. bottom: 27px;
  332. }
  333.  
  334. #sidewrap {
  335. height: 500px;
  336. width: 500px;
  337. position: fixed;
  338. float: right;
  339. right: 100px;
  340. bottom: 50px;
  341. border-bottom: 10px solid {color:PostBackground};
  342. border-right: 10px solid {color:PostBackground};
  343. }
  344.  
  345. .flynn1 {
  346. float: right;
  347. margin-right: -31px;
  348. margin-top: 50px;
  349. }
  350.  
  351. .flynn2 {
  352. margin-top: 273px;
  353. width: 75px;
  354. }
  355.  
  356. .desc1 {
  357. height: 100px;
  358. width: 240px;
  359. background-color: {color:PostBackground};
  360. padding: 10px;
  361. margin-left: 65px;
  362. margin-top: -130px;
  363. font-family: "Calibri";
  364. font-size: 10px;
  365. text-transform: uppercase;
  366. color: {color:Text};
  367. text-align: justify;
  368. }
  369.  
  370. .links {
  371. font-family: "Bebas";
  372. font-size: 13px;
  373. width: 260px;
  374. text-align: center;
  375. margin-left: 65px;
  376. margin-top: -140px;
  377. word-spacing: 4px;
  378. position: absolute;
  379. z-index: -99;
  380. color: {color:Accent};
  381. }
  382.  
  383. .brook {
  384. height: 50px;
  385. width: 50px;
  386. padding: 5px;
  387. background-color: {color:PostBackground};
  388. margin-top: -200px;
  389. margin-left: 65px;
  390. position: absolute;
  391. z-index: -99;
  392. }
  393.  
  394. .brook2 {
  395. height: 50px;
  396. width: 50px;
  397. padding: 5px;
  398. background-color: {color:PostBackground};
  399. margin-top: -265px;
  400. margin-left: 65px;
  401. }
  402.  
  403. .desc2 {
  404. height: 105px;
  405. width: 175px;
  406. padding: 10px;
  407. background-color: {color:PostBackground};
  408. margin-top: -60px;
  409. margin-left: 130px;
  410. font-family: "Calibri";
  411. font-size: 10px;
  412. text-transform: uppercase;
  413. text-align: justify;
  414. color: {color:Text};
  415. }
  416.  
  417. .title1 {
  418. position: absolute;
  419. z-index: -99;
  420. font-family: "Bebas";
  421. font-size: 27px;
  422. margin-top: -160px;
  423. color: {color:Accent};
  424. margin-left: 67px;
  425. }
  426.  
  427. .plus, .minus, .like, .dislike {
  428. background: {color:PostBackground};
  429. height: 50px;
  430. width: 107px;
  431. padding: 10px;
  432. text-align: justify;
  433. font-family: "Calibri";
  434. font-size: 10px;
  435. text-transform: uppercase;
  436. }
  437.  
  438. .like {
  439. margin-top: -230px;
  440. margin-left: 197px;
  441. }
  442.  
  443. .dislike {
  444. margin-top: -70px;
  445. margin-left: 65px;
  446. }
  447.  
  448. .plus {
  449. margin-top: -145px;
  450. margin-left: 65px;
  451. margin-left: 197px;
  452. }
  453.  
  454. .minus {
  455. margin-top: -70px;
  456. margin-left: 65px;
  457. }
  458.  
  459. .plus b, .minus b, .like b, .dislike b {
  460. font-family: "Bebas";
  461. color: {color:Accent};
  462. letter-spacing: 1px;
  463. }
  464.  
  465. .title2 {
  466. position: absolute;
  467. margin-left: 65px;
  468. margin-top: -117px;
  469. font-family: "Bebas";
  470. font-size: 36px;
  471. color: {color:Accent};
  472. }
  473. {CustomCSS}
  474.  
  475. </style>
  476. <!-- S-M-T-TOOLTIP JAVA -->
  477.  
  478. <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
  479. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  480. <script>
  481. (function($){
  482. $(document).ready(function(){
  483. $("[title]").style_my_tooltips();
  484. });
  485. })(jQuery);
  486. </script>
  487. </head>
  488. <body>
  489.  
  490. <div id="sidewrap">
  491. <div class="flynn1"><img src="http://i.imgur.com/aQpMpYD.png" /></div>
  492. <div class="flynn2"><img src="http://i.imgur.com/PPibEh3.png" /></div>
  493. <div class="desc1">
  494. aaa
  495. </div>
  496. <div class="links">
  497. <a href="/">HOME</a>
  498. <a href="/">INBOX</a>
  499. <a href="/">PAST</a>
  500. <a href="/">PROFILE</a>
  501. <a href="/">BACKGROUND</a>
  502. <a href="/">LINKS</a>
  503. </div>
  504. <div class="brook"><a href="http://98brook.tumblr.com/" title="The best babysister, BROOKLYNN AHN."><img src="http://i.imgur.com/qMxpq6L.png" /></a></div>
  505. <div class="brook2"><a href="/tagged/brooktag" title="Take the trouble and make it double!"><img src="http://i.imgur.com/z6AVChF.png" /></a></div>
  506.  
  507. <div class="desc2">
  508. {color:Accent}aa about how cute brooklynn is, the short novel
  509. </div>
  510. <div class="title1">NYU'S PRINCE CHARMING</div>
  511. <div class="like">
  512. <b>LIKE</b> bullshit
  513. </div>
  514. <div class="dislike">
  515. <b>DISLIKE</b> crap
  516. </div>
  517.  
  518.  
  519. <div class="plus">
  520. <b>POSITIVE</b> shit
  521. </div>
  522. <div class="minus">
  523. <b>NEGATIVE</b> feces
  524. </div>
  525.  
  526. <div class="title2">a boy of a thousand charms</div>
  527. </div>
  528.  
  529. <div id="entries">
  530. {block:Posts}
  531.  
  532. {block:ContentSource}
  533. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  534. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  535. {/block:SourceLogo}
  536. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  537.  
  538. <!-- {ReblogParentURL}{block:ReblogParentLogo}<img src="{BlackLogoURL}"
  539. width="{LogoWidth}" height="{LogoHeight}" alt="{ReblogParentTitle}" />
  540. {/block:ReblogParentLogo}
  541. {block:NoReblogParentLogo}{ReblogParentLink}{/block:NoReblogParentLogo} -->
  542. {/block:ContentSource}
  543.  
  544. <div id="post">
  545. <!-- TEXT POSTS -->
  546. {block:Text}
  547. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  548. {Body}
  549. {/block:Text}
  550.  
  551. <!-- PHOTO POSTS -->
  552. {block:Photo}
  553. <center><img src="{PhotoURL-250}"></center>
  554. {block:Caption}{Caption}{/block:Caption}
  555. {/block:Photo}
  556.  
  557. <!-- PHOTOSET POSTS -->
  558. {block:Photoset}
  559. <div class="photosetpost">
  560. <div class="photosetimg"><center>{Photoset-250}</center></div>
  561. <p>{block:Caption}{Caption}{/block:Caption}</p>
  562. </div>
  563. {/block:Photoset}
  564.  
  565. <!-- QUOTE POSTS -->
  566. {block:Quote}
  567. <div class="quote">{Quote}</div>
  568. <div class="source">{block:Source} —{Source}{/block:Source}</div>
  569. {/block:Quote}
  570.  
  571. <!-- LINK POSTS -->
  572. {block:Link}
  573. <div class="posttitle">a href="{URL}" {Target}>{Name}</a></div>
  574. {block:Description}{Description}{/block:Description}
  575. {/block:Link}
  576.  
  577. <!-- CHAT POSTS -->
  578. {block:Chat}
  579. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  580. <div class="chatpost">{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}</div>
  581.  
  582. {/block:Chat}
  583.  
  584.  
  585. <!-- ASK POST -->
  586. {block:Answer}
  587. <div class="asker">{Asker}</div>
  588. <div class="question">{Question}</div>
  589. <div class="answer">{Answer}</div>
  590. {/block:Answer}
  591.  
  592. <!-- AUDIO POST -->
  593. {block:Audio}
  594. {block:AudioPlayer}
  595. <div class="audioplayer">{AudioPlayer}</div>
  596. {/block:AudioPlayer}
  597. <div style="margin-left: 30px; margin-top: -20px; float: left; text-transform: uppercase;">
  598. {block:TrackName}<b>{TrackName}{/block:TrackName}</b>
  599. {block:Artist}BY {Artist}{/block:Artist}
  600. </div>
  601. {block:Caption}{Caption}{/block:Caption}
  602. {/block:Audio}
  603.  
  604. <!-- VIDEO POST -->
  605. {block:Video}
  606. <div class="video">{Video-250}</div>
  607. {block:Caption}{Caption}{/block:Caption}
  608. {/block:Video}
  609.  
  610. <!-- POST PERMA -->
  611.  
  612. {block:IndexPage}
  613. <div id="postperma">
  614. <a href="{Permalink}" title="{block:HasTags}{block:Tags} #{Tag}; {/block:Tags}{/block:HasTags}">TAGGED</a> ×
  615. <a href="{Permalink}" title="{block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date}">POSTED</a> ×
  616. <a href="{Permalink}" title="{NoteCount}">NOTES</a> ×
  617. <a href="{ReblogURL}" title="Reblog it?">REBLOG</a>
  618. </div>
  619. {/block:IndexPage}
  620.  
  621. {block:PermalinkPage}
  622. <div id="pageperma">
  623. <div class="permatitle">
  624. Posted On: {block:Date}{DayOfMonth}/{MonthNumber}/{Year}{/block:Date} with {NoteCountWithLabel}!
  625. </div>
  626.  
  627. <div class="permatags">
  628. {block:HasTags}{block:Tags} #<a href="/tagged/{Tag}">{Tag}</a>, {/block:Tags}{/block:HasTags}
  629. </div>
  630. </div>
  631.  
  632. <div class="postnotes">
  633. {block:PostNotes}
  634. {PostNotes}{/block:PostNotes}
  635. {/block:Posts}
  636. </div>
  637. {/block:PermalinkPage}
  638.  
  639.  
  640. </div><!-- END OF POSTS -->
  641. {/block:Posts}
  642. </div><!-- END OF ENTRIES -->
  643.  
  644. <div id="credit">
  645. <a title="Theme by 98BROOK, optimized for chrome, 1368 x 768. Please don't steal!">♕</a></div>
  646. </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!