API tools faq
paste
Advertisement
losavestheworld

rosy theme | themes by lo

losavestheworld
May 20th, 2017
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.84 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.  
  6. THEMES BY LO
  7. http://lo-html.tumblr.com/
  8. http://paradisedan.tumblr.com/
  9.  
  10. feel free to use my themes
  11. strictly do not remove credits or you will be reported
  12. send a message if i can help you with anything
  13.  
  14. all the love,
  15. lo <3
  16.  
  17. <!------>
  18.  
  19. <head>
  20.  
  21. <title>{Title}</title>
  22. <link rel="shortcut icon" href="http://68.media.tumblr.com/tumblr_lu2ddr89Zt1qfoi4t.gif" />
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  24.  
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  26.  
  27. <meta name="color:Background" content="#fff" />
  28. <meta name="color:Text" content="#666666"/>
  29. <meta name="image:Background" content=""/>
  30.  
  31. <meta name="color:Scrollbar" content="#666666"/>
  32.  
  33. <meta name="color:Light Accents" content="#eee"/>
  34. <meta name="color:Link" content="#75b1d6"/>
  35. <meta name="color:Link Hover" content="#eacd74"/>
  36.  
  37. <meta name="color:Title" content="#666666"/>
  38.  
  39. <meta name="color:Sidebar Link" content="#75b1d6"/>
  40. <meta name="color:Sidebar Link Hover" content="#eacd74"/>
  41.  
  42. <meta name="color:Tooltip Border" content="#666666"/>
  43.  
  44.  
  45. <meta name="text:Link 1" content="index"/>
  46. <meta name="text:Link 1 url" content="/"/>
  47. <meta name="text:Link 1 Tooltip" content="/"/>
  48. <meta name="text:Link 2" content="ask"/>
  49. <meta name="text:Link 2 url" content="/ask"/>
  50. <meta name="text:Link 2 Tooltip" content="/"/>
  51. <meta name="text:link 3" content="archive"/>
  52. <meta name="text:Link 3 url" content="/archive"/>
  53. <meta name="text:Link 3 Tooltip" content="/"/>
  54. <meta name="text:Link 4" content="link 4"/>
  55. <meta name="text:Link 4 url" content="/"/>
  56. <meta name="text:Link 4 Tooltip" content="/"/>
  57. <meta name="text:Link 5" content="link 5"/>
  58. <meta name="text:Link 5 url" content="/"/>
  59. <meta name="text:Link 5 Tooltip" content="/"/>
  60. <meta name="text:Link 6" content="link 6"/>
  61. <meta name="text:Link 6 url" content="/"/>
  62. <meta name="text:Link 6 Tooltip" content="/"/>
  63. <meta name="text:Tab Title" content="/"/>
  64. <meta name="text:Tab 1 Text" content="/"/>
  65. <meta name="text:Tab 2 Text" content="/"/>
  66.  
  67.  
  68. <!--post width options-->
  69. <meta name="if:250px" content="1"/>
  70. <meta name="if:400px" content="0"/>
  71. <meta name="if:500px" content="0"/>
  72.  
  73.  
  74. <style type="text/css">
  75.  
  76. img{
  77.  
  78. -webkit-transition: opacity 0.8s linear;
  79.  
  80. opacity: 0.60;
  81.  
  82. }
  83.  
  84. img:hover{
  85.  
  86. -webkit-transition: opacity 0.8s linear;
  87.  
  88. opacity: 1;
  89.  
  90. }
  91.  
  92. #tab-title {
  93. font-size:8px;
  94. text-transform:uppercase;
  95. border-radius:3px;
  96. position:fixed;
  97. text-align:center;
  98. left:25px;
  99. border:1px dotted #efefef;
  100. background-color:#fff;
  101. letter-spacing:1px;
  102. width:110px;
  103. height:;
  104. padding:9px;
  105. top:40px;
  106.  
  107. }
  108.  
  109. #tab1{
  110. height:12px;
  111. text-align:center;
  112. overflow:hidden;
  113. border-bottom:1px solid #efefef;
  114. text-transform:uppercase;
  115. background-color:#fff;
  116. letter-spacing:1px;
  117. line-height:13px;
  118. z-index:999999999999999999999;
  119. -webkit-transition: all 0.4s ease-in-out;
  120. -moz-transition: all 0.4s ease-in-out;
  121. -o-transition: all 0.4s ease-in-out;
  122. }
  123.  
  124. #tab1:hover{
  125. height:150px;
  126. -webkit-transition: all 0.4s ease-in-out;
  127. -moz-transition: all 0.4s ease-in-out;
  128. -o-transition: all 0.4s ease-in-out;
  129. }
  130.  
  131. #tab2{
  132. height:11px;
  133. text-align:center;
  134. overflow:hidden;
  135. text-transform:uppercase;
  136. background-color:#fff;
  137. letter-spacing:1px;
  138. font-size:8px;
  139. line-height:15px;
  140. z-index:999999999999999999999;
  141. -webkit-transition: all 0.4s ease-in-out;
  142. -moz-transition: all 0.4s ease-in-out;
  143. -o-transition: all 0.4s ease-in-out;
  144. }
  145.  
  146.  
  147. #tab2:hover{
  148. height:150px;
  149. -webkit-transition: all 0.4s ease-in-out;
  150. -moz-transition: all 0.4s ease-in-out;
  151. -o-transition: all 0.4s ease-in-out;
  152. }
  153.  
  154. div#qTip {
  155. font: 10px consolas;
  156. color: #000;
  157. text-align: center;
  158. text-transform: lowercase;
  159. background: #fff;
  160. display: none;
  161. border: 1px solid {color:Tooltip Border};
  162. max-width: 350px;
  163. position: absolute;
  164. text-align: justify;
  165. z-index: 99;
  166. padding: 2px 4px;
  167. margin: -5px 0 0 20px;
  168. border-radius: 2px;
  169. letter-spacing: 1px;
  170. }
  171.  
  172. #banner{
  173. background-image:url('https://68.media.tumblr.com/53e84e164103aff3be157efabf6d8e73/tumblr_inline_myta2tbagp1rttsue.png');
  174. repeat:repeat-x;
  175. left:0;
  176. width:100%;
  177. top: 0px;
  178. height: 30px;
  179. position: fixed;
  180. z-index: 1000;
  181. opacity:1;}
  182.  
  183. .tmblr-iframe {
  184. top: 32px!important;
  185. right: 8px!important;
  186. position: fixed!important;
  187. opacity: 0.2!important;
  188. {block:IfInvertedControls}
  189. white-space: nowrap;
  190. -webkit-filter: invert(100%);
  191. filter: invert(100%);
  192. {block:IfInvertedControls}
  193. }
  194.  
  195.  
  196. /* basic styles */
  197. body {
  198. color: {color:Text};
  199. background-color: {color:Background};
  200. background-image: url({image:Background});
  201. font: 11px consolas;
  202. line-height: 16px;
  203. }
  204. a {
  205. text-decoration: none;
  206. color: {color:Link};
  207. }
  208. a:hover {
  209. color:{color:Link Hover};
  210.  
  211. }
  212. h1 {
  213. font-size: 12px;
  214. color: {color:Title};
  215. }
  216. /* scrollbar */
  217. ::-webkit-scrollbar {
  218. width: 3px;
  219. height: 5px;
  220. background: {color:Background};
  221. }
  222. ::-webkit-scrollbar-thumb {
  223. background: {color:Scrollbar};
  224. border-radius: 16px;
  225. border-top: 5px solid {color:Background};
  226. }
  227. /* post customizations */
  228. #content { /* for the whole column of posts */
  229. {block:IndexPage}
  230. {block:if250px} /* post widths */
  231. width: 250px;
  232. {/block:if250px}
  233. {block:if400px}
  234. width: 400px;
  235. {/block:if400px}
  236. {block:if500px}
  237. width: 500px;
  238. {/block:if500px}
  239. {/block:IndexPage}
  240. {block:PermalinkPage}
  241. width: 400px;
  242. {/block:PermalinkPage}
  243. position: relative;
  244. margin-left: 300px;
  245. margin-top: 60px;
  246. }
  247. .entry { /* for individual posts */
  248. margin-bottom: 60px;
  249. }
  250.  
  251. /* permalinks */
  252. #perma {
  253. position: absolute;
  254. left: 0px;
  255. letter-spacing: 0px;
  256. text-transform: lowercase;
  257. }
  258. /* sidebar */
  259. #side {
  260. top: 160px;
  261. left: 750px;
  262. position: fixed;
  263. width: 180px;
  264. text-align: left;
  265. }
  266. #side a{
  267. border-bottom: 1px solid transparent {color:Sidebar Link Border};
  268. color: {color:Sidebar Link};
  269.  
  270. }
  271. #side a:hover {
  272. color: {color:Sidebar Link Hover};
  273. font-style: italic;
  274. letter-spacing: 1.5px;
  275.  
  276. }
  277. .head {
  278. font-size: 12px;
  279. margin-bottom: 10px;
  280. margin-left: 10px;
  281. color: {color:Title};
  282. letter-spacing: .5px;
  283. }
  284. blockquote {
  285. border-left: 1px solid {color:Light Accents};
  286. margin-left: 6px;
  287. padding-left: 10px;
  288. }
  289. /* permalink page */
  290. img.avatar {display:none; }
  291. ol.notes {
  292. margin-top: 20px;
  293. }
  294.  
  295. </style>
  296.  
  297. <!---infinite scroll---><script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>
  298.  
  299. <!-- start of script tooltip -->
  300. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  301.  
  302. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  303.  
  304. <script>
  305.  
  306. (function($){
  307.  
  308. $(document).ready(function(){
  309.  
  310. $("a[title]").style_my_tooltips({
  311.  
  312. tip_follows_cursor:true,
  313.  
  314. tip_delay_time:90,
  315.  
  316. tip_fade_speed:600,
  317.  
  318. attribute:"title"
  319.  
  320. });
  321.  
  322. });
  323.  
  324. })(jQuery);
  325.  
  326. </script>
  327.  
  328. <!-- end of script tooltip -->
  329.  
  330. </head>
  331.  
  332. <body>
  333.  
  334. <div id="tab-title"> <img src="http://68.media.tumblr.com/2ab48907b8d570a153ec88426dfd5f47/tumblr_inline_n16wogMkaf1synnum.gif">
  335. <div style="border-bottom:1px solid #eeeeee;border-radius:3px;background-color:#fff;padding:2px;">
  336.  
  337.  
  338.  
  339. </div>
  340.  
  341. <div id="tab1"><div style="font-size:8px;">tab 1</div>
  342. {text:Tab 1 Text}
  343. </div>
  344.  
  345. <div id="tab2"><div style="font-size:8px;">tab 2<div> <div style="line-height:13px;">
  346. {text:Tab 2 Text}
  347. </div>
  348. </div></div></div></div>
  349.  
  350. <div id="banner"></div>
  351.  
  352. <a href="http://paradisedan.tumblr.com"><img src="http://static.tumblr.com/sjab39p/xU4nc96xj/cigarette.png" height="20" style='position:fixed;bottom:10px;right:10px;z-index:999'></a>
  353.  
  354. <!--sidebar-->
  355. <div id="side"><div class="head">{Title}</div>{Description}<p>
  356. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="{text:Link 1 url}" title="{text:Link 1 Tooltip}">{text:Link 1}</a> <br>
  357. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="{text:Link 2 url}" title="{text:Link 2 Tooltip}">{text:Link 2}</a> <br>
  358. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="{text:Link 3 url}" title="{text:Link 3 Tooltip}">{text:Link 3}</a> <br>
  359. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="{text:Link 4 url}" title="{text:Link 4 Tooltip}">{text:Link 4}</a> <br>
  360. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="{text:Link 5 url}" title="{text:Link 5 Tooltip}">{text:Link 5}</a> <br>
  361. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="{text:Link 6 url}" title="{text:Link 6 Tooltip}">{text:Link 6}</a> <br>
  362. <img src="http://68.media.tumblr.com/0503d870ac6b98bfc42453361ab7cbb4/tumblr_inline_npbhnumH4x1ry72eo_75sq.gif"> <a href="http://paradisedan.tumblr.com" title="theme credit">theme</a>
  363. </div>
  364. <!----->
  365.  
  366. <div id="content">
  367. {block:Posts}
  368.  
  369. <!-- {block:NoRebloggedFrom}
  370. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  371. {/block:NoRebloggedFrom} -->
  372. <div class="entry">
  373. <!--permalink-->
  374. {block:IndexPage}
  375.  
  376.  
  377. {block:Photo}<a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="100%"/></a> {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photo}
  378.  
  379. {block:Photoset}{block:IndexPage}{block:if250px}{Photoset-250}{/block:if250px}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Photoset}
  380.  
  381. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body} {/block:Text}
  382.  
  383. {block:Link}<h1><a href="{URL}">{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  384.  
  385. {block:Quote}"{Quote}"{block:Source}<br>- {Source}{/block:Source}{/block:Quote}
  386.  
  387. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label} </b>{/block:Label}<span><i>{Line}</i><br></span>{/block:Lines}{/block:Chat}
  388.  
  389. {block:Audio}{AudioPlayerWhite}{block:IndexPage}<p>{block:TrackName}Track: {TrackName}<br>{/block:TrackName}{block:Artist}Artist: {Artist}<br>{/block:Artist}{block:Album}Album: {Album}<br>{/block:Album}{block:PlayCount}Played: {PlayCount}{/block:PlayCount}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{/block:Audio}
  390.  
  391. {block:Video}{block:IndexPage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}{/block:IndexPage}{block:PermalinkPage}{Video-400}{/block:PermalinkPage} {block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}{block:Video}
  392.  
  393. {block:Answer}<img src="http://68.media.tumblr.com/7c6b18c8e67551bfbaf5ca8ad95f5c98/tumblr_inline_npbhnxyMbQ1ry72eo_75sq.gif"> <b>{Asker}</b> whispered: <br> <i>{Question} </i> <p>{Answer}{/block:Answer}
  394.  
  395. <div id="perma"><a href="{Permalink}">{MonthNumberwithZero}.{DayofMonthwithZero}.{Year}</a> | <a href="{ReblogURL}">reblog</a></div>{/block:IndexPage}
  396.  
  397. <!--permalink page-->
  398. {block:PermalinkPage}
  399. <center>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}{/block:HasTags}<p>{NoteCountwithLabel}</center>
  400. {block:PostNotes}{PostNotes}{/block:PostNotes}
  401. {/block:PermalinkPage}
  402. </div> <!---entry div--->
  403. {/block:Posts}
  404.  
  405. {block:ContentSource}<!-- {SourceURL}
  406. {block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}
  407. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  408. {/block:ContentSource}
  409. </div><!---content div--->
  410.  
  411. <style> body, a, a:hover { cursor:url('https://68.media.tumblr.com/tumblr_lyovxfnDb71qfoi4t.png'), auto }</style>
  412.  
  413. </body>
  414.  
  415. </html>
  416.  
  417. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
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!