API tools faq
paste
Advertisement
direwolved

NEWTHEME#008

direwolved
Jan 1st, 2014
943
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.77 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- THEME#008 BY JASONDILAURENTIS -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6.  
  7.  
  8. <head>
  9.  
  10.  
  11. <meta name="color:bg" content="#FFFFFF">
  12. <meta name="color:link" content="#454545">
  13. <meta name="color:hover" content="#ffffff">
  14. <meta name="color:infobg" content="#ffffff">
  15. <meta name="color:text" content="#454545">
  16. <meta name="color:tags" content="#454545">
  17. <meta name="color:scrollbar" content="#454545">
  18. <meta name="color:border" content="#454545">
  19. <meta name="color:nav" content="#454545">
  20. <meta name="color:desc" content="#454545">
  21. <meta name="color:title" content="#454545">
  22.  
  23. <meta name="image:sidebar" content=""/>
  24.  
  25. <meta name="text:link1" content="">
  26. <meta name="text:link1 url" content="/">
  27. <meta name="text:link2" content="">
  28. <meta name="text:link2 url" content="/">
  29. <meta name="text:link3" content="">
  30. <meta name="text:link3 url" content="/">
  31. <meta name="text:link4" content="">
  32. <meta name="text:link4 url" content="/">
  33.  
  34.  
  35.  
  36. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  37. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38. <link rel="shortcut icon" href="{Favicon}" />
  39. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  40.  
  41. <script type="text/javascript"
  42. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  43.  
  44.  
  45.  
  46. <style type="text/css">
  47.  
  48. #bite
  49. #bite a{
  50. display:block
  51. }
  52. #bite .death {
  53. margin-top:-40px;filter: alpha(opacity = 0);
  54. opacity:0;-webkit-transition: all 0.5s ease-out;
  55. -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;
  56. }
  57.  
  58. #bite:hover .death {
  59. margin-top:0px;
  60. -webkit-transition: all 0.8s ease-out;
  61. -moz-transition: all 0.8s ease-out;
  62. transition: all 0.8s ease-out;
  63. filter: alpha(opacity = 0.8);
  64. filter: alpha(opacity = 0.8);
  65. opacity:0.8;
  66. }
  67.  
  68.  
  69.  
  70.  
  71. a {
  72. color:{color:link};
  73. text-decoration:none;
  74. -moz-transition-duration:0.5s;
  75. -webkit-transition-duration:0.5s;
  76. -o-transition-duration:0.5s;
  77. }
  78.  
  79. a:hover {
  80. color:{color:hover};
  81. text-decoration:none;
  82. -moz-transition-duration:0.5s;
  83. -webkit-transition-duration:0.5s;
  84. -o-transition-duration:0.5s;
  85. }
  86.  
  87.  
  88. ::-webkit-scrollbar {background-color:{color:infobg}; height:8px; width:8px}
  89. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:50px}
  90. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scrollbar}; height:8px!important}
  91.  
  92. body {
  93. background:{color:background};
  94. font-family:helvetica;
  95. font-size:9px;
  96. letter-spacing:0px;
  97. color:{color:text};
  98. }
  99.  
  100.  
  101. h1 {
  102. font-weight:normal;
  103. font-size:9.5px;
  104. text-align:center;
  105. font-style:normal;
  106. font-weight:normal;
  107. line-height:80%;
  108. letter-spacing:0px;
  109. text-transform:lowercase;
  110. color:{color:text};
  111. }
  112.  
  113. h2 {
  114. text-align:left;
  115. font-size:15px;
  116. padding:9px;
  117. font-weight:bold;
  118. letter-spacing:0px;
  119. color:{color:text};
  120. text-transform:lowercase;
  121. }
  122.  
  123.  
  124. blockquote {
  125. padding-left:5px;
  126. border-left:1px dotted #000000;
  127. margin:8px;}
  128.  
  129. blockquote blockquote {
  130. padding-left:5px;
  131. border-left:2px solid;}
  132.  
  133.  
  134. #theme {
  135. background-color:{color:bg};
  136. width:700px;
  137. margin: 0 auto -12px auto;
  138. text-align: center;
  139. }
  140.  
  141. #sidebar {
  142. color:{color:text};
  143. position:fixed;
  144. width:245px;
  145. height:auto;
  146. margin-left:350px;
  147. margin-top:230px;
  148. text-align:right;
  149. }
  150.  
  151. #title {
  152. width:130px;
  153. margin-top:-3px;
  154. font-size:16px;
  155. font-style:none;
  156. font-weight:bold;
  157. font-family:dubiel;
  158. text-align:left;
  159. color:{color:title};
  160. letter-spacing:-1px;
  161. word-spacing:3px;
  162. margin-left:60px;
  163. line-height:75%;
  164. margin-bottom:5px;
  165. }
  166.  
  167. #sidebar img {
  168. width:64px;
  169. height:64px;
  170. border-radius:100%;
  171. margin-left:-255px;
  172. margin-bottom:9px;
  173. }
  174.  
  175.  
  176. .nav {
  177. width:100px;
  178. height:13px;
  179. padding-top:9px;
  180. margin-bottom:5px;
  181. margin-top:-14px;
  182. margin-left:58px;
  183. font-size:9px;
  184. font-style:italic;
  185. text-transform:lowercase;
  186. text-align:left;
  187. line-height:170%;
  188. word-spacing:-2px;
  189. position:fixed;
  190. letter-spacing:0px;
  191. }
  192.  
  193. .nav a {
  194. margin-bottom:6px;
  195. text-decoration:none;
  196. padding:3px;
  197. text-align:center;
  198. opacity:100;
  199. }
  200.  
  201. .nav a:hover {
  202. color:{color:hover};
  203. background-color:{color:#ffffff};
  204. }
  205.  
  206. .sidebarborder {
  207. height:60px;
  208. border-left: 1px dotted #191919;
  209. }
  210.  
  211.  
  212. .desc {
  213. margin-bottom:9px;
  214. margin-top:10px;
  215. text-align:left;
  216. font-size:9px;
  217. letter-spacing:-0.5px;
  218. margin-left:60px;
  219. font-style:normal;
  220. width:100px;
  221. color:{color:text};
  222. line-height:100%;
  223. }
  224.  
  225. .desc a {
  226. color:{color:link};
  227. }
  228.  
  229. #pagination {
  230. width:500px;
  231. bottom:20px;
  232. margin-left:-130px;
  233. padding-bottom:30px;
  234. font-size:9px;
  235. font-family:helvetica;
  236. text-align:left;
  237. letter-spacing:6px;
  238. }
  239.  
  240. #pagination a {
  241. color:{color:sidelink};
  242. }
  243. .jump_page {
  244. padding:10px;
  245. color:{color:sidelink};
  246. border-top:0px dotted {color:hover};
  247. }
  248. .jump_page:hover {
  249. color:{color:sidelink hover};
  250. border-top:0px dotted #000000;
  251. }
  252. .current_page {
  253. padding:10px 8px 10px 10px;
  254. color:{color:sidelink};
  255. border-top:0px dotted {color:hover};
  256. }
  257.  
  258. #stuffcontainer {
  259. float:left;
  260. margin-left:0px;
  261. margin-top:93px;
  262. text-align:justify;
  263. background-color:{color:bg};
  264. color:{color:text};
  265. margin-bottom: 35px;
  266. }
  267.  
  268.  
  269. #stuff {
  270. width:500px;
  271. margin-top:5px;
  272. margin-left:-130px;
  273. text-align:justify;
  274. font-size:9px;
  275. padding-bottom:60px;
  276. line-height:90%;
  277. letter-spacing:0x;
  278. color:{color:text};
  279. }
  280.  
  281. .caption {
  282. width:500px;
  283. text-align:justify;
  284. line-height:120%;
  285. }
  286.  
  287. .asker {
  288. text-align:left;
  289. font-size:9px;
  290. padding:5px;
  291. margin-left:-2px;
  292. font-weight:bold;
  293. letter-spacing:0px;
  294. color:{color:text};
  295. text-transform:lowercase;
  296. }
  297.  
  298. .ask {
  299. padding:9px;
  300. text-align:left;
  301. margin-left:-2px;
  302. color:{color:text};
  303. background-color:{color:infobg};
  304. border-bottom:1px solid {color:border};
  305. border-right:1px solid {color:border};
  306. }
  307.  
  308. .ans {
  309. text-align:left;
  310. margin-left:-2px;
  311. padding:5px;
  312. color:{color:text};
  313. }
  314.  
  315. #audio {
  316. width:100%;
  317. height:20px;
  318. padding:4px 0 9px 0;
  319. background:#e4e4e4;
  320. display:block;
  321. }
  322.  
  323. .player {
  324. float:center;
  325. text-align:center;
  326. width:38px;
  327. height:30px;
  328. margin-left:2%;
  329. overflow:hidden;
  330. position:absolute;
  331. z-index:1000;
  332. }
  333.  
  334. .cap {
  335. padding-top:25px;
  336. padding-bottom:15px;
  337. text-align:center;
  338. }
  339.  
  340. #info {
  341. font-family:helvetica;
  342. text-transform:lowercase;
  343. font-size:9px;
  344. background:#fff;
  345. padding:0px;
  346. letter-spacing:0px;
  347. text-align:center;
  348. word-spacing:0px;
  349. margin-left:0px;
  350. margin-right:auto;
  351. max-width:500px;
  352. }
  353.  
  354. .date {
  355. padding-top:0px;
  356. max-width:398px;
  357. max-width:500px;
  358. padding-left:0px;
  359. }
  360.  
  361.  
  362.  
  363.  
  364.  
  365. ul.chat, .chat ol, .chat li {
  366. list-style:none;
  367. margin:0px;
  368. margin-left:0px;
  369. padding:2px;
  370. }
  371.  
  372. .label {
  373. text-decoration:underline;
  374. font-weight:700;
  375. background-color:{color:ffffff};
  376. margin-right:5px;
  377. }
  378.  
  379. #cred {
  380. position:fixed;
  381. font-size:10.5px;
  382. font-weight:normal;
  383. line-height:150%;
  384. letter-spacing:0px;
  385. right:9px;
  386. bottom:9px;
  387. text-transform:lowercase;
  388. text-align:center;
  389. }
  390.  
  391. #cred a {
  392. padding:3px;
  393. color:{color:text};
  394. background-color:{color:#ffffff};
  395. -moz-transition-duration:0.5s;
  396. -webkit-transition-duration:0.5s;
  397. -o-transition-duration:0.5s;
  398. }
  399.  
  400. {CustomCSS}
  401.  
  402. </style></head>
  403.  
  404. <body>
  405. <div id="theme">
  406. <div id="sidebar">
  407. <div id="bite">
  408. <div id="title"><a href="/">{Title}</a></div>
  409. <div class="desc">
  410. <blockquote>{Description}</blockquote>
  411. </div>
  412. <div class="death">
  413. <div class="nav">
  414. {block:IfLink1}
  415. <a href="{text:link1 url}">{text:link1}</a>
  416. {/block:IfLink1}
  417. {block:IfLink2}
  418. <a href="{text:link2 url}">{text:link2}</a>
  419. {/block:IfLink2}
  420. {block:IfLink3}
  421. <a href="{text:link3 url}">{text:link3}</a>
  422. {/block:IfLink3}
  423. {block:IfLink4}
  424. <a href="{text:link4 url}">{text:link4}</a>
  425. {/block:IfLink4}
  426. </div>
  427. </div>
  428. </div>
  429. </div>
  430.  
  431. <div id="stuffcontainer">
  432.  
  433. {block:Posts}
  434.  
  435. <div id="stuff">
  436.  
  437. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  438.  
  439. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  440.  
  441. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  442. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  443.  
  444. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  445.  
  446. {block:Photoset}<center>{Photoset-500}</center>
  447. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  448.  
  449. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  450.  
  451. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  452.  
  453. {block:Answer}<div class="ask">{Question} <b>- {Asker}</b></div><div class="ans">{Answer}</div>{/block:answer}
  454.  
  455. {block:Audio}
  456. <div class="cap">
  457. <b><u>Artist</u></b>&nbsp; <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}&nbsp;&nbsp;&nbsp;
  458. <b><u>Song</u></b>&nbsp; <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}&nbsp;&nbsp;&nbsp;
  459. <b><u>Record</u></b>&nbsp; <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}
  460. </div>
  461. <div id="audio">
  462. <div class="player">
  463. {block:AudioPlayer}
  464. {AudioPlayerGrey}
  465. {/block:AudioPlayer}
  466. </div></div>
  467. {/block:Audio}
  468.  
  469.  
  470. <div id="info">
  471.  
  472. <div style="padding:3px;"></div>
  473.  
  474. <div class="date">
  475.  
  476. {block:Date}
  477. <a href="{Permalink}">
  478. {ShortMonth} {DayOfMonth}{DayOfMonthSuffix}
  479. </a>
  480. {/block:Date}
  481.  
  482. {block:NoteCount}
  483. <a href="{Permalink}">— {NoteCountWithLabel}</a>
  484. {/block:NoteCount}
  485.  
  486. {block:PermalinkPage}
  487. {block:ContentSource}
  488. {block:RebloggedFrom}
  489. <a href="{ReblogParentURL}"><u>via</u></a>
  490. {/block:RebloggedFrom}
  491. &nbsp;<a title ="{SourceTitle}" href="{SourceURL}">(&copy;)</a>
  492. {/block:ContentSource}
  493. {/block:PermalinkPage}
  494.  
  495. {block:HasTags}
  496. <font face="arial"><font color="cd6284"><big>&hearts;</big></font></font>
  497. {block:Tags}
  498. <a href="{TagURL}"><i>{Tag}</i>,</a>
  499. {/block:Tags}
  500. {/block:HasTags}
  501.  
  502. </div>
  503. </div>
  504. </div>
  505. {/block:Posts}
  506.  
  507. <div id="pagination">
  508. {block:IndexPage}
  509. {block:Pagination}
  510. {block:PreviousPage}
  511. <a href="{PreviousPage}">back</a>&nbsp;&nbsp;
  512. {/block:PreviousPage}
  513. {block:JumpPagination length="3"}
  514. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  515. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  516. {/block:JumpPagination}
  517. {block:NextPage}
  518. &nbsp;&nbsp;<a href="{NextPage}">forth</a>
  519. {/block:NextPage}
  520. {/block:Pagination}
  521. {/block:IndexPage}
  522. </div>
  523.  
  524. </div>
  525.  
  526. <div id="cred"><small><a href="http://jasondilaurentis.tumblr.com">© jasondilaurentis</a></div>
  527.  
  528. </div>
  529. </div>
  530. </div>
  531. </body>
  532. </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!