API tools faq
paste
Advertisement
styelsh

Let's Get Lost Theme

styelsh
Jul 6th, 2014
9,435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.72 KB | None | 0 0
raw download clone embed print report
  1. <script type="text/javascript"
  2. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  3.  
  4. <head>
  5.  
  6. <!--
  7. THEME BY REGAN
  8. [REGANSTHEMES.TUMBLR.COM]
  9. DO NOT STEAL OR REMOVE CREDIT
  10. -->
  11.  
  12. <meta name="if:400px posts" content=""/>
  13. <meta name="if:MaximizedBackground" content="0"/>
  14.  
  15. <meta name="color:background" content="#ffffff"/>
  16. <meta name="color:border" content="#f8f8f8"/>
  17. <meta name="color:text" content="#2e2e2e"/>
  18. <meta name="color:link" content="#2e2e2e"/>
  19. <meta name="color:hover" content="#e8a5db" />
  20.  
  21. <meta name="image:Background" content="" />
  22.  
  23. <meta name="text:Link 1" content="">
  24. <meta name="text:Link 1 Title" content="">
  25. <meta name="text:Link 2" content="">
  26. <meta name="text:Link 2 Title" content="">
  27. <meta name="text:Link 3" content="">
  28. <meta name="text:Link 3 Title" content="">
  29.  
  30. <script>
  31. $(document).ready(function(){
  32.  
  33. $(".slidingDiv").hide();
  34. $(".show_hide").show();
  35.  
  36. $('.show_hide').toggle(function(){
  37. $(".slidingDiv").slideDown(
  38. function(){
  39. $("#navigation").text("navigation")
  40. }
  41. );
  42. },function(){
  43. $(".slidingDiv").slideUp(
  44. function(){
  45. $("#navigation").text("navigation")
  46. }
  47. );
  48. });
  49. });
  50. </script>
  51.  
  52. <head><title>{Title}</title>
  53. <link rel="shortcut icon" href="{Favicon}">
  54. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  55. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  56. <style type="text/css">
  57.  
  58. ::-webkit-scrollbar {width: 3px; height:auto; background:{color:background}}
  59. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  60. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:#2e2e2e}
  61. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  62. ::-webkit-scrollbar-thumb:vertical {background:#2e2e2e;}
  63. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  64. ::-webkit-scrollbar-thumb {background: #2e2e2e;}
  65.  
  66. body {
  67. {block:ifMaximizedBackground} background:{color:background} url('{image:Background}') no-repeat center fixed; -webkit-background-size: cover;
  68. -moz-background-size: cover; -o-background-size: cover; background-size: cover; {/block:ifMaximizedBackground} {block:ifnotMaximizedBackground} background:{color:background} url('{image:Background}') top left fixed repeat; {/block:ifnotMaximizedBackground}
  69. font-family:arial;
  70. font-size:9px;
  71. letter-spacing:0px;
  72. color:{color:text};
  73. }
  74.  
  75. a:link, a:active, a:visited{color: {color:link};}
  76. a:hover{color:{color:link}; text-decoration:none;}
  77.  
  78. a {
  79. color:{color:link};
  80. text-decoration:none;
  81. -moz-transition-duration:0.4s;
  82. -webkit-transition-duration:0.4s;
  83. -o-transition-duration:0.4s;
  84. }
  85.  
  86. a:hover {
  87. text-decoration:underline;
  88. -moz-transition-duration:0.4s;
  89. -webkit-transition-duration:0.4s;
  90. -o-transition-duration:0.4s;
  91. }
  92.  
  93. #container {
  94. background-color:{color:background};
  95. width:700px;
  96. margin: 0 auto -12px auto;
  97. text-align: center;
  98. }
  99.  
  100. #headimg {
  101. {block:ifNot400pxposts}
  102. width:500px;
  103. {/block:ifNot400pxposts}
  104. {block:if400pxposts}
  105. width:400px;
  106. {/block:if400pxposts}
  107. padding-bottom:3px;
  108. }
  109.  
  110. #headimg img {
  111. width:75px;
  112. height:75px;
  113. float:center;
  114. border: 10px solid {color:border};
  115. -moz-border-radius: 100px;
  116. border-radius: 100px;
  117. }
  118.  
  119. #title {
  120. font-size:20px;
  121. font-weight:bold;
  122. letter-spacing:-2px;
  123. text-align:left;
  124. margin-bottom:6px;
  125. {block:ifNot400pxposts}
  126. width:520px;
  127. {/block:ifNot400pxposts}
  128. {block:if400pxposts}
  129. width:420px;
  130. {/block:if400pxposts}
  131. }
  132.  
  133. #title:hover{
  134. text-decoration:none;
  135. }
  136.  
  137. .links{
  138. padding:5px;
  139. font-size:8px;
  140. margin-top:5px;
  141. font-weight:bold;
  142. text-transform:uppercase;
  143. margin-bottom:-2px;
  144. text-align:right;
  145. }
  146.  
  147. .links a{
  148. padding:7px;
  149. letter-spacing:0px;
  150. color:{color:link};
  151. text-decoration:none;
  152. -moz-transition-duration:0.4s;
  153. -webkit-transition-duration:0.4s;
  154. -o-transition-duration:0.4s;
  155. }
  156.  
  157. .links a:hover{
  158. text-decoration:underline;
  159. }
  160.  
  161. .show_hide {
  162. display:none;
  163. }
  164.  
  165. #header {
  166. margin-top: -50px;
  167. display: block;
  168. {block:ifNot400pxposts}
  169. width:500px;
  170. {/block:ifNot400pxposts}
  171. {block:if400pxposts}
  172. width:400px;
  173. {/block:if400pxposts}
  174. padding:10px;
  175. margin-left:auto;
  176. margin-right:auto;
  177. margin-bottom:-50px;
  178. }
  179.  
  180. #descri {
  181. {block:ifNot400pxposts}
  182. width:500px;
  183. {/block:ifNot400pxposts}
  184. {block:if400pxposts}
  185. width:400px;
  186. {/block:if400pxposts}
  187. padding:0px;
  188. }
  189.  
  190. .pagi {
  191. font-size:15px;
  192. text-align:center;
  193. margin-top:100px;
  194. margin-bottom:80px;
  195. padding:0px;
  196. position:justify;
  197. margin-left:auto;
  198. margin-right:auto;
  199. }
  200.  
  201. .border {
  202. margin-top:6px;
  203. border-top:1px solid #2e2e2e;
  204. }
  205.  
  206. h1 {
  207. font-size:25px;
  208. font-weight:bold;
  209. letter-spacing:-2px;
  210. text-transform:lowercase;
  211. text-align:left;
  212. margin-bottom:6px;
  213. }
  214.  
  215. h2 {
  216. font-size:15px;
  217. letter-spacing:0px;
  218. text-align:center;
  219. font-weight:normal;
  220. padding:10px;
  221. }
  222.  
  223. blockquote {
  224. border-left:1px solid #e9e7e7;
  225. padding-left:10px;
  226. margin:5px;
  227. }
  228.  
  229. #question {
  230. text-align:left;
  231. font-weight:normal;
  232. text-transform:lowercase;
  233. padding:10px;
  234. background:#fafafa;
  235. color:{color:text};
  236. }
  237.  
  238. .answer {
  239. padding:0px 5px 0px 5px;
  240. }
  241.  
  242. #audio {
  243. height:auto;
  244. min-height:130px;
  245. width:400px;
  246. }
  247.  
  248. .cover {
  249. position:absolute;
  250. z-index:1;
  251. width:120px;
  252. height:120px;
  253. }
  254.  
  255. .cover img {
  256. float:left;
  257. width:120px;
  258. height:120px;
  259. }
  260.  
  261. .playbutton {
  262. width:30px;
  263. height:40px;
  264. overflow:hidden;
  265. position:relative;
  266. z-index:1000;
  267. margin-top:12px;
  268. margin-left:12px;
  269. }
  270.  
  271. .playbox {
  272. background-color:#fff;
  273. position:absolute;
  274. z-index: 1000;
  275. margin-top:35px;
  276. margin-left:35px;
  277. opacity:0.6;
  278. width:50px;
  279. height:50px;
  280. -moz-border-radius:100%;
  281. border-radius:100%;
  282. }
  283.  
  284. .audioinfo {
  285. margin-left:130px;
  286. font-size:10px;
  287. display:block;
  288. background:#fff;
  289. padding:3px;
  290. line-height:90%;
  291. }
  292.  
  293. #stuffcontainer {
  294. float:center;
  295. text-align:left;
  296. margin-left:auto;
  297. margin-right:auto;
  298. margin-top:100px;
  299. {block:ifNot400pxposts}
  300. width:500px;
  301. {/block:ifNot400pxposts}
  302. {block:if400pxposts}
  303. width:400px;
  304. {/block:if400pxposts}
  305. }
  306.  
  307. #stuff {
  308. {block:ifNot400pxposts}
  309. width:500px;
  310. {/block:ifNot400pxposts}
  311. {block:if400pxposts}
  312. width:400px;
  313. {/block:if400pxposts}
  314. margin-left:auto;
  315. margin-right:auto;
  316. margin-top:70px;
  317. margin-bottom:-50px;
  318. text-align:justify;
  319. padding:10px;
  320. }
  321.  
  322. #stuff img{
  323. width:100%;
  324. }
  325.  
  326. #postinfo {
  327. margin-top:15px;
  328. font-size:8px;
  329. text-transform:uppercase;
  330. text-align:center;
  331. }
  332.  
  333. #postinfo a {
  334. margin-right:10px;
  335. }
  336.  
  337. #postinfo:hover{
  338. color:{color:hover};
  339. -moz-transition-duration:0.4s;
  340. -webkit-transition-duration:0.4s;
  341. -o-transition-duration:0.4s;
  342. }
  343.  
  344. .tags a {
  345. text-transform:none;
  346. font-size:9px;
  347. }
  348.  
  349. ol.notes {
  350. {block:ifNot400pxposts}
  351. width:500px;
  352. {/block:ifNot400pxposts}
  353. {block:if400pxposts}
  354. width:400px;
  355. {/block:if400pxposts}
  356. margin-left:auto;
  357. margin-right:auto;
  358. padding:0px;
  359. font-size:9px;
  360. margin-top:80px;
  361. list-style-type:none;
  362. text-align:left;
  363. }
  364. ol.notes li.note {
  365. padding: 10px;
  366. }
  367. ol.notes li.note img.avatar {
  368. vertical-align:-4px;
  369. margin-right:10px;
  370. width:16px;
  371. height:16px;
  372. -webkit-border-radius:100px;
  373. -moz-border-radius:100px;
  374. border-radius:100px;
  375. }
  376. ol.notes li.note span.action {
  377. font-weight:normal;
  378. }
  379. ol.notes li.note .answer_content {
  380. font-weight:normal;
  381. }
  382. ol.notes li.note blockquote {
  383. padding:9px 6px 9px 6px;
  384. }
  385.  
  386. #cred {
  387. bottom:30px;
  388. font-style:none;
  389. right:35px;
  390. position:fixed;
  391. }
  392.  
  393. </style>
  394. <style type="text/css">{CustomCSS}</style>
  395.  
  396. </head>
  397. <body>
  398.  
  399. <div id="cred"><a href="http://regansthemes.tumblr.com/">♡</a></div>
  400.  
  401. <div id="stuffcontainer">
  402.  
  403. <div id="header">
  404. <div id="descri">
  405.  
  406. <a href="#" class="show_hide" id="title">{Title}</a>
  407.  
  408. <div class="border"></div>
  409.  
  410. <div class="slidingDiv"><div style="padding:5px;{block:ifNot400pxposts}width:495px;{/block:ifNot400pxposts}{block:if400pxposts}width:395px;{/block:if400pxposts}margin-left:auto;margin-right:auto;text-align:center;">
  411. {Description}
  412. </div>
  413. </div>
  414.  
  415. <center><div class="links">
  416. <a href="/">home</a>
  417. <a href="/ask">message</a>
  418. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}
  419. {block:ifLink2} <a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  420. {block:ifLink3} <a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}
  421. </div></center>
  422.  
  423. </div></div>
  424.  
  425. {block:Posts}<div id="stuff">
  426.  
  427. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  428.  
  429. {block:Photo}{block:ifNot400pxposts}<center><img src="{PhotoURL-500}"/></center>{/block:ifNot400pxposts}{block:if400pxposts}<center><img src="{PhotoURL-400}"/></center>{/block:if400pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  430.  
  431. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  432.  
  433. {block:Link}<a href="{URL}"><h1>» {Name}</h1></a>
  434. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  435.  
  436. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  437.  
  438. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  439.  
  440. {block:Video} {block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  441.  
  442. {block:Answer}<div id="question"><b>{Asker}</b>: {Question}<br /></div><div class="answer">{Answer}</div>{/block:Answer}
  443.  
  444. {block:Audio}<div id="audio"><div class="cover"><img src="http://31.media.tumblr.com/00875d07f9a24cb51966ee9d0dc90bbf/tumblr_msrqgihNaz1qe3j9mo1_400.png"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div>
  445. <div class="audioinfo">
  446. <b>Artist:</b><span {block:Artist} style="display:none;"{/block:Artist}> Unknown</span> {block:Artist}{Artist}{/block:Artist}</div>
  447. <div class="audioinfo"><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div>
  448. <div class="audioinfo"><b>Album:</b><span {block:Album} style="display:none;"{/block:Album}> Unknown</span> {block:Album}{Album}{/block:Album}</div>
  449. </div>
  450. {/block:Audio}
  451.  
  452. {block:Date}<div id="postinfo"><div id="date"><a href="{Permalink}" style="font-weight:bold">{Month} {DayOfMonthWithZero} </a> | &nbsp;&nbsp;&nbsp;&nbsp;<a href="{Permalink}">{NoteCount}</a>
  453. {block:PermalinkPage}
  454. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}/<a href="{SourceURL}" title="{ReblogRootName}">src</a>{/block:ContentSource}{/block:RebloggedFrom}
  455. {/block:PermalinkPage}
  456.  
  457. {block:HasTags}
  458. <div class="tags">
  459. {block:Tags}
  460. <a href="{TagUrl}">{Tag}</a>
  461. {/block:Tags}
  462. </div>
  463. {/block:HasTags}
  464.  
  465. </div></div>
  466. {/block:Date}
  467.  
  468. </div>
  469.  
  470. {block:PostNotes}{PostNotes}{/block:PostNotes}
  471.  
  472. {/block:Posts}
  473.  
  474. {block:ContentSource}
  475. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>{/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  476.  
  477. {block:Pagination}
  478. <div class="pagi">
  479. {block:PreviousPage}
  480. <a href="{PreviousPage}">←</a>
  481. {/block:PreviousPage}
  482.  
  483. {block:NextPage}
  484. <a href="{NextPage}">→</a>
  485. {/block:NextPage}
  486. </div>
  487. {/block:Pagination}
  488.  
  489. </div>
  490.  
  491. </body>
  492. </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!