API tools faq
paste
Advertisement
delevogue

theme 27 by nanda

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