API tools faq
paste
Advertisement
daayamathemes

Theme 06: Love (white)

daayamathemes
Oct 3rd, 2013
203
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.82 KB | None | 0 0
raw download clone embed print report
  1. <!-- THEME 06: Love (black) 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="#ededed">
  21. <meta name="color:Text" content="#51636f">
  22. <meta name="color:EntryText" content="#485963">
  23. <meta name="color:Links" content="#6c8da5">
  24. <meta name="color:LinksHover" content="#516f85">
  25. <meta name="color:Links2" content="#bb889a">
  26. <meta name="color:Links2Hover" content="#9b687a">
  27. <meta name="image:SidebarImage" content=""/>
  28. <meta name="color:SidebarLinkBackground" content="#e6e2e4">
  29. <meta name="color:EntryBackground" content="#e6e2e4">
  30. <meta name="color:Title" content="#c291a2">
  31. <meta name="color:Title2" content="#c291a2">
  32. <meta name="color:Border" content="#c291a2">
  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. <style>
  44.  
  45. ::-webkit-scrollbar-thumb:vertical {
  46. background-color: {color:Border};
  47. width:15px;
  48. height:100px;
  49. border: 0px solid {color:Border};
  50. }
  51.  
  52. ::-webkit-scrollbar {
  53. height:10px;
  54. width:15px;
  55. background-color: {color:Body};
  56. border: 0px solid #d4e3e6;
  57. }
  58.  
  59. body {
  60. background-color: {color:Body};
  61. color: {color:EntryText};
  62. }
  63.  
  64. #content {
  65. width:990px;
  66. background-color: transparent;
  67. margin-left: auto;
  68. margin-right: auto;
  69. }
  70.  
  71. .sidebar
  72. { width:240px;
  73. height: 100%;
  74. margin-top: -8px;
  75. margin-left: 0px;
  76. background-color: transparent;
  77. position: fixed;
  78. }
  79.  
  80. .sidebar2
  81. { width:150px;
  82. height: 100%;
  83. margin-top: -8px;
  84. margin-left: 814px;
  85. background-color: transparent;
  86. position: fixed;
  87. }
  88.  
  89. .portrait
  90. { width: 150px;
  91. margin-top: 100px;
  92. margin-left: auto;
  93. margin-right: auto;
  94. text-align: center;
  95. }
  96.  
  97. .portrait img
  98. { padding: 10px;
  99. background-color: {color:EntryBackground};
  100. border: 2px solid {color:Border};
  101. margin-bottom: 10px;
  102. }
  103.  
  104. .links
  105. { width: 150px;
  106. font-size: 10px;
  107. }
  108.  
  109. .links a
  110. { color: {color:Links2};
  111. line-height: 100%;
  112. font-size: 12px;
  113. font-family: cambria;
  114. font-style: italic;
  115. font-weight: bold;
  116. text-decoration: none;
  117. }
  118.  
  119. .links a:hover
  120. { color: {color:Links2Hover};
  121. line-height: 100%;
  122. font-size: 12px;
  123. font-family: cambria;
  124. font-style: italic;
  125. font-weight: bold;
  126. text-decoration: none;
  127. }
  128.  
  129. .linksb
  130. { margin-top: 2px;
  131. margin-left: auto;
  132. margin-right: auto;
  133. padding: 8px;
  134. width: 100px;
  135. font-size: 10px;
  136. text-align: center;
  137. background-color: {color:EntryBackground};
  138. }
  139.  
  140. .sidebarimage img
  141. { margin-left: 8px;
  142. margin-top: 55px;
  143. }
  144.  
  145. .title
  146. { background-color: transparent;
  147. text-align: center;
  148. margin-top: 10px;
  149. margin-left: 8px;
  150. margin-left:auto;
  151. margin-right:auto;
  152. width: 240px;
  153. line-height: 50%;
  154. letter-spacing: 1px;
  155. border-bottom: 2px solid {color:Border};
  156. }
  157.  
  158. .desc
  159. { width:200px;
  160. margin-top: 8px;
  161. padding: 5px;
  162. background-color: transparent;
  163. color: {color:Text};
  164. font-size: 9px;
  165. font-family: cambria;
  166. text-align: center;
  167. margin-left:auto;
  168. margin-right:auto;
  169. }
  170.  
  171. .posts
  172. { width:520px;
  173. margin-left: 260px;
  174. padding: 10px;
  175. background-color: transparent;
  176. position: relative;
  177. font-size: 10px;
  178. font-family: cambria;
  179. float: left;
  180. }
  181.  
  182. .entries
  183. { width:500px;
  184. padding: 10px;
  185. float:right;
  186. background-color: {color:EntryBackground};
  187. border-radius: 0.5em 0.5em 0.5em 0.5em;
  188. margin-bottom: 5px;
  189. }
  190.  
  191. .entries a
  192. { color: {color:Links};
  193. font-size: 10px;
  194. font-family: cambria;
  195. text-decoration: none;
  196. }
  197.  
  198. .entries a:hover
  199. { color: {color:LinksHover};
  200. font-size: 10px;
  201. font-family: cambria;
  202. text-decoration: underline;
  203. }
  204.  
  205.  
  206. #info
  207. { background-color: transparent;
  208. color: {color:Text};
  209. letter-spacing: 1px;
  210. padding: 3px;
  211. font-size: 9px;
  212. font-family: cambria;
  213. text-decoration: none;
  214. text-transform: uppercase;
  215. margin-bottom: 20px;
  216. text-align: center;
  217. }
  218.  
  219. #info a
  220. { color: {color:Links};
  221. font-size: 9px;
  222. font-family: cambria;
  223. text-decoration: none;
  224. }
  225.  
  226. #info a:hover
  227. { color: {LinksHover};
  228. font-size: 9px;
  229. font-family: cambria;
  230. text-decoration: underline;
  231. }
  232.  
  233. .tags
  234. { text-transform: none;
  235. font-style: italic;
  236. font-size: 9px;
  237. }
  238.  
  239.  
  240. h1
  241. { font-family: Arial Narrow;
  242. font-size: 21px;
  243. font-style: italic;
  244. text-align: center;
  245. color: {color:Title};
  246. }
  247.  
  248. h2
  249. { color: {color:EntryText};
  250. font-family: cambria;
  251. letter-spacing: 1px;
  252. font-style: italic;
  253. font-size: 10px;
  254. text-align: right;
  255. margin-right: 5px;
  256. }
  257.  
  258. h2 a
  259. { color: {color:Links2};
  260. font-family: cambria;
  261. letter-spacing: 1px;
  262. font-style: italic;
  263. font-size: 10px;
  264. text-align: right;
  265. margin-right: 5px;
  266. }
  267.  
  268. h2 a:hover
  269. { color: {color:Links2};
  270. font-family: cambria;
  271. letter-spacing: 1px;
  272. font-style: italic;
  273. font-size: 10px;
  274. text-align: right;
  275. margin-right: 5px;
  276. }
  277.  
  278. h3
  279. { text-align: center;
  280. padding: 5px;
  281. letter-spacing: 1px;
  282. text-transform: uppercase;
  283. }
  284.  
  285. h4
  286. { color: {color:Title2};
  287. font-family: cambria;
  288. letter-spacing: 1px;
  289. font-style: italic;
  290. font-size: 13px;
  291. text-align: center;
  292. }
  293.  
  294. h4 a
  295. { color: {color:Title2};
  296. font-family: cambria;
  297. letter-spacing: 1px;
  298. font-style: italic;
  299. font-size: 13px;
  300. text-align: center;
  301. }
  302.  
  303. h5
  304. {
  305. letter-spacing: 1px;
  306. margin: 0px;
  307. font-style: normal;
  308. font-size: 13px;
  309. text-transform: uppercase;
  310. text-align: center;
  311. border-bottom: solid 2px {color:Border};
  312. }
  313.  
  314.  
  315. ol.notes a
  316. { color: {color:Links};
  317. font-size: 11px;
  318. font-family: cambria;
  319. text-decoration: none;
  320. }
  321.  
  322. ol.notes a:hover
  323. { color: {color:LinksHover};
  324. font-size: 11px;
  325. font-family: cambria;
  326. text-decoration: underline;
  327. }
  328.  
  329. .pagination
  330. { width:150px;
  331. margin-top: 20px;
  332. margin-left:auto;
  333. margin-right:auto;
  334. text-align: center;
  335. font-size: 12px;
  336. letter-spacing: 2px;
  337. color: {color:Text};
  338. }
  339.  
  340. .pagination a
  341. { color: {color:Links};
  342. font-size: 12px;
  343. font-family: cambria;
  344. text-decoration: none;
  345. text-transform: none;
  346. }
  347.  
  348. .pagination a:hover
  349. { color: {color:LinksHover};
  350. font-size: 12px;
  351. font-family: cambria;
  352. text-decoration: underline;
  353. text-transform: none;
  354. }
  355.  
  356.  
  357.  
  358. .question
  359. { background-color: {color:Body};
  360. width: 435px;
  361. margin-left: 45px;
  362. margin-right: 5px;
  363. min-height: 24px;
  364. padding: 8px;
  365. border: 0px;
  366. }
  367.  
  368. .asker img
  369. { margin-right: 5px;
  370. margin-top: 12px;
  371. padding: 5px;
  372. border: 0px;
  373. background-color: {color:Body};
  374. float: left;
  375. }
  376.  
  377. .answer
  378. { width: 435px;
  379. min-height: 15px;
  380. margin-left: 45px;
  381. margin-right: 5px;
  382. padding: 2px;
  383. }
  384.  
  385. .post_audio
  386. { width: 500px;
  387. height: 90px;
  388. text-align: center;
  389. background-color: transparent;
  390. }
  391.  
  392. .audiocover
  393. { position: relative;
  394. z-index: 1;
  395. }
  396.  
  397. .audiocover img
  398. { width: 70px;
  399. height: 70px;
  400. float: left;
  401. margin-right: 15px;
  402. padding: 10px;
  403. background: {color:Border};
  404. }
  405.  
  406. .playbox
  407. { background-color: {color:Border};
  408. float: right;
  409. width: 50px;
  410. height: 90px;
  411. z-index: 1;
  412. }
  413.  
  414. .playbutton
  415. { width: 25px;
  416. height: 30px;
  417. z-index: 1000;
  418. margin-top: 30px;
  419. margin-left: 12px;
  420. overflow: hidden;
  421. }
  422.  
  423. .track
  424. { width: 360px;
  425. margin-left: 90px;
  426. background-color: transparent;
  427. font-size: 18px;
  428. font-style: italic;
  429. font-color: {color:Title2};
  430. font-face: georgia;
  431. letter-spacing: 1px;
  432. }
  433.  
  434. .audioinfo
  435. { background-color: transparent;
  436. margin-top: -8px;
  437. font-size: 9px;
  438. font-face: georgia;
  439. letter-spacing: 1px;
  440. text-transform: uppercase;
  441. }
  442.  
  443. .blockquote
  444. { margin-left: 10px;
  445. padding-left: 10px;
  446. border-left: 4px solid {color:Border};
  447. }
  448.  
  449. #footer
  450. { width:40px;
  451. bottom: 2px;
  452. right: 2px;
  453. position: fixed;
  454. background-color: transparent;
  455. }
  456.  
  457. #footer a
  458. { color: {color:Links};
  459. font-size: 8px;
  460. font-family: cambria;
  461. text-transform: undercase;
  462. font-weight: bold;
  463. text-decoration: overline;
  464. }
  465. {CustomCSS}
  466.  
  467.  
  468. </style>
  469. </head>
  470.  
  471. <body>
  472. <body bgcolor="{color:Background}">
  473. <div id="content">
  474.  
  475. <div class="sidebar">
  476.  
  477. <div class="sidebarcontent">
  478.  
  479. <div class="sidebarimage">
  480. <img src="{image:SideBarImage}">
  481. </div>
  482.  
  483. <div class="title"><h1>{Title}</h1></div>
  484.  
  485. {block:Description}
  486. <div class="desc">{Description}</div>
  487. {/block:Description}
  488.  
  489.  
  490.  
  491. </div>
  492.  
  493.  
  494. </div>
  495.  
  496. <div class="posts">
  497. {block:Posts}
  498. <div class="entries">
  499. {block:Title}
  500. <h3><a href="{Permalink}">{Title}</a></h3>
  501. {/block:Title}
  502. {block:Text}
  503.  
  504. <div class="post_text">
  505. {Body}
  506. </div>
  507. {/block:Text}
  508.  
  509. {block:Photo}
  510. <div class="post_photo">
  511. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  512.  
  513. {block:Caption}
  514. <div class="caption">{Caption}</div>
  515. {/block:Caption}
  516. </div>
  517. {/block:Photo}
  518.  
  519. {block:Photoset}
  520. <div class="post_photoset">
  521. {Photoset-500}
  522.  
  523. {block:Caption}
  524. <div class="caption">{Caption}</div>
  525. {/block:Caption}
  526. </div>
  527. {/block:Photoset}
  528.  
  529. {block:Quote}
  530. <div class="post_quote">
  531. <h4>"{Quote}"</h4>
  532.  
  533. <h2>{block:Source}
  534. <div class="source">—{Source}</div>
  535. {/block:Source}</h2>
  536. </div>
  537. {/block:Quote}
  538.  
  539. {block:Link}
  540. <div class="post_link">
  541. <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  542.  
  543. {block:Description}
  544. <div class="blockquote">{Description}</div>
  545. {/block:Description}
  546. </div>
  547. {/block:Link}
  548.  
  549. {block:Chat}
  550. <div class="post_chat">
  551. {block:Title}
  552. <a href="{Permalink}">{Title}</a>
  553. {/block:Title}
  554.  
  555. <ul class="chat">
  556. {block:Lines}
  557. <li class="{Alt} user_{UserNumber}">
  558. {block:Label}
  559. <b><span class="label">{Label}</span></b>
  560. {/block:Label}
  561.  
  562. {Line}
  563. </li>
  564. {/block:Lines}
  565. </ul>
  566. </div>
  567. {/block:Chat}
  568.  
  569. {block:Video}
  570. <div class="post_video">
  571. {Video-500}
  572.  
  573. {block:Caption}
  574. <div class="caption">{Caption}</div>
  575. {/block:Caption}
  576. </div>
  577. {/block:Video}
  578.  
  579. {block:Audio}
  580. <div class="post_audio">
  581.  
  582.  
  583. <div class="playbox">
  584. <div class="playbutton">
  585. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer} </div></div>
  586. {block:AlbumArt}<div class="audiocover"><img src="{AlbumArtURL}" width="100" height="100"></div>{/block:AlbumArt}
  587.  
  588. {block:TrackName}<div class="track"><br><b>{TrackName}</b></div>{/block:TrackName}<br>
  589.  
  590. <div class="audioinfo">
  591. {block:Artist}Artist: <b>{Artist}</b>{/block:Artist}
  592. {block:Album}&nbsp;&nbsp;|&nbsp;&nbsp;Album: <b>{Album}</b>{block:Album}
  593. </div>
  594.  
  595. </div>
  596. {block:Caption}
  597. <br><div class="blockquote">{Caption}</div>{/block:Caption}
  598. {/block:Audio}
  599.  
  600. {block:Answer}
  601. <div class="post_answer">
  602. <div class="asker"> <img src="{AskerPortraitURL-30}"> <b>{Asker}</b> said:</div>
  603. <div class="question">{Question} </div>
  604.  
  605. <div class="answer">{Answer}</div>
  606. </div>
  607. {/block:Answer}
  608.  
  609.  
  610.  
  611.  
  612. </div>
  613.  
  614. <div id="info">
  615. {block:Date}
  616. Posted <b><a href="{Permalink}">{TimeAgo}</a></b>
  617. {/block:Date}
  618.  
  619. {block:NoteCount}
  620. with <b><a href="{Permalink}">{NoteCountWithLabel}</a></b>
  621. {/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource} / <a href="{SourceURL}">©</a>{/block:ContentSource}<br>
  622.  
  623. {block:HasTags}
  624. <div class="tags">
  625. {block:Tags} <a href="{TagURL}">#{Tag}</a> {/block:Tags}
  626. </div>
  627. {/block:HasTags}</div>
  628.  
  629. {block:PermalinkPage}
  630. {PostNotes-16}
  631. {/block:PermalinkPage}
  632.  
  633. {/block:Posts}
  634.  
  635. </div>
  636.  
  637. <div class="sidebar2">
  638. <div class="links">
  639.  
  640. <div class="portrait">
  641. <img src="{PortraitURL-64}">
  642. </div>
  643.  
  644. <div class="linksb"><a href="/">home</a></div>
  645. <div class="linksb"><a href="/ask">askbox</a></div>
  646. <div class="linksb"><a href="/archive">archive</a></div>
  647. {block:IfLink1}<div class="linksb"><a href="{text:Link1}">{text:Link1 Title}</a></div>{/block:IfLink1}
  648. {block:IfLink2}<div class="linksb"><a href="{text:Link2}">{text:Link2 Title}</a></div>{/block:IfLink2}
  649. {block:IfLink3}<div class="linksb"><a href="{text:Link3}">{text:Link3 Title}</a></div>{/block:IfLink3}
  650. {block:IfLink4}<div class="linksb"><a href="{text:Link4}">{text:Link4 Title}</a></div>{/block:IfLink4}
  651.  
  652. </div>
  653.  
  654. <div class="pagination">
  655.  
  656.  
  657. {block:PreviousPage}
  658. <a href="{PreviousPage}">&#8592</a> {/block:PreviousPage}
  659.  
  660. {block:JumpPagination length="5"}
  661.  
  662. {block:CurrentPage}
  663. <b><span class="current_page">{PageNumber}</span></b>
  664. {/block:CurrentPage}
  665.  
  666. {block:JumpPage}
  667. <a class="jump_page" href="{URL}">{PageNumber}</a>
  668. {/block:JumpPage}
  669.  
  670.  
  671. {/block:JumpPagination}
  672.  
  673. {block:NextPage}
  674. <a href="{NextPage}">&#8594;</a> {/block:NextPage}
  675.  
  676. </div>
  677.  
  678. </div>
  679.  
  680. <div id="footer">
  681. <a href="http://daayamathemes.tumblr.com"target="_blank">theme</a>
  682.  
  683. </p>
  684. </div>
  685.  
  686. </body>
  687. </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!