API tools faq
paste
Advertisement
themesbyhaleigh

Theme #8, Panic

themesbyhaleigh
Sep 1st, 2013
286
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.29 KB | None | 0 0
raw download clone embed print report
  1. <!-- Theme #8 Panic by nerdydean. Keep the credit intact, don't claim as your own, and message me if you have any problems. -->
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  4. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7. <head>
  8. <title>{Title}</title>
  9. <link rel="shortcut icon" href="{favicon}">
  10. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  11.  
  12. <meta name="color:background" content="#ffffff" />
  13. <meta name="color:posts title" content="#aaa" />
  14. <meta name="color:text" content="#9b9898" />
  15. <meta name="color:bold" content="#6f6e6e" />
  16. <meta name="color:italic" content="#b9b8b8" />
  17. <meta name="color:description" content="#b9b8b8" />
  18. <meta name="color:navigation links" content="#aaa" />
  19. <meta name="color:hyperlinks" content="#a2a2a2"/>
  20. <meta name="color:posts border" content="#f5f5f5" />
  21. <meta name="color:info bg" content="#fafafa" />
  22. <meta name="color:scrollbar" content="#eee" />
  23. <meta name="color:textselect background" content="#fffff" />
  24. <meta name="color:textselect fontcolor" content="#000000" />
  25.  
  26. <meta name="image:sidebar" content="" />
  27.  
  28. <meta name="text:link1 url" content="/" />
  29. <meta name="text:link1 hover" content="home" />
  30. <meta name="text:link1" content="waiting" />
  31. <meta name="text:link2 url" content="/ask" />
  32. <meta name="text:link2 hover" content="ask" />
  33. <meta name="text:link2" content="for" />
  34. <meta name="text:link3 url" content="/" />
  35. <meta name="text:link3 hover" content="link" />
  36. <meta name="text:link3" content="the" />
  37. <meta name="text:link4 url" content="/" />
  38. <meta name="text:link4 hover" content="link" />
  39. <meta name="text:link4" content="bus" />
  40.  
  41. <style type="text/css">
  42.  
  43. iframe#tumblr_controls {
  44. right:0px !important;
  45. position:fixed !important;
  46. }
  47.  
  48. ::-webkit-scrollbar-thumb:vertical {
  49. border:3px solid #fff;
  50. height:12px;
  51. background-color:{color:scrollbar};
  52. }
  53.  
  54. ::-webkit-scrollbar-thumb:horizontal {
  55. background-color:#fff;
  56. }
  57.  
  58. ::-webkit-scrollbar {
  59. background-color:{color:scrollbar};
  60. height:7px;
  61. width:12px;
  62. border:5px solid #fff;
  63. }
  64.  
  65. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  66. background-color:#fff;
  67. display:block;
  68. height:8px;
  69. border-right:2px solid #fff;
  70. border-left:2px solid #fff;
  71. }
  72.  
  73. ::selection {
  74. background: {color:textselect background};
  75. color: {color:textselect fontcolor};
  76. }
  77.  
  78. ::-moz-selection {
  79. background: {color:textslect background};
  80. color: {color:textselect fontcolor};
  81. }
  82.  
  83. ::-webkit-selection {
  84. background: {color:textselect background};
  85. color: {color:textselect fontcolor};
  86. }
  87.  
  88. body{
  89. background-color: {color:background};
  90. font-family:arial;
  91. line-height:100%;
  92. color:{color:text};
  93. word-wrap: break-word;
  94. font-size:10px;
  95. text-align:justify;}
  96.  
  97. a { text-decoration:none;
  98. cursor:pointer;
  99. color:{color:hyperlinks};}
  100.  
  101. a:link, a:active, a:visited {
  102. color: {color:hyperlinks};}
  103.  
  104. a:hover {text-decoration:underline;
  105. cursor: url('http://cur.cursors-4u.net/others/oth-6/oth589.cur'), auto;}
  106.  
  107. b, strong {
  108. font-weight:heavy;
  109. color:{color:bold};}
  110.  
  111. i, em {
  112. font-weight:light;
  113. color:{color:italic};}
  114.  
  115. blockquote {
  116. margin: 5px;
  117. padding:0px 3px 0px 3px;
  118. line-height:90%;;
  119. border-left: 1px solid #ddd;}
  120.  
  121. pre, xmp, plaintext, listing {
  122. display: block;
  123. white-space: pre;
  124. padding: 5px;
  125. word-wrap: break-word;
  126. font-size: 10px;}
  127.  
  128. #entry{
  129. margin-top: 70px;
  130. margin-bottom: 70px;
  131. margin-left: 300px;
  132. width:500px;}
  133.  
  134. #posts{
  135. line-height:90%;
  136. background:#fff;
  137. width:500px;
  138. padding:20px;
  139. margin-bottom:20px;}
  140.  
  141. #sidebar {
  142. position: fixed;
  143. top: 150px;
  144. left: 140px;}
  145.  
  146. #sidebarimage {display: block;}
  147.  
  148. #sidebarimage img {
  149. margin-left:-10px;
  150. width: 150px;
  151. padding:2px;
  152. background:#fff;
  153. border:1px solid #fff;}
  154.  
  155. #description {
  156. font-size:9px;
  157. letter-spacing:1px;
  158. text-align: justify;
  159. color:{color:description};
  160. margin-left:-20px;
  161. margin-top:-3px;
  162. font-family:arial;
  163. padding: 12px;
  164. width: 150px;
  165. line-height:110%;}
  166.  
  167. #navigation{
  168. display:inline-block;
  169. width: 125px;
  170. margin-top:5px;
  171. text-align:center;}
  172.  
  173. #navigation a.links {
  174. display:inline-block;
  175. width:50px;
  176. text-align:center;
  177. text-transform: uppercase;
  178. color: {color:navigation links};
  179. font-size:8px;
  180. padding:2px;
  181. margin:2px;
  182. font-family:calibri;
  183. letter-spacing:2px;
  184. box-shadow:0px 1px 1px rgba(0,0,0,.1);
  185. cursor:pointer;}
  186.  
  187. #navigation a.links:hover {color:#aaa;}
  188.  
  189. #pagination {
  190. display:inline-block;
  191. width:125px;
  192. text-align:center;
  193. font-size:10px;
  194. font-weight:bold;
  195. font-family:consolas;
  196. color:#ddd;
  197. width:123px;
  198. padding:1px;}
  199.  
  200. .info {
  201. position:absolute;
  202. margin-top:10px;
  203. width:490px;
  204. text-transform:uppercase;
  205. text-align: center;
  206. letter-spacing:1px;
  207. font-family: consolas;
  208. font-size:8px;
  209. color:#777;
  210. border-top:1px solid #f5f5f5;
  211. padding:6px;
  212. background:{color:info bg};}
  213.  
  214. .pnotes {
  215. background:transparent;
  216. max-height:250px;
  217. width:500px;
  218. text-align: left;
  219. overflow:auto;
  220. line-height:15px;
  221. padding:5px;
  222. margin-left: -20px;}
  223.  
  224. .pnotes img{width:16px;}
  225.  
  226. .pnotes li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;}
  227.  
  228. ol.notes {margin: 25px 0px;}
  229.  
  230. img.avatar {
  231. vertical-align: -4px;
  232. width: 16px;
  233. height: 16px;
  234. padding: 1px;}
  235.  
  236. .posttitle{
  237. color:{color:posts title};
  238. font-family: cambria;
  239. font-style:oblique;
  240. line-height: 100%;
  241. font-size:25px;}
  242.  
  243. #asker {
  244. font-family:calibri;
  245. text-transform: lowercase;
  246. line-height: 100%;
  247. text-align:left;
  248. padding:7px;
  249. font-size:15px;}
  250.  
  251. #questions {
  252. text-align:justify;
  253. color: {color:text};
  254. padding:10px;
  255. font-family:calibri;
  256. font-size:10px;
  257. background:#fafafa;}
  258.  
  259. #quote {
  260. font-family: arial;
  261. font-style:none;
  262. font-size: 18px;
  263. letter-spacing:1px;
  264. line-height: 100%;
  265. padding: 10px;
  266. text-align:left;
  267. margin-bottom: 10px;}
  268.  
  269. #source {font-size: 9px; text-align: right;font-family:arial;}
  270.  
  271. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  272. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  273. .chat li{
  274. list-style-type: none;
  275. margin-top:2px;
  276. padding:8px;}
  277.  
  278. .audio {height:47px;margin-bottom:10px;}
  279. .audio-player{height:26px;width:26px; margin-top: 7px; margin-left: 7px;overflow:hidden;opacity:0.6;border: 3px solid #f9f9f9; position:absolute; z-index:2; }
  280. .audio-album { position:absolute; width:32px; border: 7px solid #efefef;}
  281. .audio-info { height: 30px;margin-left:45px; padding:10px 10px 10px 10px;text-align:left; font-family:calibri;font-size:9px;line-height:110%;}
  282.  
  283. #credit {
  284. position:fixed;
  285. font-size:8px;
  286. font-weight:normal;
  287. line-height:150%;
  288. letter-spacing:2px;
  289. right:10px;
  290. bottom:10px;
  291. text-transform:uppercase;
  292. text-align:center;
  293. }
  294.  
  295. #credit a {
  296. padding:3px;
  297. color:#aaaaaa;
  298. -moz-transition-duration:0.5s;
  299. -webkit-transition-duration:0.5s;
  300. -o-transition-duration:0.5s;
  301. }
  302.  
  303. #s-m-t-tooltip {
  304. max-width:300px;
  305. padding:3px 4px 5px 4px;
  306. margin:20px 0px 0px 20px;
  307. background-color:#fff;
  308. border:1px solid #fff;
  309. font-family:arial;
  310. font-size:10px;
  311. letter-spacing:1px;
  312. text-transform:lowercase;
  313. text-decoration:underline;
  314. color:#999;
  315. z-index:999999999999999999999999999999999999;
  316. }
  317.  
  318. </style>
  319.  
  320. </head>
  321.  
  322. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  323.  
  324. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  325.  
  326. <script>
  327. (function($){
  328. $(document).ready(function(){
  329. $("a[title]").style_my_tooltips({
  330. tip_follows_cursor:true,
  331. tip_delay_time:90,
  332. tip_fade_speed:600,
  333. attribute:"title"
  334. });
  335. });
  336. })(jQuery);
  337. </script>
  338.  
  339. <body>
  340.  
  341.  
  342. <div id="content">
  343. <div id="sidebar">
  344.  
  345. <div id="sidebarimage">
  346. <a href="/" title="{Title}"><img src="{image:sidebar}"></a>
  347. </div>
  348. <div id="navigation">
  349. <a href="/" title="home">wating</a> &nbsp; <a href="/ask" title="ask">for</a> &nbsp; <a href="/navi" title="navi">the</a> &nbsp; <a href="/themes" title="themes">bus</a>
  350. </div>
  351. <div id="description">
  352. {block:Description}{Description}{/block:Description}
  353. </div>
  354. <div id="pagination">
  355. {block:Pagination}
  356. {block:PreviousPage}<a href="{PreviousPage}" title="previous">&larr; </a>{/block:PreviousPage}
  357. {block:NextPage}<a href="{NextPage}" title="next"> &rarr;</a>{/block:NextPage}
  358. {/block:Pagination}
  359. </div></div>
  360.  
  361.  
  362. <div id="entry">
  363. {block:Posts}
  364. <div id="posts">
  365.  
  366. {block:Quote}
  367. <div id="quote">"{Quote}"<br><div id="source">{Source}</small></div></div>
  368. {block:indexpage}
  369. <div class="info">
  370. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  371. {block:NoteCount}{NoteCount}{/block:NoteCount}
  372. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  373. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  374. {/block:indexpage}
  375. {/block:Quote}
  376.  
  377. {block:Photo}
  378. {block:indexpage}
  379. <center><img src="{PhotoURL-500}" style="max-width:500px;"/></center>
  380. {block:Caption}{Caption}{/block:Caption}
  381. <div class="info">
  382. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  383. {block:NoteCount}{NoteCount}{/block:NoteCount}
  384. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  385. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  386. {/block:indexpage}
  387. {block:permalinkpage}
  388. <center><img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;"></center>
  389. {block:Caption}{Caption}{/block:Caption}
  390. {/block:permalinkpage}
  391. {/block:Photo}
  392.  
  393. {block:Photoset}
  394. {block:indexpage}
  395. <center>{Photoset-500}</center>
  396. {block:Caption}{Caption}{/block:Caption}
  397. <div class="info">
  398. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  399. {block:NoteCount}{NoteCount}{/block:NoteCount}
  400. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  401. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  402. {/block:indexpage}
  403. {block:permalinkpage}
  404. <center>{Photoset-500}</center>
  405. {block:Caption}{Caption}{/block:Caption}
  406. {/block:permalinkpage}
  407. {/block:Photoset}
  408.  
  409. {block:Link}
  410. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
  411. {block:Description}{Description}{/block:Description}
  412. {block:indexpage}
  413. <div class="info">
  414. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  415. {block:NoteCount}{NoteCount}{/block:NoteCount}
  416. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  417. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  418. {/block:indexpage}
  419. {block:Link}
  420.  
  421. {block:Chat}
  422. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  423. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  424. {/block:Label}
  425. {block:indexpage}
  426. <div class="info">
  427. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  428. {block:NoteCount}{NoteCount}{/block:NoteCount}
  429. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  430. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  431. {/block:indexpage}
  432. {/block:Chat}
  433.  
  434. {block:Audio}
  435. <div class="audio">
  436. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:32px;">{/block:AlbumArt}
  437. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  438. <div class="audio-info">
  439. {block:TrackName} {TrackName}<br>{/block:TrackName}
  440. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
  441. </div></div>
  442. {block:Caption}{Caption}{/block:Caption}
  443. {block:indexpage}
  444. <div class="info">
  445. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  446. {block:NoteCount}{NoteCount}{/block:NoteCount}
  447. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  448. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  449. {/block:indexpage}
  450. {/block:Audio}
  451.  
  452. {block:Text}
  453. {block:Title}
  454. <div class="posttitle">{Title}</div>
  455. {/block:Title}
  456. {Body}
  457. {block:indexpage}
  458. <div class="info">
  459. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  460. {block:NoteCount}{NoteCount}{/block:NoteCount}
  461. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  462. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  463. {/block:indexpage}
  464. {/block:Text}
  465.  
  466. {block:Video}
  467. {Video-500}
  468. {block:ifcaption}{block:Caption}{Caption}{/block:Caption}{/block:ifcaption}
  469. {block:indexpage}
  470. <div class="info">
  471. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  472. {block:NoteCount}{NoteCount}{/block:NoteCount}
  473. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  474. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  475. {/block:indexpage}
  476. {block:permalinkpage}
  477. <center>{Video-500}</center>
  478. {block:Caption}{Caption}{/block:Caption}
  479. {/block:permalinkpage}
  480. {block:Video}
  481.  
  482. {block:Answer}
  483. <div id="asker">{Asker} inquired:</div><div id="questions">{Question}</div>{Answer}
  484. {block:indexpage}
  485. <div class="info">
  486. {block:Date}<a href="{Permalink}" title="permalink">{DayofMonth}.{MonthNumber}.{ShortYear}</a> {/block:Date}
  487. {block:NoteCount}{NoteCount}{/block:NoteCount}
  488. {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> <a href="{ReblogRootURL}" title="source">{ReblogRootName}</a>{/block:RebloggedFrom} <br>
  489. {block:HasTags} {block:Tags}<a href="{TagURL}" title="posts tagged '{Tag}'"> #{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  490. {/block:indexpage}
  491. {/block:Answer}
  492.  
  493.  
  494. {block:permalinkpage}
  495. <p>
  496. {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}
  497. {block:RebloggedFrom}via: <a href="{ReblogParentURL}" title="via">{ReblogParentName}</a> {/block:RebloggedFrom}
  498. {block:ContentSource}source: <a href="{SourceURL}" title="source">{SourceLink}</a>{/block:ContentSource}
  499. {block:HasTags}
  500. {block:Tags} <a href="{TagURL}" title="posts tagged '{Tag}'"> <small>#</small>{Tag}</a> {/block:Tags}{/block:HasTags}
  501. {block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}
  502.  
  503. <div class="pnotes">
  504. {block:PostNotes}
  505. {PostNotes-16}
  506. {/block:PostNotes}
  507. </div>{/block:permalinkpage}</div>
  508.  
  509. {/block:Posts}
  510. </div>
  511.  
  512. <div id="credit"><a href="http://hellish.co.vu" title="theme by nerdydean"><big>©</big></a></div>
  513.  
  514. </body>
  515. </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!