API tools faq
paste
Advertisement
cornetespoir

15 // Accessible 2.0

cornetespoir
Apr 27th, 2016
7,363
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.84 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. //Accessible 2.0
  3.  
  4. by espoirthemes//
  5.  
  6. +please keep the credit where it is
  7. +feel free to edit as much as you want.
  8. +let me know of any bugs or improvements that I should make!
  9.  
  10. !!!!
  11. to edit the blacklist,
  12. press control and f and type "quick black list" into the search.
  13. click the down arrow and it should take you right to the part you
  14. can edit
  15. !!!!
  16.  
  17. battery and spoon credits to:
  18. lizzledpink
  19. batterycodes
  20. theomania
  21. drop down link tutorial by le4f
  22.  
  23.  
  24. -->
  25.  
  26. <html lang="en">
  27. <head>
  28. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  29.  
  30. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  31.  
  32. <script>
  33.  
  34. (function($){
  35.  
  36. $(document).ready(function(){
  37.  
  38. $("a[title]").style_my_tooltips({
  39.  
  40. tip_follows_cursor:true,
  41.  
  42. tip_delay_time:90,
  43.  
  44. tip_fade_speed:600,
  45.  
  46. attribute:"title"
  47.  
  48. });
  49.  
  50. });
  51.  
  52. })(jQuery);
  53.  
  54. </script>
  55.  
  56. <script>
  57. $(document).ready(function(){
  58. $(".title").click(function(){
  59. $(".thing").toggle();
  60. });
  61. });
  62. </script>
  63.  
  64. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  65. {block:ifhearts}
  66. <script>
  67. $(document).ready(function () {
  68. for (var i=0; i < {text:current}; i++) {
  69. $(".hearts").append('<span ><i class="fa fa-heart"style="color:{color:full meter}"></i></span>');
  70. }
  71.  
  72. for (var i=0; i < ({text:maximum} - {text:current}); i++) {
  73. $(".hearts").append('<span ><i class="fa fa-heart"style="color:{color:empty meter}"></i></span>');
  74. }
  75. });
  76. </script>{/block:ifhearts}
  77. {block:ifspoons}
  78. <script>
  79. $(document).ready(function () {
  80. for (var i=0; i < {text:current}; i++) {
  81. $(".spoons").append('<span ><i class="fa fa-spoon"style="color:{color:full meter}"></i></span>');
  82. }
  83.  
  84. for (var i=0; i < ({text:maximum} - {text:current}); i++) {
  85. $(".spoons").append('<span ><i class="fa fa-spoon" style="color:{color:empty meter}"></i></span>');
  86. }
  87. });
  88. </script>{/block:ifspoons}
  89.  
  90. <title>{title}</title>
  91. <link rel="shortcut icon" href="{Favicon}"/>
  92. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  93. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  94. <meta name="color:background"content="#fff">
  95. <meta name="color:container" content="#fff" />
  96. <meta name="color:sidebar" content="#fff" />
  97. <meta name="color:sidebar border" content="#fff" />
  98. <meta name="color:posts"content="#fff">
  99. <meta name="color:post shadow" content="#ebebeb" />
  100. <meta name="color:border"content="#ededed">
  101. <meta name="color:bold"content="#000">
  102. <meta name="color:italic"content="#000">
  103. <meta name="color:text"content="#000">
  104. <meta name="color:links" content="#000" >
  105. <meta name="color:hover"content="#fff">
  106. <meta name="color:post warning text" ="#6ac4d0" />
  107. <meta name="color:ask bubble" content="#eee" />
  108. <meta name="color:ask bubble text" content="#aaa" />
  109.  
  110.  
  111. <meta name="if:no container" content="" />
  112. <meta name="if:full background" content="" />
  113. <meta name="if:italics" content="" />
  114. <meta name="if:bold" content="" />
  115. <meta name="if:spoons" content="" />
  116. <meta name="if:battery" content="" />
  117. <meta name="if:hearts" content="" />
  118. <meta name="if:hpbar" content="" />
  119. <meta name="if:quick blacklist" content="" />
  120. <meta name="if:hover tags" content="" />
  121.  
  122. <meta name="if:400px posts" content="" />
  123.  
  124. <meta name="select:battery percentage" content="0" title="0%">
  125. <meta name="select:battery percentage" content="1" title="25%">
  126. <meta name="select:battery percentage" content="2" title="50%">
  127.  
  128. <meta name="select:battery percentage" content="3" title="75%">
  129.  
  130. <meta name="select:battery percentage" content="4" title="100%">
  131. <meta name="select:hp percent" content="2" title="0%" />
  132. <meta name="select:hp percent" content="20" title="10%" />
  133. <meta name="select:hp percent" content="40" title="20%" />
  134. <meta name="select:hp percent" content="60" title="30%" />
  135. <meta name="select:hp percent" content="80" title="40%" />
  136. <meta name="select:hp percent" content="100" title="50%" />
  137. <meta name="select:hp percent" content="120" title="60%" />
  138. <meta name="select:hp percent" content="140" title="70%" />
  139. <meta name="select:hp percent" content="160" title="80%" />
  140. <meta name="select:hp percent" content="180" title="90%" />
  141. <meta name="select:hp percent" content="190" title="100%" />
  142.  
  143.  
  144.  
  145. <meta name="color:scrollbar" content="#eee" />
  146. <meta name="color:scrollbar background" content="#f8f8f8" />
  147. <meta name="color:tooltip" content="#000" />
  148. <meta name="color:tooltip text" content="#fff" />
  149. <meta name="color:selection background" content="#ddd" />
  150. <meta name="color:selection text" content="#000" />
  151.  
  152.  
  153.  
  154. <meta name="color:post info" content="#fff" />
  155. <meta name="color:tags" content="#000" />
  156. <meta name="color:info background" content="#222" />
  157. <meta name="color:description text" content="#000" >
  158.  
  159. <meta name="image:sidebar"content="">
  160. <meta name="image:background"content="">
  161.  
  162. <meta name="image:post bg" content="" >
  163. <meta name="text:current" content="5"/>
  164. <meta name="text:maximum" content="5"/>
  165. <meta name="color:full meter" content="#000"/>
  166. <meta name="color:empty meter" content="#ddd"/>
  167. <meta name="color:hpbackground" content="#eee" />
  168. <meta name="color:hp" content="#89AF28" />
  169. <meta name="color:battery" content="#000" />
  170. <meta name="text:link1"content="05" /><meta name="text:url1"content="/">
  171. <meta name="text:link2"content="06" /><meta name="text:url2"content="/">
  172. <meta name="text:link3"content="07" /><meta name="text:url3"content="/" />
  173. <meta name="text:link4" content="08"/><meta name="text:url4" content="/"/>
  174. <meta name="text:notes" content="notes" />
  175. <meta name="text:tags" content="#" />
  176. <meta name="text:asked" content="shouted" />
  177. <meta name="text:blacklist1" content="personal" />
  178. <meta name="text:blacklist2" content="food" />
  179. <meta name="text:blacklist3" content="nsfw" />
  180.  
  181.  
  182.  
  183.  
  184. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css">
  185.  
  186.  
  187.  
  188.  
  189. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  190. <script type="text/javascript">
  191. $(document).ready(function(){
  192. $(".links_body").hide();
  193. $(".links_head").click(function(){
  194. $(this).next(".links_body").slideToggle('fast');
  195. }); }); </script>
  196.  
  197.  
  198.  
  199.  
  200.  
  201. <style type="text/css">
  202.  
  203. .box{position:fixed; margin-top:100px; right:10px; width:130px;border:6px solid transparent;}
  204.  
  205. .title{width:120px;padding:8px; background:white;
  206. border:4px double #eee;height:auto;
  207. position:relative; margin-top:10px;
  208. text-align:center; letter-spacing:2px; transition:.6s;
  209.  
  210. }
  211. .thing {margin-top:6px;display:none; width:120px; position:relative;transition:.6s; background:white;
  212. font-family:arial; font-size:12px; border:4px double #eee; padding:8px;
  213. }
  214.  
  215. .thing li {list-style:none; margin-top:4px;}
  216. .thing li:before{content:'■ '; color:#B40404}
  217.  
  218. #battery i{
  219. color:{color:battery};
  220. font-size:18px;
  221. }
  222.  
  223. .meter{width:100%; padding:2px; padding-bottom:10px; text-align:center;}
  224. .box{position:fixed; margin-top:-40px; right:10px; width:130px;border:6px solid transparent;}
  225.  
  226. {block:ifhpbar}
  227. #hpbar{width:190px; padding:0px; border:2px solid white;margin-left:30px; background:{color:hpbackground}; height:10px; box-shadow:0px 0px 0px 1px {color:border};}
  228. #hp{width:{select:hp percent}px; background:{color:hp};height:10px; border-right:2px solid white;}
  229.  
  230. {/block:ifhpbar}
  231.  
  232. #s-m-t-tooltip{
  233. max-width:300px;
  234. margin-top:-50px;
  235. margin-left:-20px;
  236.  
  237. border:2px solid white;
  238. box-shadow: 0px 0px 0px 2px {color:tooltip};
  239. font-family:verdana;
  240. padding:5px 5px;
  241. background:{color:tooltip}; /*if you're changing the color in the code, make sure this is the same as the s-m-t:after */
  242. color:{color:tooltip text};
  243. z-index:99999999;
  244. font-size:12px;
  245. text-transform:uppercase;
  246. }
  247.  
  248.  
  249. /* don't touch this, this is the what makes it look like a speech bubble */
  250. #s-m-t-tooltip:after{
  251.  
  252. content: '';
  253. position: absolute;
  254. border-style: solid;
  255. border-width: 8px 10px 0;
  256. border-color: {color:tooltip} transparent;
  257. display: block;
  258. width: 0;
  259. z-index: 1;
  260. bottom: -10px;
  261. left: 10%;}
  262.  
  263. .reblob{ opacity:0;
  264. z-index:9999;
  265. position:absolute;
  266. margin-left:320px;
  267. margin-top:-40px;
  268.  
  269. letter-spacing: .5px;
  270. text-transform: lowercase;
  271. transition:.6s;
  272.  
  273.  
  274. }
  275.  
  276. .reblob a{font-size:18px;}
  277. .post:hover .reblob{opacity:1; transition:.6s;}
  278.  
  279.  
  280. ::selection {
  281. background: {color:selection background}; /* WebKit/Blink Browsers */color:{color:selection text};
  282. }
  283. ::-moz-selection {
  284. background: {color:selection background}; /* Gecko Browsers */color:{color:selection text};
  285. }
  286.  
  287. ::-webkit-scrollbar {
  288. width: 10px;
  289. height: 2px;
  290. }
  291. ::-webkit-scrollbar-button {
  292. width: 0px;
  293. height: 0px;
  294. }
  295. ::-webkit-scrollbar-thumb {
  296. background: {color:scrollbar};
  297. border: 0px none #ffffff;
  298. border-radius: 0px;
  299. }
  300. ::-webkit-scrollbar-track {
  301. background: {color:scrollbar background};
  302. border: 0px none #ffffff;}
  303.  
  304.  
  305.  
  306. body{
  307. color:{color:text};
  308. font-family: 'verdana';
  309. font-size:14px;
  310. margin:0;
  311. padding: 0;
  312. word-wrap:break-word;
  313. background:{color:background} url({image:background})
  314.  
  315.  
  316. {block:iffullbackground} no-repeat center center fixed;
  317. -webkit-background-size: cover;
  318. -moz-background-size: cover;
  319. -o-background-size: cover;
  320. background-size: cover; {/block:iffullbackground};
  321. background-attachment:fixed;
  322.  
  323. }
  324.  
  325. b {color:{color:bold};font-weight:normal;{block:ifbold}font-weight:bold;{/block:ifbold}; }
  326.  
  327. i {color:{color:italic}; font-style:normal;{block:ifitalics}font-style:italic;{/block:ifitalics}; }
  328.  
  329.  
  330. h1 {
  331. font-size:15px;text-align:center;
  332. line-height:100%;
  333. letter-spacing:1px;
  334. font-size:19px;
  335. font-family:'verdana';
  336. padding:10px; border-bottom:1px solid {color:border};
  337. font-weight:italic;
  338. }
  339. h2 {
  340. font-family:'verdana';
  341. font-size:15.2px;text-align:left;
  342. font-weight:italic;
  343. line-height:100%;
  344. letter-spacing:1px;
  345. background-color:{color:h2}; padding:6px; font-weight:italic;
  346. }
  347.  
  348.  
  349.  
  350. a { color:{color:links};
  351. font-family:'verdana';
  352. text-decoration:none;-moz-transition-duration:0.5s;
  353. -webkit-transition-duration:0.5s;
  354. -o-transition-duration:0.5s;}
  355. a:hover {color:{color:hover};}
  356.  
  357. blockquote {
  358. margin:0;
  359. padding-left:10px;
  360. overflow-x:auto;
  361. font-family:'verdana';
  362. color:{color:text};
  363. border-left:2px solid {color: Border};
  364. padding-left:5px;
  365. margin-left:8px;
  366.  
  367. }
  368.  
  369. blockquote img {max-width:100%;}
  370.  
  371.  
  372.  
  373. #pagination {
  374. position:fixed;
  375. bottom:30px;
  376. font-size:26px;
  377. right:320px;}
  378.  
  379. #pagination a {transition:.5s; -webkit-transition:.5s; -moz-transition:.5s; line-height:100%;font-size:34px;
  380. width:20px; height:20px;
  381.  
  382.  
  383. overflow:hidden;
  384.  
  385. font-family:calibri;
  386. }
  387.  
  388.  
  389.  
  390.  
  391. #sidebar {margin-top:30px;
  392. margin-left:130px;
  393. position:fixed;
  394. width:250px;
  395. padding:4px;
  396. z-index:99999;
  397. color:{color:desciption text}; }
  398.  
  399.  
  400.  
  401. #sidebar img{max-width:190px; min-width:70px; background: {color:posts}; max-height:70px; padding:4px; border:1px solid {color:border};}
  402.  
  403. #description{
  404. border:1px solid {color:sidebar border};
  405. background:{color:sidebar};
  406. word-spacing:2px;
  407. font-family:verdana;
  408. font-size:13.2px;
  409. margin-top:6px;
  410. color:{color:description text};
  411. width:190px;
  412. letter-spacing:1px;
  413.  
  414. }
  415.  
  416. #description li {list-style:none; border-bottom:1px solid {color:border}; padding:4px;}
  417. #description li:after{content:' ›'; transition:.6s; color:{color:italic};float:right;
  418.  
  419. }
  420. #description li:hover:after {margin-left:4px;transition:.6s;}
  421.  
  422.  
  423. .links_list { margin:0px; padding:2px; width:100%; font-size:12px; text-align:center;}
  424. .links_head { cursor:pointer; position:relative; margin:1px; text-align:center;}
  425. .links_body { padding:2px; text-align:center; display:none;}
  426.  
  427.  
  428.  
  429. #posts {
  430. position:absolute;
  431. margin:auto;
  432. left:0;
  433. right:0; {block:ifnot400pxposts}
  434. width:630px; {block:ifnot400pxposts}
  435. {block:if400pxposts}width:530px;{block:if400pxposts}
  436. top:0px;background:{color:container}; max-height:100%; overflow:auto;
  437. bottom:0px; border-width:0px 1px 0px 1px;
  438. border-style:solid;
  439. border-color:{color:border};
  440. {block:ifnocontainer}background:transparent; position:relative; margin:0 auto; height:auto; border:none; {/block:ifnocontainer}
  441. }
  442. .container{ {block:ifnot400pxposts}
  443. width:500px; {block:ifnot400pxposts}
  444. {block:if400pxposts}width:400px;{block:if400pxposts} margin-top:20px;}
  445.  
  446. .post {
  447. visibility:visible;
  448. font-family:'verdana';
  449. color:{color:text};
  450. font-size:14px;
  451. {block:ifnot400pxposts}
  452. width:500px; {block:ifnot400pxposts}
  453. {block:if400pxposts}width:400px;{block:if400pxposts}
  454. border:1px solid {color:border};
  455. position:relative;
  456. padding:10px;
  457.  
  458. margin:80px 0 50px 40px;
  459. background:{color:posts} url('{image:post bg}');
  460. -webkit-transition:.5s;
  461. transition:.5s;
  462. box-shadow:12px 12px 0px {color:post shadow};
  463.  
  464. }
  465. .post a{font-family: 'verdana';
  466. font-size:14px;
  467. }
  468. .post a:hover{color:{color:hover};}
  469. .post img {max-width:100%;}
  470.  
  471. .caption{padding:10px;}
  472. .chat {
  473. padding:5px;
  474. line-height:150%;
  475. border-radius:2px; }
  476.  
  477. .chat:nth-of-type(odd) {
  478. background:{color:text};
  479. color:{color:posts};
  480. -webkit-transition:.5s;
  481. transition:.5s; }
  482.  
  483. .chat:nth-of-type(even) {
  484. background:{color:posts};
  485. color:{color:text};
  486. -webkit-transition:.5s;
  487. transition:.5s; }
  488.  
  489.  
  490.  
  491. #albumart{
  492. z-index:2;
  493. width:150px;
  494. height:150px;
  495. border-radius:100%;
  496.  
  497. }
  498.  
  499. .dinky {
  500. float:left;
  501. }
  502.  
  503.  
  504. #albumart img{
  505. background:{color:highlight};
  506. width:150px;
  507. border-radius:100%;
  508. height:150px;
  509. padding:2px;
  510. border:1px solid transparent;
  511. border-width:0px; transition:.6s;
  512.  
  513. }
  514.  
  515. .dinky:hover #albumart img{transform:rotate(300deg); transition:.6s;}
  516.  
  517.  
  518. .player {
  519. width:28px;
  520. overflow:hidden;
  521. height:40px;
  522. padding:0px;
  523. padding-top:10px;
  524. padding-left:4px;
  525. margin-left:8px;
  526. transform:scale(1.32);
  527. border-radius:90px;
  528. position:relative;
  529.  
  530.  
  531. }
  532.  
  533.  
  534. .playercon {
  535. width:50px;
  536. height:50px;
  537. background:{color:posts};
  538. border-radius:90px;
  539. position:relative;
  540. margin-top:-100px;
  541. margin-left:50px;
  542.  
  543. border:1px solid transparent;
  544. -webkit-transition-duration:500ms;
  545. -moz-transition-duration:500ms;
  546. -o-transition-duration:500ms;
  547. -ms-transition-duration:500ms;
  548. }
  549.  
  550. .donkey {
  551. float:left top;
  552. margin-left:150px;
  553. background-color:transparent;
  554. padding:20px;
  555.  
  556. height:110px;
  557. text-align:center;
  558. color:{color:text};
  559. }
  560.  
  561. .track {
  562.  
  563. font-size:12px;
  564. letter-spacing:4px;
  565. border-bottom:1px solid {color:info border};
  566. padding:10px;
  567. font-weight:300;
  568. text-transform:uppercase; transition:.6s;
  569. color:#333;
  570.  
  571.  
  572. }
  573. .artist {
  574. letter-spacing:1px;
  575. font-style:italic;
  576.  
  577.  
  578.  
  579. }
  580.  
  581. .playcount {
  582. font-size:9px;
  583.  
  584. text-transform:uppercase;
  585. letter-spacing:3px;
  586. }
  587.  
  588.  
  589. #audiolo {
  590. {block:ifnot400pxposts}
  591. width:500px; {block:ifnot400pxposts}
  592. {block:if400pxposts}width:400px;{block:if400pxposts}
  593.  
  594.  
  595.  
  596. }
  597.  
  598. .speechbubble {
  599. {block:ifnot400pxposts}
  600. width:370px; {block:ifnot400pxposts}
  601. {block:if400pxposts}width:270px;{block:if400pxposts}
  602. position: relative;
  603. background:{color:ask bubble} ;
  604. left:70px;
  605. color:{color:ask bubble text};
  606. margin: 0;
  607. padding:8px;
  608. text-align:left;
  609.  
  610. box-shadow: 0px 0 1px rgba(0,0,0,0);
  611. }
  612. .speechbubble a{background:none;}
  613.  
  614.  
  615. .speechbubble:after {
  616. position: absolute;
  617. content: "";
  618. border-color: {color:ask bubble} transparent transparent transparent;
  619. border-style: solid;
  620. border-width: 15px 15px 0px;
  621. height:0;
  622. width:0;
  623. position:absolute;
  624. left:-15px;
  625. top:10px;
  626. }
  627.  
  628.  
  629.  
  630.  
  631.  
  632. .info {
  633. padding:8px;
  634. border:1px solid {color:info background};
  635. font-family:'verdana';
  636. background:{color:info background};
  637. -webkit-transition:.5s;
  638. transition:.5s;
  639. color:{color:post info};
  640. }
  641.  
  642. .info a{font-size:14px; color:{color:post info}; font-family:'verdana'; }
  643.  
  644.  
  645.  
  646. .tag {
  647. border:1px solid {color:info background};
  648. margin-top:-2px;
  649. border-top:none;
  650. padding:2px;
  651. border-radius:2px;
  652. {block:ifhovertags}opacity:0;
  653. -webkit-transition:.8s;
  654. transition:.8s;
  655. overflow:hidden;
  656. color:{color:tags}; height:0px; {/block:ifhovertags}}
  657.  
  658.  
  659. .tag a{
  660. color:{color:tags};
  661.  
  662. }
  663. {block:ifhovertags}
  664. .post:hover .tag {
  665. height:auto; opacity:1;
  666. margin-top:-1px;
  667. -webkit-transition:.8s;
  668. transition:.8s; }
  669. {/block:ifhovertags}
  670.  
  671.  
  672.  
  673.  
  674. #tag {
  675. margin-top: 3px;
  676. font-family: 'verdana';
  677. font-size: 12px;
  678. color: {color:post info};
  679. }
  680.  
  681. #permalink {
  682. margin: 5px 0px 20px 0px;
  683. width: 500px;
  684. font-family: 'verdana'';
  685. font-size: 10px;
  686. color: {color:permalink};
  687. }
  688.  
  689. #egg { opacity:.8;left:10px; bottom:10px; position:fixed;bottom:4px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  690. font-family: "bitxmap";
  691. border:1px solid #888; z-index:4;
  692.  
  693. }
  694. #egg:hover { animation-name: egg;
  695. animation-duration: 1s;
  696. animation-iteration-count: infinite;}
  697. @keyframes egg{
  698. 0%{}
  699. 10%{transform:rotate(20deg)}
  700. 80%{transform:rotate(-20deg)}
  701. 100%{}
  702. }
  703.  
  704.  
  705.  
  706.  
  707. ol.notes{position:relative;
  708.  
  709. margin:20px auto;
  710. width:100%; padding:10px;
  711.  
  712. }
  713.  
  714. .notes li{list-style:none;
  715. margin:10px;
  716. background:{color:posts};
  717. padding:10px;
  718. border-bottom:1px solid {color:border};
  719.  
  720. font-size:13.4px;
  721.  
  722. }
  723.  
  724. .notes li img{ padding:10px;
  725. width:16px;}
  726.  
  727. {CustomCSS}</style>
  728. <style>
  729.  
  730. .post.caption{height:0;}
  731. {block:IndexPage}
  732. .{text:blacklist1}{color:{color:post warning text};
  733. overflow:hidden;
  734. height:60px;
  735. }
  736. .{text:blacklist1} img {display:none;}
  737. .tet{display:none; height:60px; padding:10px;}
  738.  
  739. .{text:blacklist1} .tet{display:block; z-index:999999; color:{color:post warning text};}
  740. .{text:blacklist2}{color:{color:post warning text};
  741. overflow:hidden;
  742. height:60px;
  743. }
  744. .{text:blacklist2} img {display:none;}
  745. .tet2{display:none; height:60px; padding:10px;}
  746.  
  747. .{text:blacklist2} .tet2{display:block; z-index:999999; color:{color:post warning text};
  748. }
  749.  
  750. .{text:blacklist3}{color:{color:post warning text};
  751. overflow:hidden;
  752. height:60px;
  753. }
  754. .{text:blacklist3} img {display:none;}
  755. .tet3{display:none; height:60px; padding:10px;}
  756.  
  757. .{text:blacklist3} .tet3{display:block; z-index:999999; color:{color:post warning text};
  758.  
  759.  
  760. }
  761.  
  762. {/block:IndexPage}
  763.  
  764.  
  765. {block:PermalinkPage}
  766. .tet{
  767. display:none; }
  768. .{text:blacklist1} .tet{
  769. display:none; }
  770.  
  771. .tet2{
  772. display:none; }
  773. .{text:blacklist2} .tet2{
  774. display:none; }
  775.  
  776. .tet3{
  777. display:none; }
  778. .{text:blacklist3} .tet3{
  779. display:none; }
  780.  
  781. {/block:PermalinkPage}
  782.  
  783.  
  784. {block:TagPage}
  785. .{text:blacklist1} {
  786. height:auto;
  787. }
  788. .{text:blacklist1} img{display:block;}
  789. .{text:blacklist1} .tet{display:none;}
  790. .tet{display:block; z-index:999999;
  791. display:none; } .{text:blacklist2} {
  792. height:auto;
  793. }
  794. .{text:blacklist2} img{display:block;}
  795. .{text:blacklist2} .tet2{display:none;}
  796. .tet2{display:block; z-index:999999;
  797. display:none; }
  798.  
  799. .{text:blacklist3} {
  800. height:auto;
  801. }
  802. .{text:blacklist3} img{display:block;}
  803. .{text:blacklist3} .tet3{display:none;}
  804. .tet3{display:block; z-index:999999;
  805. display:none; }
  806.  
  807. {/block:TagPage}
  808. </style>
  809. </head>
  810. <body>
  811. {block:ifquickblacklist}
  812.  
  813.  
  814. <div class="box" style="right:40px; top:70px;"><a title="click for list"><div class="title">
  815. <!--this is the title of the blacklist-->
  816. blacklist
  817. <!--you can change the title if you want -->
  818. </div></a><div class="thing">
  819.  
  820. <!--!!!! quick black list starts here!!!! -->
  821.  
  822. <!--in between the <b> and </b>, write your description.
  823. you may also remove <b> and </b> if you don't want it to be bold. -->
  824. <b>please tag:</b> <br>
  825. <!--to change the tags, replace the words between <li> </li> with your own. -->
  826. <li> gore </li>
  827. <li> horror </li>
  828. <li> nsfw </li>
  829. <!--to add more, copy and paste the "<li> tag here </li>", and fill in your blacklisted tag. you can put as many as you want.
  830. make sure there is a <li> before the tag, and </li> after the tag, otherwise the list will mess up. -->
  831.  
  832. <!-- don't touch the rest, end of quick black list -->
  833. </div></div>
  834.  
  835. {/block:ifquickblacklist}
  836.  
  837. <div id="sidebar">
  838.  
  839. <div class="meter">
  840. {block:ifhpbar}<a title="{name}'s hp"><div id="hpbar"><div id="hp"></div></div></a>{/block:ifhpbar}<center>{block:ifbattery}
  841. <div id="battery"><center>
  842. <i class="fa fa-battery-{select:battery percentage}"></i>
  843. </center></div>
  844. {/block:ifbattery}
  845. {block:ifspoons}<a class="spoons" title="{text:current}/{text:maximum} Spoons" style="font-size: 26px; "></a>{/block:ifspoons}
  846. {block:ifhearts}<a class="hearts" title="{text:current}/{text:maximum} hearts" style="font-size: 20px;"></a>{/block:ifhearts}
  847.  
  848. </div>
  849. <center>
  850. <a href="/" title="{Title}">
  851. <img src="{image:sidebar}">
  852.  
  853. </a>
  854.  
  855.  
  856. <div id="description" style="max-height:200px; overflow:auto;">
  857. <div class="caption" style="padding:3.2px;">
  858. {description}</div></div>
  859.  
  860. <div id="description" style="">
  861. <div class="caption" style="text-align:left;">
  862. <li>
  863. <a href="/" class="fa fa-home" style="font-size:16px;"> home</a> </li>
  864. <li>
  865. <a href="/ask" class="fa fa-envelope" style="font-size:16px"> ask</a> </li>
  866. <li>
  867. <a href="http://tumblr.com/dashboard?conversation={name}" class="fa fa-comments" style="font-size:16px"> message</a>
  868. <li>
  869. <a href="/archive" class="fa fa-clock-o" style="font-size:16px"> archive </a></li> </div></div>
  870.  
  871. <div id="description">
  872. <div class="caption" style="padding:4px;">
  873. <div class="links_list">
  874. <p class="links_head" ><a title="click for links">
  875. <i class="fa fa-bars" style="font-size:16px;"></i></a></p>
  876. <div class="links_body">
  877.  
  878. <a href="{text:url1}">{text:link1}</a><br>
  879. <a href="{text:url2}">{text:link2}</a><br>
  880. <a href="{text:url3}">{text:link3}</a><br>
  881. <a href="{text:url4}">{text:link4}</a><br>
  882. </div></div></div></div>
  883.  
  884. </center>
  885.  
  886. </div>
  887.  
  888.  
  889.  
  890.  
  891.  
  892. </div>
  893. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div></a>
  894. <div id="posts">
  895. <div class="container">
  896.  
  897.  
  898. {block:Posts}
  899. <!-- {block:NoRebloggedFrom}
  900. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  901. {/block:NoRebloggedFrom} -->
  902. {block:ContentSource}
  903. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  904. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  905. {/block:SourceLogo}
  906. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  907. {/block:ContentSource}
  908.  
  909.  
  910. <div class="post {TagsAsClasses}">
  911. <div class="reblob"><a href="{ReblogURL}" target="_blank" class="details" style="font-size:15.4px;"> +Reblog</a></div>
  912.  
  913. <div class="tet" style="color:{color:post warning text}"><font style="color:{color:post warning text}">this post is tagged as {text:blacklist1}. to view it, go </font><a href="{permalink}">[here]</a></div>
  914.  
  915. <div class="tet2" style="color:{color:post warning text}"><font style="color:{color:post warning text}">this post is tagged as {text:blacklist2}. to view it, go </font><a href="{permalink}">[here]</a></div>
  916.  
  917. <div class="tet3" style="color:{color:post warning text}"><font style="color:{color:post warning text}">this post is tagged as {text:blacklist3}. to view it, go </font><a href="{permalink}">[here]</a></div>
  918.  
  919. {block:Text}{block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}<div class="caption">{Body}</div>{/block:Text}
  920.  
  921. {block:Photo}{LinkOpenTag}<center> {block:ifnot400pxposts}
  922. <img src="{PhotoURL-500}">{block:ifnot400pxposts}
  923. {block:if400pxposts}<img src="{PhotoURl-400}">{block:if400pxposts}</center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photo}
  924.  
  925. {block:Panorama}{LinkOpenTag}<center> {block:ifnot400pxposts}<img src="{PhotoURL-500}">
  926. {block:ifnot400pxposts}
  927. {block:if400pxposts}<img src="{PhotoUrl-400}">{block:if400pxposts}</center>{LinkCloseTag}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Panorama}
  928.  
  929. {block:Photoset}{Photoset}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Photoset}
  930.  
  931. {block:Quote}<h1><i>"{Quote}"</i></h1><p align="right">{block:Source}- {Source}{/block:Source}{/block:Quote}
  932.  
  933. {block:Link}<h1><a href="{URL}" target="{Target}" style="color:{color:link};"> » {Name} » </a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  934.  
  935. {block:Chat}{block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}{block:Lines}<div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}{/block:Chat}
  936.  
  937. {block:Audio}
  938. <div id="audiolo">
  939. <div class="dinky">
  940. <div id="albumart"> {block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  941.  
  942. <div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></div>
  943. <div class="donkey">
  944. <div class="track"> {block:TrackName}
  945. {TrackName}
  946. {/block:TrackName} </div>
  947.  
  948.  
  949. <div class="artist">
  950. {block:Artist}{Artist}
  951. {/block:Artist} </div>
  952.  
  953. <div class="album">
  954. {block:Album}
  955. {Album}
  956. {/block:Album}
  957. </div>
  958.  
  959. <div class="playcount">
  960.  
  961. {block:PlayCount}{PlayCountWithLabel}{/block:PlayCount}</div>
  962. </div></div>
  963.  
  964. {block:caption}<div class="caption">{caption}</div> {/block:Caption}
  965.  
  966. {/block:Audio}
  967.  
  968. {block:Video}{VideoEmbed-500}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:Video}
  969.  
  970. {block:Answer}
  971. <br>
  972. <div class="askerportrait"><img style=" margin-left:10px; width:40px;" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble"> {Asker} {text:asked}: {Question}</div>
  973.  
  974. <br>{answer}
  975.  
  976.  
  977. {/block:Answer}
  978.  
  979. {block:Date}<div class="info"><a href="{Permalink}" >{TimeAgo} </a>{/block:Date}{block:NoteCount} <a href="{Permalink}" style="float:right;">{NoteCount} {text:notes} </a>{/block:NoteCount}
  980. {block:PermalinkPage}<br>
  981. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> <a href="{ReblogRootURL}" title="{ReblogRootName}">src</a>{/block:RebloggedFrom}{/block:PermalinkPage} </div>
  982. {block:HasTags}<div class="tag"> <div class="caption" style="padding:3.2px;">{block:Tags} <a href="{TagURL}">{text:tags}{Tag}</a>{/block:Tags}</div></div>{/block:HasTags}
  983.  
  984.  
  985. </div>
  986. {/block:Posts} {block:PostNotes}<div id="notes">{PostNotes-16}</div>{/block:PostNotes}
  987. </div>
  988. {block:Pagination}
  989. <div id="pagination">
  990. {block:previousPage}<a href="{PreviousPage}"> &#171;</a>{/block:PreviousPage}
  991.  
  992.  
  993. {block:NextPage}
  994. <a href="{NextPage}"> &#187; </a>
  995. {/block:NextPage}
  996. </div>
  997. {/block:Pagination}
  998.  
  999.  
  1000.  
  1001. </div>
  1002. </body>
  1003. </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!