API tools faq
paste
Advertisement
rosefeatherthemes

THEME #27 BY ROSEFEATHER.TUMBLR

rosefeatherthemes
Oct 12th, 2013
2,433
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.08 KB | None | 0 0
raw download clone embed print report
  1. <!-------------------------
  2. theme #27 by rosefeather@tumblr
  3. -------------------------->
  4.  
  5. <html>
  6.  
  7. <head>
  8.  
  9. <title>{Title}</title>
  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. <script type="text/javascript"
  17. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  18.  
  19. <script type="text/javascript" src="http://static.tumblr.com/ko1mcho/PMbmlkh9e/jquery.style-my-tooltips.js"></script>
  20.  
  21. <script>
  22. (function($){
  23. $(document).ready(function(){
  24. $("[title],a[title],img[title]").style_my_tooltips({
  25. tip_follows_cursor:"true",
  26. tip_delay_time:100,
  27. tip_fade_speed:100,
  28. attribute:"title"
  29. });
  30. });
  31. })(jQuery);
  32. </script>
  33.  
  34. </head>
  35.  
  36.  
  37. <meta name="color:background" content="#ffffff"/>
  38. <meta name="color:text" content="#6f6e6e"/>
  39. <meta name="color:title" content="#6b6b6b"/>
  40. <meta name="color:top" content="#fafafa"/>
  41. <meta name="color:link" content="#868686"/>
  42. <meta name="color:link hover" content="#868686"/>
  43.  
  44. <meta name="text:link 1" content="/" />
  45. <meta name="text:link 1 title" content="link 1" />
  46. <meta name="text:link 2" content="/" />
  47. <meta name="text:link 2 title" content="link 2" />
  48. <meta name="text:link 3" content="/" />
  49. <meta name="text:link 3 title" content="link 3" />
  50. <meta name="text:link 4" content="/" />
  51. <meta name="text:link 4 title" content="link 4" />
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56.  
  57. body {
  58. font-family:arial;
  59. font-size:10px;
  60. font-style:none;
  61. text-align:justify;
  62. line-height:150%;
  63. color:{color:text};
  64. background:{color:background};
  65. }
  66.  
  67. a:link, a:visited, a:active {
  68. -moz-transition:0.2s ease-in;
  69. -webkit-transition:0.2s ease-in;
  70. -o-transition:0.2s ease-in;
  71. transition:0.2s ease-in;
  72. text-decoration:none;
  73. color:{color:link};
  74. }
  75.  
  76. a:hover {
  77. -moz-transition:0.2s ease-in;
  78. -webkit-transition:0.2s ease-in;
  79. -o-transition:0.2s ease-in;
  80. transition:0.2s ease-in;
  81. text-decoration:none;
  82. color:{color:link hover};
  83. }
  84.  
  85. small {
  86. font-size:10px;
  87. }
  88.  
  89. blockquote {
  90. border-left:1px solid #f4f4f4;
  91. padding-left:10px;
  92. margin:10px;
  93. max-width:400px!important;
  94. {block:PermalinkPage}
  95. max-width:500px!important;
  96. {/block:PermalinkPage}
  97. }
  98.  
  99. h1 {
  100. text-transform:none;
  101. font-size:11px;
  102. text-decoration:none;
  103. text-align:left;
  104. font-weight:bold;
  105. letter-spacing:0px;
  106. font-style:none;
  107. line-height:130%;
  108. color:{color:title};
  109. }
  110.  
  111. h2 {
  112. font-weight:normal;
  113. font-style:italic;
  114. text-align:center;
  115. line-height:150%;
  116. text-transform:none;
  117. font-size:12px;
  118. letter-spacing:0px;
  119. color:{color:title};
  120. }
  121.  
  122. .s {
  123. text-align:center;
  124. font-style:none;
  125. padding-bottom:5px;
  126. padding-top:10px;
  127. }
  128.  
  129. #content {
  130. margin-bottom:40px;
  131. margin-left:auto;
  132. margin-right:auto;
  133. left:auto;
  134. background:transparent;
  135. width:500px;
  136. {block:PermalinkPage}
  137. width:500px;
  138. {/block:PermalinkPage}
  139. }
  140.  
  141. .entry {
  142. margin-left:auto;
  143. margin-right:auto;
  144. padding-top:100px;
  145. left:auto;
  146. width:400px;
  147. {block:PermalinkPage}
  148. width:500px;
  149. {/block:PermalinkPage}
  150. }
  151.  
  152. .posts {
  153. margin-bottom:120px;
  154. line-height:13px;
  155. margin-left:auto;
  156. margin-right:auto;
  157. left:auto;
  158. width:400px;
  159. {block:PermalinkPage}
  160. width:500px;
  161. {/block:PermalinkPage}
  162. }
  163.  
  164.  
  165. .info {
  166. font-size:8px;
  167. text-transform:uppercase;
  168. text-align:left;
  169. padding:10px;
  170. padding-left:0px;
  171. font-style:none;
  172. word-spacing:3px;
  173. }
  174.  
  175.  
  176. .tags {
  177. text-transform:uppercase;
  178. word-spacing:2px;
  179. padding-top:1px;
  180. }
  181.  
  182.  
  183. #top {
  184. margin-left:auto;
  185. margin-right:auto;
  186. left:auto;
  187. height:auto;
  188. width:450px;
  189. margin-top:20px;
  190. background:{color:top};
  191. }
  192.  
  193. .title {
  194. font-size:20px;
  195. font-style:none;
  196. margin-top:80px;
  197. padding-bottom:10px;
  198. text-align:right;
  199. margin-left:auto;
  200. margin-right:auto;
  201. border-bottom:1px dotted #e9e7e7;
  202. width:400px;
  203. font-family:arial;
  204. color:{color:title};
  205. }
  206.  
  207. .title a {
  208. color:{color:title};
  209. }
  210.  
  211. .navigation {
  212. text-align:center;
  213. line-height:200%;
  214. padding-top:20px;
  215. font-size:7px;
  216. background:transparent;
  217. margin-left:auto;
  218. margin-right:auto;
  219. word-spacing:8px;
  220. }
  221.  
  222. .navigation a {
  223. margin-left:auto;
  224. margin-right:auto;
  225. text-align:center;
  226. text-transform:uppercase;
  227. background:#fff;
  228. padding:5px 7px 5px 7px;
  229. }
  230.  
  231. .navigation a:hover {
  232. background:#fafafa;
  233. }
  234.  
  235.  
  236. .description {
  237. padding-top:20px;
  238. text-align:block;
  239. padding-bottom:20px;
  240. line-height:130%;
  241. font-size:9px;
  242. letter-spacing:0px;
  243. margin-left:auto;
  244. margin-right:auto;
  245. width:400px;
  246. }
  247.  
  248. .pagination {
  249. font-size:10px;
  250. letter-spacing:0px;
  251. word-spacing:1px;
  252. margin-left:auto;
  253. margin-right:auto;
  254. font-style:italic;
  255. text-decoration:none;
  256. text-align:center;
  257. position:relative;
  258. padding-bottom:10px;
  259. width:400px;
  260. word-spacing:2px;
  261. }
  262.  
  263. #askbox {
  264. height:auto;
  265. min-height:48px;
  266. }
  267.  
  268. .pic {
  269. width:48px;
  270. height:48px;
  271. }
  272.  
  273. .pic img {
  274. width:48px;
  275. height:48px;
  276. float:left;
  277. }
  278.  
  279. .question {
  280. background:transparent;
  281. padding:13px;
  282. font-style:none;
  283. min-height:48px;
  284. text-transform:lowercase;
  285. margin-left:50px;
  286. margin-top:-63px;
  287. }
  288.  
  289. .asker {
  290. text-transform:lowercase;
  291. font-weight:bold;
  292. }
  293.  
  294. .answer {
  295. padding-bottom:4px;
  296. }
  297.  
  298. #audio {
  299. height:auto;
  300. min-height:130px;
  301. width:400px;
  302. }
  303.  
  304. .cover {
  305. position:absolute;
  306. z-index:1;
  307. width:120px;
  308. height:120px;
  309. }
  310.  
  311. .cover img {
  312. float:left;
  313. width:120px;
  314. height:120px;
  315. box-shadow:2px 4px 3px rgba(0,0,0,0.1);
  316. }
  317.  
  318. .playbutton {
  319. width:30px;
  320. height:40px;
  321. overflow:hidden;
  322. position:relative;
  323. z-index:1000;
  324. margin-top:12px;
  325. margin-left:12px;
  326. }
  327.  
  328. .playbox {
  329. background-color:#fff;
  330. position:absolute;
  331. z-index: 1000;
  332. margin-top:35px;
  333. margin-left:35px;
  334. opacity:0.6;
  335. width:50px;
  336. height:50px;
  337. -moz-border-radius:100%;
  338. border-radius:100%;
  339. }
  340.  
  341. .audioinfo {
  342. margin-left:130px;
  343. font-size:10px;
  344. display:block;
  345. background:#fff;
  346. padding:8px;
  347. line-height:130%;
  348. }
  349.  
  350. .chat ol {
  351. padding:0;
  352. line-height:180%;
  353. list-style:none;
  354. }
  355.  
  356. .line.odd {
  357. background:#f4f4f4;
  358. margin-bottom:2px;
  359. padding:5px;
  360. }
  361.  
  362. .line.even {
  363. background:#fafafa;
  364. padding:5px;
  365. margin-bottom:2px;
  366. }
  367.  
  368. .label {
  369. padding-right:1px;
  370. text-transform:uppercase;
  371. font-weight:bold;
  372. color:{color:link};
  373. }
  374.  
  375. ol.notes {
  376. padding:0px;
  377. margin:25px 0px;
  378. list-style-type:none;
  379. width:500px;
  380. text-align:center;
  381. }
  382. ol.notes li.note {
  383. padding: 10px;
  384. }
  385. ol.notes li.note img.avatar {
  386. vertical-align:-4px;
  387. margin-right:10px;
  388. width:16px;
  389. height:16px;
  390. -webkit-border-radius:100px;
  391. -moz-border-radius:100px;
  392. border-radius:100px;
  393. }
  394. ol.notes li.note span.action {
  395. font-weight:normal;
  396. }
  397. ol.notes li.note .answer_content {
  398. font-weight:normal;
  399. }
  400. ol.notes li.note blockquote {
  401. padding:9px 6px 9px 6px;
  402. margin:10px 0px 0px 25px;
  403. }
  404.  
  405. .image {
  406. text-align:center;
  407. margin-left:auto;
  408. margin-right:auto;
  409. }
  410.  
  411. .image img {
  412. width:150px;
  413. }
  414.  
  415. #s-m-t-tooltip{
  416. font-family:arial;
  417. font-size:7px;
  418. text-align:center;
  419. height:10px;
  420. width:auto;
  421. padding:4px;
  422. margin-top:20px;
  423. margin-left:15px;
  424. background:#fff;
  425. text-transform:uppercase;
  426. line-height:120%;
  427. position:absolute;
  428. z-index:1000;
  429. display:none;
  430. color:{color:link};
  431. }
  432.  
  433. #credit {
  434. font-family:calibri;
  435. font-size:11px;
  436. text-transform:uppercase;
  437. bottom:15px;
  438. right:15px;
  439. position:fixed;
  440. width:15px;
  441. height:15px;
  442. padding:4px;
  443. display:block;
  444. text-align:center;
  445. line-height:150%;
  446. -webkit-transition:opacity 0.6s linear;
  447. opacity:0.6s;
  448. -webkit-transition:all 0.3s ease-out;
  449. -moz-transition:all 0.3s ease-out;
  450. transition:all 0.3s ease-out;
  451. }
  452.  
  453. #credit:hover {
  454. background-color:#a3a3a3;
  455. }
  456.  
  457. #credit:hover a {
  458. text-decoration:none;
  459. color:#fff;
  460. -webkit-transition:opacity 0.6s linear;
  461. opacity:0.6s;
  462. -webkit-transition:all 0.3s ease-out
  463. -moz-transition:all 0.3s ease-out;
  464. transition:all 0.3s ease-out;
  465. }
  466.  
  467. </style>
  468.  
  469. <body>
  470.  
  471. <div id="content">
  472.  
  473. <div class="title">
  474. <a href="/">{Title}</a></div>
  475.  
  476. <div id="top">
  477.  
  478. <div class="description">
  479. {block:Description}
  480. {Description}
  481. {/block:Description}
  482. </div>
  483.  
  484. </div>
  485.  
  486. <div class="navigation">
  487. <a href="/" title="home">i</a>
  488. <a href="/ask" title="ask">ii</a>
  489. {block:ifLink1}<a href="{text:link 1}" title="{text:link 1 title}">iii</a> {/block:ifLink1}
  490. {block:ifLink2}<a href="{text:link 2}" title="{text:link 2 title}">iv</a> {/block:ifLink2}
  491. {block:ifLink3}<a href="{text:link 3}" title="{text:link 3 title}">v</a> {/block:ifLink3}
  492. {block:ifLink4}<a href="{text:link 4}" title="{text:link 4 title}">vi</a>{/block:ifLink4}
  493. </div>
  494.  
  495. <div class="entry">
  496.  
  497. {block:Posts}
  498.  
  499. <div class="posts">
  500.  
  501.  
  502. {block:Text}
  503. {block:Title}
  504. <h1>{Title}</h1>
  505. {/block:Title}
  506. {Body}
  507. {/block:Text}
  508.  
  509. {block:Quote}
  510. <h2>"{Quote}"</h2>
  511. <div class="s">
  512. {Source}</div>
  513. {/block:Quote}
  514.  
  515. {block:Link}
  516. <a href="{URL}">
  517. <h1>{Name}</h1></a>
  518. {block:Description}
  519. <p>{Description}</p>
  520. {/block:Description}
  521. {/block:Link}
  522.  
  523. {block:Photo}
  524. {block:IndexPage}
  525. <center>
  526. <img src="{PhotoURL-400}"/>
  527. </center>
  528. {/block:IndexPage}
  529. {block:PermalinkPage}
  530. <center>
  531. <img src="{PhotoURL-500}"/>
  532. </center>
  533. {/block:PermalinkPage}
  534. {block:Caption}
  535. {Caption}
  536. {/block:Caption}
  537. {/block:Photo}
  538.  
  539. {block:Photoset}
  540. {block:IndexPage}
  541. {Photoset-400}
  542. {/block:IndexPage}
  543. {block:PermalinkPage}
  544. {Photoset-500}
  545. {/block:PermalinkPage}
  546. {block:Caption}
  547. {Caption}
  548. {/block:Caption}
  549. {/block:Photoset}
  550.  
  551. {block:Chat}
  552. {block:Title}
  553. <h1>{Title}</h1>
  554. {/block:Title}
  555. <div class="chat">
  556. <ol>{block:Lines}
  557. <li class="line {Alt}">
  558. {block:Label}
  559. <span class="label">
  560. {Label}</span>
  561. {/block:Label}{Line}</li>
  562. {/block:Lines}
  563. </ol></div>
  564. {/block:Chat}
  565.  
  566. {block:Video}
  567. {block:IndexPage}
  568. {Video-400}
  569. {/block:IndexPage}
  570. {block:PermalinkPage}
  571. {Video-500}
  572. {/block:PermalinkPage}
  573. {block:Caption}
  574. {Caption}
  575. {/block:Caption}
  576. {/block:Video}
  577.  
  578. {block:Answer}
  579. <div id="askbox">
  580. <div class="pic">
  581. <a href="{AskerURL}">
  582. <img src="{AskerPortraitURL-48}" />
  583. </a></div>
  584. <div class="question">
  585. <span class="asker">
  586. {Asker} said:</span><br>
  587. {Question}</div></div>
  588. <div class="answer">
  589. {Answer}</div>
  590. {/block:Answer}
  591.  
  592. {block:Audio}<div id="audio"><div class="cover"><img src="http://31.media.tumblr.com/00875d07f9a24cb51966ee9d0dc90bbf/tumblr_msrqgihNaz1qe3j9mo1_400.png"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  593. <div class="audioinfo">
  594. <b>Artist:</b><span {block:Artist} style="display:none;"{/block:Artist}> Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  595. <div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  596. <div class="audioinfo"><b>Album:</b><span {block:Album} style="display:none;"{/block:Album}> Unknown</span> {block:Album}{Album}{/block:Album}</div>
  597. <div class="audioinfo"><b>Played:</b>{block:PlayCount} {PlayCount} times{/block:PlayCount}</div></div>
  598. {/block:Audio}
  599.  
  600. <div class="info">
  601.  
  602. {block:Date}
  603. <a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  604. {/block:Date}
  605.  
  606. {block:NoteCount}
  607. &bullet; <a href="{Permalink}">
  608. {NoteCountWithLabel}</a>
  609. {/block:NoteCount}
  610.  
  611.  
  612. <div class="tags">
  613.  
  614. {block:HasTags}
  615. tagged:
  616. {block:Tags}
  617. #<a href="{TagURL}">{Tag}</a>&nbsp;
  618. {/block:Tags}
  619. {/block:HasTags}
  620.  
  621. </div>
  622.  
  623. </div>
  624.  
  625. </div>
  626.  
  627. {/block:Posts}
  628.  
  629. </div>
  630.  
  631.  
  632. <div class="pagination">
  633. {block:Pagination}{block:PreviousPage}
  634. <a href="{PreviousPage}">previous page </a> &nbsp;-&nbsp;{/block:PreviousPage}{block:NextPage} <a href="{NextPage}"> next page</a>
  635. {/block:NextPage}{/block:Pagination}</div>
  636.  
  637. {block:ContentSource}
  638. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}{block:PostNotes}{PostNotes}{/block:PostNotes}
  639.  
  640. </div>
  641.  
  642. <div id="credit">
  643. <a href="http://rosefeather.tumblr.com">RF</a>
  644. </div>
  645.  
  646. </body>
  647. </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!