API tools faq
paste
delevogue

theme 37 by nanda

delevogue
Dec 28th, 2013
175
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.91 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-- THEME MADE BY NANDA, DO NOT REMOVE THE CREDIT OK BYE -->
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9. <head><title>{Title}</title>
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <link href='http://fonts.googleapis.com/css?family=Port+Lligat+Slab' rel='stylesheet' type='text/css'>
  14.  
  15.  
  16. <meta name="color:Text" content="#000000"/>
  17. <meta name="color:Link" content="#919191"/>
  18. <meta name="color:Hover" content="#4c4c4c"/>
  19. <meta name="color:Scrollbar" content="#cccccc"/>
  20. <meta name="color:sidebartitle" content="#4c4c4c"/>
  21.  
  22. <meta name="text:sidebartitle" content="">
  23.  
  24. <meta name="text:link1" content="">
  25. <meta name="text:link1 url" content="/">
  26. <meta name="text:link2" content="">
  27. <meta name="text:link2 url" content="/">
  28. <meta name="text:link3" content="">
  29. <meta name="text:link3 url" content="/">
  30.  
  31. <style type="text/css">
  32.  
  33. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  34.  
  35. ::-webkit-scrollbar-thumb{
  36. background-color: #dddddd;
  37. border: 2px solid #fff;
  38. height:auto;
  39. }
  40.  
  41. ::-webkit-scrollbar {
  42. height:9px;
  43. width:9px;
  44. background-color: #eeeeee;
  45. border: 4px solid #fff;
  46. }
  47.  
  48.  
  49. body {
  50. background:{color:background};
  51. background-image: url('{image:background}') no-repeat fixed center;;
  52. margin:0px;
  53. color:{color:text};
  54. font-family:consolas;
  55. font-size:10px;
  56. line-height:100%;
  57. }
  58.  
  59. a {
  60. text-decoration:none;
  61. outline:none;
  62. -moz-outline-style:none;
  63. color:{color:link};
  64. -webkit-transition: all 0.5s ease;
  65. -moz-transition: all 0.5s ease;
  66. -o-transition: all 0.5s ease
  67. }
  68.  
  69. img {
  70. border:none;
  71. }
  72.  
  73. blockquote blockquote {
  74. padding-left:5px;
  75. border-left:1px solid;
  76. }
  77.  
  78. h1 {
  79. font-weight:normal;
  80. font-size:8px;
  81. text-align:center;
  82. font-style:normal;
  83. line-height:80%;
  84. letter-spacing:1px;
  85. text-transform:lowercase;
  86. color:{color:text};
  87. }
  88.  
  89. h2 {
  90. font-size:15px;
  91. text-align:center;
  92. line-height:100%;
  93. letter-spacing:-0.5px;
  94. color:{color:text};
  95. font-weight:normal;
  96. padding:5px;
  97. padding-bottom:2px;
  98. }
  99.  
  100. blockquote {
  101. border-left:2px solid {color:text};
  102. padding-left:5px;
  103. margin:5px;
  104. }
  105.  
  106. #theme {
  107. background-color:{color:background};
  108. width:700px;
  109. margin: 0 auto -12px auto;
  110. text-align: center;
  111. }
  112.  
  113. a:hover {
  114. opacity:10;
  115. color:{color:hover};
  116. -webkit-transition: all 0.7s ease;
  117. -moz-transition: all 0.7s ease;
  118. -o-transition: all 0.7s ease
  119. }
  120.  
  121. small{
  122. font-size:9px;
  123. line-height:110%
  124. }
  125.  
  126. big {
  127. font-size:12px;
  128. line-height:110%
  129. }
  130.  
  131. b, strong{
  132. color:{color:text}
  133. }
  134. i, em {
  135. color:{color:text}
  136. }
  137. p{
  138. margin-top:5px;
  139. margin-bottom:5px
  140. }
  141. blockquote {
  142. padding:0px;
  143. padding-left:5px;
  144. margin:5px;
  145. border-left:1px dotted {color:text}
  146. }
  147.  
  148. blockquote img {
  149. max-width:300px
  150. }
  151.  
  152. ul, li img {
  153. max-with:250px
  154. }
  155.  
  156.  
  157. #entries {
  158. padding:10px;
  159. width:400px;
  160. margin-left:600px;
  161. margin-top:85px;
  162. }
  163.  
  164.  
  165. #post {
  166. width:500px;
  167. padding-bottom:3px;
  168. opacity:1;
  169. }
  170.  
  171. #sidebar {
  172. width:230px;
  173. height:300px;
  174. position:fixed;
  175. margin-left:225px;
  176. margin-top:180px;
  177. opacity:1;
  178. }
  179.  
  180. .sidebartitle {
  181. width:250px;
  182. height:auto;
  183. text-align:right;
  184. padding:0px;
  185. position:fixed;
  186. padding-bottom:8px;
  187. text-decoration:underline;
  188. letter-spacing: 5px;
  189. line-height:120%;
  190. font-size:13px;
  191. margin-top:-10px;
  192. margin-left:-32px;
  193. color: {color:sidebartitle};
  194. }
  195.  
  196. .links {
  197. border-left:double #eeeeee;
  198. margin-left:748px;
  199. margin-top:-10px;
  200. font-size:11px;
  201. text-align:left;
  202. letter-spacing:2px;
  203. line-height:200%;
  204. text-transform:lowercase;
  205. width:200px;
  206. -webkit-transition: all 0.7s ease;
  207. -moz-transition: all 0.7s ease;
  208. -o-transition: all 0.7s ease;
  209. }
  210.  
  211. .links a{
  212. color:{color:links};
  213. letter-spacing:1px;
  214. padding:4px 5px 4px 5px;
  215. margin-bottom:2px;
  216. }
  217.  
  218. .links a:hover{
  219. font-style:italic;
  220. }
  221.  
  222.  
  223. #description {
  224. padding:2px;
  225. font-size:10px;
  226. line-height:13px;
  227. opacity: 0.8;
  228. text-align:right;
  229. margin-top:10px;
  230. margin-left:15px;
  231. width:200px;
  232. position:fixed;
  233. }
  234.  
  235. #pagination {
  236. font-size:11px;
  237. margin-top:400px;
  238. bottom:20px;
  239. text-align:center;
  240. margin-left:215px;
  241. opacity:5px;
  242. background-color:#ffffff;
  243. width:505px;
  244. }
  245.  
  246. #stuffcontainer {
  247. float:left;
  248. margin-left:440px;
  249. padding:20px;
  250. padding-top:50px;
  251. padding-bottom:70px;
  252. margin-top:0px;
  253. text-align:justify;
  254. }
  255.  
  256.  
  257. #stuff {
  258. width:500px;
  259. margin-top:30px;
  260. text-align:justify;
  261. font-size:11px;
  262. line-height:90%;
  263. letter-spacing:0x;
  264. }
  265.  
  266. .caption {
  267. width:500px;
  268. text-align:justify;
  269. line-height:120%;
  270. }
  271.  
  272. /**Ask Posts**/
  273.  
  274. .ask {
  275. padding:10px;
  276. text-align:center;
  277. color:{color:asktext};
  278. background-color:{color:infobg};
  279. }
  280.  
  281. .ans {
  282. text-align:left;
  283. padding:5px;
  284. color:{color:text};
  285. }
  286.  
  287. /**Audio Posts**/
  288.  
  289. .audio {
  290. height:60px;
  291. padding:5px;
  292. margin-bottom:55px;
  293. }
  294.  
  295. .audio-album {
  296. position:absolute;
  297. width:110px;
  298. -webkit-transition: opacity 0.6s linear;
  299. opacity: 1;
  300. }
  301.  
  302. .audio-player {
  303. opacity:1;
  304. filter:alpha(opacity=90);
  305. width:25px;
  306. height:25px;
  307. overflow:hidden;
  308. position:absolute;
  309. border:30px;
  310. z-index:2;
  311. margin-left:43px;
  312. margin-top:43px;
  313. opacity:0;
  314. -webkit-transition: all 0.6s ease-out;
  315. -o-transition: all 0.6s ease-out;
  316. -webkit-transition: all 0.6s ease-out;
  317. -moz-transition: all 0.6s ease-out;
  318. }
  319.  
  320. .audio-info {
  321. margin-top:7px;
  322. position:relative;
  323. margin-left:120px;
  324. line-height:180%;
  325. padding:2px;
  326. }
  327.  
  328. .audio:hover .audio-player {
  329. opacity:.6;
  330. -webkit-transition: all 0.6s ease-out;
  331. -o-transition: all 0.6s ease-out;
  332. -webkit-transition: all 0.6s ease-out;
  333. -moz-transition: all 0.6s ease-out;
  334. }
  335.  
  336. /**Chat Posts**/
  337.  
  338. ul.chat, .chat ol, .chat li {
  339. list-style:none;
  340. margin:0px;
  341. padding:2px;
  342. }
  343.  
  344. .label {
  345. text-decoration:bold;
  346. font-weight:700;
  347. margin-right:5px;
  348. }
  349.  
  350. /**Post Info, Notes**/
  351.  
  352. #postinfo {
  353. width:495px;
  354. padding:3px;
  355. font-size:9px;
  356. color:{color:link};
  357. text-transform:lowercase;
  358. font-style:normal;
  359. letter-spacing:2px;
  360. text-align:center;
  361. border-top:double #eeeeee;
  362. border-bottom:double #eeeeee;
  363. -moz-transition-duration:0.5s;
  364. -webkit-transition-duration:0.5s;
  365. -o-transition-duration:0.5s;
  366. }
  367.  
  368. #postinfo a {
  369. color:{color:link};
  370. text-align:center;
  371. letter-spacing:1px;
  372. font-style:normal;
  373. }
  374.  
  375. #postinfo a:hover {
  376. color:{color:hover};
  377. }
  378.  
  379. #tags {
  380. text-align:center;
  381. font-size:10px;
  382. font:georgia;
  383. }
  384.  
  385. .note {
  386. text-transform:lowercase;
  387. font-style:normal;
  388. letter-spacing:0px;
  389. font-size: 9px;
  390. text-align:left;
  391. line-height:90%;
  392. margin-left:-20px;
  393. padding-bottom:-10px;
  394. }
  395.  
  396. .note li {
  397. list-style-type:none;
  398. padding:10px 25px 10px 25px;
  399. text-align:left;
  400. margin:0px;
  401. -moz-transition-duration:0.5s;
  402. -webkit-transition-duration:0.5s;
  403. -o-transition-duration:0.5s;
  404. }
  405.  
  406. #credit {
  407. position:fixed;
  408. font-size:10px;
  409. font-weight:normal;
  410. line-height:150%;
  411. letter-spacing:2px;
  412. right:10px;
  413. bottom:10px;
  414. text-transform:uppercase;
  415. text-align:center;
  416. }
  417.  
  418. #credit a {
  419. padding:3px;
  420. color:{color:link};
  421. background-color:{color:background};
  422. -moz-transition-duration:0.5s;
  423. -webkit-transition-duration:0.5s;
  424. -o-transition-duration:0.5s;
  425. }
  426.  
  427. {CustomCSS}
  428. </style></head><body>
  429.  
  430. <div id="sidebar">
  431. <div class="sidebartitle">{text:sidebartitle}</div>
  432. <div id="description">{Description}<p>
  433. <div id="pagination">
  434. {block:Pagination}
  435. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  436. {block:JumpPagination length="5"}
  437. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  438. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  439. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}
  440. {/block:Pagination}</div></div>
  441. <div class="links">
  442. <p><a href="/">home</a><br>
  443. <a href="/faq">mail</a><br>
  444. <a href="{text:link1 url}">{text:link1}</a><br>
  445. <a href="{text:link2 url}">{text:link2}</a><br>
  446. <a href="{text:link3 url}">{text:link3}</a>
  447. </div>
  448. </div>
  449. </div>
  450.  
  451. </div></div></div></div></div>
  452.  
  453. <div id="stuffcontainer">
  454.  
  455. {block:Posts}
  456.  
  457. <div id="stuff">
  458.  
  459. {block:Text}{block:Title}<h2>{Title}</h2>{/block:Title}{Body}{/block:Text}
  460.  
  461. {block:Quote}<h2>“{Quote}”</h2><h1>{Source}</h1>{/block:Quote}
  462.  
  463. {block:Link}<a href="{URL}"><h2>{Name}</h2></a>
  464. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  465.  
  466. {block:Photo}<center><img src="{PhotoURL-500}"/></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  467.  
  468. {block:Photoset}<center>{Photoset-500}</center>
  469. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  470.  
  471. {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}
  472.  
  473. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  474.  
  475. {block:Answer}<div class="ask"><i>{Asker} whispered:</i> {Question}</div><div class="ans">{Answer}</div>{/block:answer}
  476.  
  477. {block:Audio}
  478. <div class="audio">
  479. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}">{/block:AlbumArt}
  480. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  481.  
  482. <div class="audio-info">
  483. {block:TrackName}<b>Title:</b> {TrackName}<BR>{/block:TrackName}
  484. {block:Artist}<b>Artist:</b> {Artist}<BR>{/block:Artist}
  485. {block:Album}<b>Album:</b> {Album}<BR>{/block:Album}
  486. {block:PlayCount}<b>Plays:</b> {PlayCount}<BR>{/block:PlayCount}
  487. </div></div>
  488. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  489. {/block:Audio}
  490.  
  491. <div id="postinfo">{block:Date}Posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} + <a href="{Permalink}"> {NoteCountWithLabel}</a>{/block:NoteCount}</div>
  492. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  493. </div>
  494. {/block:Posts}
  495.  
  496. {block:PostNotes}
  497. {PostNotes}
  498. {/block:PostNotes}
  499.  
  500. </div>
  501.  
  502.  
  503. <div style="position:fixed; bottom:3px; margin-bottom:15px; font-size: 35px; right:3px;"><a href="http://lizzygrent.tumblr.com">✌</a></div>
  504.  
  505. </div>
  506. </div>
  507. </div>
  508. </body>
  509. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!