bsethemes

hear my baby call

Jun 17th, 2015
2,990
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  5. {block:Description}
  6. <meta name="description" content="{MetaDescription}">
  7. {/block:Description}
  8.  
  9. <link rel="shortcut icon" href="{Favicon}">
  10. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  11.  
  12. <meta name="image:sidebar" content=""/>
  13.  
  14. <meta name="color:background" content=""/>
  15. <meta name="color:posts background" content=""/>
  16. <meta name="color:text" content=""/>
  17. <meta name="color:title" content=""/>
  18. <meta name="color:sidebar links" content=""/>
  19. <meta name="color:links" content=""/>
  20. <meta name="color:hover" content=""/>
  21. <meta name="color:active" content=""/>
  22. <meta name="color:pagination link" content=""/>
  23. <meta name="color:border" content=""/>
  24. <meta name="color:tooltip" content=""/>
  25. <meta name="color:tooltip background" content=""/>
  26. <meta name="color:scrollbar" content=""/>
  27. <meta name="color:scrollbar background" content=""/>
  28. <meta name="color:selection" content=""/>
  29.  
  30. <meta name="text:url 1" content="/"/>
  31. <meta name="text:link 1" content="link 1"/>
  32. <meta name="text:url 2" content="/"/>
  33. <meta name="text:link 2" content="link2"/>
  34. <meta name="text:url 3" content="/"/>
  35. <meta name="text:link 3" content="link 3"/>
  36. <meta name="text:url 4" content="/"/>
  37. <meta name="text:link 4" content="link 4"/>
  38.  
  39. <meta name="if:InfiniteScroll" content="1"/>
  40. <meta name="if:captions" content="0"/>
  41. <meta name="if:tags" content="0"/>
  42.  
  43. <script type="text/javascript">
  44. WebFontConfig = {
  45. google: { families: [ 'Quicksand:400,700:latin' ] }
  46. };
  47. (function() {
  48. var wf = document.createElement('script');
  49. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  50. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  51. wf.type = 'text/javascript';
  52. wf.async = 'true';
  53. var s = document.getElementsByTagName('script')[0];
  54. s.parentNode.insertBefore(wf, s);
  55. })(); </script>
  56.  
  57. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  58. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  59. <script>
  60. (function($){
  61. $(document).ready(function(){
  62. $("a[title]").style_my_tooltips({
  63. tip_follows_cursor:true,
  64. tip_delay_time:90,
  65. tip_fade_speed:100,
  66. attribute:"title"
  67. });
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. {block:ifInfiniteScroll}<script type="text/javascript" src="http://codysherman.tumblr.com/tools/infinite-scrolling/code"></script>{/block:ifInfiniteScroll}
  73.  
  74. <style type="text/css">
  75.  
  76. @import url(http://fonts.googleapis.com/css?family=Lobster);
  77.  
  78. body {
  79. font-family: 'Quicksand', sans-serif;
  80. color:{color:text};
  81. font-size:14px;
  82. background-color: {color:background};
  83. }
  84.  
  85. a {
  86. color:{color:links};
  87. text-decoration:none;
  88. }
  89.  
  90. a:hover {
  91. color:{color:hover};
  92. }
  93.  
  94. a:active {
  95. color:{color:active};
  96. }
  97.  
  98. #s-m-t-tooltip {
  99. max-width:200px;
  100. margin:25px 20px 25px 20px;
  101. background-color:{color:tooltip background};
  102. color:{color:tooltip};
  103. font-family:'VT323';
  104. border:1px solid white;
  105. font-size:10px;
  106. line-height:13px;
  107. padding:3px 5px 4px 5px;
  108. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  109. -webkit-transition: all 1s ease-out;
  110. -moz-transition: all 1s ease-out;
  111. transition: all 1s ease-out;
  112. z-index:999999999999999999999999999999999999;
  113. }
  114.  
  115. ::-webkit-scrollbar-thumb {
  116. height:auto;
  117. background-color:{color:scrollbar};
  118. }
  119.  
  120. ::-webkit-scrollbar {
  121. height:9px;
  122. width:4px;
  123. background-color:{color:scrollbar Background};
  124. border:1px solid {color:scrollbar};
  125. }
  126.  
  127. ::-moz-selection {
  128. background: transparent;
  129. color:{color:selection};
  130. }
  131.  
  132. ::selection {
  133. background: transparent;
  134. color:{color:selection};
  135. }
  136.  
  137. .sidebar {
  138. width:250px;
  139. position:absolute;
  140. margin-top:50px;
  141. margin-left:900px;
  142. }
  143.  
  144. .image{
  145. margin-left:220px;
  146. margin-top:10px;
  147. position:absolute;
  148. }
  149.  
  150. .image img {
  151. position:absolute;
  152. width:150px;
  153. height:150px;
  154. border-radius:50%;
  155. border-top:4px solid {color:border};
  156. border-right:3px solid {color:border};
  157. border-left:2px solid {color:border};
  158. border-bottom:1px solid {color:border};
  159. margin-right:20px;
  160. z-index:1;
  161. }
  162.  
  163. #title {
  164. color:{color:title};
  165. font-size:16px;
  166. padding:5px;
  167. font-family: 'Lobster', cursive;
  168. border-bottom:1px solid {color:border};
  169. }
  170.  
  171. #links {
  172. position:fixed;
  173. padding:5px;
  174. font-size:13px;
  175. text-align:center;
  176. }
  177.  
  178. #links a {
  179. color:{color:sidebar links};
  180. font-weight:bold;
  181. text-decoration:none;
  182. text-shadow: 3px 3px 0px rgba(150, 150, 150, 0.3);
  183. -webkit-transition-duration: 0.5s;
  184. -moz-transition-duration: 0.5s;
  185. -o-transition-duration: 0.5s;
  186. transition-duration: 0.5s;
  187. }
  188.  
  189. #links a:hover {
  190. color:{color:sidebar links};
  191. text-shadow: 0px 0px 0px;
  192. -webkit-transition-duration: 0.5s;
  193. -moz-transition-duration: 0.5s;
  194. -o-transition-duration: 0.5s;
  195. transition-duration: 0.5s;
  196. }
  197.  
  198. #links a:active {
  199. color:{color:sidebar links};
  200. }
  201.  
  202. #description {
  203. text-align:justify;
  204. margin-top:17px;
  205. padding:5px;
  206. }
  207.  
  208. #next {
  209. margin-left:40px;
  210. position:fixed;
  211. text-align:center;
  212. padding:5px;
  213. width:20px;
  214. background:{color:border};
  215. border-radius:50%;
  216. }
  217.  
  218. #next a {
  219. color:{color:pagination link};
  220. }
  221.  
  222. #next a:hover{
  223. color:{color:pagination link};
  224. }
  225.  
  226. #next a:active {
  227. color:{color:pagination link};
  228. }
  229.  
  230. #previous {
  231. margin-left:140px;
  232. position:fixed;
  233. text-align:center;
  234. padding:5px;
  235. width:20px;
  236. background:{color:border};
  237. border-radius:50%;
  238. }
  239.  
  240. #previous a {
  241. color:{color:pagination link};
  242. }
  243.  
  244. #previous a:hover{
  245. color:{color:pagination link};
  246. }
  247.  
  248. #previous a:active {
  249. color:{color:pagination link};
  250. }
  251.  
  252. #entries {
  253. height:550px;
  254. padding:15px;
  255. overflow:auto;
  256. position:absolute;
  257. margin-top:50px;
  258. margin-left:350px;
  259. width:480px;
  260. padding-left:50px;
  261. background:{color:posts background};
  262. border-width: 1px;
  263. border-style: solid;
  264. -webkit-border-image:
  265. -webkit-gradient(linear, 0 0, 0 100%, from({color:border}), to(rgba(0, 0, 0, 0))) 1 100%;
  266. -webkit-border-image:
  267. -webkit-linear-gradient({color:border}, rgba(0, 0, 0, 0)) 1 100%;
  268. -moz-border-image:
  269. -moz-linear-gradient({color:border}, rgba(0, 0, 0, 0)) 1 100%;
  270. -o-border-image:
  271. -o-linear-gradient({color:border}, rgba(0, 0, 0, 0)) 1 100%;
  272. border-image:
  273. linear-gradient(to bottom, {color:border}, rgba(0, 0, 0, 0)) 1 100%;
  274. }
  275.  
  276. #sideline {
  277. position:Absolute;
  278. margin-top:-202px;
  279. margin-left:590px;
  280. height:500px;
  281. transform:rotate(270deg);
  282. border-width: 1px;
  283. border-style: solid;
  284. -webkit-border-image:
  285. -webkit-gradient(linear, 0 0, 0 100%, from({color:border};), to(rgba(0, 0, 0, 0))) 1 100%;
  286. -webkit-border-image:
  287. -webkit-linear-gradient({color:border}, rgba(0, 0, 0, 0)) 1 100%;
  288. -moz-border-image:
  289. -moz-linear-gradient({color:border}, rgba(0, 0, 0, 0)) 1 100%;
  290. -o-border-image:
  291. -o-linear-gradient({color:border}, rgba(0, 0, 0, 0)) 1 100%;
  292. border-image:
  293. linear-gradient(to bottom, {color:border}, rgba(0, 0, 0, 0)) 1 100%;
  294. }
  295.  
  296. #posts {
  297. width:400px;
  298. margin-bottom:20px;
  299. margin-top:10px;
  300. }
  301.  
  302. #caption img {
  303. max-width:200px;
  304. }
  305.  
  306. blockquote {
  307. padding:5px;
  308. border-left:1px solid {color:border};
  309. }
  310.  
  311. #quote {
  312. font-family: 'Lobster', cursive;
  313. }
  314.  
  315. .chat ul {
  316. list-style:none;
  317. }
  318.  
  319. #aud {
  320. position:absolute;
  321. text-align:right;
  322. }
  323.  
  324.  
  325. #notes {
  326. max-height:300px;
  327. overflow:auto;
  328. }
  329.  
  330. #notes img {
  331. border-radius:50%;
  332. }
  333.  
  334. #perma {
  335. font-size:11px;
  336. width:400px;
  337. border-bottom:1px solid {color:border};
  338. }
  339.  
  340. #perma a {
  341. color:#000;
  342. }
  343.  
  344. #perma a:hover {
  345. color:#000;
  346. }
  347.  
  348. #perma a:active {
  349. color:#000;
  350. }
  351.  
  352. #tags {
  353. font-size:11px;
  354. }
  355.  
  356. #credit {
  357. position:fixed;
  358. right:10px;
  359. bottom:10px;
  360. letter-spacing:3px;
  361. padding:5px;
  362. background:#fff;
  363. border:1px solid #e5e5e5;
  364. -webkit-box-shadow: 10px 10px 0px -4px rgba(0,0,0,0.29);
  365. -moz-box-shadow: 10px 10px 0px -4px rgba(0,0,0,0.29);
  366. box-shadow: 10px 10px 0px -4px rgba(0,0,0,0.29);
  367. -webkit-transition-duration: 1s;
  368. -moz-transition-duration: 1s;
  369. -o-transition-duration: 1s;
  370. transition-duration: 1s;
  371. }
  372.  
  373. #credit a {
  374. color:#c0c0c0;
  375. -webkit-transition-duration: 1s;
  376. -moz-transition-duration: 1s;
  377. -o-transition-duration: 1s;
  378. transition-duration: 1s;
  379. }
  380.  
  381. #credit:hover {
  382. color:#fff;
  383. letter-spacing:5px;
  384. background:black;
  385. border:1px solid #fff;
  386. -webkit-box-shadow: 0px 0px 0px -4px rgba(0,0,0,0.29);
  387. -moz-box-shadow: 0px 0px 0px -4px rgba(0,0,0,0.29);
  388. box-shadow: 0px 0px 0px -4px rgba(0,0,0,0.29);
  389. -webkit-transition-duration: 1s;
  390. -moz-transition-duration: 1s;
  391. -o-transition-duration: 1s;
  392. transition-duration: 1s;
  393. }
  394.  
  395.  
  396. </style>
  397. </head>
  398. <body>
  399.  
  400. <div class="image">
  401. <a href="/"><img src="{image:sidebar}"/></a></div>
  402. <div id="sideline"></div>
  403. <div class="sidebar">
  404. <div id="title">{title}</div>
  405. <div id="links">
  406. <a href="/">home</a>
  407. <a href="/ask">ask</a>
  408. <a href="{text:url 1}">{text:link 1}</a>
  409. <a href="{text:url 2}">{text:link 2}</a>
  410. <a href="{text:url 3}">{text:link 3}</a>
  411. <a href="{text:url 4}">{text:link 4}</a>
  412. </div>
  413. <div id="description">{Description}</div>
  414.  
  415. {block:ifnotInfiniteScroll} {block:Pagination}{block:PreviousPage}<div id="previous"><a href="{PreviousPage}">P</a></div>{/block:PreviousPage}
  416.  
  417. {block:NextPage}<div id="next"><a href="{NextPage}">N</a></div>{/block:NextPage}{/block:Pagination}{/block:ifnotInfiniteScroll}
  418. </div>
  419.  
  420.  
  421. <div id="entries">
  422.  
  423. {block:ifInfiniteScroll}<div class = "autopagerize_page_element" >{/block:ifInfiniteScroll}
  424.  
  425. {block:Posts}
  426.  
  427. <div id="posts">
  428.  
  429. {block:Text}{block:Title}<div id="title">{Title}</div>{/block:Title}{Body}{/block:Text}
  430.  
  431. {block:Photo}<a href="{PhotoURL-HighRes}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>
  432.  
  433. {block:ifcaption} {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Photo}
  434.  
  435. {block:Panorama}<img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  436. {block:ifcaption} {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Panorama}
  437.  
  438. {block:Photoset}{Photoset-400}
  439.  
  440. {block:ifcaption} {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Photoset}
  441.  
  442. {block:Quote}<div id="quote"><q>{Quote}</q></div> {block:Source}{Source}{/block:Source}{/block:Quote}
  443.  
  444. {block:Link}<a href="{URL}" target="{Target}">{Name}</a> {block:Description}{Description}{/block:Description}{/block:Link}
  445.  
  446. {block:Chat}
  447. <ul>
  448. {block:Lines}<li class="{Alt}" style="border-bottom:1px solid #c0c0c0"><p>{block:Label}<strong>{Label}</strong>{/block:Label} {Line} </p></li>{/block:Lines}
  449. </ul>
  450. {/block:Chat}
  451.  
  452. {block:Audio}
  453.  
  454. {block:AlbumArt}<div id="aud"><img src="{AlbumArtURL}" width="150px"/></div>{/block:AlbumArt}
  455.  
  456. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}<br><br><br><br><br><br><br><br>
  457.  
  458. {block:ifcaption} {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Audio}
  459.  
  460. {block:Video}{Video-400}
  461.  
  462. {block:ifcaption} {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}{/block:Video}
  463.  
  464. {block:Answer}<div id="title">{Asker} Said: </div>{Question}
  465. {Answer}{/block:Answer}
  466.  
  467. {block:Submission}<div id="title"><a href="{SubmitterURL}">{Submitter}</a> Submitted: </div>{/block:Submission}
  468.  
  469. </div>
  470.  
  471. <div id="perma">
  472. {block:Date}<a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero} {12Hour}:{Minutes}{AmPm}">{TimeAgo}</a>{/block:Date} &nbsp; &nbsp;
  473.  
  474. {block:NoteCount}<a href="{Permalink}">Notes: {NoteCount}</a>{/block:NoteCount} &nbsp; &nbsp;
  475.  
  476. {block:RebloggedFrom} <a href="{ReblogParentURL}"title="{ReblogParentName}"> Via </a> {/block:RebloggedFrom}
  477. {block:ContentSource}/
  478. <a href="{SourceURL}" title="{SourceTitle}">Source</a>
  479. {/block:ContentSource}
  480. </div>
  481.  
  482. {block:iftags}
  483. <div id="tags">
  484. {block:HasTags}{block:Tags}
  485. ↳ <a href="{TagURL}">#{Tag}</a>
  486. {/block:Tags}{/block:HasTags}</div>
  487. {/block:iftags}
  488.  
  489. <div id="notes">{block:PostNotes}{PostNotes-16}{/block:PostNotes}</div>
  490.  
  491.  
  492.  
  493.  
  494. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  495. </div>
  496.  
  497. <div id="credit"><a href="http://bsethemes.tumblr.com/">Theme</a></div>
  498.  
  499. </body>
  500. </html>
Advertisement
Add Comment
Please, Sign In to add comment