API tools faq
paste
Advertisement
kaitofrph

Checkers (kaitrps theme 7)

kaitofrph
Jun 15th, 2016
690
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.46 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head>
  6.  
  7. </style>
  8.  
  9. <script src="http://tympanus.net/Tutorials/CaptionHoverEffects/js/modernizr.custom.js"></script>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  14.  
  15. <!---- ☰ theme made with basecode with hover #1 by azureofrp ☰ --->
  16.  
  17. <!---- ««««««««« theme #7 checkers by kaitrps
  18. please don't steal anything and don't remove the credit. if you do, a kitten will cry. we don't want that. »»»»»»»»»»
  19. --->
  20.  
  21.  
  22. <!--META NAMES-->
  23.  
  24. <meta name="color:background" content="#cccccc"/>
  25. <meta name="color:text" content="#000000"/>
  26. <meta name="color:links" content="#decba4"/>
  27. <meta name="color:hover" content="#494233">
  28. <meta name="color:blockquote" content="#eeeeee">
  29. <meta name="color:blockquote border" content="#666666">
  30. <meta name="color:accent" content="#b9bd56">
  31. <meta name="color:bold" content="#211927">
  32. <meta name="color:italic" content="#211927">
  33. <meta name="color:post bg" content="#888888">
  34. <meta name="color:sb bg" content="#444444">
  35. <meta name="color:title" content="#ffffff">
  36. <meta name="color:info bg" content="#444444">
  37. <meta name="color:container" content="#cccccc">
  38. <meta name="color:border" content="#888888">
  39. <meta name="color:scrollbar" content="#ffffff">
  40. <meta name="color:scrollbar bg" content="#eeeeee">
  41.  
  42. <meta name="image:sidebar" content=""/>
  43. <meta name="image:icon1" content=""/>
  44. <meta name="image:icon2" content=""/>
  45.  
  46. <meta name="text:title 2" content="second title">
  47. <meta name="text:link 1 hover" content="link 1">
  48. <meta name="text:link 2 hover" content="link 2">
  49. <meta name="text:link 3 hover" content="link 3">
  50.  
  51. <meta name="text:link 1 URL" content="/">
  52. <meta name="text:link 2 URL" content="/">
  53. <meta name="text:link 3 URL" content="/">
  54.  
  55.  
  56.  
  57.  
  58. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  59. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  60. <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("a[title]").style_my_tooltips({
  64. tip_delay_time:100,
  65. tip_fade_speed:700,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75.  
  76. ::-webkit-scrollbar-thumb {
  77. height:auto;
  78. background-color:{color:scrollbar};
  79.  
  80. }
  81.  
  82. ::-webkit-scrollbar {
  83. height:5px;
  84. width:3px;
  85. background-color:{color:scrollbar bg};
  86.  
  87. }
  88.  
  89. body {
  90. background-color:{color:background};
  91. font-family:arial;
  92. font-size:10px;
  93. text-align:justify;
  94. color:{color:text};
  95. margin:0;
  96.  
  97.  
  98. }
  99.  
  100.  
  101.  
  102.  
  103.  
  104. a {
  105. text-decoration:none;
  106. color:{color:Links};
  107. -webkit-transition: all 0.5s ease-out;
  108. -moz-transition: all 0.5s ease-out;
  109. transition: all 0.5s ease-out;
  110. }
  111.  
  112. a:hover {
  113. text-decoration:none;
  114. color:{color:Hover};
  115. -webkit-transition: all 0.5s ease-out;
  116. -moz-transition: all 0.5s ease-out;
  117. transition: all 0.5s ease-out;
  118.  
  119. }
  120.  
  121. img {
  122. border:none;
  123.  
  124.  
  125.  
  126. }
  127.  
  128. blockquote {
  129. background:{color:blockquote};
  130. border-left:2px solid {color:blockquote border};
  131. padding:8px;
  132.  
  133. }
  134.  
  135. #s-m-t-tooltip {
  136. max-width:150px;
  137. padding-top:2px;
  138. padding-bottom:2px;
  139. padding-left:2px;
  140. padding-right:2px;
  141. font-size:8px;
  142. text-align:center;
  143. font-style:italic;
  144. font-weight:bold;
  145. color:{color:text};
  146. background:{color:accent};
  147. border:1px solid {color:border};
  148. letter-spacing:1px;
  149. text-transform:uppercase;
  150. z-index:99999;
  151.  
  152. }
  153.  
  154.  
  155. h1{
  156. margin-top:0px;
  157. margin-bottom:5px;
  158. font-size:11px;
  159. padding:5px;
  160. text-transform:lowercase;
  161. text-align:center;
  162. font-weight:bold;
  163. }
  164.  
  165. h2{
  166. margin-top:0px;
  167. margin-bottom:5px;
  168. font-size:12px;
  169. padding:5px;
  170. text-transform:uppercase;
  171. text-align:center;
  172. font-weight:bold;
  173. font-style:italic;
  174. }
  175.  
  176. b{
  177. color:{color:bold};
  178. }
  179.  
  180. i{
  181. color:{color:italic};
  182. }
  183.  
  184. small{
  185. font-size:9.5px;
  186. }
  187.  
  188. pre{
  189. margin-top:0px;
  190. margin-bottom:5px;
  191. font-family:arial;
  192. font-size:10px;
  193. background-color:{color:blockquote};
  194. padding:5px;
  195. text-transform:uppercase;
  196. font-weight:bold;
  197. text-align:center;
  198. }
  199.  
  200. /*TITLE*/
  201.  
  202.  
  203. #titlez {
  204. height:25px;
  205. width:300px;
  206. font-size:15px;
  207. font-style:italic;
  208. font-family:sans-serif;
  209. font-weight:bold;
  210. text-align:center;
  211. text-transform:lowercase;
  212. text-shadow:2px 2px 2px {color:accent};
  213. margin-top:85px;
  214. margin-left:300px;
  215. color:{color:title};
  216. position:fixed;
  217. }
  218.  
  219. #titlez2 {
  220. width:360px;
  221. height:10px;
  222. font-size:11px;
  223. font-style:italic;
  224. font-family:arial;
  225. font-weight:bold;
  226. text-align:center;
  227. text-transform:lowercase;
  228. margin-top:285px;
  229. margin-left:275px;
  230. padding-top:4px;
  231. padding-bottom:8px;
  232. background:{color:info bg};
  233. color:{color:border};
  234. position:fixed;
  235. }
  236.  
  237. /*DESC*/
  238.  
  239.  
  240. #desc {
  241. width:285px;
  242. height:115px;
  243. position:fixed;
  244. padding-left:10px;
  245. padding-right:10px;
  246. padding-top:10px;
  247. line-height:130%;
  248. top:314px;
  249. margin-left:305px;
  250. font-size:10px;
  251. text-align:center;
  252. overflow:auto;
  253. z-index:99999;
  254. opacity:1;
  255.  
  256. }
  257.  
  258.  
  259.  
  260.  
  261.  
  262. /*PAGINAITON*/
  263.  
  264. #pagi {
  265. font-size:9px;
  266. text-transform:uppercase;
  267. font-weight:bold;
  268. font-style:normal;
  269. position:fixed;
  270. text-align:center;
  271. margin-left:275px;
  272. margin-top:505px;
  273. background:{color:info bg};
  274. padding:6px;
  275. line-height:100%;
  276. width:348px;
  277. height:10px;
  278. display:inline-block;
  279. color:{color:links};
  280. z-index:100;
  281. opacity:1;
  282. font-family:calibri;
  283. transition-duration: 0.9s;
  284. -moz-transition-duration:0.9s;
  285. -webkit-transition-duration:0.9s;
  286. -o-transition-duration:0.9s;
  287.  
  288.  
  289.  
  290.  
  291.  
  292. }
  293.  
  294. #pagi:hover{
  295. color:{color:hover};
  296. transition-duration: 0.9s;
  297. -moz-transition-duration:0.9s;
  298. -webkit-transition-duration:0.9s;
  299. -o-transition-duration:0.9s;
  300.  
  301. }
  302.  
  303.  
  304.  
  305. /*IMAGES*/
  306.  
  307.  
  308. #sidebar1 {
  309. position:fixed;
  310. opacity:1;
  311. background-image:url('{image:sidebar}');
  312. width:355px;
  313. height:140px;
  314. top:136px;
  315. margin-left:275px;
  316. border:solid 2px {color:border};
  317. z-index:100;
  318.  
  319. }
  320.  
  321.  
  322. #icon1 {
  323. position:fixed;
  324. opacity:1;
  325. background-image:url('{image:icon1}');
  326. width:50px;
  327. height:50px;
  328. top:445px;
  329. margin-left:305px;
  330. border:solid 2px {color:border};
  331. z-index:100;
  332.  
  333. }
  334.  
  335. #icon2 {
  336. position:fixed;
  337. opacity:1;
  338. background-image:url('{image:icon2}');
  339. width:50px;
  340. height:50px;
  341. top:445px;
  342. margin-left:555px;
  343. border:solid 2px {color:border};
  344. z-index:100;
  345.  
  346. }
  347.  
  348.  
  349. /*LINKS*/
  350.  
  351.  
  352.  
  353.  
  354. #links{
  355. font-size:19px;
  356. text-align:center;
  357. position:fixed;
  358. line-height:20%;
  359. letter-spacing:5%;
  360. font-family:sans-serif;
  361. font-style:italic;
  362. text-shadow:2px 2px 2px {color:accent};
  363. margin-top:457px;
  364. margin-left:372px;
  365. text-align:center;
  366. width:160px;
  367. z-index:99999;
  368.  
  369. -webkit-column-count: 5;
  370. -moz-column-count: 5;
  371. column-count: 5;
  372. -webkit-column-gap: 0.5;
  373. -moz-column-gap: 0.5;
  374. column-gap: 0.5;
  375.  
  376. }
  377.  
  378. #links a{
  379. opacity:1;
  380. display:inline-block;
  381. text-transform:uppercase;
  382. color:{color:sblinks};
  383. width:20px;
  384. font-weight:bold;
  385. height:20px;
  386. padding-right:5px;
  387. padding-top:5px;
  388. display:block;
  389. line-height:130%;
  390. padding-bottom:3px;
  391. transition-duration: 1s;
  392. -moz-transition-duration: 1s;
  393. -webkit-transition-duration: 1s;
  394. -o-transition-duration: 1s;
  395.  
  396.  
  397.  
  398. }
  399.  
  400. #links a:hover{
  401. color:{color:hover};
  402. opacity:1;
  403. transition-duration: 1s;
  404. -moz-transition-duration: 1s;
  405. -webkit-transition-duration: 1s;
  406. -o-transition-duration: 1s;
  407.  
  408. }
  409.  
  410. #container {
  411. position: fixed;
  412. height: 535px;
  413. overflow-y: auto;
  414. overflow-x: hidden;
  415. width: 863px;
  416. background-color:{color:container};
  417. margin-top: 60px;
  418. margin-left: 245px;
  419. border-bottom-right-radius: 4px;
  420. }
  421.  
  422. #sb {
  423. position: fixed;
  424. height: 420px;
  425. overflow-y: auto;
  426. overflow-x: hidden;
  427. width: 385px;
  428. background-color:{color:sb bg};
  429. margin-top: 120px;
  430. margin-left: 260px;
  431. border-bottom-right-radius: 4px;
  432. border:solid 2px {color:border};
  433. }
  434.  
  435.  
  436.  
  437. /*ENTRIES*/
  438.  
  439.  
  440.  
  441. #box {
  442. position: absolute;
  443. z-index:99999;
  444. height:490px;
  445. width:457px;
  446. overflow:auto;
  447. margin-left:655px;
  448. margin-top:80px;
  449.  
  450.  
  451. }
  452.  
  453. #post{
  454. padding:15px;
  455. width:400px;
  456. background-color:{color:post bg};
  457. overflow:hidden;
  458. margin-bottom:6px;
  459. margin-top:3px;
  460. margin-left:10px;
  461. float:left;
  462. z-index:9999;
  463.  
  464. }
  465.  
  466.  
  467. /*POST INFO*/
  468.  
  469. #info {
  470. width:420px;
  471. text-align:left;
  472. font-family:arial;
  473. font-size:9px;
  474. padding:7px;
  475. color:{color:links};
  476. line-height:10px;
  477. background-color:{color:info bg};
  478. border:solid 1px {color:border};
  479. margin-top:5px;
  480. margin-left:-15px;
  481. font-size:9px;
  482. margin-bottom:-15px;
  483. font-style:none;
  484. padding:5px;
  485. line-height:10px;
  486. transition-duration: 1.0s;
  487. -moz-transition-duration: 1.0s;
  488. -webkit-transition-duration: 1.0s;
  489. -o-transition-duration: 1.0s;
  490.  
  491. }
  492.  
  493. #info hover{
  494. color:{color:hover};
  495. transition-duration: 1.0s;
  496. -moz-transition-duration: 1.0s;
  497. -webkit-transition-duration: 1.0s;
  498. -o-transition-duration: 1.0s;
  499.  
  500.  
  501. }
  502.  
  503. #info a {
  504. text-align:center;
  505. font-family:arial;
  506. color:{color:links};
  507.  
  508. }
  509.  
  510.  
  511. #tags {
  512. background-color:{color:info background};
  513. width:420px;
  514. font-family:arial;
  515. opacity:1;
  516. transition-duration: 0.5s;
  517. -moz-transition-duration: 0.5s;
  518. -webkit-transition-duration: 0.5s;
  519. -o-transition-duration: 0.5s
  520. color:{color:links};
  521. }
  522.  
  523. #tags a {
  524. letter-spacing:0px;
  525. font-size:9px;
  526. font-family:arial;
  527. text-transform:lowercase;
  528. text-decoration:none;
  529. color:{color:hover};
  530. }
  531.  
  532. #tags hover {
  533. -moz-transition-duration:0.5s;
  534. -webkit-transition-duration:0.5s;
  535. -o-transition-duration:0.5s;
  536. color:{color:hover};
  537. }
  538.  
  539. .right{
  540. float:right
  541.  
  542. }
  543.  
  544.  
  545. /*ASKS*/
  546.  
  547. #asks {
  548. font-size:11px;
  549. text-align:center;
  550. width:450px;
  551. padding:5px;
  552. margin-left:-30px;
  553. margin-top:-15px;
  554. background-color:{color:ask bg}
  555.  
  556. }
  557.  
  558.  
  559. /*-- Just leave this please*/
  560.  
  561. #c{
  562. font-size:13px;
  563. position:fixed;
  564. bottom:6px;
  565. right:16px;
  566. z-index:10;
  567. text-align:right;
  568. letter-spacing:1px;
  569. padding:2px;
  570. color:{color:border};
  571. transition-duration: 0.8s;
  572.  
  573.  
  574. }
  575.  
  576.  
  577.  
  578. </style>
  579.  
  580. </head>
  581.  
  582.  
  583. <body>
  584.  
  585.  
  586. <div id="sidebar">
  587. <div id="sidebar1"><img src="{image:sidebar}"></div>
  588. <div id="icon1"><img src="{image:icon1}"></div>
  589. <div id="icon2"><img src="{image:icon2}"></div>
  590. <div id="container"></div>
  591. <div id="sb"></div>
  592.  
  593.  
  594. </div>
  595. </div>
  596. </div>
  597. <div id="links">
  598. <a title= "home" href="/" href="">I.</a><br>
  599. <a title= "message" href="ask" href="/ask">II.</a><br>
  600. <a title= "{text:link 1 hover}" href="{text:link 1 url}">III.</a><br>
  601. <a title= "{text:link 2 hover}"href="{text:link 2 url}">IV.</a><br>
  602. <a title= "{text:link 3 hover}"href="{text:link 3 url}">V.</a><br>
  603. </div>
  604.  
  605. </div>
  606.  
  607. <div class="navi">
  608.  
  609.  
  610. </div>
  611.  
  612. <div id="desc">{Description}</div>
  613.  
  614. <div id="titlez">{text:title 2}</div>
  615. <div id="titlez2">{title}</div>
  616.  
  617.  
  618.  
  619. </div>
  620.  
  621.  
  622.  
  623.  
  624.  
  625. </div>
  626. <div id="pagi">{block:Pagination}
  627. {block:PreviousPage}
  628. <a href="{PreviousPage}"><big><big>back&nbsp;&nbsp;&nbsp;&nbsp;</big></big></a>
  629. {/block:PreviousPage}
  630.  
  631. {block:NextPage}
  632. <a href="{NextPage}"><big><big>next</big></big></a>
  633. {/block:NextPage}
  634. {/block:Pagination}</div>
  635. </div></div>
  636. </div>
  637.  
  638.  
  639.  
  640.  
  641. <div id="box">
  642.  
  643. {block:Posts}
  644. <div id="post">
  645.  
  646. <!--TEXT POSTS-->
  647.  
  648. {block:Text}
  649. {block:Title}<h2><center>{Title}</center></h2>{/block:Title}
  650. {Body}
  651. {/block:Text}
  652.  
  653. <!--ASKS-->
  654.  
  655. {block:Answer}
  656. {QUESTION-400px}
  657. <div id="asks">
  658. <div style="margin-left:-280px; padding-bottom:8px; font-size:11px;"><b><i>{Asker} asked:</b></i></span></div><br /> <div style="text-align:center; padding-left:15px; margin-top:-18px; margin-right:10px; font-size:9px;">{Question}</div>
  659. </div>
  660. {Answer}
  661. {/block:Answer}
  662.  
  663. <!--QUOTE POSTS-->
  664. {block:Quote}
  665.  
  666. {block:Quote}
  667. <h2>{Quote}</h2>
  668. <div align="right">
  669. {block:Source}<h1>-{Source}</h1>{/block:Source}
  670. </div>
  671. {/block:Quote}
  672. <!--LINK POSTS-->
  673.  
  674. {block:Link}
  675. <h2><center><a href="{URL}">{Name}</center></a></h2>
  676. {block:Description}{Description}{/block:Description}
  677. {/block:Link}
  678.  
  679. <!--CHAT POSTS-->
  680.  
  681. {block:Chat}
  682. {block:Title}<h2>{Title}</h2>{/block:Title}
  683. <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label}
  684. {Line}</li>{/block:Lines}</ul>
  685. {/block:Chat}
  686.  
  687. <!--PHOTO POSTS-->
  688.  
  689. {block:Photo}
  690. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  691.  
  692. {block:Caption}{Caption}{/block:Caption}
  693. {/block:Photo}
  694.  
  695. <!--PHOTOSET POSTS-->
  696.  
  697. {block:Photoset}
  698. {Photoset-400}
  699. {block:Caption}{Caption}{/block:Caption}
  700. {/block:Photoset}
  701.  
  702. <!--VIDEO POSTS-->
  703.  
  704. {block:Video}
  705. {Video-400}
  706. {block:Caption}{Caption}{/block:Caption}
  707. {/block:Video}
  708.  
  709.  
  710. <!--AUDIO-->
  711.  
  712. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  713. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  714. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  715. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  716. {/block:Audio}
  717.  
  718.  
  719. <!--POST INFO-->
  720.  
  721.  
  722. <div id="info">
  723. <div id="permalink">
  724. <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a> <div class=right>{NoteCount}</div></a></div>
  725.  
  726.  
  727. {block:HasTags}{block:Tags} <a href="{TagURL}" >#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  728.  
  729.  
  730. </div>{/block:Posts}{/block:Posts}</div></div></div></div>
  731. </div>
  732.  
  733. <!--Simply don't remove it pls.-->
  734.  
  735. </div>
  736. </div>
  737.  
  738. </div>
  739. <div id="c">
  740. <a href="http://kaitrps.tumblr.com/">♚ </a>
  741.  
  742. </div>
  743. </div>
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!