API tools faq
paste
Advertisement
JacsThemes

02 Hell in High Heels

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