JacsThemes

07 Black Cat

Feb 22nd, 2017
82
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.24 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.  
  3.  
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <!--------- Theme by Jacquelyn (endlessmagicthemes.tumblr.com)
  7.  
  8. TERMS OF USE:
  9. -DO NOT USE AS A BASE
  10. -DO NOT REMOVE THE CREDIT
  11. -DO NOT REDISTRIBUTE
  12. -DO NOT CLAIM AS YOUR OWN
  13.  
  14. --------->
  15.  
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}"/>
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}"”/>
  23. {/block:Description}
  24.  
  25.  
  26. <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
  27. <link href="https://fonts.googleapis.com/css?family=Lobster+Two" rel="stylesheet">
  28. <link href="https://fonts.googleapis.com/css?family=Dancing+Script" rel="stylesheet">
  29.  
  30. <!-- DEFAULT VARIABLES -->
  31.  
  32. <meta name="if:Show Tags" content="1"/>
  33. <meta name="if:Show Captions" content="1"/>
  34. <meta name="if:Show Custom Links" content="1"/>
  35. <meta name="if:Small Sidebar" content="0"/>
  36. <meta name="if:400px Posts" content="0"/>
  37.  
  38. <meta name="image:Background" content=""/>
  39. <meta name="image:SidebarIMG" content=""/>
  40.  
  41. <meta name="color:Asker Background" content="#000000"/>
  42. <meta name="color:Background" content="#bbbbbb"/>
  43. <meta name="color:Bold" content="#000000"/>
  44. <meta name="color:Borders" content="#a8a7a7"/>
  45. <meta name="color:Chat BG" content="#ffffff"/>
  46. <meta name="color:Description" content="#575757"/>
  47. <meta name="color:Header" content="#000000"/>
  48. <meta name="color:Info" content="#f3f3f3"/>
  49. <meta name="color:SideLinks Background" content="#000000"/>
  50. <meta name="color:SideLinks BG Hover" content="#dad8d8"/>
  51. <meta name="color:Pagination" content="#232323"/>
  52. <meta name="color:Pagination Link Hover" content="#ad977b"/>
  53. <meta name="color:Post Links" content="#b69979"/>
  54. <meta name="color:Post Links Hover" content="#ebe9e9"/>
  55. <meta name="color:Post Text" content="#767575"/>
  56. <meta name="color:Post Title" content="#8c8383"/>
  57. <meta name="color:Posts" content="#c9c9c9"/>
  58. <meta name="color:Scrollbar" content="#292828"/>
  59. <meta name="color:Scrollbar BG" content="#ffffff"/>
  60. <meta name="color:Sidebar" content="#c9c9c9"/>
  61. <meta name="color:Sidebar Links" content="#b6a093">
  62. <meta name="color:Sidebar Links Hover" content="#000000"/>
  63. <meta name="color:Tags" content="#b0815a"/>
  64. <meta name="color:Tags Hover" content="#151515"/>
  65. <meta name="color:Tags Symbol" content="#000000"/>
  66.  
  67. <meta name="text:Header" content="Black Cat Theme"/>
  68. <meta name="text:Post Title Font" content="17"/>
  69. <meta name="text:Link 1 URL" content=""/>
  70. <meta name="text:Link 1" content="Link 1"/>
  71. <meta name="text:Link 2 URL" content=""/>
  72. <meta name="text:Link 2" content="Link 2"/>
  73. <meta name="text:Link 3 URL" content=""/>
  74. <meta name="text:Link 3" content="Link 3"/>
  75. <meta name="text:Link 4 URL" content=""/>
  76. <meta name="text:Link 4" content="Link 4"/>
  77. <meta name="text:Link 5 URL" content=""/>
  78. <meta name="text:Link 5" content="Link 5"/>
  79. <meta name="text:Link 6 URL" content=""/>
  80. <meta name="text:Link 6" content="Link 6"/>
  81.  
  82. </head>
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88. body {
  89. background-image: url('{image:Background}');
  90. background-attachment: fixed;
  91. background-color: {color:Background};
  92. }
  93.  
  94.  
  95. blockquote {
  96. padding-left: 5px;
  97. border-left: 3px solid {color:Post Text};
  98. }
  99.  
  100.  
  101. #wrapper {
  102. margin-left: 100px;
  103. width: 710px;
  104. {block:IfNot400pxPosts}width: 810px;{block:IfNot400pxPosts}
  105. }
  106.  
  107.  
  108. #sidebar {
  109. position: fixed;
  110. margin-top: 70px;
  111. margin-left: 720px;
  112. width: 265px;
  113. {block:IfSmallSidebar}
  114. width: 110px;{/block:IfSmallSidebar}
  115. }
  116.  
  117.  
  118. #header {
  119. font-family: 'Lobster', cursive;
  120. font-size: 20px;
  121. color: {color:Header};
  122. width: 265px;
  123. text-align: center;
  124. letter-spacing: 1px;
  125. text-transform: uppercase;
  126. {block:ifSmallSidebar}
  127. width: 110px;
  128. font-size: 14px;{/block:ifSmallSidebar}
  129. }
  130.  
  131.  
  132. #sidebarcontent {
  133. -moz-border-radius: 10px;
  134. border-radius: 10px;
  135. padding: 10px;
  136. border: 1px solid {color:Borders};
  137. background-color: {color:Sidebar};
  138. }
  139.  
  140.  
  141. .navigation {
  142. {block:ifSmallSidebar}
  143. text-transform: lowercase;
  144. font-size: 9px;
  145. {/block:ifSmallSidebar}
  146. text-align: center;
  147. font-size: 11px;
  148. font-family: arial;
  149. }
  150.  
  151.  
  152. .navigation a {
  153. -moz-border-radius: 5px 0px;
  154. border-radius: 5px 0px;
  155. -webkit-transition: all 0.7s ease-in-out;
  156. -moz-transition: all 0.7s ease-in-out;
  157. -o-transition: all 0.7s ease-in-out;
  158. transition: all 0.7s ease-in-out;
  159. padding: 2px;
  160. padding-left: 5px;
  161. padding-right: 5px;
  162. margin: 2px;
  163. color: {color:Sidebar Links};
  164. background: {color:SideLinks Background};
  165. text-decoration: none;
  166. display: inline-block;
  167. {block:ifSmallSidebar}
  168. margin: 1px;
  169. padding-left: 2px
  170. padding-right: 2px;
  171. font-size: 9px;
  172. {/block:ifSmallSidebar}
  173. }
  174.  
  175.  
  176. .navigation a:hover {
  177. -webkit-transition: all 0.7s ease-in-out;
  178. -moz-transition: all 0.7s ease-in-out;
  179. -o-transition: all 0.7s ease-in-out;
  180. transition: all 0.7s ease-in-out;
  181. background-color: {color:SideLinks BG Hover};
  182. color: {color:Sidebar Links Hover};
  183. }
  184.  
  185.  
  186. #sidebarimg img {
  187. position: relative;
  188. margin-top: 7px;
  189. max-width: 245px;
  190. height: auto;
  191. text-align: center;
  192. {block:ifSmallSidebar}
  193. max-width: 100px;
  194. margin-left: -6px;
  195. {/block:ifSmallSidebar}
  196. }
  197.  
  198.  
  199. .customlinks {
  200. position: fixed;
  201. margin-top: 140px;
  202. margin-left: 990px;
  203. font-size: 11px;
  204. text-transform: none;
  205. text-align: center;
  206. font-family: calibri;
  207. {block:ifSmallSidebar}
  208. margin-left: 840px;{/block:ifSmallSidebar}
  209. }
  210.  
  211.  
  212. .customlinks a {
  213. width: 60px;
  214. display: block;
  215. text-align: center;
  216. padding: 2px;
  217. margin-bottom: 8px;
  218. background: {color:SideLinks Background};
  219. text-decoration: none;
  220. color: {color:Sidebar Links};
  221. -moz-border-radius: 5px 0px;
  222. border-radius: 5px 0px;
  223. -webkit-transition: all 0.7s ease-in-out;
  224. -moz-transition: all 0.7s ease-in-out;
  225. -o-transition: all 0.7s ease-in-out;
  226. transition: all 0.7s ease-in-out;
  227. }
  228.  
  229.  
  230. .customlinks a:hover {
  231. background-color: {color:SideLinks BG Hover};
  232. color: {color:Sidebar Links Hover};
  233. -webkit-transition: all 0.7s ease-in-out;
  234. -moz-transition: all 0.7s ease-in-out;
  235. -o-transition: all 0.7s ease-in-out;
  236. transition: all 0.7s ease-in-out;
  237. }
  238.  
  239.  
  240. #description {
  241. font-family: franklin gothic medium;
  242. font-size: 10px;
  243. text-align: center;
  244. margin-top: 2px;
  245. text-transform: none;
  246. color: {color:Description};
  247. }
  248.  
  249.  
  250. #description a {
  251. color: {color:Sidebar Links};
  252. text-decoration: none;
  253. -webkit-transition: all 0.7s ease-in-out;
  254. -moz-transition: all 0.7s ease-in-out;
  255. -o-transition: all 0.7s ease-in-out;
  256. transition: all 0.7s ease-in-out;
  257. }
  258.  
  259.  
  260. #description a:hover {
  261. color: {color:Sidebar Links Hover};
  262. -webkit-transition: all 0.7s ease-in-out;
  263. -moz-transition: all 0.7s ease-in-out;
  264. -o-transition: all 0.7s ease-in-out;
  265. transition: all 0.7s ease-in-out;
  266. }
  267.  
  268.  
  269. #pagination {
  270. margin-top: 10px;
  271. margin-bottom: 10px;
  272. width: 265px;
  273. font-size: 8px;
  274. font-family: verdana;
  275. position: absolute;
  276. text-align: center;
  277. color: {color:Pagination};
  278. {block:ifSmallSidebar}
  279. margin-top: -20px;
  280. margin-left: 20px;
  281. {/block:ifSmallSidebar}
  282. }
  283.  
  284.  
  285. #pagination a {
  286. text-decoration: none;
  287. color: {color:Pagination};
  288. -webkit-transition: all 0.7s ease-in-out;
  289. -moz-transition: all 0.7s ease-in-out;
  290. -o-transition: all 0.7s ease-in-out;
  291. transition: all 0.7s ease-in-out;
  292. }
  293.  
  294.  
  295. #pagination a:hover {
  296. color: {color:Pagination Link Hover};
  297. -webkit-transition: all 0.7s ease-in-out;
  298. -moz-transition: all 0.7s ease-in-out;
  299. -o-transition: all 0.7s ease-in-out;
  300. transition: all 0.7s ease-in-out;
  301. }
  302.  
  303.  
  304. .posts {
  305. padding: 10px;
  306. font-size: 9px;
  307. font-family: microsoft sans serif;
  308. margin-top: 30px;
  309. margin-bottom: 20px;
  310. position: center;
  311. width: 500px;
  312. border: 1px solid {color:Borders};
  313. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  314. background-color: {color:Posts};
  315. -moz-border-radius: 10px;
  316. border-radius: 10px;
  317. }
  318.  
  319.  
  320. .posts a {
  321. font-size: 12px;
  322. color: {color:Post Links};
  323. text-decoration: none;
  324. -webkit-transition: all 0.7s ease-in-out;
  325. -moz-transition: all 0.7s ease-in-out;
  326. -o-transition: all 0.7s ease-in-out;
  327. transition: all 0.7s ease-in-out;
  328. }
  329.  
  330.  
  331. .posts a:hover {
  332. color: {color:Post Links Hover};
  333. -webkit-transition: all 0.7s ease-in-out;
  334. -moz-transition: all 0.7s ease-in-out;
  335. -o-transition: all 0.7s ease-in-out;
  336. transition: all 0.7s ease-in-out;
  337. }
  338.  
  339.  
  340. .posts h2 {
  341. font-family: georgia;
  342. font-style: italic;
  343. font-size: {text:Post Title Font}px;
  344. color: {color:Post Title};
  345. }
  346.  
  347.  
  348. #entries {
  349. font-family: microsoft sans serif;
  350. font-size: 11px;
  351. color: {color:Post Text};
  352. margin-left: 190px;
  353. margin-top: 70px;
  354. margin-bottom: 10px;
  355. position: absolute;
  356. width: 500px;
  357. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  358. }
  359.  
  360.  
  361. .info {
  362. font-family: arial;
  363. font-size: 10px;
  364. margin-left: 10px;
  365. margin-top: -15px;
  366. margin-bottom: 20px;
  367. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  368. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  369. }
  370.  
  371.  
  372. .info a {
  373. color: {color:Info};
  374. text-decoration: none;
  375. -webkit-transition: all 0.7s ease-in-out;
  376. -moz-transition: all 0.7s ease-in-out;
  377. -o-transition: all 0.7s ease-in-out;
  378. transition: all 0.7s ease-in-out;
  379. }
  380.  
  381.  
  382. .info a:hover {
  383. text-decoration: none;
  384. color: {color:Tags Hover};
  385. -webkit-transition: all 0.7s ease-in-out;
  386. -moz-transition: all 0.7s ease-in-out;
  387. -o-transition: all 0.7s ease-in-out;
  388. transition: all 0.7s ease-in-out;
  389. }
  390.  
  391.  
  392. #asks {
  393. padding: 5px;
  394. font-family: arial;
  395. font-size: 9px;
  396. background-color: {color:Asker Background};
  397. color: {color:Entry Text};
  398. }
  399.  
  400. #asks a {
  401. font-size: 9px;
  402. font-family: calibri;
  403. font-style: none;
  404. letter-spacing: 2px;
  405. color: {color:Post Links};
  406. -webkit-transition: all 0.7s ease-in-out;
  407. -moz-transition: all 0.7s ease-in-out;
  408. -o-transition: all 0.7s ease-in-out;
  409. transition: all 0.7s ease-in-out;
  410. }
  411.  
  412. #asks a:hover {
  413. color: {color:Post Links Hover};
  414. -webkit-transition: all 0.7s ease-in-out;
  415. -moz-transition: all 0.7s ease-in-out;
  416. -o-transition: all 0.7s ease-in-out;
  417. transition: all 0.7s ease-in-out;
  418. }
  419.  
  420. .quote {
  421. text-align: left;
  422. font-size: 22px;
  423. font-family: 'Dancing Script', cursive;
  424. }
  425.  
  426. .quote h3 {
  427. font-size: 15px;
  428. margin-bottom: 0px;
  429. font-family: 'Lobster Two', cursive;
  430. }
  431.  
  432.  
  433. .tags {
  434. font-family: arial;
  435. font-size: 13px;
  436. margin-left: 10px;
  437. margin-bottom: 30px;
  438. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  439. {block:IfNot400pxPosts}width: 500px;{/block:IfNot400pxPosts}
  440. color: {color:Tags Symbol};
  441. text-decoration: none;
  442. }
  443.  
  444.  
  445. .tags a {
  446. -webkit-transition: all 0.7s ease-in-out;
  447. -moz-transition: all 0.7s ease-in-out;
  448. -o-transition: all 0.7s ease-in-out;
  449. transition: all 0.7s ease-in-out;
  450. font-size: 9px;
  451. text-decoration: none;
  452. color: {color:Tags};
  453. }
  454.  
  455.  
  456. .tags a:hover {
  457. -webkit-transition: all 0.7s ease-in-out;
  458. -moz-transition: all 0.7s ease-in-out;
  459. -o-transition: all 0.7s ease-in-out;
  460. transition: all 0.7s ease-in-out;
  461. color: {color:Tags Hover};
  462. }
  463.  
  464.  
  465. .permalinknotes ol {
  466. list-style-type: none;
  467. }
  468.  
  469.  
  470. .chat {
  471. line-height: 12px;
  472. margin-bottom: -8px;
  473. }
  474.  
  475.  
  476. .chat ul {
  477. list-style: none;
  478. line-height: 18px;
  479. margin-left: -40px;
  480. width: 500px;
  481. {block:If400pxPosts}width: 400px;{/block:If400pxPosts}
  482. }
  483.  
  484.  
  485. .person1 {
  486. padding: 3px;
  487. background-color: {color:Chat BG};
  488. }
  489.  
  490.  
  491. .person1 .label {
  492. font-weight: bold;
  493. color: {color:Bold};
  494. }
  495.  
  496.  
  497. .person2 {
  498. padding: 3px;
  499. background-color: {color:Posts};
  500. }
  501.  
  502.  
  503. .person2 .label {
  504. font-weight: bold;
  505. color: {color:Bold};
  506. }
  507.  
  508.  
  509. ::-webkit-scrollbar {
  510. height: 10px;
  511. width: 5px;
  512. background-color: {color:Scrollbar BG};
  513. }
  514.  
  515.  
  516. ::-webkit-scrollbar-thumb {
  517. background: {color:Scrollbar};
  518. }
  519.  
  520.  
  521. </style>
  522.  
  523. <body>
  524. <div id="wrapper">
  525. <div id="sidebar">
  526. <div id="header">{text:Header}</div>
  527.  
  528. <div id="sidebarcontent">
  529. <div class="navigation">
  530. <a href="/">Home</a>
  531. <a href="/ask">Message</a>
  532. <a href="/archive">Archive</a>
  533. <a href="http://endlessmagicthemes.tumblr.com/">Theme</a>
  534. </div>
  535.  
  536. <center>
  537. <div id="sidebarimg">
  538. <img src="{image:SidebarIMG}"></a>
  539. </div>
  540. </center>
  541.  
  542.  
  543. <div id="description">
  544. {Description}
  545. </div>
  546. </div>
  547.  
  548. {block:Pagination}
  549. <div id="pagination">
  550. {block:PreviousPage}
  551. <a href="{PreviousPage}">←</a>
  552. {/block:PreviousPage}
  553.  
  554. {CurrentPage} / {TotalPages}
  555.  
  556. {block:NextPage}
  557. <a href="{NextPage}">→</a>
  558. {/block:NextPage}
  559. </div>
  560. {/block:Pagination}
  561.  
  562. </div>
  563.  
  564. {block:IfShowCustomLinks}
  565. <div class="customlinks">
  566. {block:IfLink1}
  567. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  568. {/block:IfLink1}
  569. {block:IfLink2}
  570. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  571. {/block:IfLink2}
  572. {block:IfLink3}
  573. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  574. {/block:IfLink3}
  575. {block:IfLink4}
  576. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  577. {/block:IfLink4}
  578. {block:IfLink5}
  579. <a href="{text:Link 5 URL}">{text:Link 5}</a>
  580. {/block:IfLink5}
  581. {block:IfLink6}
  582. <a href="{text:Link 6 URL}">{text:Link 6}</a>
  583. {/block:IfLink6}
  584. </div>
  585. {/block:IfShowCustomLinks}
  586.  
  587. <div id="entries">
  588. {block:Posts}
  589. <div class="posts">
  590.  
  591. {block:Text}
  592. {block:Title}<h2>{Title}</h2>{/block:Title}
  593. {Body}
  594. {/block:Text}
  595.  
  596. {block:Photo}
  597. {block:IfNot400pxPosts}
  598. <a href="{permalink}">
  599. <img src="{PhotoURL-500}" width="500"/>
  600. </a>
  601. {/block:IfNot400pxPosts}
  602.  
  603. {block:If400pxPosts}
  604. <a href="{permalink}">
  605. <img src="{PhotoURL-400}" width="400"/>
  606. </a>
  607. {/block:If400pxPosts}
  608.  
  609. {block:IfShowCaptions}
  610. {block:Caption}{Caption}{/block:Caption}
  611. {/block:IfShowCaptions}
  612. {/block:Photo}
  613.  
  614.  
  615. {block:Photoset}
  616. <div class="photo">
  617. {block:IfNot400pxPosts}
  618. {Photoset-500}
  619. {/block:IfNot400pxPosts}
  620. {block:If400pxPosts}
  621. {Photoset-400}
  622. {/block:If400pxPosts}
  623. </div>
  624.  
  625. {block:IfShowCaptions}
  626. {block:Caption}{Caption}{/block:Caption}
  627. {/block:IfShowCaptions}
  628. {/block:Photoset}
  629.  
  630. {block:Quote}
  631. <div class="quote">
  632. “{Quote}”
  633. <div align="right">
  634. {block:Source}<h3>- {Source}</h3>{/block:Source}
  635. </div>
  636. </div>
  637. {/block:Quote}
  638.  
  639.  
  640. {block:Video}
  641. {block:IfNot400pxPosts}{Video-500}<br>{/block:IfNot400pxPosts}
  642. {block:If400pxPosts}{Video-400}<br>{/block:If400pxPosts}
  643. {PlayCountWithLabel}
  644. {block:IfShowCaptions}
  645. {block:Caption}{Caption}{/block:Caption}
  646. {/block:IfShowCaptions}
  647. {/block:Video}
  648.  
  649. {block:Link}
  650. <a href="{URL}" class="links" target="{Target}">{Name}</a><BR>
  651. {block:Description}{Description}{/block:Description}
  652. {/block:Link}
  653.  
  654.  
  655. {block:Chat}<div class="chat">
  656. <ul>{block:Lines}
  657. <li class="person{UserNumber}">
  658. {block:Label}
  659. <span class="label">
  660. {Label}
  661. </span>
  662. {/block:Label}
  663. {Line}
  664. </li>
  665. {/block:Lines}
  666. </ul></div>{/block:Chat}
  667.  
  668. {block:Audio}
  669. {AudioPlayerGrey}
  670. <br><div align="left">{block:Artist}
  671. Artist: {Artist}
  672. {/block:Artist}<br></div>
  673. {block:IfShowCaptions}
  674. {block:Caption}<br />{Caption}{/block:Caption}
  675. {/block:IfShowCaptions}
  676. {/block:Audio}
  677.  
  678.  
  679. {block:Answer}
  680. <img src="{AskerPortraitURL-24}" style="float:left;top:50%; margin-left:0px; margin-top:center center;">
  681. <div style="margin-left:28px;"><div id="asks">
  682. {Asker}: <b>{Question}</b>
  683. </div></div>
  684. {Answer}
  685. {/block:Answer}
  686.  
  687. </div>
  688.  
  689.  
  690. <div class="info">
  691. {block:Date}
  692. <a href="{Permalink}">{TimeAgo}</a>
  693. with
  694. <font color="{color:Info}">
  695. {NoteCountWithLabel}
  696. </font>
  697. {/block:Date}
  698. {block:RebloggedFrom}
  699. | <a href="{ReblogParentURL}">via</a>
  700. {/block:RebloggedFrom}
  701. {block:ContentSource}
  702. / <a href="{SourceURL}">source</a>
  703. {/block:ContentSource}
  704.  
  705.  
  706. <div class="tags">
  707. {block:IfShowTags}
  708. {block:HasTags}
  709. {block:Tags}
  710. 🐱 <a href="{TagURL}">{Tag}</a>
  711. {/block:Tags}
  712. {/block:HasTags}
  713. {/block:IfShowTags}
  714. </div>
  715.  
  716. {block:PermalinkPage}
  717. {block:PostNotes}
  718. <div class="permalinknotes">
  719. {PostNotes}
  720. </div>
  721. {/block:PostNotes}
  722. {/block:PermalinkPage}
  723. </div>
  724. {/block:Posts}
  725. </div>
  726. </div>
  727. </body>
  728.  
  729. </html>
Add Comment
Please, Sign In to add comment