API tools faq
paste
Advertisement
tearofthemoon

Theme 12 - white

tearofthemoon
Nov 3rd, 2012
1,895
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.43 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 12 by T E A R O F T H E M O O N .tumblr.com
  7.  
  8. Do not redistribute or claim as your own.
  9. Do not use this theme as a base.
  10. Do not remove the credits of the theme, including this header.
  11. -->
  12.  
  13.  
  14. <head>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}
  18. <meta name="description" content="{MetaDescription}" />
  19. {/block:Description}
  20. <link href='http://fonts.googleapis.com/css?family=ABeeZee:400,400italic' rel='stylesheet' type='text/css'>
  21.  
  22. <meta name="color:Backgroundd" content ="#f0f0f0"/>
  23. <meta name="color:Posts" content ="#f0f0f0"/>
  24. <meta name="color:Borders" content ="#c0c0c0"/>
  25. <meta name="color:Sidebar" content ="#f0f0f0"/>
  26. <meta name="image:Sidebar" content=""/>
  27. <meta name="image:Background" content="http://static.tumblr.com/ma1vucx/Yfdmckthf/crissxcross.png"/>
  28. <meta name="color:Text" content="#636363"/>
  29. <meta name="color:Sidebar text" content="#636363"/>
  30. <meta name="color:Strong text" content="#242424"/>
  31. <meta name="color:em text" content="#a7a7a7"/>
  32. <meta name="color:Underline text" content="#7e7e7e"/>
  33. <meta name="color:Selected text" content="#000000"/>
  34. <meta name="color:Date" content="#000000"/>
  35. <meta name="color:Link" content="#000000"/>
  36. <meta name="color:Link Hover" content="#f0f0f0"/>
  37.  
  38. <meta name="if:Show Date" content="1"/>
  39. <meta name="if:Show Navigation" content="1"/>
  40. <meta name="if:Show Description" content="1"/>
  41. <meta name="if:Show Picture" content="1"/>
  42.  
  43. <meta name="color:Navigation" content="#ababab"/>
  44. <meta name="color:Navigation Text" content="#242424"/>
  45.  
  46. <meta name="text:Custom Link 1" content="" />
  47. <meta name="text:Custom Link 1 Title" content="" />
  48. <meta name="text:Custom Link 2" content="" />
  49. <meta name="text:Custom Link 2 Title" content="" />
  50. <meta name="text:Custom Link 3" content="" />
  51. <meta name="text:Custom Link 3 Title" content="" />
  52. <meta name="text:Custom Link 4" content="" />
  53. <meta name="text:Custom Link 4 Title" content="" />
  54. <meta name="text:Custom Link 5" content="" />
  55. <meta name="text:Custom Link 5 Title" content="" />
  56. <meta name="text:Custom Link 6" content="" />
  57. <meta name="text:Custom Link 6 Title" content="" />
  58. <meta name="text:Custom Link 7" content="" />
  59. <meta name="text:Custom Link 7 Title" content="" />
  60. <meta name="text:Custom Link 8" content="" />
  61. <meta name="text:Custom Link 8 Title" content="" />
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Borders}}; height:auto;}
  67. ::-webkit-scrollbar-thumb:horizontal {background-color:#FFFFFF;height:10px !important;}
  68. ::-webkit-scrollbar {height:10px; width:10px; background-color:{color:Posts};}
  69.  
  70. body {
  71. background-color: {color:Backgroundd};
  72. background-image: url('{image:Background}');
  73. background-attachment:fixed;
  74. background-position:left;
  75. background-repeat:repeat;
  76. font-family: Calibri;
  77. font-size: 11px;
  78. color: {color:Text};
  79. letter-spacing: 1px;
  80. }
  81.  
  82. b, strong {
  83. color: {color:Strong text};
  84. text-decoration: none;
  85. }
  86.  
  87. i, em {
  88. color: {color:em text};
  89. border-bottom: 1px dotted {color:Borders};
  90. }
  91.  
  92. u {
  93. color: {color:Underline text};
  94. }
  95.  
  96. ::-moz-selection {
  97. color: {color:Selected text};
  98. }
  99.  
  100. ::selection {
  101. color: {color:Selected text};
  102. }
  103.  
  104. a {
  105. color: {color:Link};
  106. text-decoration: none;
  107. -webkit-transition: all 0.4s ease-in-out;
  108. -moz-transition: all 0.4s ease-in-out;
  109. -o-transition: all 0.4s ease-in-out;
  110. -ms-transition: all 0.4s ease-in-out;
  111. transition: all 0.4s ease-in-out;
  112. }
  113.  
  114. a:hover {
  115. color: {color:Link Hover};
  116. }
  117.  
  118.  
  119. #wrapper {
  120. width: 795px;
  121. margin: auto;
  122. }
  123.  
  124. #content {
  125. position: absolute;
  126. top: 10px;
  127. width: 523px;
  128. }
  129.  
  130.  
  131. #post {
  132. padding: 10px;
  133. margin-bottom: 5px;
  134. background-color: {color:Posts};
  135. border: 1px dotted {color:Borders};
  136. }
  137.  
  138.  
  139. .sidebar {
  140. margin-left: 570px;
  141. position: fixed;
  142. top: 10px;
  143. width: 230px;
  144. font-size: 10px;
  145. color: {color:Sidebar text};
  146. }
  147.  
  148. .sidebarbox {
  149. background-color: {color:Sidebar};
  150. border: 1px dotted {color:Borders};
  151. padding: 10px;
  152. width: 230px;
  153. margin-bottom: 15px;
  154. }
  155.  
  156. .sidebaricons {
  157. background-color: {color:Sidebar};
  158. border: 1px dotted {color:Borders};
  159. padding: 5px;
  160. width: 240px;
  161. margin-bottom: 10px;
  162. }
  163.  
  164.  
  165. .box {
  166. background-color: {color:Posts};
  167. border: 1px dotted {color:Borders};
  168. padding: 5px;
  169. width: 511px;
  170. margin-bottom: 30px;
  171. }
  172.  
  173. .sidebarimage img {
  174. max-width: 230px;
  175. height: auto;
  176. text-align: center;
  177. vertical-align: top;
  178. }
  179.  
  180.  
  181. .date {
  182. width: 35px;
  183. background-color: {color:Posts};
  184. border: 1px dotted {color:Borders};
  185. padding: 5px 0px;
  186. margin: 10px 0px -56px -51px;
  187. width: 50px;
  188. font-size: 15px;
  189. font-weight: bold;
  190. text-align: center;
  191. color: {color:Date}
  192. }
  193.  
  194. .day {
  195. font-size: 18px;
  196. }
  197.  
  198. .date a {
  199. color: {color:Date};
  200. }
  201.  
  202. .ask {
  203. padding: 1px;
  204. margin-bottom: 5px;
  205. }
  206.  
  207. #audioplayer {
  208. width:30px;
  209. height:30px;
  210. overflow:hidden;
  211. position:absolute;
  212. margin-top:37px;
  213. margin-left:35px;
  214. }
  215.  
  216. #albumart {
  217. position: absolute;
  218. width: 100px;
  219. height: 100px;
  220. }
  221.  
  222. #albumart img {
  223. width: 100px;
  224. height: 100px;
  225. float: left;
  226. margin-right: 5px;
  227. margin-bottom: 5px;
  228. }
  229.  
  230. .audiodescription {
  231. margin-left: 105px;
  232. }
  233.  
  234. .linktitle {
  235. font-size: 15px;
  236. font-family: Calibri;
  237. letter-spacing: -1px;
  238. line-height: 25px;
  239. }
  240.  
  241. .linkdescription {
  242. border-top: 1px dotted {color:Borders};
  243. }
  244.  
  245. .post img {
  246. display: block;
  247. margin: 0 auto;
  248. }
  249.  
  250. .notesandtags {
  251. padding: 1px;
  252. }
  253.  
  254.  
  255. .tags {
  256. font-size: 11px;
  257. display: inline
  258. text-transform: lowercase;
  259. font-family: Calibri;
  260. letter-spacing: 1px;
  261. color: {color:Text};
  262. }
  263.  
  264.  
  265. .notes {
  266. float: right;
  267. }
  268.  
  269.  
  270. .time {
  271. font-family: calibri;
  272. font-size: 11px;
  273. color: {color:Text};
  274. }
  275.  
  276. h3 {
  277. font-size: 20px;
  278. }
  279.  
  280. blockquote {
  281. padding-left: 7px;
  282. border-left: 1px dotted {color:Borders};
  283. margin-left: 10px;
  284. }
  285.  
  286. .quote {
  287. font-family: Calibri;
  288. font-size: 17px;
  289. color: {color:Link};
  290. letter-spacing: 1px;
  291. }
  292.  
  293. .blogtitle {
  294. font-family: 'ABeeZee', sans-serif;
  295. padding: 7px;
  296. font-size: 18px;
  297. color: {color:Link};
  298. letter-spacing: 1px;
  299. text-align: right;
  300. font-style: italic;
  301. }
  302.  
  303. .blogtitle a:hover{
  304. color: {color:Link};
  305. }
  306.  
  307. .source {
  308. margin-left: 25px;
  309. }
  310.  
  311. ul.chat {
  312. margin: 0;
  313. padding: 0;
  314. }
  315.  
  316. .chat li {
  317. list-style-type: none;
  318. margin-left: 0px;
  319. padding: 0px;
  320. }
  321.  
  322. .chat li.odd {
  323. margin-bottom: 1px;
  324. color: {color:Text};
  325. }
  326.  
  327. .chat li.even {
  328. margin-bottom: 1px;
  329. color: {color:Text};
  330. }
  331.  
  332. .label {
  333. font-weight: bold;
  334. }
  335.  
  336. .title {
  337. font-size: 15px;
  338. font-family: Calibri;
  339. letter-spacing: -1px;
  340. line-height: 25px;
  341. border-bottom: 1px dotted {color:Borders};
  342. }
  343.  
  344. .navi {
  345. font-family: Calibri;
  346. font-size: 10px;
  347. position: relative;
  348. padding: 3px;
  349. width: 230px;
  350. border: 0px solid white;
  351. color: {color:Navigation Text};
  352. background: {color:Navigation};
  353. }
  354.  
  355. #credits {
  356. position: fixed;
  357. bottom: 10px;
  358. left: 10px;
  359. text-transform: uppercase;
  360. font: 10px calibri;
  361. background-color: {color:Posts};
  362. padding: 2px;
  363. letter-spacing: 0px;
  364. border: 1px dotted {color:Borders};
  365. }
  366.  
  367.  
  368. ol.notes {
  369. padding: 0px;
  370. margin 0px 0px;
  371. list-style-type: decimal;
  372. float: left;
  373. margin-left: -6px;
  374. margin-top: 11px;
  375. width: 523px;
  376. }
  377.  
  378. ol.notes li.note {
  379. border: 1px dotted {color:Borders};
  380. background-color: {color:Posts};
  381. padding: 10px;
  382. margin-bottom: 5px;
  383. }
  384.  
  385. ol.notes li.note img.avatar {
  386. width: 0px;
  387. height: 0px;
  388. }
  389.  
  390. {CustomCSS}
  391. </style>
  392.  
  393. <title>{Title}</title>
  394.  
  395. </head>
  396.  
  397. <body>
  398.  
  399. <div id="credits"><a href="http://tearofthemoon.tumblr.com/" title="Theme by &copy; tearofthemoon - Powered by &copy; tumblr">&copy;</a></div>
  400.  
  401.  
  402. <div id="wrapper">
  403.  
  404. <div id="content">
  405.  
  406. <div class="box">
  407. <div class="blogtitle">
  408. <a href="/">{title}</a>
  409. </div>
  410. </div>
  411.  
  412. {block:Posts}
  413.  
  414. {block:ContentSource}
  415. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  416. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  417. {/block:SourceLogo}
  418. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  419. {/block:ContentSource}
  420.  
  421. {block:IfShowDate}{block:Date}<div class="date"><a href="{Permalink}">
  422. <div class="day">{DayOfMonth}</div>
  423. {ShortMonth}</a>
  424. </div>{/block:Date}{/block:IfShowDate}
  425.  
  426. <div id="post">
  427.  
  428.  
  429.  
  430. {block:Answer}
  431. </a><div class="ask"><strong>{Asker}</strong> said: {Question}</div>
  432. <div class="linkdescription">{Answer}</div>
  433. {/block:answer}
  434.  
  435. {block:Text}
  436. <div class="post">
  437. {block:Title}
  438. <div class="title"><a href="{Permalink}">{Title}</a></div>
  439. {/block:Title}
  440. {Body}
  441. </div>
  442. {/block:Text}
  443.  
  444. {block:Photo}
  445. <div class="post">
  446. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  447. {block:Caption}
  448. <div class="caption">{Caption}</div>
  449. {/block:Caption}
  450. </div>
  451. {/block:Photo}
  452.  
  453. {block:Photoset}
  454. <div class="post">
  455. <center>{Photoset-500}</center>
  456. {block:Caption}
  457. <div class="caption">{Caption}</div>
  458. {/block:Caption}
  459. </div>
  460. {/block:Photoset}
  461.  
  462. {block:Quote}
  463. <div class="post">
  464. <span class="quote">{Quote}</span>
  465. {block:Source}
  466. <div class="source">— {Source}</div>
  467. {/block:Source}
  468. </div>
  469. {/block:Quote}
  470.  
  471. {block:Link}
  472. <div class="post">
  473. <a href="{URL}" class="linktitle" {Target}>{Name}&ensp;»</a>
  474. {block:Description}
  475. <div class="linkdescription">{Description}</div>
  476. {/block:Description}
  477. </div>
  478. {/block:Link}
  479.  
  480. {block:Chat}
  481. <div class="post">
  482. {block:Title}
  483. <div class="title"><a href="{Permalink}">{Title}</a></div>
  484. {/block:Title}
  485. <ul class="chat">
  486. {block:Lines}
  487. <li class="{Alt} user_{UserNumber}">
  488. {block:Label}
  489. <span class="label">{Label}</span>
  490. {/block:Label}
  491. {Line}
  492. </li>
  493. {/block:Lines}
  494. </ul>
  495. </div>
  496. {/block:Chat}
  497.  
  498. {block:Video}
  499. <div class="post">
  500. <center>{Video-500}</center>
  501. {block:Caption}
  502. <div class="caption">{Caption}</div>
  503. {/block:Caption}
  504. </div>
  505. {/block:Video}
  506.  
  507. {block:Audio}
  508. <div id="albumart"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" width="100"></div>{block:AlbumArt}<div id="albumart"><img src="{AlbumArtURL}" width="100"></div>{/block:AlbumArt}
  509. <div id="audioplayer">{AudioPlayerWhite} </div>
  510. <br><br><div class="audiodescription">
  511. <strong>Artist:</strong>{block:Artist} {Artist}
  512. {/block:Artist}<br>
  513. <strong>Album:</strong>{block:Album} {Album}
  514. {/block:Album}
  515. <br>
  516. <strong>Track:</strong>{block:TrackName} {TrackName}
  517. {/block:TrackName}
  518. <br>
  519. <strong>Plays:</strong> {FormattedPlayCount}</div><br><br>
  520. {block:Caption}{Caption}{/block:Caption}
  521. {/block:Audio}
  522.  
  523. </div>
  524.  
  525. {block:Date}
  526. <div class="box">
  527. {block:IndexPage}<div class="notesandtags">
  528. <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}
  529. <div class="notes"><a href="{Permalink}">{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  530. </div>{/block:IndexPage}
  531.  
  532.  
  533.  
  534. {block:PermalinkPage}<div class="notesandtags">
  535. <div class="time">{block:Date}Posted at <a href="{Permalink}">{12Hour}:{Minutes} {AmPm}</a>{/block:Date} {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:Date}on {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} {block:RebloggedFrom}/ <a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  536. </div><div class="tags">{block:HasTags}Filed under: {block:Tags}<a href="{TagURL}" class="tag"><font color="{color:Link}">#</font>{Tag} </a>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  537. </div>
  538.  
  539. </div>
  540. {/block:Date}
  541. {block:PostNotes}
  542. <div id="notecontainer">{PostNotes}</div>
  543. {/block:PostNotes}
  544.  
  545.  
  546. </a>
  547. {/block:Posts}
  548. </div>
  549.  
  550. <div class="sidebar">
  551.  
  552. <div class="sidebaricons">
  553. <center>
  554.  
  555. <a href="/" title="home"><img src="http://24.media.tumblr.com/tumblr_m90s9rujNh1qdjnhdo1_100.png"></a>&ensp;&ensp;
  556. <a href="/archive" title="archive"><img src="http://25.media.tumblr.com/tumblr_m90s9rujNh1qdjnhdo2_100.png"></a>&ensp;&ensp;
  557. <a href="/ask" title="message"><img src="http://24.media.tumblr.com/tumblr_m90s9rujNh1qdjnhdo3_100.png"></a>&ensp;&ensp;
  558. <a href="http://tearofthemoon.tumblr.com/" title="theme"><img src="http://25.media.tumblr.com/tumblr_m90s9rujNh1qdjnhdo4_100.png"></a>
  559.  
  560.  
  561. <center>
  562. </div>
  563.  
  564. {block:IfShowPicture}<div class="sidebarbox"><div class="sidebarimage"><img src="{image:sidebar}"/></div></div>{/block:IfShowPicture}
  565.  
  566. {block:IfShowNavigation}
  567. <div class="sidebarbox">
  568.  
  569. <select onChange="location.href=this.options[this.selectedIndex].value;" class="navi">
  570. <option value="/">navigation</option>
  571. {block:IfCustomLink1}<option value="{text:Custom Link 1}">{text:Custom Link 1 Title}</option>{/block:IfCustomLink1}
  572. {block:IfCustomLink2}<option value="{text:Custom Link 2}">{text:Custom Link 2 Title}</option>{/block:IfCustomLink2}
  573. {block:IfCustomLink3}<option value="{text:Custom Link 3}">{text:Custom Link 3 Title}</option>{/block:IfCustomLink3}
  574. {block:IfCustomLink4}<option value="{text:Custom Link 4}">{text:Custom Link 4 Title}</option>{/block:IfCustomLink4}
  575. {block:IfCustomLink5}<option value="{text:Custom Link 5}">{text:Custom Link 5 Title}</option>{/block:IfCustomLink5}
  576. {block:IfCustomLink6}<option value="{text:Custom Link 6}">{text:Custom Link 6 Title}</option>{/block:IfCustomLink6}
  577. {block:IfCustomLink7}<option value="{text:Custom Link 7}">{text:Custom Link 7 Title}</option>{/block:IfCustomLink7}
  578. {block:IfCustomLink8}<option value="{text:Custom Link 8}">{text:Custom Link 8 Title}</option>{/block:IfCustomLink8}
  579. </select>
  580.  
  581. </div>
  582. {/block:IfShowNavigation}
  583.  
  584. {block:IfShowDescription}<div class="sidebarbox">{block:Description}{Description}{/block:Description}</div>{/block:IfShowDescription}
  585.  
  586.  
  587.  
  588. {block:Pagination}
  589. <div class="sidebarbox">
  590. Page {CurrentPage} of {TotalPages}
  591. &ensp;&ensp;&ensp;&ensp;
  592. {block:PreviousPage}
  593. <a href="{PreviousPage}">«</a>
  594. {/block:PreviousPage}
  595.  
  596. {block:JumpPagination length="3"}
  597. {block:CurrentPage}
  598. <span class="current_page">{PageNumber}</span>
  599. {/block:CurrentPage}
  600.  
  601. {block:JumpPage}
  602. <a class="jump_page" href="{URL}">{PageNumber}</a>
  603. {/block:JumpPage}
  604. {/block:JumpPagination}
  605.  
  606. {block:NextPage}
  607. <a href="{NextPage}">»</a>
  608. {/block:NextPage}
  609. </div> {/block:Pagination}
  610.  
  611.  
  612.  
  613.  
  614.  
  615. </div>
  616.  
  617. </div>
  618.  
  619. </body>
  620. </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!