API tools faq
paste
Advertisement
ruedamour

Rosette

ruedamour
Apr 9th, 2014
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.99 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <head>
  6.  
  7.  
  8. <title>{title}</title>
  9. <link rel="shortcut icon" href="{FavIcon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12. <link href="/menu_assets/styles.css" rel="stylesheet" type="text/css">
  13.  
  14. {block:Description}
  15. <meta name="description" content="{MetaDescription}" />
  16. {/block:Description}
  17.  
  18. <!-- Default Variables -->
  19. <meta name="image:Sidebar" content="http://media.tumblr.com/c231011214927d7465bd37878e1650c9/tumblr_inline_mlgvkwVXOg1qfamg6.png"/>
  20. <meta name="image:Background" content=""/>
  21. <meta name="image:Cursor" content="http://img69.imageshack.us/img69/7673/cursorw.png"/>
  22. <meta name="image:Cursor Link" content="http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif"/>
  23. <meta name="color:Body Background" content="#ffffff"/>
  24. <meta name="color:Body" content="#c7c7c7"/>
  25. <meta name="font:Body" content=" 'Arial', sans-serif" />
  26. <meta name="text:Body" content="7pt" />
  27. <meta name="color:Link" content="#c7c7c7"/>
  28. <meta name="color:Link Hover" content="#777777"/>
  29. <meta name="color:h1" content="#777777"/>
  30. <meta name="font:h1" content=" 'Comic Sans', sans-serif" />
  31. <meta name="text:h1" content="14px" />
  32.  
  33. <meta name="text:Custom Link" content="" />
  34. <meta name="text:Custom Link Title" content="Link" />
  35. <meta name="text:Custom Link Two" content="" />
  36. <meta name="text:Custom Link Two Title" content="Link" />
  37.  
  38. <style type="text/css">
  39.  
  40.  
  41. iframe#tumblr_controls {
  42. right:5px !important;
  43. position: fixed !important;z-index:999999;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;}
  44.  
  45. iframe#tumblr_controls:hover{white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);opacity:0.4;
  46. }
  47.  
  48. body{
  49. margin:0;
  50. color:{color:Body};
  51. background-color:{color:Body Background};
  52. background-image:url({image:Background});
  53. background-repeat:repeat;
  54. background-attachment: fixed;
  55. font-family: {font:Body};
  56. font-size:{text:Body};
  57. line-height: 12px;
  58. text-align:left;
  59. cursor: url({image:Cursor}), auto;
  60. }
  61.  
  62. a, a:link, a:active, a:visited{
  63. color:{color:Link};
  64. text-decoration: none;
  65. cursor: url({image:Cursor Link}), progress !important;
  66. text-transform:lowercase;
  67. letter-spacing:1px;
  68. }
  69.  
  70. a:hover {
  71. color:{color:Link Hover};
  72. text-decoration: none;
  73. cursor: url('http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif'), progress !important;
  74. -webkit-transition: 0.7s ease-in;
  75. -webkit-transition: all 0.5s ease-out;
  76. -moz-transition: all 0.5s ease-out;
  77. -o-transition: all 0.5s ease-out;
  78. text-shadow:2px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  79. }
  80.  
  81. #content{
  82. width:1196px;
  83. margin-left:-598px;
  84. left:50%;
  85. float: left;
  86. margin-top:0px;
  87. background-color:{color:Body Background};
  88. position: absolute;
  89. background-image:url();
  90. background-attachment: fixed;
  91. background-repeat: repeat;
  92. }
  93.  
  94. #posts{
  95. position:relative;
  96. float:left;
  97. z-index:999;
  98. width:795px;
  99. margin-top:15px;
  100. margin-left:360px;
  101. padding:5px;
  102. background-color:{color:Body Background};
  103. }
  104.  
  105.  
  106. #entry {
  107. {block:IndexPage}
  108. width:250px;
  109. margin-top:5px;
  110. margin-left:5px;
  111. {/block:IndexPage}
  112. {block:PermalinkPage}
  113. width:400px;
  114. margin-bottom:10px;
  115. {/block:PermalinkPage}
  116. float:left;
  117. position:relative;
  118. background-color:{color:Body Background};
  119. padding:4px;
  120. padding-bottom:1px;
  121. overflow:hidden;;
  122. }
  123.  
  124. #entry img{
  125. {block:IndexPage}
  126. max-width:250px;
  127. {/block:IndexPage}
  128. {block:PermalinkPage}
  129. max-width:400px;
  130. {/block:PermalinkPage}
  131. }
  132.  
  133. .perma {
  134. opacity: 0.0;
  135. filter: alpha(opacity = 0);
  136. z-index:9999;
  137. display: inline-block;
  138. position: absolute;
  139. text-align: center;
  140. top: -45%;
  141. left: 2px;
  142. width: 100%;
  143. -webkit-transition: opacity 0.9s ease-out; opacity: 0.0;
  144. -webkit-transition: all 0.9s ease-out;
  145. -moz-transition: all 0.9s ease-out;
  146. transition: all 0.9s ease-out;
  147.  
  148. }
  149.  
  150. #entry:hover .perma {
  151. top: 45%;
  152. opacity: 1;
  153. filter: alpha(opacity = 100);
  154. -webkit-transition: all 0.5s ease-out;
  155. -webkit-transition: all 0.5s ease-out;
  156. -moz-transition: all 0.5s ease-out;
  157. transition: all 0.5s ease-out;
  158. }
  159.  
  160. .likep {
  161. width: 21px;
  162. height: 20px;
  163. overflow: hidden;
  164. z-index: 9999999;
  165. display: inline-block;
  166. }
  167.  
  168. .rep {
  169. width: 24px;
  170. height: 20px;
  171. overflow: hidden;
  172. z-index: 9999999;
  173. display: inline-block;
  174. }
  175.  
  176. .likep a:hover {
  177. background-position: 0px 0px;
  178. }
  179.  
  180. .likep a {
  181. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  182. background-position: 0px 0px;
  183. display: block;
  184. z-index: 9999999;
  185. }
  186.  
  187. .likep img {
  188. width: 21px;
  189. height: 20px;
  190. }
  191.  
  192. .rep img{
  193. width: 24px;
  194. height: 20px;
  195. line-height: 30px;
  196. display: inline;
  197. }
  198.  
  199. .not { display: inline-block;
  200. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  201. height: 20px;
  202. top: -6px;
  203. font-size: 11px;
  204. line-height: 20px;
  205. color: #fff;
  206. padding-left: 4px;
  207. padding-right: 4px;
  208. -moz-border-radius: 2px;
  209. border-radius: 2px;
  210. position: relative;
  211. }
  212.  
  213. .not a {
  214. color: #fff;
  215. font-weight: bold;
  216. font-family: 'Imprima', sans-serif;
  217. }
  218.  
  219. #entry:hover .not, #entry:hover .rep, #entry:hover .likep {
  220. opacity: 0.8;
  221. filter: alpha(opacity = 80);
  222. margin-right: 0;
  223. }
  224.  
  225. .not:hover , .rep:hover, .likep:hover {
  226. opacity: 1!important;
  227. filter: alpha(opacity = 100)!important;
  228. }
  229.  
  230.  
  231. #sidebar{
  232. float:left;
  233. position: fixed;
  234. margin-left:0px;
  235. width:300px;
  236. height:auto;
  237. bottom:2px;
  238. background-color:{color:Body Background};
  239. z-index:9999;
  240. color: {color:Body};
  241. text-transform:none;
  242. font-family: {font:Body};
  243. font-size:{text:Body};
  244. text-align: justify;
  245. padding-left: 5px;
  246. padding-right: 5px;
  247. padding-top: 15px;
  248. padding-bottom: 5px;
  249. }
  250.  
  251. #sidebar a{
  252. color:{color:Link};
  253. }
  254.  
  255.  
  256. .h1 {
  257. font-family: {font:h1};
  258. color:{color:h1};
  259. font-size:{text:h1};
  260. text-decoration: none;
  261. letter-spacing:0px;
  262. font-weight:none;
  263. line-height:18px;
  264. padding-bottom:2px;
  265. margin-bottom:2px;
  266. text-align:center;
  267. }
  268.  
  269.  
  270. .h1 a{
  271. color:{color:Link Hover};
  272. }
  273.  
  274.  
  275.  
  276. .chat li.odd {
  277. text-transform:lowercase;
  278. }
  279.  
  280. .chat li.even {
  281. text-transform:lowercase;
  282. }
  283.  
  284. div.video embed, div.post div.video object {
  285. max-width:385px;
  286. height:auto !important;}
  287.  
  288. blockquote{
  289. max-width:385px;
  290. text-align:justify;
  291. color:{color:Link Hover};
  292. text-shadow: 0px 1px 1px #fff;
  293. border-left:1px dashed {color:Link Hover};
  294. margin-left:0px;
  295. padding-left: 6px;
  296. padding-bottom : 7px;
  297. padding-right:6px;
  298. padding-top:4px;
  299. }
  300.  
  301.  
  302. blockquote p img {
  303. max-width:385px;
  304. background-color:#transparent;
  305. }
  306.  
  307.  
  308. ul.chat, .chat ol, .chat li {
  309. list-style:none;
  310. margin:0px;
  311. padding:2px;
  312. }
  313.  
  314. ul {
  315. list-style-type:none;
  316. padding:0px;
  317. margin: 5px;
  318. }
  319.  
  320. ul li {
  321. color: {color:Link Hover};
  322. background-color: #transparent;
  323. display: block;
  324. background-repeat:no-repeat;
  325. background-position: 3px 8px;
  326. padding-left:5px;
  327. padding-top: 5px;
  328. padding-bottom: 5px;
  329. padding-right: 2px;
  330. margin-left: 0px;
  331. max-width:385px;
  332. }
  333.  
  334.  
  335. ol.notes {float:left;text-align:left; padding: 0px;margin-left:0px;margin-right:auto;margin-top:auto; list-style-type:none; width:400px;}
  336. ol.notes li.note {padding: 2px; width:402px; }
  337. ol.notes li.note img.avatar {-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;margin-right: 10px; width:16px; height: 16px;}
  338. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  339.  
  340. {CustomCSS}
  341.  
  342. </style>
  343.  
  344.  
  345. </head>
  346.  
  347. <body>
  348.  
  349.  
  350. <div id="content">
  351.  
  352. <div id="sidebar">
  353.  
  354. <a href="/"><img src="{image:Sidebar}" style="align:left; width: 80px;border:0;margin:2px; float:left;"></a>{block:Description}{Description}{/block:Description}
  355. <br><br>
  356. <center>
  357. <a href="/">homepage</a> &emsp; <a href="/ask">ask box</a> &emsp; <a href="/archive">archive</a> &emsp; <a href="http://ruedamour.tumblr.com" title="maker of the theme">credit</a> &emsp; <a href="{text:Custom Link}">{text:Custom Link Title}</a> &emsp; <a href="{text:Custom Link Two}">{text:Custom Link Two Title}</a>
  358. </center>
  359. </div>
  360.  
  361.  
  362. <div id="posts">
  363. {block:Posts}
  364. <!-- {block:NoRebloggedFrom}
  365. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  366. {/block:NoRebloggedFrom} -->
  367.  
  368. {block:ContentSource}<!-- {SourceURL}
  369. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  370. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  371. {/block:ContentSource}
  372.  
  373. <div id="entry">
  374.  
  375. {block:IndexPage}
  376. <div class="perma">
  377. <div class="likep">
  378. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  379. </div>
  380. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  381. </div>
  382. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  383. </div>
  384. {/block:IndexPage}
  385.  
  386. {block:Text}
  387. {block:Title}
  388. <div class="h1">{Title}</div>
  389. <br>
  390. {/block:Title}
  391. {Body}
  392.  
  393. {block:IndexPage}
  394. <div id="text">
  395.  
  396. + <a href="{permalink}">{NoteCountWithLabel}</a></div>
  397. {/block:IndexPage}
  398.  
  399. {/block:Text}
  400.  
  401.  
  402. {block:Photo}
  403.  
  404. {block:IndexPage}<a href="{Permalink}" target="_blank" title="Permalink Page"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a>
  405.  
  406. {/block:IndexPage}
  407.  
  408. {block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/>{/block:PermalinkPage}
  409.  
  410.  
  411. {block:PermalinkPage}
  412. {block:Caption}
  413. {Caption}
  414. {/block:Caption}
  415. {/block:PermalinkPage}
  416.  
  417. {/block:Photo}
  418.  
  419. {block:Photoset}
  420.  
  421. {block:IndexPage}
  422. {PhotoSet-250}
  423. {/block:IndexPage}
  424. {block:PermalinkPage}
  425. {PhotoSet-400}
  426. {/block:PermalinkPage}
  427.  
  428. {block:Caption}
  429. {Caption}
  430. {/block:Caption}
  431.  
  432. {/block:Photoset}
  433.  
  434.  
  435.  
  436. {block:Quote}
  437. <div class="h1"><img src="http://scholasticadministrator.typepad.com/.a/6a00e54f8c25c988340168e8c3eb56970c-100wi" style="align:left; border:0; margin-right:2px;width:20px;">{Quote}</div>
  438. <br>
  439. {block:Source} <center> {Source}</center> {/block:Source}
  440.  
  441. {/block:Quote}
  442.  
  443.  
  444. {block:Link}
  445. <div class="h1"><a href="{URL}"{Target}>{Name}</a></div>
  446. {block:Description}{Description}{/block:Description}
  447.  
  448. {/block:Link}
  449.  
  450.  
  451. <div class="video">
  452. {block:Video}
  453. {Video-400}
  454. {block:Caption}
  455. {Caption}
  456. {/block:Caption}
  457.  
  458. {/block:Video}
  459. </div>
  460.  
  461.  
  462. {block:Chat}
  463.  
  464. {block:Title}
  465. <div class="linkposttitle"><a href="{Permalink}">{Title}</a></div>
  466. {/block:Title}
  467. <ul class="chat">
  468. {block:Lines}
  469. <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}
  470.  
  471. {Line} </li>
  472. {/block:Lines}
  473. </ul>
  474.  
  475. {/block:Chat}
  476.  
  477. {block:Audio}
  478. {AudioPlayerWhite}
  479.  
  480. <b>'{block:TrackName}{TrackName}{/block:TrackName}'</b> by {block:Artist}{Artist}{/block:Artist} { {PlayCountWithLabel} }
  481. {block:Caption}
  482. {Caption}
  483. {/block:Caption}
  484.  
  485. {/block:Audio}
  486.  
  487.  
  488. {block:Answer}
  489.  
  490.  
  491. <i>{Asker}</i> asked: {Question}
  492. <br
  493. <center>{Answer}</center>
  494.  
  495.  
  496. {/block:Answer}
  497.  
  498.  
  499. </div>
  500.  
  501.  
  502.  
  503.  
  504. {block:PermalinkPage}
  505. <div style="margin-left:0px;margin-top:10px;float:left;text-align:center;width:400px;text-transform:lowercase;">
  506. {block:Date}the entry was posted {TimeAgo} {/block:Date}
  507. <br>
  508. {block:HasTags}tagged as: {block:Tags}<a href="/tagged/{Tag}">{Tag} </a>{/block:Tags}<br>{/block:HasTags}
  509. <br>
  510. {block:NoteCount} {NoteCountWithLabel} {/block:NoteCount}
  511. </div></span>
  512.  
  513. <br>
  514.  
  515. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  516.  
  517. {/block:PermalinkPage}
  518.  
  519. {/block:Posts}
  520.  
  521.  
  522. </div>
  523.  
  524. {block:indexpage}
  525. {block:NextPage}<div id="nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  526. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  527. <script type="text/javascript" src="http://static.tumblr.com/iddq6cw/ldLmtikn2/mdrns.js"></script>
  528.  
  529.  
  530. <script type="text/javascript">
  531. $(window).load(function () {
  532. var $content = $('#posts');
  533. $content.masonry({itemSelector: '#entry'}),
  534. $content.infinitescroll({
  535. navSelector : '#nav',
  536. nextSelector : '#nav a',
  537. itemSelector : '#entry',
  538. loading: {
  539. finishedMsg: '',
  540. },
  541. bufferPx : 600,
  542. debug : false,
  543. },
  544. // call masonry as a callback.
  545. function( newElements ) {
  546. var $newElems = $( newElements );
  547. $newElems.hide();
  548. // ensure that images load before adding to masonry layout
  549. $newElems.imagesLoaded(function(){
  550. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  551.  
  552.  
  553. });
  554. });
  555. });
  556. </script>
  557.  
  558. <script type="text/javascript">
  559. $(window).load(function(){
  560. $("p").remove(":contains('(Source:')");
  561. $("p").remove(":contains('(source:')");
  562. $("p").remove(":contains('(via ')");
  563. });
  564. </script>
  565. {/block:indexpage}
  566.  
  567. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  568. <iframe id="likeiframe" style="width: 1px; height: 1px;"></iframe>
  569.  
  570. </body>
  571. </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!