API tools faq
paste
Advertisement
JacsThemes

01 Evil Queen

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