Advertisement
noziam

THEME 13: *DEAD*

Dec 28th, 2013
469
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.47 KB | None | 0 0
  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.  
  8. . .o8 oooo
  9. .o8 "888 `888
  10. .o888oo oooo oooo ooo. .oo. .oo. 888oooo. 888 oooo d8b
  11. 888 `888 `888 `888P"Y88bP"Y88b d88' `88b 888 `888""8P
  12. 888 888 888 888 888 888 888 888 888 888
  13. 888 . 888 888 888 888 888 888 888 888 888 .o.
  14. "888" `V88V"V8P' o888o o888o o888o `Y8bod8P' o888o d888b Y8P
  15.  
  16. -->
  17.  
  18.  
  19. <!--
  20.  
  21. THEME 13 *DEAD* BY JAE @ NOZIAM
  22.  
  23. IF YOU STEAL OR REMOVE THE CREDIT, I WILL HUNT YOU DOWN AND KILL YOU IN YOUR SLEEP. HAVE A NICE DAY.
  24.  
  25. THANK YOU.
  26. ENJOY!
  27.  
  28.  
  29. -->
  30.  
  31. <meta name="color:background" content="#FFFFFF" />
  32. <meta name="color:text" content="#2e2e2e"/>
  33. <meta name="color:link" content="#2e2e2e"/>
  34. <meta name="color:infobg" content="#FCFCFC">
  35. <meta name="color:scrollbar" content="#2e2e2e" />
  36. <meta name="color:textpost" content="#f8f8f8" />
  37.  
  38. <meta name="image:sidebar" content=""/>
  39. <meta name="image:background" content=""/>
  40. <meta name="if:400px posts" content=""/>
  41. <meta name="if:450px posts" content=""/>
  42.  
  43.  
  44. <meta name="text:Link 1" content="">
  45. <meta name="text:Link 1 Title" content="">
  46. <meta name="text:Link 2" content="">
  47. <meta name="text:Link 2 Title" content="">
  48. <meta name="text:Link 3" content="">
  49. <meta name="text:Link 3 Title" content="">
  50. <meta name="text:Link 4" content="">
  51. <meta name="text:Link 4 Title" content="">
  52.  
  53. <head>
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Lato:400,400italic' rel='stylesheet' type='text/css'>
  56.  
  57. <title>{Title}</title>
  58. <link rel="shortcut icon" href="{Favicon}">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}<style> body, a, a:hover { cursor:url('http://i.imgur.com/ZOrzC.png'), auto }</style>
  61.  
  62. <style type="text/css">
  63.  
  64. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  65.  
  66. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  67.  
  68. <script>
  69.  
  70. (function($){
  71.  
  72. $(document).ready(function(){
  73.  
  74. $("a[title]").style_my_tooltips({
  75.  
  76. tip_follows_cursor:true,
  77.  
  78. tip_delay_time:90,
  79.  
  80. tip_fade_speed:600,
  81.  
  82. attribute:"title"
  83.  
  84. });
  85.  
  86. });
  87.  
  88. })(jQuery);
  89.  
  90. </script>
  91.  
  92. ::-webkit-scrollbar {width: 3px; height:auto; background:{color:background}}
  93. ::-webkit-scrollbar-corner {padding:2px;background:{color:background}}
  94. ::-webkit-scrollbar-button:vertical {height:5px; display: block; background:{color:scrollbar}}
  95. ::-webkit-scrollbar-button:horizontal {width: 3px; height: 5px; display: block; background:{color:scrollbar}}
  96. ::-webkit-scrollbar-thumb:vertical {background:{color:scrollbar};}
  97. ::-webkit-scrollbar-thumb:horizontal {background: {color:background};}
  98. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  99.  
  100. body {
  101. background:{color:background};
  102. font-family: 'Lato', sans-serif;
  103. font-size:9px;
  104. letter-spacing:0px;
  105. color:{color:text};
  106. line-height:120%;}
  107.  
  108. a:link, a:active, a:visited{color: {color:link};}
  109. a:hover{color:{color:link}; text-decoration: line-through}
  110.  
  111. a {
  112. color:{color:link};
  113. text-decoration:none;
  114. -moz-transition-duration:0.4s;
  115. -webkit-transition-duration:0.4s;
  116. -o-transition-duration:0.4s;
  117. }
  118.  
  119. a:hover {
  120. color:{color:link};
  121. text-decoration: line-through
  122. -moz-transition-duration:0.4s;
  123. -webkit-transition-duration:0.4s;
  124. -o-transition-duration:0.4s;
  125. }
  126.  
  127. #container {
  128. background-color:{color:background};
  129. width:700px;
  130. margin: 0 auto -12px auto;
  131. text-align: center;
  132. }
  133.  
  134. .links{
  135. margin-top:5px;
  136. word-spacing:1px;
  137. text-align:center;
  138. }
  139.  
  140. .links a{
  141. padding:5px;
  142. letter-spacing:0px;
  143. color:{color:link};
  144. text-decoration:none;
  145. -moz-transition-duration:0.4s;
  146. -webkit-transition-duration:0.4s;
  147. -o-transition-duration:0.4s;
  148. }
  149.  
  150. .links a:hover{
  151. color:{color:link};
  152. text-decoration: line-through
  153. -moz-transition-duration:0.4s;
  154. -webkit-transition-duration:0.4s;
  155. -o-transition-duration:0.4s;
  156. }
  157.  
  158.  
  159. {width:100%; height:100%;
  160. background: url('{image:background}')top fixed repeat-x; position:fixed; margin-top:-50px; } body { background: #ffffff url('{image:background}') no-repeat center fixed ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; ; margin: 0; padding: 0; }
  161.  
  162.  
  163. #title {
  164. {block:ifTitle}
  165. margin-bottom:10px;
  166. {/block:ifTitle}
  167. }
  168.  
  169. #sidebar {
  170. margin-left:-100px;
  171. top: 150px;
  172. position:fixed;
  173. width:200px;
  174. }
  175.  
  176. #descri {
  177. background-color:#ffffff;
  178. width:200px;
  179. padding:15px;
  180.  
  181.  
  182. }
  183.  
  184. .hidden {display: none;}
  185. .unhidden {display: block;}
  186.  
  187. .hidden {visibility: hidden;}
  188. .unhidden {visibility: visible;}
  189.  
  190.  
  191. #descri img {
  192. width:200px;
  193. margin-bottom:5px;
  194. }
  195.  
  196. #s-m-t-tooltip {
  197.  
  198. max-width:450px;
  199.  
  200. padding:4px 4px 4px 4px;
  201.  
  202. margin:20px 0px 0px 20px;
  203.  
  204. background-color:#fff; /* change the background color */
  205.  
  206. border:1px solid #000; /* change the border color */
  207.  
  208. font-family: 'Lato', sans-serif; /* change the font */
  209.  
  210. font-size:9px; /* change the font size */
  211.  
  212. letter-spacing:1px; /* change the letter spacing */
  213.  
  214. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  215.  
  216. color:{color:text}; /* change the text color */
  217.  
  218. font-weight:bold;
  219.  
  220. z-index:999999999999999999999999999999999999;
  221.  
  222. }
  223.  
  224.  
  225.  
  226.  
  227. #stext {
  228.  
  229. padding:30px;
  230. padding-top:0px;
  231. text-align:center;
  232. margin-bottom:-20px;
  233. }
  234.  
  235.  
  236.  
  237. .pagi {
  238. text-transform:lowercase;
  239. text-align:center;
  240. margin-top:10px;
  241. }
  242.  
  243. .audio {
  244. padding-bottom:10px;
  245. }
  246.  
  247. .albumart {
  248. float:left;
  249. padding:0px 10px 0px 0px;
  250. }
  251.  
  252. .albumart img {
  253. width:100px;
  254. height:100px;
  255. }
  256.  
  257. .playercontainer {
  258. text-align:left;
  259. padding:10px;
  260. }
  261.  
  262. .audioinfo {
  263. padding:10px;
  264. margin-bottom:-20px;
  265. color:{color:text};
  266. }
  267.  
  268. h1 {
  269. font-weight:normal;
  270. font-size:10px;
  271. text-align:left;
  272. padding:10px;
  273. font-style:normal;
  274. line-height:120%;
  275. letter-spacing:0px;
  276. color:{color:text};
  277. border-bottom: 1px solid #f8f8f8;
  278. }
  279.  
  280. h2 {
  281. font-size:10px;
  282. text-align:left;
  283. line-height:120%;
  284. letter-spacing:0px;
  285. color:{color:text};
  286. font-weight:normal;
  287. padding:10px;
  288. }
  289.  
  290. .ask {
  291. font-size:15px;
  292. font-weight:bold;
  293. text-align:left;
  294. font-style:italic;
  295. padding:10px;
  296. text-transform:capitalize;
  297. border-bottom: 1px solid #f8f8f8;
  298. }
  299.  
  300. .question {
  301. font-size:10px;
  302. margin-top:-60px;
  303. margin-left:50px;
  304. letter-spacing:0px;
  305. padding:10px;
  306. text-align:left;
  307. color:{color:text};
  308. }
  309.  
  310. .ans {
  311. font-size:10px;
  312. letter-spacing:0px;
  313. text-align:left;
  314. padding:10px;
  315. color:{color:text};
  316. }
  317.  
  318. blockquote {
  319. border-left:1px solid {color:textpost};
  320. padding-left:10px;
  321. margin:5px;
  322. }
  323.  
  324. #jackcontainer {
  325. float:left;
  326. text-align:left;
  327. background-color:{color:bg};
  328. color:{color:text};
  329. margin-bottom: 0px;
  330. {block:ifNot400pxposts}
  331. width:500px;
  332. {/block:ifNot400pxposts}
  333. {block:if400pxposts}
  334. width:400px;
  335. {/block:if400pxposts}
  336. {block:if450pxposts}
  337. width:450px;
  338. {/block:if450pxposts}
  339. }
  340.  
  341. #jack {
  342. {block:ifNot400pxposts}
  343. width:500px;
  344. margin-left:200px;
  345. {/block:ifNot400pxposts}
  346. {block:if400pxposts}
  347. width:400px;
  348. margin-left:200px;
  349. {/block:if400pxposts}
  350. {block:if450pxposts}
  351. width:450px;
  352. margin-left:200px;
  353. {/block:if450pxposts}
  354. margin-top:50px;
  355. text-align:justify;
  356. margin-bottom:60px;
  357. padding:0px 10px 10px 10px;
  358. line-height:150%;
  359. letter-spacing:0px;
  360. background-color:#ffffff;
  361. color:{color:text};
  362. }
  363.  
  364. #casparinfo {
  365. border-top:1px solid #fafafa;
  366. margin-top:-10px;
  367. {block:ifNot400pxposts}
  368. width:500px;
  369. {/block:ifNot400pxposts}
  370. {block:if400pxposts}
  371. width:400px;
  372. {/block:if400pxposts}
  373. {block:if450pxposts}
  374. width:450px;
  375. {/block:if450pxposts}
  376. padding-top:8px;
  377. text-align:left;
  378. -moz-transition-duration:0.5s;
  379. -webkit-transition-duration:0.5s;
  380. -o-transition-duration:0.5s;
  381. }
  382.  
  383. #casparinfo a:hover {
  384. color:{color:hover};
  385. }
  386.  
  387. ol.notes {
  388. margin-top:-50px;
  389. {block:ifNot400pxposts}
  390. margin-left:170px;
  391. width:500px;
  392. {/block:ifNot400pxposts}
  393. {block:if400pxposts}
  394. margin-left:170px;
  395. width:400px;
  396. {/block:if400pxposts}
  397. {block:if450pxposts}
  398. margin-left:170px;
  399. width:450px;
  400. {/block:if450pxposts}
  401. list-style-type:none;
  402.  
  403. }
  404. ol.notes li.note {
  405. padding: 10px;
  406. }
  407. ol.notes li.note img.avatar {
  408. vertical-align:-4px;
  409. margin-right:10px;
  410. width:16px;
  411. height:16px;
  412. }
  413. ol.notes li.note span.action {
  414. font-weight:normal;
  415. }
  416. ol.notes li.note .answer_content {
  417. font-weight:normal;
  418. }
  419. ol.notes li.note blockquote {
  420. padding:9px 6px 9px 6px;
  421. margin:10px 0px 0px 25px;
  422. }
  423.  
  424. .tags {
  425. {block:ifNot400pxposts}
  426. width:500px;
  427. {/block:ifNot400pxposts}
  428. {block:if400pxposts}
  429. width:400px;
  430. {/block:if400pxposts}
  431. {block:if450pxposts}
  432. width:450px;
  433. {/block:if450pxposts}
  434. text-align:center;
  435. margin-top:0px;
  436. -moz-transition-duration:0.5s;
  437. -webkit-transition-duration:0.5s;
  438. -o-transition-duration:0.5s;
  439. }
  440.  
  441. .tags a{
  442. padding-right:5px;
  443. text-decoration:none;
  444. }
  445.  
  446. .tags a:hover {
  447. color:{color:hover};
  448. text-decoration: line-through
  449. }
  450.  
  451.  
  452.  
  453. </style>
  454. <style type="text/css">{CustomCSS}</style>
  455.  
  456. </head>
  457. <body>
  458.  
  459.  
  460.  
  461. <div id="container">
  462.  
  463. <div id="sidebar">
  464. <div id="descri">
  465.  
  466. {block:ifTitle}<div id="title">{Title}</div>{/block:ifTitle}
  467.  
  468. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  469.  
  470. <div id="stext">
  471. {Description}
  472. </div>
  473.  
  474. <select onChange="location.href=this.options[this.selectedIndex].value;" style="width: 100px; font-family: 'Lato', sans-serif; font-size:10px; border-radius:3px; background-color:#ffffff;">
  475. <option value="/">links</option>
  476. <option value="/">home</option>
  477. <option value="/faq">ask</option>
  478. <option value="{text:Link 1}">{text:Link 1 Title}</option>
  479. <option value="{text:Link 2}">{text:Link 2 Title}</option>
  480. <option value="{text:Link 3}">{text:Link 3 Title}</option>
  481.  
  482.  
  483.  
  484.  
  485. </select>
  486.  
  487.  
  488.  
  489.  
  490.  
  491. {block:Pagination}
  492. <div class="pagi">
  493. {block:PreviousPage}
  494. <a href="{PreviousPage}">←</a>
  495. {/block:PreviousPage}
  496.  
  497. {block:NextPage}
  498. <a href="{NextPage}">→</a>
  499. {/block:NextPage}
  500. </div>
  501. {/block:Pagination}
  502.  
  503.  
  504.  
  505. </div></div>
  506.  
  507. <div id="jackcontainer">
  508.  
  509. {block:Posts}<div id="jack">
  510.  
  511. <br><br>
  512.  
  513. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  514.  
  515. {block:Photo}{block:ifNot400pxposts}<center><img src="{PhotoURL-500}"/></center>{/block:ifNot400pxposts}{block:if400pxposts}<center><img src="{PhotoURL-400}"/></center>{/block:if400pxposts}{block:if450pxposts}<center><img src="{PhotoURL-300}"/></center>{/block:if450pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  516.  
  517. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  518.  
  519. {block:Link}<a href="{URL}"><h1>» {Name}</h1></a>
  520. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  521.  
  522. {block:Photoset}{block:ifNot400pxposts}<center>{Photoset-500}</center>{/block:ifNot400pxposts}{block:if400pxposts}<center>{Photoset-400}</center>{/block:if400pxposts}{block:if450pxposts}<center>{Photoset-300}</center>{/block:if450pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  523.  
  524. {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}
  525.  
  526. {block:Video} {block:ifNot400pxposts}{Video-500}{/block:ifNot400pxposts}{block:if400pxposts}{Video-400}{/block:if400pxposts}{block:if450pxposts}{Video-300}{/block:if450pxposts}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  527.  
  528. {block:Answer}<div id="askbox"><div class="pic"><a href="{AskerURL}"><img src="{AskerPortraitURL-48}" /></a></div><div class="question"><span class="asker">{Asker}:</span><br>{Question}</div></div><br><div class="answer">{Answer}</div>{/block:Answer}
  529.  
  530. {block:Audio}<div class="audio">{block:AlbumArt}<div class="albumart"><img src="{AlbumArtURL}"/></div>{/block:AlbumArt}
  531. <div class="audioinfo">{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  532. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times</div>
  533. <br><div class="playercontainer">{AudioPlayerWhite}</div></div>
  534. {block:Caption}{Caption}{/block:Caption}<br>{/block:Audio}
  535.  
  536. {block:Date}<div id="casparinfo"><div id="date"><center><a href="{Permalink}">{Month} {DayOfMonthWithZero}</a>{block:NoteCount}&nbsp;&nbsp;♥&nbsp;&nbsp;<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div></div>{/block:Date}
  537.  
  538. {block:PermalinkPage}<span style="float:right;margin-top:3px;">{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  539.  
  540. {block:ContentSource} / <a href="{SourceURL}">source</a>{/block:ContentSource}</span>{/block:PermalinkPage}
  541.  
  542. <div style="position:fixed;bottom:5px; left:5px; font-size:10px; letter-spacing:1px; font-family:cambria; background:#fff; padding:1px 4px 3px 3px; letter-spacing:-1px;"><a href="http://noziam.tumblr.com" title="theme by noziam">ℐ▲ℯ</a></center></div>
  543.  
  544. {block:HasTags}
  545. <div class="tags">
  546. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>
  547. {/block:HasTags}
  548. </div>
  549. {/block:Posts}
  550.  
  551. {block:ContentSource}
  552. <!— {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}{block:PostNotes}{PostNotes}{/block:PostNotes}
  553.  
  554. </body>
  555. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement