API tools faq
paste
Advertisement
delevogue

theme 10 by nanda

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