API tools faq
paste
tearofthemoon

Theme 08

tearofthemoon
Aug 12th, 2012
416
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.69 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. <html>
  4.  
  5.  
  6. <!-- theme 08 by T E A R O F T H E M O O N .tumblr.com -->
  7.  
  8.  
  9. <head>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}
  13. <meta name="description" content="{MetaDescription}" />
  14. {/block:Description}
  15.  
  16. <meta name="color:Background" content ="#f7f7f7"/>
  17. <meta name="color:Posts" content ="#ffffff"/>
  18. <meta name="color:Date and notes" content ="#bfdcfd"/>
  19. <meta name="image:Sidebar" content=""/>
  20. <meta name="image:Background" content="http://25.media.tumblr.com/tumblr_m7uiyyx8Pg1qdjnhdo1_100.png"/>
  21. <meta name="image:Top bar" content="http://24.media.tumblr.com/tumblr_m7uiw2CyHg1qdjnhdo1_400.jpg"/>
  22. <meta name="font:Text" content="Helvetica"/>
  23. <meta name="color:Text" content="#4e4e4e"/>
  24. <meta name="color:Link" content="#f7b383"/>
  25. <meta name="color:Link Hover" content="#bfdcfd"/>
  26. <meta name="font:Title" content="Georgia"/>
  27.  
  28. <meta name="color:Navigation" content="#f7b383"/>
  29. <meta name="color:Navigation Hover" content="#bfdcfd"/>
  30. <meta name="color:Navigation Text" content="#f7b383"/>
  31. <meta name="color:Navigation Text Hover" content="#bfdcfd"/>
  32.  
  33. <meta name="text:Custom Link One" content="" />
  34. <meta name="text:Custom Link One Title" content="" />
  35. <meta name="text:Custom Link Two" content="" />
  36. <meta name="text:Custom Link Two Title" content="" />
  37. <meta name="text:Custom Link Three" content="" />
  38. <meta name="text:Custom Link Three Title" content="" />
  39. <meta name="text:Custom Link Four" content="" />
  40. <meta name="text:Custom Link Four Title" content="" />
  41. <meta name="text:Custom Link Five" content="" />
  42. <meta name="text:Custom Link Five Title" content="" />
  43. <meta name="text:Custom Link Six" content="" />
  44. <meta name="text:Custom Link Six Title" content="" />
  45.  
  46.  
  47. <style type="text/css">
  48. iframe#tumblr_controls{ top: 43px !important; right: 3px !important; position: fixed !important; -webkit-transition: opacity 0.5s linear; opacity: 0.6; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; transition: all 0.8s ease-out;}
  49. iframe#tumblr_controls:hover{ -webkit-transition: opacity 0.7s linear; opacity: 1; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
  50.  
  51. body {
  52. background-color: {color:Background};
  53. background-image: url('{image:Background}');
  54. background-attachment:fixed;
  55. background-position:left;
  56. background-repeat:repeat;
  57. font-family: {font:Text};
  58. font-size: 10px;
  59. color: {color:Text};
  60. }
  61.  
  62. a {
  63. color: {color:Link};
  64. text-decoration: none;
  65. -webkit-transition: all 0.4s ease-in-out;
  66. -moz-transition: all 0.4s ease-in-out;
  67. -o-transition: all 0.4s ease-in-out;
  68. -ms-transition: all 0.4s ease-in-out;
  69. transition: all 0.4s ease-in-out;
  70. }
  71.  
  72. a:hover {
  73. color: {color:Link Hover};
  74. }
  75.  
  76. a img {
  77. border: 0px;
  78. }
  79.  
  80. #content {
  81. position: absolute;
  82. top: 80px;
  83. left: 450px;
  84. width: 510px;
  85. padding: 5px;
  86. }
  87.  
  88.  
  89. #post {
  90. padding: 5px;
  91. margin-bottom: 20px;
  92. background-color: {color:Posts};
  93. }
  94.  
  95.  
  96.  
  97. .sidebar {
  98. position: fixed;
  99. top: 100px;
  100. left: 80px;
  101. width: 330px;
  102. padding: 5px;
  103. background-color: {color:Posts};
  104. }
  105.  
  106.  
  107. .sidebarimage img {
  108. max-width: 330px;
  109. height: auto;
  110. text-align: center;
  111. }
  112.  
  113.  
  114. .naviposition {
  115. position: fixed;
  116. top: 100px;
  117. left: 1000px;
  118. width: 128px;
  119. padding: 5px;
  120. background-color: {color:Posts};
  121. letter-spacing: 1px;
  122. text-align: center;
  123. }
  124.  
  125. .ask {
  126. padding: 1px;
  127. background-color: {color:Background};
  128. }
  129.  
  130.  
  131. .post img {
  132. display: block;
  133. margin: 0 auto;
  134. }
  135.  
  136. .notesandtags {
  137. padding: 1px;
  138. margin-top: 12px;
  139. border-top: 1px dashed {color:Date and notes};
  140. border-bottom: 1px dashed {color:Date and notes};
  141. }
  142.  
  143.  
  144. .tags {
  145. font-size: 11px;
  146. display: inline
  147. text-transform: lowercase;
  148. font-family: Calibri;
  149. letter-spacing: 1px;
  150. color: {color:Text};
  151. }
  152.  
  153.  
  154. .notes {
  155. float: right;
  156. }
  157.  
  158.  
  159. .time {
  160. font-family: calibri;
  161. font-size: 11px;
  162. color: {color:Text};
  163. text-transform: lowercase;
  164. letter-spacing: 1px;
  165. }
  166.  
  167. h3 {
  168. font-size: 20px;
  169. }
  170.  
  171. blockquote {
  172. padding-left: 5px;
  173. border-left: 1px dashed {color:Date and notes};
  174. margin-left: 15px;
  175. }
  176.  
  177. .quote {
  178. font-family: Georgia;
  179. font-size: 18px;
  180. font-style: italic;
  181. color: {color:Link};
  182. }
  183.  
  184. .source {
  185. margin-left: 25px;
  186. }
  187.  
  188. ul.chat {
  189. margin: 0;
  190. padding: 0;
  191. }
  192.  
  193. .chat li {
  194. list-style-type: none;
  195. margin-left: 0px;
  196. padding: 0px;
  197. }
  198.  
  199. .chat li.odd {
  200. margin-bottom: 1px;
  201. color: {color:Text};
  202. }
  203.  
  204. .chat li.even {
  205. margin-bottom: 1px;
  206. color: {color:Text};
  207. }
  208.  
  209. .label {
  210. font-weight: bold;
  211. }
  212.  
  213. .title {
  214. font-size: 18px;
  215. font-family: {font:Title};
  216. letter-spacing: -1px;
  217. line-height: 25px;
  218. font-style: italic;
  219. }
  220.  
  221.  
  222. div.button a{
  223. text-align: center;
  224. padding:1px 0px;
  225. border-bottom: 1px dashed {color:Navigation};
  226. color: {color:Navigation Text};
  227. margin-top:1px;
  228. position:relative;
  229. width: 128px;
  230. display: inline-block;
  231. }
  232. div.button a:hover{
  233. padding:1px 0;
  234. color:{color:Navigation Text Hover};
  235. border-bottom: 1px dashed {color:Navigation Hover};
  236. }
  237.  
  238.  
  239.  
  240. #credits {
  241. position: fixed;
  242. bottom: 5px;
  243. right: 5px;
  244. text-transform: uppercase;
  245. font: 10px calibri;
  246. background-color: {color:Posts};
  247. padding: 1px;
  248. }
  249.  
  250.  
  251. ol.notes {
  252. padding: 0px;
  253. margin 0px 0px;
  254. list-style-type: decimal;
  255. float: left;
  256. margin-left: 15px;
  257. margin-top: 25px;
  258. }
  259.  
  260. ol.notes li.note {
  261. padding: 0px;
  262. }
  263.  
  264. ol.notes li.note img {
  265. padding: 0 px !important;
  266. }
  267.  
  268. ol.notes li.note img.avatar {
  269. }
  270.  
  271. ol.notes li.note a img.avatar {
  272. padding: 0px;
  273. border-width: 0 px;
  274. border: none;
  275. }
  276.  
  277. ol.notes li.note img {
  278. padding: 0 px;
  279. border-width: 0 px;
  280. border: none;
  281. }
  282.  
  283. ol.notes li.note span.action {
  284. font-weight: normal;
  285. }
  286.  
  287. ol.notes li.note.answer_content {
  288. font-weight: normal;
  289. }
  290.  
  291. ol.notes li.note.blockquote {
  292. padding:1 px 1 px;
  293. margin: 1px 0px 0px 1px;
  294. }
  295.  
  296. ol.notes li.note.blockquote a {
  297. text-decoration: none;
  298. }
  299.  
  300.  
  301. {CustomCSS}
  302. </style>
  303.  
  304. <title>{Title}</title>
  305.  
  306. </head>
  307.  
  308. <body>
  309.  
  310. <div id="credits"><a href="http://tearofthemoon.tumblr.com/" title="Theme by &copy; tearofthemoon - Powered by &copy; tumblr">&copy; tearofthemoon</a></div>
  311.  
  312. <span style="background-image: url('{image:Top bar}'); top: 0px; left: 0px; height:40px; width: 100%; z-index:100; position: fixed;"></span>
  313.  
  314. <div id="content">
  315.  
  316. {block:Posts}
  317.  
  318.  
  319. <div id="post">
  320.  
  321. {block:Answer}
  322. </a><div class="ask">&ensp;{Asker} said: <i>{Question}</i></div>
  323. <center>{Answer}</center>
  324. {/block:answer}
  325.  
  326. {block:Text}
  327. <div class="post">
  328. {block:Title}
  329. <div class="title"><a href="{Permalink}">{Title}</a></div>
  330. {/block:Title}
  331. {Body}
  332. </div>
  333. {/block:Text}
  334.  
  335. {block:Photo}
  336. <div class="post">
  337. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  338. {block:Caption}
  339. <div class="caption">{Caption}</div>
  340. {/block:Caption}
  341. </div>
  342. {/block:Photo}
  343.  
  344. {block:Photoset}
  345. <div class="post">
  346. <center>{Photoset-500}</center>
  347. {block:Caption}
  348. <div class="caption">{Caption}</div>
  349. {/block:Caption}
  350. </div>
  351. {/block:Photoset}
  352.  
  353. {block:Quote}
  354. <div class="post">
  355. <span class="quote">{Quote}</span>
  356. {block:Source}
  357. <div class="source"><font color="{color:Date and notes}">-</font> {Source}</div>
  358. {/block:Source}
  359. </div>
  360. {/block:Quote}
  361.  
  362. {block:Link}
  363. <div class="post">
  364. <a href="{URL}" class="title" {Target}>{Name}</a>
  365. {block:Description}
  366. <div class="description">{Description}</div>
  367. {/block:Description}
  368. </div>
  369. {/block:Link}
  370.  
  371. {block:Chat}
  372. <div class="post">
  373. {block:Title}
  374. <div class="title"><a href="{Permalink}">{Title}</a></div>
  375. {/block:Title}
  376. <ul class="chat">
  377. {block:Lines}
  378. <li class="{Alt} user_{UserNumber}">
  379. {block:Label}
  380. <span class="label">{Label}</span>
  381. {/block:Label}
  382. {Line}
  383. </li>
  384. {/block:Lines}
  385. </ul>
  386. </div>
  387. {/block:Chat}
  388.  
  389. {block:Video}
  390. <div class="post">
  391. <center>{Video-500}</center>
  392. {block:Caption}
  393. <div class="caption">{Caption}</div>
  394. {/block:Caption}
  395. </div>
  396. {/block:Video}
  397.  
  398. {block:Audio}
  399. <div class="post">
  400. {AudioPlayerGrey}
  401. {block:Caption}
  402. <div class="caption">{Caption}</div>
  403. {/block:Caption}
  404. </div>
  405. {/block:Audio}
  406.  
  407. {block:IndexPage}<div class="notesandtags">
  408. <div class="time">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}
  409. <div class="notes"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  410. </div>{/block:IndexPage}
  411.  
  412.  
  413.  
  414. {block:PermalinkPage}<div class="notesandtags">
  415. <div class="time">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a> (originally <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}
  416. <div class="notes"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  417. </div><div class="tags">{block:Tags}<a href="{TagURL}" class="tag"><font color="{color:Link}">#</font>{Tag} </a>{/block:Tags}{/block:PermalinkPage}
  418. </div>
  419.  
  420.  
  421. {block:PostNotes}
  422. <div id="notecontainer">{PostNotes}</div>
  423. {/block:PostNotes}
  424.  
  425. </div>
  426.  
  427. </a>
  428. {/block:Posts}
  429. </div>
  430.  
  431. <div class="sidebar">
  432.  
  433.  
  434. <div class="sidebarimage"><a href="/"><img
  435.  
  436. src="{image:sidebar}"/></a></div>
  437.  
  438. <center><div class="title"><a href="/">{Title}</a></div></center>
  439.  
  440. {block:Description}<p>{Description}{/block:Description}
  441.  
  442.  
  443.  
  444.  
  445. {block:Pagination}
  446. <div class="notesandtags"><center>
  447. {block:PreviousPage}
  448. <a href="{PreviousPage}">«</a>
  449. {/block:PreviousPage}
  450.  
  451. {CurrentPage}/{TotalPages}
  452.  
  453. {block:NextPage}
  454. <a href="{NextPage}">»</a>
  455. {/block:NextPage}
  456. {/block:Pagination}</center>
  457. </div>
  458. </div>
  459.  
  460.  
  461. <div class="naviposition">
  462.  
  463. <div class="title"><i>navigate</i></div>
  464.  
  465.  
  466. <div class="button">
  467. <a href="/">home</a><a href="/ask">message</a><a href="/archive">archive</a>{block:IfCustomLinkOneTitle}<a href="{text:Custom Link One}">{text:Custom Link One Title}</a>{/block:ifCustomLinkOneTitle}{block:ifCustomLinkTwoTitle}<a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>{/block:ifCustomLinkTwoTitle}{block:ifCustomLinkThreeTitle}<a href="{text:Custom Link Three}">{text:Custom Link Three Title}</a>{/block:ifCustomLinkThreeTitle}
  468. {block:ifCustomLinkFourTitle}<a href="{text:Custom Link Four}">{text:Custom Link Four Title}</a>{/block:ifCustomLinkFourTitle}
  469. {block:ifCustomLinkFiveTitle}<a href="{text:Custom Link Five}">{text:Custom Link Five Title}</a>{/block:ifCustomLinkFiveTitle}
  470. {block:ifCustomLinkSixTitle}<a href="{text:Custom Link Six}">{text:Custom Link Six Title}</a>{/block:ifCustomLinkSixTitle}
  471.  
  472. </div>
  473.  
  474.  
  475. </div>
  476.  
  477.  
  478. </body>
  479. </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!