API tools faq
paste
Advertisement
daayamathemes

Theme 12: Enchanted

daayamathemes
Jul 14th, 2014
2,126
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.27 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 12: Enchanted why by daayama
  2. http://daayamathemes.tumblr.com
  3.  
  4. Edit as much as you want but don't remove the credits!
  5. I hope you enjoy the theme,
  6. have a nice day! :)
  7. -->
  8.  
  9. <html>
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. <link rel="shortcut icon" href="{Favicon}" />
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18.  
  19. <!-- DEFAULTS -->
  20. <meta name="color:Body" content="#f8fcfa">
  21. <meta name="color:Text" content="#586252">
  22. <meta name="color:Links" content="#9dbe1b">
  23. <meta name="color:LinksHover" content="#5a6d09">
  24. <meta name="color:Title" content="#000000">
  25. <meta name="color:Title2" content="#55a237">
  26. <meta name="color:Border" content="#d8f5cb">
  27. <meta name="color:EntryBG" content="#ffffff">
  28. <meta name="color:SidebarText" content="#e4f0d9">
  29. <meta name="image:SidebarBG" content=""/>
  30. <meta name="image:Sidebar1" content=""/>
  31. <meta name="image:Sidebar2" content=""/>
  32. <meta name="image:Sidebar3" content=""/>
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="Link 1" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="Link 2" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="Link 3" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="Link 4" />
  42.  
  43.  
  44. <style>
  45.  
  46.  
  47. ::-webkit-scrollbar-thumb:vertical {
  48. background-color: {color:Border};
  49. width:15px;
  50. height:100px;
  51. border: 0px solid {color:Border};
  52. }
  53.  
  54. ::-webkit-scrollbar {
  55. height:10px;
  56. width:15px;
  57. background-color: {color:Body};
  58. border: 0px solid #d4e3e6;
  59. }
  60.  
  61.  
  62. body {
  63. background-color: {color:Body};
  64. color: {color:Text};
  65. }
  66.  
  67. .links a
  68. { color: {color:Links};
  69. line-height: 50%;
  70. font-weight: bold;
  71. font-size: 10px;
  72. font-family: courier new;
  73. text-transform: uppercase;
  74. text-decoration: none;
  75. }
  76.  
  77. .links a:hover
  78. { color: {color:LinksHover};
  79. line-height: 50%;
  80. font-weight: bold;
  81. font-size: 10px;
  82. font-family: courier new;
  83. text-transform: uppercase;
  84. text-decoration: none;
  85. }
  86.  
  87. #content {
  88. width: 950px;
  89. }
  90.  
  91. #sidenavigation
  92. { background-image:url('{image:SidebarBG}');
  93. width:300px;
  94. height:100%;
  95. padding: 20px;
  96. margin-top: -8px;
  97. margin-left: -8px;
  98. position: fixed;
  99. }
  100.  
  101. .sidenavi1
  102. { width: 300px;
  103. height: 200px;
  104. margin-top: 10px;
  105. background-image:url('{image:Sidebar1}');
  106. position: fixed;
  107. text-align: center;
  108. }
  109.  
  110. .sidenavi2
  111. { width: 300px;
  112. height: 200px;
  113. margin-top: 210px;
  114. background-image:url('{image:Sidebar2}');
  115. position: fixed;
  116. text-align: center;
  117. }
  118.  
  119. .sidenavi3
  120. { width: 300px;
  121. height: 200px;
  122. margin-top: 410px;
  123. background-image:url('{image:Sidebar3}');
  124. position: fixed;
  125. text-align: center;
  126. }
  127.  
  128. .navigate
  129. { float: right;
  130. margin-top: 170px;
  131. margin-right: 4px;
  132. letter-spacing: 3px;
  133. text-align: center;
  134. color: white;
  135. text-shadow: 2px 2px #202020;
  136. font-size: 22px;
  137. font-family: courier new;
  138. font-weight: bold;
  139. text-transform: uppercase;
  140. opacity: 0.7;
  141. }
  142.  
  143. .navicontent
  144. { width: 300px;
  145. height: 200px;
  146. margin: 0px;
  147. position: fixed;
  148. z-index:2;
  149. filter: alpha(opacity = 0);
  150. opacity:0;
  151. -webkit-transition: all 0.3s ease-out;
  152. -moz-transition: all 0.3s ease-out;
  153. transition: all 0.3s ease-out;
  154. }
  155.  
  156. .navicontent:hover
  157. { width: 300px;
  158. height: 200px;
  159. position: fixed;
  160. z-index:2;
  161. margin-top: 0px;
  162. margin-left: 0px;
  163. margin-top:0px;
  164. -webkit-transition: all 0.2s ease-out;
  165. -moz-transition: all 0.2s ease-out;
  166. transition: all 0.2s ease-out;
  167. filter: alpha(opacity = 100);
  168. filter: alpha(opacity = 100);
  169. opacity:100;
  170. background: rgba(0, 0, 0, 0.8);
  171. }
  172.  
  173.  
  174. .title
  175. { text-align: center;
  176. margin-left: auto;
  177. margin-right: auto;
  178. margin-top: 4px;
  179. letter-spacing: 2px;
  180. color: {color:Title};
  181. font-size: 14px;
  182. font-family: courier new;
  183. font-weight: bold;
  184. text-transform: uppercase;
  185. }
  186.  
  187. .desc
  188. { width:260px;
  189. height: 150px;
  190. margin-top: 20px;
  191. margin-right: auto;
  192. margin-left: auto;
  193. padding: 5px;
  194. font-size: 11px;
  195. font-family: cambria;
  196. text-align: center;
  197. letter-spacing: 1px;
  198. color: {color:SidebarText};
  199. }
  200.  
  201. .desc a
  202. { color: {color:Links};
  203. font-weight: bold;
  204. font-size: 11px;
  205. font-family: cambria;
  206. text-decoration: none;
  207. }
  208.  
  209. .desc a:hover
  210. { color: {color:LinksHover};
  211. font-weight: bold;
  212. font-size: 11px;
  213. font-family: cambria;
  214. text-decoration: none;
  215. }
  216.  
  217.  
  218. .navilinks
  219. { width:260px;
  220. height: 150px;
  221. margin-top: 20px;
  222. margin-right: auto;
  223. margin-left: auto;
  224. padding: 5px;
  225. font-size: 11px;
  226. font-family: cambria;
  227. text-align: center;
  228. letter-spacing: 1px;
  229. color: {color:SidebarText};
  230. }
  231.  
  232. .navilinksb
  233. { margin-left: auto;
  234. margin-right: auto;
  235. width: 180px;
  236. border-bottom: 1px solid {color:Border};
  237. line-height: 150%;
  238. margin-bottom:2px;
  239. }
  240.  
  241. .navilinks a
  242. { color: {color:Links};
  243. font-weight: bold;
  244. font-family: cambria;
  245. text-decoration: none;
  246. line-height: 150%;
  247. letter-spacing: 2px;
  248. }
  249.  
  250. .navilinks a:hover
  251. { color: {color:LinksHover};
  252. font-weight: bold;
  253. font-family: cambria;
  254. text-decoration: none;
  255. letter-spacing: 2px;
  256. }
  257.  
  258.  
  259. .posts
  260. { width:510px;
  261. margin-top: 20px;
  262. margin-left: 370px;
  263. font-size: 10px;
  264. font-family: cambria;
  265. padding: 10px;
  266. float: left;
  267. position: relative;
  268. z-index: 0;
  269. }
  270.  
  271. .entries
  272. { width:500px;
  273. background-color: {color:EntryBG};
  274. padding: 10px;
  275. }
  276.  
  277. .entries a
  278. { color: {color:Links};
  279. font-size: 10px;
  280. font-family: cambria;
  281. text-decoration: none;
  282. }
  283.  
  284. .entries a:hover
  285. { color: black;
  286. font-size: 10px;
  287. font-family: cambria;
  288. text-decoration: underline;
  289. }
  290.  
  291.  
  292. #info
  293. { width: 500px;
  294. color: {color:Text};
  295. padding: 3px;
  296. font-size: 9px;
  297. font-family: cambria;
  298. text-decoration: none;
  299. text-transform: uppercase;
  300. margin-bottom: 20px;
  301. text-align: left;
  302. }
  303.  
  304. #info a
  305. { color: {color:Links};
  306. font-size: 9px;
  307. font-family: cambria;
  308. text-decoration: none;
  309. }
  310.  
  311. #info a:hover
  312. { color: {LinksHover};
  313. font-size: 9px;
  314. font-family: cambria;
  315. text-decoration: underline;
  316. }
  317.  
  318. .tags
  319. { text-transform: none;
  320. font-style: italic;
  321. font-size: 9px;
  322. }
  323.  
  324. .h1
  325. { font-family: courier new;
  326. font-size: 20px;
  327. text-align: center;
  328. color: {color:Title};
  329. }
  330.  
  331.  
  332. h2
  333. { color: {color:Title};
  334. font-family: cambria;
  335. letter-spacing: 1px;
  336. font-size: 9px;
  337. text-align: center;
  338. text-transform: uppercase;
  339. }
  340.  
  341. h2 a
  342. { color: {color:Links};
  343. font-family: cambria;
  344. letter-spacing: 1px;
  345. font-size: 9px;
  346. text-align: right;
  347. margin-right: 5px;
  348. }
  349.  
  350. h2 a:hover
  351. { color: {color:LinksHover};
  352. font-family: cambria;
  353. letter-spacing: 1px;
  354. font-size: 9px;
  355. text-align: right;
  356. margin-right: 5px;
  357. }
  358.  
  359. h3
  360. { text-align: left;
  361. padding: 5px;
  362. letter-spacing: 1px;
  363. text-transform: uppercase;
  364. }
  365.  
  366. h4
  367. { color: {color:Title2};
  368. font-family: cambria;
  369. letter-spacing: 1px;
  370. font-style: italic;
  371. font-size: 15px;
  372. text-align: left;
  373. }
  374.  
  375. h4 a
  376. { color: {color:Title2};
  377. font-family: cambria;
  378. letter-spacing: 1px;
  379. font-style: italic;
  380. font-size: 13px;
  381. text-align: left;
  382. }
  383.  
  384. h5
  385. { font-family: courier new;
  386. font-size: 17px;
  387. margin-bottom: 10px;
  388. margin-top: 0px;
  389. text-align: center;
  390. letter-spacing: 1px;
  391. color: {color:Title2};
  392. text-transform: uppercase;
  393. }
  394.  
  395. ol.notes a
  396. { color: {color:Links};
  397. font-size: 11px;
  398. font-family: cambria;
  399. text-decoration: none;
  400. }
  401.  
  402. ol.notes a:hover
  403. { color: black;
  404. font-size: 11px;
  405. font-family: cambria;
  406. text-decoration: underline;
  407. }
  408.  
  409. .pagination
  410. { width:20px;
  411. float: left;
  412. bottom: 30px;
  413. margin-left: 930px;
  414. text-align: left;
  415. font-size: 10px;
  416. letter-spacing: 2px;
  417. color: {color:Text};
  418. position: fixed;
  419. }
  420.  
  421. .pagination a
  422. { color: {color:Links};
  423. font-size: 35px;
  424. font-family: courier new;
  425. text-decoration: none;
  426. text-transform: none;
  427. }
  428.  
  429. .pagination a:hover
  430. { color: {color:LinksHover};
  431. font-size: 35px;
  432. font-family: courier new;
  433. text-decoration: none;
  434. text-transform: none;
  435. }
  436.  
  437.  
  438. .QA
  439. { width: 450px;
  440. margin-left: auto;
  441. margin-right: auto;
  442. padding: 10px;
  443. border-bottom: 2px solid {color:Border};
  444. }
  445.  
  446. .question
  447. { width: 385px;
  448. margin-left: 50px;
  449. margin-right: 5px;
  450. min-height: 35px;
  451. }
  452.  
  453. .askericon
  454. { margin-right: 5px;
  455. margin-bottom: 5px;
  456. padding: 5px;
  457. border: 1px solid {color:Border};
  458. background-color: white;
  459. float: left;
  460. }
  461.  
  462. .asker
  463. { width: 440px;
  464. margin-left: 5px;
  465. margin-bottom: 3px;
  466. text-transform: uppercase;
  467.  
  468. }
  469.  
  470. .answer
  471. { width: 435px;
  472. min-height: 15px;
  473. margin-left: 15px;
  474. margin-right: 5px;
  475. padding: 2px;
  476. }
  477.  
  478. .post_quote
  479. { width: 470px;
  480. line-height: 95%;
  481. margin-left: auto;
  482. margin-right: auto;
  483. }
  484.  
  485. .source
  486. { width: 450px;
  487. margin-left: auto;
  488. margin-right: auto;
  489. text-align: center;
  490. }
  491.  
  492. .post_audio
  493. { width: 500px;
  494. height: 90px;
  495. text-align: center;
  496. background-color: transparent;
  497. border-top: 1px solid {color:Border};
  498. border-bottom: 1px solid {color:Border};
  499. }
  500.  
  501. .audiocover
  502. { position: relative;
  503. z-index: 1;
  504. }
  505.  
  506. .audiocover img
  507. { width: 70px;
  508. height: 70px;
  509. float: left;
  510. margin-right: 15px;
  511. padding: 10px;
  512. background: {color:Border};
  513. }
  514.  
  515. .playbox
  516. { background-color: {color:Border};
  517. float: right;
  518. width: 50px;
  519. height: 90px;
  520. z-index: 1;
  521. }
  522.  
  523. .playbutton
  524. { width: 25px;
  525. height: 30px;
  526. z-index: 1000;
  527. margin-top: 30px;
  528. margin-left: 12px;
  529. overflow: hidden;
  530. }
  531.  
  532. .track
  533. { width: 360px;
  534. margin-left: 90px;
  535. background-color: transparent;
  536. font-size: 18px;
  537. font-style: italic;
  538. font-color: {color:Title2};
  539. font-face: georgia;
  540. letter-spacing: 1px;
  541. }
  542.  
  543. .audioinfo
  544. { background-color: transparent;
  545. margin-top: -8px;
  546. font-size: 9px;
  547. font-face: georgia;
  548. letter-spacing: 1px;
  549. text-transform: uppercase;
  550. }
  551.  
  552.  
  553.  
  554. blockquote
  555. { margin-left: 10px;
  556. padding-left: 10px;
  557. border-left: 4px solid {color:Border};
  558. }
  559.  
  560. .line
  561. { width: 420px;
  562. margin: 2px;
  563. padding: 4px;
  564. border-bottom: 1px solid {color:Border};
  565. }
  566.  
  567. .label
  568. { text-transform: uppercase;
  569. }
  570.  
  571. #footer
  572. { width:40px;
  573. bottom: 2px;
  574. right: 2px;
  575. position: fixed;
  576. background-color: transparent;
  577. }
  578.  
  579. #footer a
  580. { color: {color:Links};
  581. font-size: 8px;
  582. font-family: cambria;
  583. text-transform: undercase;
  584. font-weight: bold;
  585. text-decoration: overline;
  586. }
  587.  
  588.  
  589.  
  590.  
  591.  
  592. {CustomCSS}
  593.  
  594.  
  595. </style>
  596. </head>
  597.  
  598. <body>
  599.  
  600.  
  601.  
  602. <div id="content">
  603.  
  604.  
  605. <div id="sidenavigation">
  606. <div class="sidenavi1">
  607.  
  608. <div class="navigate">01</div>
  609.  
  610. <div class="navicontent">
  611.  
  612.  
  613.  
  614. <div class="desc"><h5>{Title}</h5>
  615. {Description}</div>
  616.  
  617.  
  618. </div>
  619. </div>
  620.  
  621. <div class="sidenavi2">
  622. <div class="navigate">02</div>
  623.  
  624. <div class="navicontent">
  625.  
  626. <div class="navilinks">
  627. <h5>Navigation</h5>
  628.  
  629. <div class="navilinksb"><a href="/">Home</a></div>
  630. <div class="navilinksb"><a href="/ask">Askbox</a></div>
  631. <div class="navilinksb"><a href="/archive">Archive</a></div>
  632. {block:IfLink1}<div class="navilinksb"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:IfLink1}
  633. {block:IfLink2}<div class="navilinksb"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:IfLink2}
  634. {block:IfLink3}<div class="navilinksb"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:IfLink3}
  635.  
  636. </div>
  637. </div>
  638. </div>
  639.  
  640. <div class="sidenavi3">
  641. <div class="navigate">03</div>
  642. <div class="navicontent">
  643.  
  644. <div class="desc">
  645.  
  646. <h5>Title here</h5>
  647.  
  648. ADD ANYTHING HERE!
  649.  
  650. </div>
  651. </div>
  652. </div>
  653. </div>
  654.  
  655.  
  656.  
  657.  
  658. <div class="posts">
  659. {block:Posts}
  660. <div class="entries">
  661. {block:Title}
  662. <h5><a href="{Permalink}">{Title}</a></h5>
  663. {/block:Title}
  664. {block:Text}
  665.  
  666. <div class="post_text">
  667. {Body}
  668. </div>
  669. {/block:Text}
  670.  
  671. {block:Photo}
  672. <div class="post_photo">
  673. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  674.  
  675. {block:Caption}
  676. <div class="blockquote">{Caption}</div>
  677. {/block:Caption}
  678. </div>
  679. {/block:Photo}
  680.  
  681. {block:Photoset}
  682. <div class="post_photoset">
  683. {Photoset-500}
  684.  
  685. {block:Caption}
  686. <div class="blockquote">{Caption}</div>
  687. {/block:Caption}
  688. </div>
  689. {/block:Photoset}
  690.  
  691. {block:Quote}
  692. <div class="post_quote">
  693. <h4>"{Quote}"</h4>
  694.  
  695. <h2>{block:Source}
  696. <div class="source">— {Source} —</div>
  697. {/block:Source}</h2>
  698. </div>
  699. {/block:Quote}
  700.  
  701. {block:Link}
  702. <div class="post_link">
  703. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  704.  
  705. {block:Description}
  706. <div class="blockquote">{Description}</div>
  707. {/block:Description}
  708. </div>
  709. {/block:Link}
  710.  
  711. {block:Chat}
  712. <div class="post_chat">
  713.  
  714. <ul class="chat">
  715. {block:Lines}
  716. <div class="{Alt} user_{UserNumber}">
  717. <div class="line">
  718. {block:Label}
  719. <b><span class="label">{Label}</span></b>
  720. {/block:Label}
  721.  
  722. {Line}</div>
  723. </div>
  724. {/block:Lines}
  725. </ul>
  726. </div>
  727. {/block:Chat}
  728.  
  729.  
  730. {block:Video}
  731. <div class="post_video">
  732. {Video-500}
  733.  
  734. {block:Caption}
  735. <div class="caption">{Caption}</div>
  736. {/block:Caption}
  737. </div>
  738. {/block:Video}
  739.  
  740. {block:Audio}
  741. <div class="post_audio">
  742.  
  743.  
  744. <div class="playbox">
  745. <div class="playbutton">
  746. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  747. {block:AlbumArt}<div class="audiocover"><img src="{AlbumArtURL}" width="100" height="100"></div>{/block:AlbumArt}
  748.  
  749. {block:TrackName}<div class="track"><br><b>{TrackName}</b></div>{/block:TrackName}<br>
  750.  
  751. <div class="audioinfo">
  752. {block:Artist}Artist: <b>{Artist}</b>{/block:Artist}
  753. {block:Album}&nbsp;&nbsp;|&nbsp;&nbsp;Album: <b>{Album}</b>{block:Album}
  754. </div>
  755.  
  756. </div>
  757. {block:Caption}
  758. <br><div class="blockquote">{Caption}</div>{/block:Caption}
  759. {/block:Audio}
  760.  
  761. {block:Answer}
  762. <div class="post_answer">
  763.  
  764. <div class="QA">
  765. <div class="askericon"><img src="{AskerPortraitURL-30}"></div>
  766. <div class="asker"><b>{Asker}</b> said:</div>
  767. <div class="question">{Question} </div></div>
  768.  
  769. <div class="answer">{Answer}</div>
  770. </div>
  771. {/block:Answer}
  772.  
  773.  
  774.  
  775.  
  776. </div>
  777.  
  778. <div id="info">
  779. {block:Date}
  780. Posted <b><a href="{Permalink}">{TimeAgo}</a></b>
  781. {/block:Date}
  782.  
  783. {block:NoteCount}
  784. with <b><a href="{Permalink}">{NoteCountWithLabel}</a></b>
  785. {/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">©</a>{/block:ContentSource}<br>
  786.  
  787. {block:HasTags}
  788. <div class="tags">
  789. {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  790. </div>
  791. {/block:HasTags}</div>
  792.  
  793. {block:PermalinkPage}
  794. {PostNotes-16}
  795. {/block:PermalinkPage}
  796.  
  797. {/block:Posts}
  798.  
  799. </div>
  800.  
  801. </div>
  802.  
  803. <div class="pagination">
  804.  
  805.  
  806. {block:PreviousPage}
  807. <a href="{PreviousPage}">«</a> {/block:PreviousPage}
  808. <br><br>
  809.  
  810. {block:NextPage}
  811. <a href="{NextPage}">»</a> {/block:NextPage}
  812.  
  813. </div>
  814.  
  815.  
  816. <div id="footer">
  817. <a href="http://daayamathemes.tumblr.com"target="_blank">theme</a>
  818.  
  819. </p>
  820. </div>
  821.  
  822. </body>
  823. </html>
  824.  
  825. </body>
  826. </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!