API tools faq
paste
unbrokenlys

Theme #4

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