API tools faq
paste
Advertisement
heydestiel

Theme NINE

heydestiel
Jul 29th, 2013
587
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.03 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3. <script type="text/javascript"
  4. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  5.  
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  8.  
  9.  
  10. <script>
  11. $(document).ready(function(){
  12.  
  13. $(".slidingDiv").hide();
  14. $(".show_hide").show();
  15.  
  16. $('.show_hide').toggle(function(){
  17. $(".slidingDiv").slideDown(
  18. function(){
  19. $("#navigation").text("navigation")
  20. }
  21. );
  22. },function(){
  23. $(".slidingDiv").slideUp(
  24. function(){
  25. $("#navigation").text("navigation")
  26. }
  27. );
  28. });
  29. });
  30. </script>
  31.  
  32.  
  33.  
  34. <head>
  35.  
  36. <!---
  37.  
  38. █──█ █▀▀ █──█ █▀▀▄ █▀▀ █▀▀ ▀▀█▀▀ ─▀─ █▀▀ █──
  39. █▀▀█ █▀▀ █▄▄█ █──█ █▀▀ ▀▀█ ──█── ▀█▀ █▀▀ █──
  40. ▀──▀ ▀▀▀ ▄▄▄█ ▀▀▀─ ▀▀▀ ▀▀▀ ──▀── ▀▀▀ ▀▀▀ ▀▀▀
  41.  
  42.  
  43. you know the rules DO NOT STEAL, DO NOT REMOVE C R E D I T OR USE AS BASE!!
  44.  
  45. --->
  46.  
  47.  
  48. <meta name="color:background" content="#FFFFFF" />
  49. <meta name="color:text" content="#a8a5a5"/>
  50. <meta name="color:link" content="#a8a5a5"/>
  51. <meta name="color:linkHover" content="#312f2b"/>
  52. <meta name="color:scrollbar" content="#BBBBBB" />
  53. <meta name="color:scrollbg" content="#FFFFFF" />
  54. <meta name="color:nav hover color" content="#312f2b"/>
  55.  
  56. <meta name="image:sidebar" content=""/>
  57.  
  58. <meta name="text:linkA" content="">
  59. <meta name="text:linkA url" content="/">
  60. <meta name="text:linkB" content="">
  61. <meta name="text:linkB url" content="/">
  62. <meta name="text:linkC" content="">
  63. <meta name="text:linkC url" content="/">
  64. <meta name="text:linkD" content="">
  65. <meta name="text:linkD url" content="/">
  66. <meta name="text:linkE" content="">
  67. <meta name="text:linkE url" content="/">
  68. <meta name="text:linkF" content="">
  69. <meta name="text:linkF url" content="/">
  70.  
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  73.  
  74.  
  75. <head><title>{Title}</title>
  76. <link rel="shortcut icon" href="{Favicon}">
  77. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  78. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  79. <style type="text/css">
  80.  
  81.  
  82. ::-webkit-scrollbar-thumb:vertical {
  83. height:3px;
  84. border:2px solid #fff;
  85. background-color:#999;
  86. }
  87. ::-webkit-scrollbar-thumb:horizontal {
  88. background-color:#fff;
  89. }
  90. ::-webkit-scrollbar {
  91. width:9px;
  92. height:7px;
  93. border:5px solid #fff;
  94. background-color:#999;
  95. }
  96. ::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{
  97. display:block;
  98. height:5px;
  99. border-right:2px solid #fff;
  100. border-left:2px solid #fff;
  101. background-color:#999;
  102. }
  103.  
  104.  
  105. body {
  106. background:{color:background};
  107. font-family: calibri;
  108. font-size:9px;
  109. letter-spacing:1px;
  110. color:{color:text};
  111. line-height:100%;
  112. }
  113.  
  114. a:link, a:active, a:visited{color: {color:link};}
  115. a:hover{color:{color:linkHover};}
  116.  
  117. a {
  118. color:{color:link};
  119. text-decoration:none;
  120. -moz-transition-duration:0.5s;
  121. -webkit-transition-duration:0.5s;
  122. -o-transition-duration:0.5s;
  123. }
  124.  
  125. a:hover {
  126. color:{color:linkHover};
  127. text-decoration:none;
  128. -moz-transition-duration:0.5s;
  129. -webkit-transition-duration:0.5s;
  130. -o-transition-duration:0.5s;
  131. }
  132.  
  133.  
  134. h1 {
  135. font-weight:normal;
  136. font-size:12px;
  137. text-align:center;
  138. font-family:calibri;
  139. font-style:normal;
  140. line-height:80%;
  141. letter-spacing:1px;
  142. text-transform:uppercase;
  143. color:{color:text};
  144. }
  145.  
  146. h2 {
  147. font-size:15px;
  148. font-family:calibri;
  149. text-align:center;
  150. line-height:100%;
  151. letter-spacing:-0.5px;
  152. color:{color:text};
  153. font-weight:normal;
  154. padding:5px;
  155. padding-bottom:2px;
  156. }
  157.  
  158. #entries {
  159. width:500px;
  160. margin-left:270px;
  161. margin-top:-60px;
  162. padding:20px;
  163. }
  164.  
  165. .navigation {
  166. font-size:9px;
  167. width:240px;
  168. margin-left:auto;
  169. margin-right:auto;
  170. text-align:center;
  171. line-height:120%;
  172. margin-top:-22px;
  173. text-transform:uppercase;
  174. background:transparent;
  175. }
  176.  
  177. .navigation a {
  178. font-family: calibri;
  179. display:inline-block;
  180. margin-bottom:3px;
  181. padding:5px 10px 5px 10px;
  182. margin-left:auto;
  183. margin-right:auto;
  184. text-align:center;
  185. -moz-transition:0.2s ease-in;
  186. -webkit-transition:0.2s ease-in;
  187. -o-transition:0.2s ease-in;
  188. transition:0.2s ease-in;
  189. }
  190.  
  191. .navigation a:hover {
  192. background:{color:nav hover color};
  193. opacity: 0.5;
  194. text-decoration:underline;
  195. -moz-transition:0.2s ease-in;
  196. -webkit-transition:0.2s ease-in;
  197. -o-transition:0.2s ease-in;
  198. transition:0.2s ease-in;
  199. color:#fff;
  200. }
  201.  
  202. .show_hide {
  203. display:none;
  204. }
  205.  
  206.  
  207. #sidebar {
  208. top: 180px;
  209. margin-left:-90px;
  210. position:fixed;
  211. width:245px;
  212. }
  213.  
  214. #butts {
  215. background-color:{color:background};
  216. width:245px;
  217. padding-left:15px;
  218. padding-right:15px;
  219. }
  220.  
  221. #butts img {
  222. width:245px;
  223. margin-bottom:10px;
  224. opacity: 0.9;
  225. }
  226.  
  227. #rant {
  228. width:240px;
  229. line-height: 130%;
  230. text-align:center;
  231. font-size: 11px;
  232. font-family:calibri;
  233. color:{color:text};
  234. letter-spacing:0px;
  235. padding: 5px;
  236. opacity: 0.9;
  237. margin-top:-1px;
  238. margin-left:-2px;
  239. }
  240.  
  241. .pagination {
  242. padding:5px;
  243. font-family:calibri;
  244. font-size:9px;
  245. letter-spacing:2px;
  246. text-decoration:none;
  247. word-spacing:4px;
  248. width:230px;
  249. text-align:center;
  250. position:relative;
  251. margin-top:-11px;
  252. margin-left:auto;
  253. color:{color: link};
  254. padding: 10px;
  255.  
  256. }
  257.  
  258. .audio {
  259. width:500px;
  260. padding-bottom:10px;
  261. background-color:{color:infobg};
  262. }
  263.  
  264. .albumart {
  265. float:left;
  266. padding:0px 10px 10px 0px;
  267. }
  268.  
  269. .albumart img {
  270. width:45px;
  271. height:45px;
  272. }
  273.  
  274. .playercontainer {
  275. text-align:left;
  276. padding:10px;
  277. background-color:#ffffff;
  278. width:480px;
  279. }
  280.  
  281. .audioinfo {
  282. padding:10px;
  283. color:{color:text};
  284. }
  285.  
  286. .ask {
  287. padding:10px;
  288. text-align:left;
  289. border-bottom: 1px solid #f4f4f4;
  290. opacity: 0.9;
  291. color:#a8a7a7;
  292. }
  293.  
  294. .ans {
  295. text-align:left;
  296. padding:10px;
  297. color:{color:text};
  298. }
  299.  
  300. blockquote {
  301. border-left:2px solid {color:text};
  302. padding-left:5px;
  303. margin:5px;
  304. }
  305.  
  306. #stuffcontainer {
  307. float:left;
  308. margin-left:200px;
  309. margin-top:65px;
  310. text-align:justify;
  311.  
  312. color:{color:text};
  313. padding: 25px;
  314. padding-top: 13px;
  315. margin-bottom: 35px;
  316. }
  317.  
  318. #stuff {
  319. width:500px;
  320. margin-top:35px;
  321. text-align:justify;
  322. font-size:12px;
  323. line-height:110%;
  324. letter-spacing:0x;
  325. padding: 20px;
  326. padding-bottom: 20px;
  327. color:{color:text};
  328. }
  329.  
  330. .caption {
  331. width:500px;
  332. text-align:left;
  333. line-height:100%;
  334. }
  335.  
  336. #postinfo {
  337. text-align:left;
  338. width:500px;
  339. opacity:0.8;
  340. font-family:arial;
  341. text-transform:normal;
  342. font-size:10px;
  343. padding:2px;
  344. padding-top:10px;
  345. margin-top:5px;
  346. border-top:3px double #f7f7f7;
  347. color:{color:link};
  348. -moz-transition-duration:0.5s;
  349. -webkit-transition-duration:0.5s;
  350. -o-transition-duration:0.5s;
  351. }
  352.  
  353.  
  354.  
  355. #postinfo a {
  356. color:{color:link};
  357. text-align:left;
  358. opacity: 1;
  359. letter-spacing:1px;
  360. font-style:normal;
  361. }
  362.  
  363. #postinfo a:hover {
  364. color:{color:linkHover};
  365. text-decoration: underline;
  366. }
  367.  
  368. .note {
  369. text-transform:normal;
  370. font-style:normal;
  371. font-size:12px;
  372. padding-bottom: 3px;
  373. font-family:calibri;
  374. color:{color:notes};
  375. letter-spacing:1px;
  376. text-align:left;
  377. line-height:90%;
  378. }
  379.  
  380. .note li {
  381. list-style-type:none;
  382. text-align:left;
  383. margin:0px;
  384. color:{color:notes};
  385. -moz-transition-duration:0.5s;
  386. -webkit-transition-duration:0.5s;
  387. -o-transition-duration:0.5s;
  388. }
  389.  
  390. .tags {
  391. font-style:none;
  392. width:490px;
  393. margin-top:5px;
  394. text-transform:normal;
  395. font-style:normal;
  396. color:{color:link};
  397. letter-spacing:1px;
  398. font-family:calibri;
  399. line-height:100%;
  400. font-size:10px;
  401. text-align:center;
  402. padding:5px;
  403. -moz-transition-duration:0.5s;
  404. -webkit-transition-duration:0.5s;
  405. -o-transition-duration:0.5s;
  406. }
  407.  
  408. .tags a {
  409. color:{color:link};
  410. letter-spacing:1px;
  411. font-family:calibri;
  412. padding:1px;
  413. }
  414.  
  415. .tags a:hover {
  416. color:{color:link};
  417. text-decoration:underline;
  418. letter-spacing:1px;
  419. font-family:calibri;
  420. padding:1px;
  421. }
  422.  
  423. #profoundbond {
  424. position:fixed;
  425. font-family:calibri;
  426. text-transform:lowercase;
  427. font-size:10px;
  428. letter-spacing:1px;
  429. right:3px;
  430. bottom:10px;
  431. color:{color:text};
  432. padding: 5px;
  433. }
  434.  
  435. ol.notes {
  436. padding:0px;
  437. margin:25px 0px;
  438. list-style-type:none;
  439. }
  440. ol.notes li.note {
  441. padding: 10px;
  442. }
  443.  
  444. }
  445. ol.notes li.note span.action {
  446. font-weight:normal;
  447. }
  448. ol.notes li.note .answer_content {
  449. font-weight:normal;
  450. }
  451. ol.notes li.note blockquote {
  452. padding:9px 6px 9px 6px;
  453. margin:10px 0px 0px 25px;
  454. }
  455.  
  456.  
  457. </style>
  458.  
  459. <style type="text/css">{CustomCSS}</style>
  460.  
  461. </head>
  462. <body>
  463.  
  464. <script type="text/javascript">
  465. jQuery(document).ready(function() {
  466. jQuery(".sub").hide();
  467. //toggle the componenet with class msg_body
  468. jQuery(".cthrough").click(function()
  469. {
  470. jQuery(this).next(".sub").slideToggle(500);
  471. });});
  472. </script>
  473.  
  474.  
  475. <div id="entries">
  476. <div id="sidebar">
  477. <div id="butts">
  478. <div id="sidebarimage"><a href="/"><img src="{image:sidebar}"></div>
  479.  
  480. <div class="navigation">
  481.  
  482. <a href="#" class="show_hide" id="navigation" style="margin-left: -3px;background:#fafafa; border-bottom:1px solid #f4f4f4; text-decoration:none;color:{color:link}; font-family:arial; width:226px; border-radius:0;font-weight:; font-size:10px;">NAVIGATION</a>
  483.  
  484. <div class="slidingDiv">
  485. {block:IfLinkA}<a href="{linkA url}">{text:linkA}</a>{/block:IfLinkA}
  486. {block:IfLinkB}<a href="{linkB url}">{text:linkB}</a>{/block:IfLinkB}
  487. {block:IfLinkC}<a href="{linkC url}">{text:linkC}</a>{/block:IfLinkC}<br>
  488. {block:IfLinkA}<a href="{linkD url}">{text:linkD}</a>{/block:IfLinkD}
  489. {block:IfLinkE}<a href="{linkE url}">{text:linkE}</a>{/block:IfLinkE}
  490. {block:IfLinkF}<a href="{linkF url}">{text:linkF}</a>{/block:IfLinkF}
  491. </div>
  492.  
  493. </div>
  494.  
  495.  
  496. <div id="rant">{Description}</div>
  497.  
  498.  
  499. {block:Pagination}
  500. <div class="pagination">
  501. {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}
  502. {block:JumpPagination length="2"}{block:CurrentPage}
  503. <span class="pagination_current" style="padding:2px 4px 2px 4px;">{PageNumber}</span>
  504. {/block:CurrentPage}
  505. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  506. {/block:JumpPagination}
  507. {block:NextPage}<a href="{NextPage}">»</a> {/block:NextPage}
  508. </div>
  509. {/block:Pagination}
  510.  
  511. </div></div>
  512.  
  513.  
  514. <!---
  515. THEME BY HEYDESTEL. DO NOT STEAL OR USE AS BASE. KEEP THE CREDITS!!!
  516. --->
  517.  
  518.  
  519. <div id="stuffcontainer">
  520.  
  521.  
  522. {block:Posts}<div id="stuff">
  523.  
  524. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  525.  
  526. {block:Photo}{LinkOpenTag}<div id="stuff img"><img src="{PhotoURL-500}"></div>{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  527.  
  528. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  529.  
  530. {block:Link}<a href="{URL}"><h1>» {Name}</h1></a>
  531. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  532.  
  533. {block:Photoset}<div id="stuff img">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  534.  
  535. {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}
  536.  
  537. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  538.  
  539. {block:Answer}<div class="ask"><b>{Asker}</b> seductively whispered: {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  540.  
  541. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  542. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  543. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  544. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  545. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  546.  
  547. {block:Date}<div id="postinfo"><a href="{Permalink}"><span style="background: #fafafa; padding:5px; border-bottom: 1px solid #f7f7f7;">{TimeAgo}</a></span>{block:NoteCount} — <a href="{Permalink}">{NoteCount} notes<a>{/block:NoteCount}{block:RebloggedFrom}, <a href="{ReblogParentURL}"><u>via</u></a>{/block:RebloggedFrom}{block:ContentSource} / <a href="{SourceURL}"><u>source</u></a>{/block:ContentSource}{block:hastags} <br><p><span style="background: transparent; padding: 5px;">{block:Tags}<a href="{TagURL}">♯ {Tag}</a> {/block:Tags}{/block:hastags}</span></div></div>
  548.  
  549.  
  550. <div class="note">
  551. {block:PostNotes}{PostNotes}{/block:PostNotes}
  552. </div>
  553.  
  554.  
  555. {/block:Posts}
  556. </div</div>
  557.  
  558.  
  559.  
  560. <div id="profoundbond"><a href="http://daddyjensen.tumblr.com/">©daddyjensen </a></div>
  561.  
  562.  
  563.  
  564.  
  565. </body>
  566.  
  567. </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!