API tools faq
paste
Advertisement
JacsThemes

05 The Power of Three

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