API tools faq
paste
unbrokenlys

Theme #12

unbrokenlys
Nov 24th, 2012
695
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. <html>
  2. <head>
  3.  
  4. <!--
  5. Theme #12 by ownmylight.tumblr.com
  6. -->
  7.  
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="{Favicon}"/>
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}"/>
  11. {block:Description}
  12. <meta name="description" content="{MetaDescription}"/>
  13. {/block:Description}
  14.  
  15. <meta name="color:Background" content="#ffffff"/>
  16. <meta name="color:Title" content="#a0a0a0"/>
  17. <meta name="color:Font" content="#868686"/>
  18. <meta name="color:Link" content="#797979"/>
  19. <meta name="color:Link Hover" content="#363636"/>
  20. <meta name="color:Border" content="#f3f3f3"/>
  21. <meta name="color:Navi Font" content="#8a8a8a"/>
  22. <meta name="color:Details Bg" content="#fbfbfb"/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="image:Sidebar" content=""/>
  25. <meta name="text:Link 1" content=""/>
  26. <meta name="text:Link 1 Text" content=""/>
  27. <meta name="text:Link 2" content=""/>
  28. <meta name="text:Link 2 Text" content=""/>
  29. <meta name="text:Link 3" content=""/>
  30. <meta name="text:Link 3 Text" content=""/>
  31. <meta name="if:Show Link 1" content="0"/>
  32. <meta name="if:Show Link 2" content="0"/>
  33. <meta name="if:Show Link 3" content="0"/>
  34. <meta name="if:Show Title" content="0"/>
  35. <meta name="if:Show Answer Icon" content="0"/>
  36.  
  37. <link href='http://fonts.googleapis.com/css?family=Strait' rel='stylesheet' type='text/css'>
  38.  
  39. <style type="text/css">
  40.  
  41. body {
  42. font-color: {color:Font};
  43. font-family: cambria;
  44. font-size: 10px;
  45. font-style: normal;
  46. line-height: 14px;
  47. background-color: {color:Background};
  48. background-image: url('{image:Background}');
  49. background-position:bottom right;
  50. background-repeat:repeat;
  51. background-attachment:fixed;
  52. opacity: 0.9;
  53. }
  54.  
  55. .container {
  56. width: 824px;
  57. height: auto;
  58. margin: -8px auto -8px auto;
  59. padding: 0 0 0 0;
  60. background-color: transparent;
  61. }
  62.  
  63.  
  64. strong, b, strong a, strong a:visited, b a, b a:visited {
  65. color: {color:Title};
  66. font-weight: bold;
  67. }
  68.  
  69. i, em {
  70. color: {color:Font};
  71. font-style: italic;
  72. }
  73.  
  74. u {
  75. color: {color:Font};
  76. text-decoration: underline;
  77. }
  78.  
  79. small, small a, small a:visited {
  80. font-family: oxyn mono;
  81. font-size: 9px;
  82. font-style: italic;
  83. line-height: 13px;
  84. }
  85.  
  86. a:link, a:visited, a:active {
  87. color: {color:Link};
  88. font-weight: normal;
  89. text-decoration: none;
  90. }
  91.  
  92. a:hover {
  93. color: {color:Link Hover};
  94. -webkit-transition: all 0.5s ease-out;
  95. -moz-transition: all 0.5s ease-out;
  96. transition: all 0.4s ease-out;
  97. }
  98.  
  99. ul {
  100. block: inline;
  101. list-style-type: square;
  102. }
  103.  
  104. h1 {
  105. color: {color:Title};
  106. font-family: oxyn mono;
  107. font-size: 13px;
  108. font-style: italic;
  109. font-weight: normal;
  110. text-align: left;
  111. text-transform: lowercase;
  112. letter-spacing: 1px;
  113. padding-right: 20px;
  114. padding-bottom: 1px;
  115. }
  116.  
  117. .title {
  118. color: {color:Title};
  119. font-size: 10px;
  120. font-family: oxyn mono;
  121. font-style: italic;
  122. text-align: center;
  123. text-transform: lowercase;
  124. margin-top: 11px;
  125. margin-left: 5px;
  126. margin-bottom: 8px;
  127. width: 135px;
  128. }
  129.  
  130.  
  131. .posts {
  132. color: {color:Font};
  133. font-size: 11px;
  134. line-height: 14px;
  135. border: 1px solid {color:Border};
  136. padding: 30px 30px 0px 30px;
  137. margin-top: 30px;
  138. margin-left: 280px;
  139. margin-bottom: 28px;
  140. width: 500px;
  141. }
  142.  
  143. .entry {
  144. width: 500px;
  145. }
  146.  
  147. .caption {
  148. margin-bottom: -3px;
  149. }
  150.  
  151. .details {
  152. color: {color:Font};
  153. font-size: 9px;
  154. font-weight: normal;
  155. font-style: italic;
  156. letter-spacing: 1px;
  157. text-transform: lowercase;
  158. text-align: left;
  159. border: 1px solid {color:Border};
  160. background: {color:Details Bg};
  161. padding-top: 1px;
  162. padding-right: 10px;
  163. padding-left: 10px;
  164. padding-bottom: 3px;
  165. margin-top: 5px;
  166. margin-bottom: 35px;
  167. width: 480px;
  168. }
  169.  
  170. .details a {
  171. color: {color:Link};
  172. font-weight: normal;
  173. text-decoration: none;
  174. -webkit-transition: all 0.5s ease-out;
  175. -moz-transition: all 0.5s ease-out;
  176. transition: all 0.5s ease-out;
  177. }
  178.  
  179. .details a:hover {
  180. color: {color:Link Hover};
  181. font-weight: normal;
  182. text-decoration: none;
  183. -webkit-transition: all 0.3s ease-out;
  184. -moz-transition: all 0.3s ease-out;
  185. transition: all 0.3s ease-out;
  186. }
  187.  
  188. .reblogs {
  189. text-align: right;
  190. margin-top: -14px;
  191. margin-bottom: -15px;
  192. }
  193.  
  194. .tags {
  195. color: {color:Font};
  196. font-size: 9px;
  197. font-weight: normal;
  198. font-style: italic;
  199. text-transform: lowercase;
  200. text-align: left;
  201. padding-right: 10px;
  202. padding-left: 15px;
  203. margin-top: -34px;
  204. margin-bottom: 35px;
  205. width: 480px;
  206. -webkit-transition: opacity 0.1s linear;
  207. -webkit-transition: all 0.1s ease-out;
  208. -moz-transition: all 0.1s ease-out;
  209. transition: all 0.3s ease-out;
  210. opacity: 0.7;
  211. }
  212.  
  213. .tags:hover {
  214. -webkit-transition: opacity 0.1s linear;
  215. -webkit-transition: all 0.1s ease-out;
  216. -moz-transition: all 0.1s ease-out;
  217. transition: all 0.3s ease-out;
  218. opacity: 1.0;
  219. }
  220.  
  221. .tags a {
  222. color: {color:Link};
  223. padding: 0px 2px 0px 2px;
  224. -webkit-transition: opacity 0.1s linear;
  225. -webkit-transition: all 0.1s ease-out;
  226. -moz-transition: all 0.1s ease-out;
  227. transition: all 0.3s ease-out;
  228. opacity: 0.7;
  229. }
  230.  
  231. .tags a:hover {
  232. color: {color:Link Hover};
  233. background: {color:Details Bg};
  234. -webkit-transition: opacity 0.1s linear;
  235. -webkit-transition: all 0.1s ease-out;
  236. -moz-transition: all 0.1s ease-out;
  237. transition: all 0.3s ease-out;
  238. opacity: 0.9;
  239. }
  240.  
  241. .sidebar {
  242. position: fixed;
  243. color: {color:Font};
  244. line-height: 12px;
  245. padding: 10px;
  246. margin-top: 170px;
  247. margin-left: 77px;
  248. height: 500px;
  249. width: 204px;
  250. }
  251.  
  252. .sidebarimage img {
  253. border: 1px solid {color:Border};
  254. padding: 5px;
  255. margin-top: 0px;
  256. max-height: 135px;
  257. max-width: 135px;
  258. z-index: 3;
  259. }
  260.  
  261. .description {
  262. position: fixed;
  263. color: {color:Font};
  264. font-size: 10px;
  265. font-style: italic;
  266. line-height: 11px;
  267. text-align: center;
  268. text-transform: lowercase;
  269. padding-top: 6px;
  270. padding-bottom: 7px;
  271. margin-bottom: 7px;
  272. margin-top: 1px;
  273. margin-left: 5px;
  274. width: 135px;
  275. z-index: 1;
  276. -webkit-transition: opacity 0.8s linear;
  277. -webkit-transition: all 0.5s ease-out;
  278. -moz-transition: all 0.5s ease-out;
  279. transition: all 0.5s ease-out;
  280. opacity: 0.4;
  281. }
  282.  
  283. .description:hover {
  284. z-index: 2;
  285. -webkit-transition: opacity 0.7s linear;
  286. -webkit-transition: all 0.3s ease-out;
  287. -moz-transition: all 0.3s ease-out;
  288. transition: all 0.3s ease-out;
  289. opacity: 1.0;
  290. }
  291.  
  292. .mini_2 {
  293. color: {color:Border};
  294. font-size: 20px;
  295. font-weight: normal;
  296. text-align: left;
  297. margin-bottom: -15px;
  298. }
  299.  
  300. .navigation {
  301. position: absolute;
  302. text-align: center;
  303. padding-top: 3px;
  304. margin-top: 6px;
  305. margin-left: 0px;
  306. width: 135px;
  307. height: 135px;
  308. z-index: 2;
  309. -webkit-transition: opacity 0.8s linear;
  310. -webkit-transition: all 0.5s ease-out;
  311. -moz-transition: all 0.5s ease-out;
  312. transition: all 0.5s ease-out;
  313. opacity: 0.0;
  314. }
  315.  
  316. .navigation:hover {
  317. position: absolute;
  318. text-align: center;
  319. padding-top: 3px;
  320. margin-top: 6px;
  321. margin-left: 0px;
  322. -webkit-transition: opacity 0.8s linear;
  323. -webkit-transition: all 0.5s ease-out;
  324. -moz-transition: all 0.5s ease-out;
  325. transition: all 0.5s ease-out;
  326. opacity: 0.7;
  327. }
  328.  
  329. .navigation_1 {
  330. position: absolute;
  331. text-align: center;
  332. padding-top: 3px;
  333. margin-top: 19px;
  334. margin-left: 6px;
  335. }
  336.  
  337. .navigation_2 {
  338. position: absolute;
  339. text-align: center;
  340. padding-top: 3px;
  341. margin-top: 19px;
  342. margin-left: 70px;
  343. }
  344.  
  345. .navigation a {
  346. display: block;
  347. color: {color:Navi Font};
  348. background: {color:Background};
  349. font-size: 10px;
  350. font-style: italic;
  351. text-transform: lowercase;
  352. padding: 7px 6px 2px 6px;
  353. margin-left: 4px;
  354. margin-bottom: 1px;
  355. width: 50px;
  356. height: 18px;
  357. }
  358.  
  359. .navigation a:hover {
  360. color: {color:Link Hover};
  361. letter-spacing: 1px;
  362. -webkit-transition: opacity 0.8s linear;
  363. -webkit-transition: all 0.5s ease-out;
  364. -moz-transition: all 0.5s ease-out;
  365. transition: all 0.5s ease-out;
  366. opacity: 1.0;
  367. }
  368.  
  369. .pagination {
  370. color: {color:Font};
  371. font-size: 9px;
  372. text-align: center;
  373. margin-top: 10px;
  374. height: 100px;
  375. }
  376.  
  377. .pagination a {
  378. display: inline;
  379. text-decoration: none;
  380. padding: 2px 3px 2px 3px;
  381. }
  382.  
  383. .pagination a:hover {
  384. color: {color:Link Hover};
  385. background: {color:Border};
  386. border: 0px;
  387. }
  388.  
  389. .pagination_current {
  390. color: {color:Font};
  391. font-size: 9px;
  392. padding: 2px 3px 2px 3px;
  393. text-align: center;
  394. }
  395.  
  396. .questions {
  397. color: {color:Font};
  398. font-style: italic;
  399. border: 1px solid {color:Border};
  400. background: {color:Details Bg};
  401. padding: 6px;
  402. padding-left: 7px;
  403. padding-bottom: 11px;
  404. margin-bottom: -5px;
  405. }
  406.  
  407. .ask {
  408. font-size: 11px;
  409. text-align: center;
  410. text-transform: lowercase;
  411. }
  412.  
  413. .ask img {
  414. border: 1px solid {color:Border};
  415. padding: 2px;
  416. }
  417.  
  418. .asker {
  419. color: {color:Font};
  420. font-size: 9px;
  421. font-style: italic;
  422. text-transform: lowercase;
  423. text-align: right;
  424. margin-bottom: 3px;
  425. margin-right: 3px;
  426. }
  427.  
  428. .asker a {
  429. color: {color:Font};
  430. text-decoration: none;
  431. }
  432.  
  433. .asker a:hover {
  434. color: {color:Link Hover};
  435. background: {color:Details Bg};
  436. }
  437.  
  438. .answer img {
  439. border: 1px solid {color:Border};
  440. padding: 2px;
  441. margin-top: -9px;
  442. margin-right: 6px;
  443. }
  444.  
  445. .answer {
  446. color: {color:Font};
  447. font-size: 11px;
  448. text-align: center;
  449. margin-bottom: -2px;
  450. }
  451.  
  452. blockquote {
  453. display: block;
  454. color: {color:Font};
  455. font-size: 10px;
  456. font-style: none;
  457. border-left: 3px solid {color:Border};
  458. padding-left: 5px;
  459. padding-right: 5px;
  460. margin: 10px 10px 10px 25px;
  461. width: 450px;
  462. }
  463.  
  464. .quote {
  465. color: {color:Font};
  466. font-family: oxyn mono;
  467. font-size: 13px;
  468. font-style: italic;
  469. letter-spacing: 1px;
  470. }
  471.  
  472. .source {
  473. color: {color:Font};
  474. font-size: 9px;
  475. letter-spacing: 0px;
  476. font-style: normal;
  477. text-align: right;
  478. text-transform: lowercase;
  479. margin-top: 1px;
  480. margin-bottom: 5px;
  481. }
  482.  
  483. .audio {
  484. display: block;
  485. }
  486.  
  487. .audio_details {
  488. font-size: 9px;
  489. font-style: italic;
  490. text-transform: lowercase;
  491. }
  492.  
  493. .albumart img {
  494. float: left;
  495. margin-right: 7px;
  496. border: 1px solid {color:Border};
  497. padding: 3px;
  498. width: 60px;
  499. height: 60px;
  500. }
  501.  
  502. .chat ul {
  503. display: block;
  504. list-style-type: none;
  505. padding: 0px;
  506. width: 500px;
  507. }
  508.  
  509. .postnotes {
  510. width: 500px;
  511. }
  512. .notes {
  513. font-size: 10px;
  514. font-style: none;
  515. text-transform: lowercase;
  516. margin-top: 20px;
  517. }
  518. ol.notes, .notes li {
  519. list-style: none;
  520. margin-bottom: 2px;
  521. }
  522.  
  523. ol.notes li.note img.avatar {
  524. border: 1px solid {color:Border};
  525. padding: 2px;
  526. height: 16px;
  527. width: 16px;
  528. }
  529. ol.notes li.note blockquote {
  530. color: {color:Font};
  531. font-size: 10px;
  532. }
  533. ol.notes li.note blockquote a {
  534. text-decoration: none;
  535. }
  536. ol.notes li.note .answer_content {
  537. color: {color:Font};
  538. }
  539.  
  540. {CustomCSS}
  541.  
  542. </style>
  543.  
  544. </head>
  545.  
  546. <body>
  547.  
  548. <div class="container">
  549.  
  550. <div class="side_left"></div>
  551.  
  552. <div class="sidebar">
  553.  
  554. {block:IfShowTitle}<div class="title"><div class="mini_2">❝</div>{Title}</div>{/block:IfShowTitle}
  555.  
  556. <div class="navigation">
  557. <div class="navigation_1">
  558. <a href="/">Home</a>
  559. <a href="/ask">Ask</a>
  560. <a href="http://ownmylight.tumblr.com">Theme</a>
  561. </div>
  562. <div class="navigation_2">
  563. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  564. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  565. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  566. </div>
  567. </div>
  568.  
  569. <div class="sidebarimage"><img src="{image:Sidebar}" alt=""/></div>
  570.  
  571. {block:Description}
  572. <div class="description">{Description}
  573. {/block:Description}
  574.  
  575. {block:Pagination}
  576. <div class="pagination">
  577. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  578. {block:JumpPagination length="5"}{block:CurrentPage}
  579. <span class="pagination_current" style="padding:2px 4px 2px 4px;">{PageNumber}</span>
  580. {/block:CurrentPage}
  581. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  582. {/block:JumpPagination}
  583. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  584. </div>
  585. {/block:Pagination}
  586. </div>
  587.  
  588. </div>
  589.  
  590. <div class="posts">
  591.  
  592. {block:Posts}
  593.  
  594. <div class="entry">
  595.  
  596. {block:Text}
  597. <div class="entry text">
  598. {block:Title}
  599. <h1><a href="{Permalink}">{Title}</a></h1>
  600. {/block:Title}
  601. <div class="caption">{Body}</div>
  602. </div>
  603. {/block:Text}
  604.  
  605.  
  606. {block:Photo}
  607. <div class="entry photo">
  608. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  609. {block:Caption}
  610. {Caption}
  611. {/block:Caption}
  612. </div>
  613. {/block:Photo}
  614.  
  615.  
  616. {block:Photoset}
  617. <div class="entry photoset">
  618. <center>{Photoset-500}</center>
  619. {block:Caption}
  620. {Caption}
  621. {/block:Caption}
  622. </div>
  623. {/block:Photoset}
  624.  
  625.  
  626. {block:Quote}
  627. <div class="entry quote">
  628. <div class="quote">"{Quote}"</div>
  629. {block:Source}
  630. <div class="source">{Source}</div>
  631. {/block:Source}
  632. </div>
  633. {/block:Quote}
  634.  
  635.  
  636. {block:Link}
  637. <div class="entry link">
  638. <h1><a href="{URL}" {Target}>{Name} →</a></h1>
  639. {block:Description}
  640. <div class="caption">{Description}</div>
  641. {/block:Description}
  642. </div>
  643. {/block:Link}
  644.  
  645.  
  646. {block:Chat}
  647. <div class="entry chat">
  648. {block:Title}
  649. <h1><a href="{Permalink}">{Title}</a></h1>
  650. {/block:Title}
  651. <ul class="chat">
  652. {block:Lines}
  653. <li class="{Alt} user_{UserNumber}">
  654. {block:Label}
  655. <span class="label">{Label}</span>
  656. {/block:Label}
  657. {Line}
  658. </li>
  659. {/block:Lines}
  660. </ul>
  661. </div>
  662. {/block:Chat}
  663.  
  664.  
  665. {block:Video}
  666. <div class="entry video">
  667. <center>{Video-500}</center>
  668. {block:Caption}
  669. <div class="caption">{Caption}</div>
  670. {/block:Caption}
  671. </div>
  672. {/block:Video}
  673.  
  674.  
  675. {block:Audio}
  676. <div class="entry audio">
  677. {block:AlbumArt}
  678. <div class="albumart"><img src="{AlbumArtURL}" alt=""/></div>
  679. {/block:AlbumArt}
  680. <div class="audio_details">
  681. {block:TrackName}
  682. → <b>Track:</b> {TrackName}<br />
  683. {/block:TrackName}
  684. {block:Artist}
  685. → <b>Artist:</b> {Artist}
  686. {/block:Artist}<br />
  687. {block:PlayCount}
  688. → <b>Plays:</b> {FormattedPlayCount}
  689. {/block:PlayCount}
  690. </div>
  691. {AudioPlayerWhite}
  692. {block:Caption}
  693. <div class="caption">{Caption}</div>
  694. {/block:Caption}
  695. </div>
  696. {/block:Audio}
  697.  
  698. {block:Answer}
  699. <div class="entry ask">
  700. <div class="questions">
  701. <div class="ask"><img align="left" src="{AskerPortraitURL-30}" alt=""/> {Question} <div class="asker"> asked by {Asker}</div></div>
  702. </div>
  703. <div class="answer">{Answer} {block:IfShowAnswerIcon}<img align="right" src="{PortraitURL-24}" alt=""/>{/block:IfShowAnswerIcon}</div>
  704. </div>
  705. {/block:Answer}
  706.  
  707. {block:Date}
  708. <div class="details">
  709. posted <a href="{Permalink}">{TimeAgo}</a> {block:NoteCount}with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  710.  
  711. <div class="reblogs">
  712. {block:ContentSource}© <a href="{SourceURL}" target="_blank">{SourceLink}</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}
  713. </div>
  714. <br />
  715. </div>
  716.  
  717. {block:HasTags}
  718. <div class="tags">{block:Tags}→ <a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div>
  719. {/block:HasTags}
  720.  
  721. <div class="notes">
  722. {block:PostNotes}{PostNotes}{/block:PostNotes}
  723. </div>
  724. {/block:Date}
  725.  
  726. </div>
  727.  
  728. {/block:Posts}
  729.  
  730. </div>
  731.  
  732. </div>
  733.  
  734. </body>
  735. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!