API tools faq
paste
Advertisement
Guest User

Breathe

a guest
Sep 28th, 2016
2,458
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.92 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4.  
  5. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  6.  
  7. <script>
  8.  
  9. (function($){
  10.  
  11. $(document).ready(function(){
  12.  
  13. $("a[title]").style_my_tooltips({
  14.  
  15. tip_follows_cursor:true,
  16.  
  17. tip_delay_time:90,
  18.  
  19. tip_fade_speed:600,
  20.  
  21. attribute:"title"
  22.  
  23. });
  24.  
  25. });
  26.  
  27. })(jQuery);
  28.  
  29. </script>
  30. <!--basic tooltip from tutorial-baby-->
  31. <style>
  32. .tooltip{
  33. display: inline;
  34. position: relative;
  35. }
  36. #s-m-t-tooltip {
  37. max-width:100%;
  38. border-radius: 0px;
  39. padding:2px 2px 2px 2px;
  40. margin:20px 7px -2px 20px;
  41. background-color:{color:Tooltip BG};
  42. border:{color:Tooltip URL} 1px solid;
  43. font-family:{select:font};
  44. font-size:{text:font size}px;
  45. text-transform: lowercase;
  46. color:{color:Tooltip Font};
  47. z-index:999999999999999999999999999999999999;
  48. }
  49. </style>
  50.  
  51. <!-----
  52. breathe theme by snaketxt.tumblr.com on 28/09/2016
  53.  
  54. base code by animecharacter.tumblr.com what an absolute ledge
  55. ----->
  56.  
  57. <meta name="image:Background" content="" />
  58. <meta name="image:Side" content="" />
  59.  
  60. <meta name="color:Background" content="" />
  61. <meta name="color:Text" content="" />
  62. <meta name="color:Links" content="" />
  63. <meta name="color:Links Hover" content="" />
  64. <meta name="color:Link Glow" content="" />
  65. <meta name="color:Borders" content="" />
  66. <meta name="color:Scrollbar" content="" />
  67. <meta name="color:Tooltip Font" content="" />
  68. <meta name="color:Tooltip BG" content="" />
  69.  
  70. <meta name="text:Sidebar Size" content="150" />
  71. <meta name="text:Font Size" content="14" />
  72. <meta name="text:Links Title" content="click" />
  73. <meta name="text:Link1" content="" />
  74. <meta name="text:Link1URL" content="/" />
  75. <meta name="text:Link2" content="" />
  76. <meta name="text:Link2URL" content="/" />
  77. <meta name="text:Link3" content="" />
  78. <meta name="text:Link3URL" content="/" />
  79.  
  80. <meta name="if:Sidebar Top" content="0" />
  81. <meta name="if:Captions" content="1" />
  82. <meta name="if:Show Desc" content="1" />
  83. <meta name="if:Borders" content="0" />
  84. <meta name="if:Post Background" content="0" />
  85. <meta name="if:Circle Side" content="0" />
  86. <meta name="if:BG Cover" content="0" />
  87.  
  88. <meta name="select:font" content="arial,helvetica" title="arial"/>
  89. <meta name="select:font" content="consolas" title="consolas"/>
  90. <meta name="select:font" content="verdana" title="verdana"/>
  91. <meta name="select:font" content="short stack" title="short stack"/>
  92. <meta name="select:font" content="comic sans ms" title="comic sans ms"/>
  93.  
  94. <meta charset="utf-8">
  95. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  96. {block:Description}
  97. <meta name="description" content="{MetaDescription}" />
  98. {/block:Description}
  99.  
  100. <link href="https://fonts.googleapis.com/css?family=Short+Stack" rel="stylesheet">
  101.  
  102. <title>{Title}</title>
  103.  
  104. <link rel="shortcut icon" href="{Favicon}">
  105. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  106. <link rel="stylesheet" href="http://static.tumblr.com/qxrkgx6/RWPmgn2qa/normalize.min.css">
  107.  
  108. <script src="http://static.tumblr.com/qxrkgx6/LuRmgn2rm/modernizr-2.6.2.min.js"></script>
  109.  
  110. <style type="text/css">
  111.  
  112. body {
  113. margin:0px;
  114. background-color:{color:Background};
  115. background-image:url('{image:Background}');
  116. background-attachment:fixed;
  117. {block:ifBGCover}
  118. background-size:cover;{/block:ifBGCover}
  119. font-family:'{select:font}', sans-serif;
  120. font-size:{text:font size}px;
  121. line-height:140%;
  122. color: {color:Text};
  123. }
  124.  
  125. p{
  126. margin:0 0 10px 0;
  127. padding:0;
  128. }
  129.  
  130. pre {
  131. white-space: pre-wrap;
  132. white-space: -moz-pre-wrap;
  133. white-space: -pre-wrap;
  134. white-space: -o-pre-wrap;
  135. word-wrap: break-word;
  136. }
  137.  
  138. a{
  139. color:{color:Links};
  140. text-decoration:none;
  141. text-shadow: 0 0 5px {color:Link Glow};, 0 0 10px {color:Link Glow}, 0 0 15px {color:Link Glow}, 0 0 20px {color:Link Glow}, 0 0 30px {color:Link Glow}, 0 0 40px {color:Link Glow}, 0 0 50px {color:Link Glow}, 0 0 75px {color:Link Glow};}
  142. }
  143.  
  144. a:hover{
  145. color:{color:Links Hover};
  146. }
  147.  
  148. li{
  149. margin-left:-15px;
  150. }
  151.  
  152. #wrapper{
  153. width:600px;
  154. margin:50px auto;
  155. }
  156.  
  157. {block:ifnotSidebarTop}#sidebar{
  158. width:{text:Sidebar Size}px;
  159. position:fixed;
  160. margin-left:-150px;
  161. top:40px;
  162. padding:10px;
  163. }{/block:ifnotSidebarTop}
  164.  
  165. {block:ifSidebarTop} #sidebar {
  166. width:{text:Sidebar Size}px;
  167. position:top;
  168. margin-left:220px;
  169. top:40px;
  170. {block:ifPostBackground}background:{color:Post BG};{/block:ifPostBackground}
  171. padding:10px;
  172. }{/block:ifSidebarTop}
  173.  
  174. #sidebar img {
  175. width:{text:Sidebar Size}px;
  176. height:100%;
  177. {block:ifCircleSide}border-radius:100px{/block:ifCircleSide};
  178. {block:ifBorders}border:1px solid {color:Borders}{/block:ifBorders};
  179. }
  180.  
  181. #content{
  182. width:430px;
  183. margin-left:100px;
  184. overflow:hidden;
  185. }
  186.  
  187. .post{
  188. width:400px;
  189. margin:0 0 50px 0;
  190. overflow:hidden;
  191. {block:ifPostBackground}background:{color:Post BG};{/block:ifPostBackground}
  192. padding:10px;
  193. {block:ifBorders}border:1px solid {color:Borders};{/block:ifBorders}
  194. }
  195.  
  196. #sidebar img, .post img{
  197. max-width:100%;
  198. }
  199.  
  200. #nav{
  201. margin:50px 0 0 0;
  202. font-size:20px;
  203. text-align:center;
  204. }
  205.  
  206. .media{
  207. margin:0 0 10px 0;
  208. }
  209.  
  210. .title{
  211. font-weight:normal;
  212. font-size:18px;
  213. margin:0 0 10px 0;
  214. }
  215.  
  216. .quote{
  217. font-weight:normal;
  218. font-size:20px;
  219. font-style:italic;
  220. margin:10px 0 10px 0;
  221. }
  222.  
  223. .question{
  224. margin-bottom:10px;
  225. text-decoration:bold;
  226. }
  227.  
  228. blockquote{
  229. margin:0 0 10px 10px;
  230. padding:0 0 0 10px;
  231. border-left:solid 1px #000;
  232. }
  233.  
  234. .post .footer{
  235. margin:0;
  236. text-align:center;
  237. width:400px;
  238. }
  239.  
  240. ol.notes{
  241. list-style-type:none;
  242. padding:0;
  243. margin:0;
  244. }
  245.  
  246. ol.notes li.note img{
  247. width:16px;
  248. height:16px;
  249. }
  250.  
  251. ol.notes li.note{
  252. margin:0px;
  253. }
  254.  
  255. #player {
  256. background:#FFF;
  257. width:30px;
  258. height:30px;
  259. overflow:hidden;
  260. -moz-border-radius: 30px;
  261. -webkit-border-radius: 30px;
  262. border-radius: 30px;
  263. position:absolute;
  264. margin-top:30px;
  265. margin-left:37px;
  266. opacity: 0.7;
  267. filter:alpha(opacity=70);
  268. -moz-opacity: 0.7;
  269. -khtml-opacity: 0.7;
  270. }
  271.  
  272. #credit {
  273. margin-left:10px;
  274. bottom:10px;
  275. position:fixed;
  276. padding:10px;
  277. }
  278.  
  279. .dimsum {
  280. position:relative;
  281. margin:1px;
  282. text-align:center;
  283. }
  284.  
  285. .dimsum img {
  286. max-width:150px;
  287. }
  288.  
  289. .sushi {
  290. padding:0px;
  291. line-height:100%;
  292. text-align:left;
  293. color: {color:Links};
  294. display:none;
  295. }
  296.  
  297. {CustomCSS}
  298.  
  299. #albumart { float:left; margin:0px 7px;}
  300.  
  301. ::-webkit-scrollbar { width: 10px; height: 3px; background:{color:Background}; }
  302. ::-webkit-scrollbar-thumb { background-color:{color:Scrollbar}; }
  303.  
  304.  
  305. </style>
  306.  
  307. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  308. <script type="text/javascript">
  309. $(document).ready(function(){
  310. $(".sushi").hide();
  311. $(".dimsum").click(function(){
  312. $(this).next(".sushi").slideToggle('fast');
  313. }); }); </script>
  314.  
  315. </head>
  316.  
  317. <body>
  318. <div id="wrapper">
  319.  
  320.  
  321. <div id="sidebar">
  322. <img src="{image:Side}">
  323. {block:Description}
  324. <p><center>{block:ifshowdesc}{Description}{/block:ifshowdesc}</p>
  325. {/block:Description}
  326.  
  327. <p class="dimsum">
  328.  
  329. <a title="links">{text:Links title}</a>
  330.  
  331. <div class="sushi">
  332. <center>
  333.  
  334. <a href="{text:link1url}">{text:link1}</a>
  335. <br><a href="{text:link2url}">{text:link2}</a>
  336. <br><a href="{text:link3url}">{text:link3}</a>
  337. </center>
  338. </div></div>
  339.  
  340.  
  341.  
  342. <div id="content">
  343. {block:Posts}
  344.  
  345. <div class="post">
  346.  
  347. {block:Text}
  348. {block:Title}
  349. <div class="title">{Title}</div>
  350. {/block:Title}
  351. {Body}
  352. {/block:Text}
  353.  
  354. {block:Photo}
  355. <div class="media">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>
  356. {block:Caption}<div class="caption">{block:ifcaptions}{Caption}{/block:ifcaptions}</div>{/block:Caption}
  357. {/block:Photo}
  358.  
  359. {block:Photoset}
  360. <div class="media">{Photoset-400}</div>
  361. {block:Caption}<div class="caption">{block:ifcaptions}{Caption}{/block:ifcaptions}</div>{/block:Caption}
  362. {/block:Photoset}
  363.  
  364. {block:Quote}
  365. <div class="quote"><center>“ {Quote} ”</center></div>
  366. {block:Source}
  367. <div class="quotesource"><center> — {Source}</center></div>
  368. {/block:Source}
  369. {/block:Quote}
  370.  
  371. {block:Link}
  372. <div class="title"><a href="{URL}">{Name}</a></div>
  373. {block:Description}
  374. <div class="description">{Description}</div>
  375. {/block:Description}
  376. {/block:Link}
  377.  
  378. {block:Chat}
  379. {block:Title}
  380. <div class="title">{Title}</div>
  381. {/block:Title}
  382.  
  383. {block:Lines}
  384. <div class="{Alt} user_{UserNumber}">
  385. {block:Label}
  386. <b>{Label}</b>{/block:Label}
  387. &nbsp;{Line}
  388. </div>
  389. {/block:Lines}
  390. {/block:Chat}
  391.  
  392. {block:Video}
  393. <div class="media">{Video-400}</div>
  394. {block:Caption}<div class="caption">{block:ifcaptions}{Caption}{/block:ifcaptions}</div>{/block:Caption}
  395. {/block:Video}
  396.  
  397. <div class="media">
  398. {block:Audio}
  399. <div id="player">{AudioPlayerWhite}</div>
  400. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="90" height="90">{/block:AlbumArt}</div>
  401. <br>{PlayCountWithLabel}
  402. <br>{block:caption}<div class="caption">{block:ifcaptions}{Caption}{/block:ifcaptions}</div>{/block:caption}
  403. {/block:Audio}</div>
  404.  
  405. {block:Answer}
  406. <div class="question">{Asker} said: {Question}</div>
  407. <div class="caption">{Answer}</div>
  408. {/block:Answer}
  409.  
  410.  
  411. {block:Date}
  412. <div class="footer">
  413. <a href="{Permalink}" a title="{TimeAgo} with {NoteCount} notes">reblog</a> <br>{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  414. {block:ContentSource} / <a href="{SourceURL}">src</a>{/block:ContentSource}
  415. </div>
  416.  
  417. {block:PermalinkPage}
  418. {block:NoteCount}
  419. {block:PostNotes}{PostNotes}{/block:PostNotes}
  420. {/block:NoteCount}
  421. {/block:PermalinkPage}
  422. {/block:Date}
  423.  
  424. </div>
  425. {/block:Posts}
  426.  
  427. {block:Pagination}
  428. <div id="nav">
  429. {block:PreviousPage}<a href="{PreviousPage}">← Previous</a>{/block:PreviousPage}
  430.  
  431. {block:NextPage}<a href="{NextPage}">Next →</a>{/block:NextPage}
  432. </div>
  433. {/block:Pagination}
  434. </div>
  435. </div>
  436.  
  437. <div id="credit"><a href="http://snaketxt.tumblr.com/">©</a></div>
  438.  
  439. </div>
  440.  
  441. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  442. <script>window.jQuery || document.write('<script src="http://static.tumblr.com/qxrkgx6/q6kmgn2w2/jquery-1.8.3.min.js"><\/script>')</script>
  443.  
  444. </body>
  445. </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!