API tools faq
paste
Advertisement
themesbycelina

Rosy Theme

themesbycelina
Apr 16th, 2014
356
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.34 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. DO NOT REMOVE THIS!
  4.  
  5. Rosy Theme
  6.  
  7. Base Code from Llermans
  8. Customized and enchanced by trappedinyoursoul
  9.  
  10. RULES!
  11.  
  12. Like/Reblog if you're going to use it.
  13. Do not remove the credits.
  14. Do not redistribute and claim it as your own.
  15. Do not re-use this as a base code. You can use Llerman's Base Code though.
  16.  
  17. !-->
  18. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  19. <head><title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  22. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  23.  
  24. <!---- Base code by llermans © tumblr.com ---->
  25.  
  26. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  27.  
  28. <link href='http://fonts.googleapis.com/css?family={text:Font}' rel='stylesheet' type='text/css'>
  29. <link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>
  30.  
  31. <meta name="color:Background" content="#FAEBD7"/>
  32. <meta name="color:Text" content="#555"/>
  33. <meta name="color:Link" content="#B38481"/>
  34. <meta name="color:Link Hover" content="#7F4E52"/>
  35. <meta name="text:Font" content=""/>
  36.  
  37. <meta name="image:Sidebar" content=""/>
  38.  
  39. <meta name="text:Link 5" content=""/>
  40. <meta name="text:Link 5 URL" content=""/>
  41. <meta name="text:Link 6" content=""/>
  42. <meta name="text:Link 6 URL" content=""/>
  43. <meta name="text:Link 7" content=""/>
  44. <meta name="text:Link 7 URL" content=""/>
  45. <meta name="text:Link 8" content=""/>
  46. <meta name="text:Link 8 URL" content=""/>
  47.  
  48. <!--- CSS --->
  49.  
  50. <script src="http://static.tumblr.com/whx9ghv/lq0m3ktlh/modernizr.custom.34978.js"></script>
  51. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  52. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  53. <script>
  54. (function($){
  55. $(document).ready(function(){
  56. $("[title]").style_my_tooltips();
  57. });
  58. })(jQuery);
  59. </script>
  60.  
  61. <style type="text/css">
  62.  
  63. #s-m-t-tooltip
  64. {
  65. display: block;
  66. background-color: {color:Link};
  67. font-family: {text:Font};
  68. font-size: 10px;
  69. color: {color:Text};
  70. font-weight: bold;
  71. letter-spacing: 1px;
  72. line-height: 1.50em;
  73. text-align: center;
  74. text-transform: uppercase;
  75. margin-left: 20px;
  76. padding: 5px;
  77. min-width: 50px;
  78. z-index: 888;
  79. }
  80.  
  81. iframe#tumblr_controls
  82. {
  83. right: 0px !important;
  84. position: fixed !important;
  85. -webkit-filter: invert(100%);
  86. opacity: 0.8;
  87. z-index: 999999;
  88. }
  89.  
  90. html, ol
  91. {
  92. margin: 0;
  93. padding: 0;
  94. list-style: none;
  95. }
  96.  
  97. ul
  98. {
  99. text-align: left;
  100. list-style: square;
  101. }
  102.  
  103. h2
  104. {
  105. font-family: 'Sail';
  106. margin: 0;
  107. padding: 0;
  108. list-style: none;
  109. }
  110.  
  111. blockquote
  112. {
  113. margin: 0 2.5em;
  114. padding: 5px 10px;
  115. text-align: left;
  116. border-left: 1px solid {color:Link};
  117. }
  118.  
  119. body
  120. {
  121. background-color: {color:Background};
  122. font-family: {text:Font};
  123. font-size: 12px;
  124. color: {color:Text};
  125. letter-spacing: 1px;
  126. line-height: 1.50em;
  127. text-align: left;
  128. text-transform: normal;
  129. cursor: url(http://i53.tinypic.com/2dc7q6a.png), auto;
  130. }
  131.  
  132. a
  133. {
  134. color: {color:Link};
  135. text-decoration: none;
  136. cursor: url(https://31.media.tumblr.com/tumblr_m2umkyg2IP1qfamg6.gif), progress;
  137. transition-duration: 0.8;
  138. -moz-transition-duration: 0.8s;
  139. -webkit-transition-duration: 0.8s;
  140. -o-transition-duration: 0.8s;
  141. }
  142.  
  143. a:hover
  144. {
  145. color: {color:Link Hover};
  146. text-decoration: none;
  147. -webkit-transition: all 0.3s linear;
  148. -moz-transition: all 0.3s linear;
  149. transition: all 0.3s linear;
  150. }
  151.  
  152. /* CONTENT */
  153.  
  154. #content
  155. {
  156. left: 50%;
  157. margin-left: -150px;
  158. position: absolute;
  159. width: 500px;
  160. margin-top: 25px;
  161. margin-bottom: 25px;
  162. padding: 15px;
  163. }
  164.  
  165. /* SIDEBAR */
  166.  
  167. #sidebar
  168. {
  169. margin-left: -290px;
  170. overflow: hidden;
  171. top: 1px;
  172. line-height: 15px;
  173. width: 200px;
  174. position: fixed;
  175. margin-bottom: 15px;
  176. text-align: center;
  177. margin-top: 100px;
  178. }
  179.  
  180. #sidebar img
  181. {
  182. height: 200px;
  183. width: 200px;
  184. }
  185.  
  186. #description
  187. {
  188. font-size: {text:Font};
  189. font-size: 11px;
  190. color: {color:Text};
  191. letter-spacing: 1px;
  192. line-height: 1.50em;
  193. text-align: center;
  194. text-transform: normal;
  195. width: 180px;
  196. padding-left: 10px;
  197. padding-right: 10px;
  198. }
  199.  
  200. #links a
  201. {
  202. align: center;
  203. padding: 5px;
  204. margin-right: 0px;
  205. }
  206.  
  207. #title
  208. {
  209. font-family: 'Sail';
  210. font-size: 18px;
  211. color: {color:Text};
  212. font-weight: bold;
  213. letter-spacing: 1px;
  214. line-height: 1.50em;
  215. text-align: center;
  216. text-transform: normal;
  217. margin-bottom: 5px;
  218. }
  219.  
  220. /* PAGINATION */
  221.  
  222. #pagination
  223. {
  224. font-family: 'Droid Sans';
  225. font-size: 15px;
  226. color: {color:Link};
  227. letter-spacing: 1px;
  228. line-height: 1.50em;
  229. text-align: center;
  230. text-transform: lowercase;
  231. width: 175px;
  232. padding: 3px;
  233. margin-top: 10px;
  234. }
  235.  
  236. /* POSTS */
  237.  
  238. .post
  239. {
  240. font-family: {text:Font};
  241. font-size: 12px;
  242. color: {color:Text};
  243. letter-spacing: 1px;
  244. line-height: 1.50em;
  245. text-align: left;
  246. text-transform: normal;
  247. clear: both;
  248. }
  249.  
  250. /* KINDS OF POSTS */
  251.  
  252. .post text
  253. {
  254. font-family: {text:Font};
  255. font-size: 12px;
  256. color: {color:Text};
  257. letter-spacing: 1px;
  258. line-height: 1.50em;
  259. text-align: left;
  260. text-transform: normal;
  261. }
  262.  
  263. .post photo
  264. {
  265. margin-bottom: 5px;
  266. text-align: center;
  267. }
  268. .post photo img
  269. {
  270. border: 0;
  271. }
  272.  
  273. .answer
  274. {
  275. text-align: left;
  276. line-height: 1.50em;
  277. }
  278. .question
  279. {
  280. margin-bottom: 0px;
  281. line-height: 1.50em;
  282. }
  283.  
  284. .askborder
  285. {
  286. background: {color:Link};
  287. float: left;
  288. margin: 1px 4px 0 0;
  289. padding: 3px;
  290. }
  291.  
  292. .post audio
  293. {
  294. text-align: left;
  295. }
  296.  
  297. .post video
  298. {
  299. text-align: left;
  300. }
  301.  
  302. .post chat
  303. {
  304. font-family: {text:Font};
  305. font-size: 12px;
  306. color: {color:Text};
  307. letter-spacing: 1px;
  308. line-height: 1.50em;
  309. text-align: left;
  310. text-transform: normal;
  311. }
  312.  
  313. .post chat li
  314. {
  315. list-style-type: none;
  316. }
  317.  
  318. /* METADATA */
  319.  
  320. #info
  321. {
  322. font-family: {text:Font};
  323. font-size: 12px;
  324. color: {color:Text};
  325. letter-spacing: 1px;
  326. line-height: 1.50em;
  327. text-align: left;
  328. text-transform: lowercase;
  329. margin-top: 10px;
  330. margin-bottom: 60px;
  331. }
  332.  
  333. ol.notes
  334. {
  335. display: block;
  336. text-align: left;
  337. margin-bottom: 30px;
  338. }
  339.  
  340. ol.notes li.note
  341. {
  342. padding: 1%;
  343. }
  344.  
  345. .pagenotes
  346. {
  347. text-align: left;
  348. }
  349.  
  350. .tags a
  351. {
  352. font-family: {text:Font};
  353. font-size: 12px;
  354. color: {color:Link};
  355. letter-spacing: 1px;
  356. line-height: 1.50em;
  357. text-align: left;
  358. text-transform: lowercase;
  359. margin-right: 5px;
  360. }
  361.  
  362. .tags a:hover
  363. {
  364. color: {color:Link Hover};
  365. }
  366.  
  367. /* CUSTOM CSS */
  368.  
  369. .caption
  370. {
  371. font-family: {text:Font};
  372. font-size: 12px;
  373. color: {color:Text};
  374. letter-spacing: 1px;
  375. line-height: 1.50em;
  376. text-align: left;
  377. text-transform: normal;
  378. padding-top: 13px;
  379. padding-bottom: 5px;
  380. margin-top: 5px;
  381. padding-right: 10px;
  382. }
  383.  
  384. .post img
  385. {
  386. width: 500px;
  387. }
  388.  
  389. /* CREDIT */
  390.  
  391. ::-webkit-scrollbar-thumb:vertical
  392.  
  393. {
  394. background-color: {color:Link};
  395. height: 100px;
  396. }
  397.  
  398. ::-webkit-scrollbar
  399.  
  400. {
  401. background-color: {color:Background};
  402. height: 10px;
  403. width: 10px;
  404. }
  405.  
  406. {CustomCSS}
  407.  
  408. </style>
  409. </head>
  410.  
  411. <body>
  412.  
  413. <div id="content">
  414.  
  415. <div id="sidebar">
  416.  
  417. <div id="title">{title}</div>
  418.  
  419. <img src="{image:Sidebar}"/>
  420.  
  421. <div id="links">
  422. <br>
  423. <a href="/" title="refresh"><i class="fa fa-home"></i> </a>
  424. <a href="/ask" title="send me a message"><i class="fa fa-envelope"></i> </a>
  425. <a href="/submit" title="submit"><i class="fa fa-pencil"></i> </a>
  426. <a href="/archive" title="archive"><i class="fa fa-archive"></i> </a>
  427. <a href="http://trappedinyoursoul.tumblr.com" title="credit"><i class="fa fa-heart"></i> </a>
  428. </div>
  429. <br>
  430. <div id="description">{description}
  431. <br>
  432. <br>
  433. <b><a href="{text:Link 5 URL}">{text:link 5}</a></b>
  434. <br>
  435. <b><a href="{text:Link 6 URL}">{text:link 6}</a></b>
  436. <br>
  437. <b><a href="{text:Link 7 URL}">{text:link 7}</a></b>
  438. <br>
  439. <b><a href="{text:Link 8 URL}">{text:link 8}</a></b>
  440.  
  441. <div id="pagination">
  442. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">Newer</a>
  443. /
  444. {/block:PreviousPage}{block:NextPage} <a href="{NextPage}">Older</a>{/block:NextPage}{/block:Pagination}
  445. </div>
  446.  
  447. </div>
  448.  
  449. </div>
  450.  
  451.  
  452. <div id="entries">
  453.  
  454. <ol id="posts">
  455.  
  456. {block:ContentSource}
  457. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  458. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  459. {/block:SourceLogo}
  460. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  461. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  462.  
  463. {block:Posts}
  464. {block:Text}
  465. <li class="post text">
  466. {block:Title} <h2>{Title}</h2> {/block:Title}
  467. <br>
  468. {Body}
  469. </li>
  470. {/block:Text}
  471.  
  472. {block:Photo}
  473. <li class="post photo">
  474. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  475.  
  476. {block:Caption}
  477. <div class="caption">{Caption}</div>
  478. {/block:Caption}
  479. </li>
  480. {/block:Photo}
  481.  
  482. {block:Photoset}
  483. <li class="post photoset">
  484. {Photoset-500}{block:Caption}
  485. <div class="caption">{Caption}</div>
  486. {/block:Caption}
  487. </li>
  488. {/block:Photoset}
  489.  
  490. {block:Quote}
  491. <div class="quotetitle {Length}"><h2>&ldquo;{Quote}&rdquo;</h2></div>
  492. {block:Source}<p>&mdash;{Source}</p>{/block:Source}
  493. {/block:Quote}
  494. {block:Link}
  495.  
  496. <li class="post link">
  497. <a href="{URL}" {Target}> <h2>{Name} &rarr;</h2> </a>
  498.  
  499. {block:Description}
  500. <div class="description">{Description}</div>
  501. {/block:Description}
  502. </li>
  503. {/block:Link}
  504.  
  505. {block:Chat}
  506. <li class="post chat">
  507. {block:Title} <h2>{Title}</h2> {/block:Title}
  508. <br>
  509. <div class="chat">
  510. {block:Lines}
  511. <li class="{Alt} user_{UserNumber}">
  512. {block:Label}
  513. <span class="label">{Label}</span>
  514. {/block:Label}{Line}
  515. </li>
  516. {/block:Lines}
  517. </div>
  518. </li>
  519. {/block:Chat}
  520.  
  521. {block:Answer}
  522. <img src="{AskerPortraitURl-48}" align="left" class="askborder">
  523. <b>{Asker}</b> asked: <div class="question"> {Question} </div>
  524. </div>
  525. <br>
  526. <div class="answer"> {Answer} </div>
  527. {/block:Answer}
  528.  
  529. {block:Video}
  530. <li class="post video">
  531. {Video-500}{block:Caption}
  532. <div class="caption">{Caption}</div>
  533. {/block:Caption}
  534. </li>
  535. {/block:Video}
  536.  
  537. {block:Audio}
  538. <li class="post audio">
  539. {AudioPlayerBlack}{block:Caption}
  540. <div class="caption">{Caption}</div>
  541. {/block:Caption}
  542. </li>
  543. {/block:Audio}
  544.  
  545. <div id="info">
  546. {block:Date}
  547. Posted in {DayOfMonth}{DayOfMonthSuffix} of {Month} </a>
  548. {/block:Date}
  549. with <a href="{Permalink}">{NoteCountWithLabel}</a> // <a href="{ReblogURL}" target="_blank" style="color:{color:Link}" title="Want to reblog this?">Reblog</a>
  550.  
  551. {block:permalinkpage} // {block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParenttitle}">Via</a> // {block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}">Source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}<br/>{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  552. </div>
  553.  
  554. {block:PostNotes}<div class="pagenotes">{PostNotes}</div>{/block:PostNotes}
  555. {/block:Posts}
  556. </ol>
  557.  
  558. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  559. <script type="text/javascript">//** jQuery Scroll to Top Control script- (c) I made this script myself (Kyle Monk) and it is hosted on my personal site so would appreciate if you followed my blog at kylemonk.tumblr.com if you use it or for details on how to change the location.
  560. //** Graphic originally from tumbler dashboard, for details on how to change graphic colour, contact me at kylemonk.tumblr.com
  561. //** v1.1 (April 7th, 10'):
  562. //** 1) Adds ability to scroll to an absolute position (from top of page) or specific element on the page instead.
  563. //** 2) Fixes scroll animation not working in Opera.
  564.  
  565.  
  566. var scrolltotop={
  567. //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
  568. //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
  569. setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
  570. controlHTML: '<img src="https://24.media.tumblr.com/2bdd8d24322049c40e5fbb5fc0f9ac8d/tumblr_mq8uqyCpnF1qklunfo1_100.png" style="filter:alpha(opacity=70); -moz-opacity:0.7; margin-bottom:-10px;" width=""/>', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
  571. controlattrs: {offsetx:10, offsety:10}, //offset of control relative to right/ bottom of window corner
  572. anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
  573.  
  574. state: {isvisible:false, shouldvisible:false},
  575.  
  576. scrollup:function(){
  577. if (!this.cssfixedsupport) //if control is positioned using JavaScript
  578. this.$control.css({opacity:0}) //hide control immediately after clicking it
  579. var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
  580. if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
  581. dest=jQuery('#'+dest).offset().top
  582. else
  583. dest=0
  584. this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
  585. },
  586.  
  587. keepfixed:function(){
  588. var $window=jQuery(window)
  589. var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
  590. var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
  591. this.$control.css({left:controlx+'px', top:controly+'px'})
  592. },
  593.  
  594. togglecontrol:function(){
  595. var scrolltop=jQuery(window).scrollTop()
  596. if (!this.cssfixedsupport)
  597. this.keepfixed()
  598. this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
  599. if (this.state.shouldvisible && !this.state.isvisible){
  600. this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
  601. this.state.isvisible=true
  602. }
  603. else if (this.state.shouldvisible==false && this.state.isvisible){
  604. this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
  605. this.state.isvisible=false
  606. }
  607. },
  608.  
  609. init:function(){
  610. jQuery(document).ready(function($){
  611. var mainobj=scrolltotop
  612. var iebrws=document.all
  613. mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
  614. mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
  615. mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
  616. .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
  617. .attr()
  618. .click(function(){mainobj.scrollup(); return false})
  619. .appendTo('body')
  620. if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
  621. mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
  622. mainobj.togglecontrol()
  623. $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
  624. mainobj.scrollup()
  625. return false
  626. })
  627. $(window).bind('scroll resize', function(e){
  628. mainobj.togglecontrol()
  629. })
  630. })
  631. }
  632. }
  633.  
  634. scrolltotop.init()</script>
  635.  
  636. </body>
  637. </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!