Advertisement
Laighlin

Diwali (large fonts)

May 20th, 2016
117
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.81 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{image:favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!-- Diwali by Jardinian --------------------------------------
  9.  
  10. please don't claim the theme as your own or use the code as a base.
  11. if you don't like the credit charm in the corner I request you link my blog
  12. somewhere that's still visible from the index page. people should be able to
  13. find me and my work.
  14.  
  15. NOTE: to activate the unlimited links, just turn on the "show a link to
  16. this page" option when making the page!
  17.  
  18. Update 12/05/16 - a "no-glo" version of diwali, with flat colors and solid
  19. borders/lines, is now online by unpopular demand. this version looks
  20. a lot better with lighter color schemes. http://pastebin.com/K7VJW5qF
  21.  
  22. --------------------------------------------------------------->
  23.  
  24. <meta name="color:background color" content="#000"/>
  25. <meta name="color:borders" content="#fff"/>
  26. <meta name="image:background" content="/"/>
  27. <meta name="image:favicon" content="http://static.tumblr.com/ffb028337dcf664dd3de31c08156d159/xwoxjom/jC8o6lwat/tumblr_static_90zfq4ilspgccc0go0koow4gs.png"/>
  28. <meta name="if:text glow effects" content="1"/>
  29. <meta name="if:extra light strings" content="1"/>
  30. <meta name="if:twinkle" content="1"/>
  31. <meta name="if:500 px" content="1"/>
  32.  
  33. <meta name="color:title" content="#fa0"/>
  34. <meta name="color:title bg" content="#202020"/>
  35. <meta name="color:desc text" content="#ffbf7b"/>
  36. <meta name="color:desc bg" content="#202020"/>
  37. <meta name="color:post bg" content="#202020"/>
  38. <meta name="color:post text" content="#eee"/>
  39. <meta name="color:bold" content="#ffe224"/>
  40. <meta name="color:italic" content="#ffa70e"/>
  41. <meta name="color:link" content="#ff810b"/>
  42. <meta name="color:link hover" content="#fffec5"/>
  43. <meta name="color:selection text" content="#fff"/>
  44. <meta name="color:selection bg" content="#ffa053"/>
  45. <meta name="color:scroll thumb" content="#f33"/>
  46. <meta name="color:scroll bg" content="#000"/>
  47. <meta name="color:extra links bg" content="#f33"/>
  48. <meta name="color:extra links hover" content="#ffd026"/>
  49. <meta name="color:extra links text" content="#000"/>
  50. <meta name="color:blockquotes" content="#fffc32"/>
  51. <meta name="color:tags" content="#ffc368"/>
  52. <meta name="color:tags hover" content="#ff7353"/>
  53. <meta name="color:extra lights 1" content="#ff6f44"/>
  54. <meta name="color:extra lights 2" content="#ffe32f"/>
  55.  
  56. <!-- orb colors -->
  57. <meta name="color:strings" content="#f3e4ca"/>
  58. <meta name="color:diya1" content="#fff"/>
  59. <meta name="color:diya2" content="#ffeb38" />
  60. <meta name="color:diya3" content="#ffeb38" />
  61. <meta name="color:diya4" content="#f33" />
  62.  
  63. <!-- text fields -->
  64. <meta name="text:body font" content="lucida sans unicode"/>
  65. <meta name="text:desc font" content="consolas"/>
  66. <meta name="text:body font size" content="13px"/>
  67. <meta name="text:desc font size" content="11px"/>
  68. <meta name="text:title font" content="lucida sans unicode"/>
  69. <meta name="text:link 1" content="these links"/>
  70. <meta name="text:link 1 url" content="/"/>
  71. <meta name="text:link 2" content="are now wider"/>
  72. <meta name="text:link 2 url" content="/"/>
  73. <meta name="text:link 3" content="to accommodate"/>
  74. <meta name="text:link 3 url" content="/"/>
  75. <meta name="text:link 4" content="large text."/>
  76. <meta name="text:link 4 url" content="/"/>
  77.  
  78.  
  79. <style type="text/css">
  80.  
  81. body {
  82. background:url({image:background}) {color:background color} fixed;
  83. background-size:repeat;
  84. margin:0px;
  85. color:{color:post text};
  86. line-height:130%;
  87. }
  88.  
  89. b, strong {
  90. color:{color:bold};
  91. }
  92.  
  93. i, em {
  94. color:{color:italic};
  95. }
  96.  
  97. a {
  98. text-decoration:none;
  99. outline:none;
  100. -moz-outline-style:none;
  101. color:{color:link};
  102. transition:.3s color ease-in-out, .3s text-shadow ease-in-out;
  103. }
  104.  
  105. a:hover {
  106. color:{color:link hover};
  107. {block:ifTextGlowEffects}
  108. text-shadow:0 0 2px {color:link hover};
  109. {block:ifTextGlowEffects}
  110. }
  111.  
  112. img {
  113. border:none;
  114. border-radius:5px;
  115. max-height:100%;
  116. max-width:100%;
  117. }
  118.  
  119. blockquote {
  120. padding-left:7px;
  121. margin-left:7px;
  122. border-left:2px solid {color:blockquotes};
  123. margin-right:0px;
  124. }
  125.  
  126. blockquote blockquote {
  127. padding-left:7px;
  128. margin-left:7px;
  129. border-left:2px solid {color:blockquotes};
  130. margin-right:0px;
  131. }
  132.  
  133. h1 {
  134. font-size:130%;
  135. }
  136.  
  137. ::selection {
  138. background: {color:selection bg};
  139. color: {color:selection text};
  140. }
  141. ::-moz-selection {
  142. background: {color:selection bg};
  143. color: {color:selection text};
  144. }
  145.  
  146. ::-webkit-scrollbar {
  147. width: 9px;
  148. }
  149.  
  150. ::-webkit-scrollbar:horizontal {
  151. height: 9px;
  152. }
  153.  
  154. /* Track */
  155. ::-webkit-scrollbar-track {
  156. background: {color:scroll thumb};
  157. border: 4px solid {color:scroll bg};
  158. }
  159.  
  160. /* Handle */
  161. ::-webkit-scrollbar-thumb {
  162. -webkit-border-radius: 10px;
  163. border-radius: 10px;
  164. background: {color:scroll thumb};
  165. box-shadow: 0 0 7px {color:scroll thumb};
  166. }
  167.  
  168. ::-webkit-scrollbar-corner {
  169. background: {color:scroll bg};
  170. }
  171.  
  172. #cred {
  173. height:15px;
  174. width:15px;
  175. border-radius:6px;
  176. background:{color:extra links bg};
  177. color:{color:extra links text};
  178. top:55px;
  179. left:10px;
  180. position:fixed;
  181. text-align:center;
  182. font-family:arial;
  183. font-size:13px;
  184. padding:7px;
  185. padding-top:4px;
  186. box-shadow:0px 0px 10px 2px {color:extra links bg};
  187. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  188. }
  189.  
  190. #cred:hover {
  191. background:{color:extra links hover};
  192. box-shadow:0px 0px 9px 1px {color:extra links hover};
  193. }
  194.  
  195. #entries {
  196. padding:10px;
  197. {block:if500px}
  198. width:500px;
  199. {/block:if500px}
  200. {block:ifNot500px}
  201. width:400px;
  202. {/block:ifNot500px}
  203. {block:if500px}
  204. margin-left:470px;
  205. {/block:if500px}
  206. {block:ifNot500px}
  207. margin-left:500px;
  208. {/block:ifNot500px}
  209. margin-top:40px;
  210. }
  211.  
  212. #post {
  213. {block:if500px}
  214. width:500px;
  215. {/block:if500px}
  216. {block:ifNot500px}
  217. width:400px;
  218. {/block:ifNot500px}
  219. border:2px dotted {color:borders};
  220. border-radius:10px;
  221. margin-bottom:10px;
  222. padding:20px;
  223. background:{color:post bg};
  224. font-size:{text:body font size};
  225. }
  226.  
  227. #post, #links {
  228. font-family:{text:body font};
  229. }
  230.  
  231. .tags {
  232. display:inline;
  233. color:{color:tags};
  234. padding:3px;
  235. }
  236.  
  237. .tags a {
  238. color:{color:tags};
  239. transition:.3s color ease-in-out, .3s text-shadow ease-in-out;
  240. }
  241.  
  242. .tags a:hover {
  243. color:{color:tags hover};
  244. {block:ifTextGlowEffects}
  245. text-shadow:0 0 2px {color:tags hover};
  246. {block:ifTextGlowEffects}
  247. }
  248.  
  249. .line {
  250. width:100%;
  251. height:1px;
  252. border-top:1px dotted {color:borders};
  253. padding-top:3px;
  254. padding-bottom:3px;
  255. }
  256.  
  257. #sidebar {
  258. width:250px;
  259. position:fixed;
  260. margin-left:200px;
  261. margin-top:100px;
  262. }
  263.  
  264. #title {
  265. top:400px;
  266. position:fixed;
  267. width:350px;
  268. margin-bottom:50px;
  269. left:40px;
  270. padding:10px;
  271. text-align:right;
  272. font-size:21px;
  273. color:{color:title};
  274. font-family:{text:title font};
  275. background:{color:title bg};
  276. border:2px dotted {color:borders};
  277. border-radius:10px;
  278. {block:ifTextGlowEffects}
  279. text-shadow:0 0 2px {color:title};
  280. {/block:ifTextGlowEffects}
  281. }
  282.  
  283. #desc {
  284. position:fixed;
  285. left:40px;
  286. width:350px;
  287. top:460px;
  288. padding:10px;
  289. line-height:130%;
  290. border:2px dotted {color:borders};
  291. border-radius:10px;
  292. font-family:{text:desc font};
  293. color:{color:desc text};
  294. background:{color:desc bg};
  295. font-size:{text:desc font size};
  296. }
  297.  
  298. #description {
  299. padding:5px;
  300. text-align:center;
  301. }
  302.  
  303. #prev, #next {
  304. font-size:20px;
  305. font-family:calibri;
  306. text-align:center;
  307. height:24px;
  308. width:25px;
  309. background:{color:extra links bg};
  310. color:{color:extra links text};
  311. position:fixed;
  312. border-radius:100%;
  313. padding:5px;
  314. padding-top:6px;
  315. right:155px;
  316. z-index:999999;
  317. box-shadow:0px 0px 15px {color:extra links bg};
  318. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  319. }
  320.  
  321. #prev:hover, #next:hover {
  322. background:{color:extra links hover};
  323. box-shadow:0px 0px 15px {color:extra links hover};
  324. }
  325.  
  326. #prev {
  327. bottom:40px;
  328. }
  329.  
  330. #next {
  331. bottom:100px;
  332. }
  333.  
  334. #info {
  335. text-align:center;
  336. text-transform:uppercase;
  337. font-family:consolas;
  338. font-size:16px;
  339. margin-bottom:40px;
  340. {block:if500px}
  341. width:500px;
  342. {/block:if500px}
  343. {block:ifNot500px}
  344. width:400px;
  345. {/block:ifNot500px}
  346. border:2px dotted {color:borders};
  347. border-radius:10px;
  348. padding:10px;
  349. padding-left:20px;
  350. padding-right:20px;
  351. background:{color:post bg};
  352. }
  353.  
  354. #note {
  355. max-height:500px;
  356. overflow-y:auto;
  357. overflow-x:hidden;
  358. text-align:left;
  359. }
  360.  
  361. #asker {
  362. float:left;
  363. margin-right:5px;
  364. }
  365.  
  366. #linkcont {
  367. right:33px;
  368. width:100px;
  369. height:100%;
  370. display:block;
  371. position:fixed;
  372. top:40px;
  373. }
  374.  
  375. #links {
  376. font-size:16px;
  377. text-align:center;
  378. width:110px;
  379. margin-bottom:30px;
  380. padding:5px;
  381. padding-top:6px;
  382. padding-bottom:6px;
  383. border-radius:15px;
  384. background:{color:extra links bg};
  385. color:{color:extra links text};
  386. box-shadow:0px 0px 18px {color:extra links bg};
  387. transition:.2s background ease-in-out, .2s box-shadow ease-in-out;
  388. }
  389.  
  390. #links:hover {
  391. background:{color:extra links hover};
  392. box-shadow:0px 0px 10px {color:extra links hover};
  393. }
  394.  
  395. #linkstring {
  396. height:100%;
  397. width:1px;
  398. border:2px dotted {color:strings};
  399. position:fixed;
  400. top:0px;
  401. }
  402.  
  403. /* all the mothfuckin light strings im dying squirtle */
  404.  
  405. #strcont {
  406. height:400px;
  407. width:100%;
  408. top:0px;
  409. z-index:-999999;
  410. position:fixed;
  411. }
  412.  
  413. #topstr1 {
  414. width:400px;
  415. height:300px;
  416. top:-170px;
  417. left:-200px;
  418. border:2px dotted {color:strings};
  419. border-radius:100%;
  420. position:absolute;
  421. }
  422.  
  423. #topstr2 {
  424. width:500px;
  425. height:500px;
  426. top:-300px;
  427. margin-left:20px;
  428. border:2px dotted {color:strings};
  429. border-radius:100%;
  430. position:absolute;
  431. }
  432.  
  433. #topstr4 {
  434. width:450px;
  435. height:300px;
  436. margin-top:-170px;
  437. margin-left:170px;
  438. border:2px dotted {color:strings};
  439. border-radius:100%;
  440. position:absolute;
  441. }
  442.  
  443. #topstr5 {
  444. width:95%;
  445. height:250px;
  446. margin-top:-150px;
  447. margin-left:20px;
  448. border:2px dotted {color:strings};
  449. border-radius:100%;
  450. position:absolute;
  451. }
  452.  
  453. #topstr6 {
  454. width:500px;
  455. height:700px;
  456. margin-top:-370px;
  457. margin-left:-210px;
  458. border:2px dotted {color:strings};
  459. border-radius:100%;
  460. position:absolute;
  461. }
  462.  
  463. .minidiya1 {
  464. height:7px;
  465. width:7px;
  466. border-radius:100%;
  467. background:{color:extra lights 1};
  468. box-shadow: 0px 0px 6px 2px {color:extra lights 1};
  469. position:fixed;
  470. z-index:-99999;
  471. {block:ifTwinkle}
  472. -webkit-animation: glow1 .7s infinite alternate;
  473. {/block:ifTwinkle}
  474. }
  475.  
  476. .minidiya2 {
  477. height:11px;
  478. width:11px;
  479. border-radius:100%;
  480. background:{color:extra lights 2};
  481. box-shadow: 0px 0px 13px 3px {color:extra lights 2};
  482. position:fixed;
  483. z-index:-99999;
  484. {block:ifTwinkle}
  485. -webkit-animation: glow2 1.4s infinite alternate;
  486. {/block:ifTwinkle}
  487. }
  488.  
  489. @-webkit-keyframes glow1 {
  490. to {
  491. box-shadow: 0 0 2px 1px {color:extra lights 1};
  492. }
  493. }
  494.  
  495. @-webkit-keyframes glow2 {
  496. to {
  497. box-shadow: 0 0 3px 1px {color:extra lights 2};
  498. }
  499. }
  500.  
  501. #diya1 {
  502. top:120px;
  503. margin-left:100px;
  504. height:65px;
  505. width:65px;
  506. border-radius:100%;
  507. background:{color:diya1};
  508. box-shadow: 0px 0px 40px 12px {color:diya1};
  509. transition:.4s box-shadow ease-in-out;
  510. position:fixed;
  511. }
  512.  
  513. #diya1:hover {
  514. box-shadow: 0px 0px 20px 7px {color:diya1};
  515. }
  516.  
  517. #dstring {
  518. top:0px;
  519. width:1px;
  520. border:2px {color:strings} dotted;
  521. position:fixed;
  522. z-index:-99999;
  523. }
  524.  
  525. #diya2 {
  526. top:170px;
  527. margin-left:200px;
  528. height:65px;
  529. width:65px;
  530. border-radius:100%;
  531. background:{color:diya2};
  532. box-shadow: 0px 0px 40px 12px {color:diya2};
  533. transition:.4s box-shadow ease-in-out;
  534. z-index:99;
  535. position:fixed;
  536. }
  537.  
  538. #diya2:hover {
  539. box-shadow: 0px 0px 20px 7px {color:diya2};
  540. }
  541.  
  542. #diya3 {
  543. top:220px;
  544. margin-left:50px;
  545. height:65px;
  546. width:65px;
  547. border-radius:100%;
  548. background:{color:diya3};
  549. box-shadow: 0px 0px 40px 12px {color:diya3};
  550. transition:.4s box-shadow ease-in-out;
  551. position:fixed;
  552. }
  553.  
  554. #diya3:hover {
  555. box-shadow: 0px 0px 20px 7px {color:diya3};
  556. }
  557.  
  558. #diya4 {
  559. margin-top:260px;
  560. margin-left:140px;
  561. height:65px;
  562. width:65px;
  563. border-radius:100%;
  564. background:{color:diya4};
  565. box-shadow: 0px 0px 40px 12px {color:diya4};
  566. transition:.4s box-shadow ease-in-out;
  567. position:fixed;
  568. }
  569.  
  570. #diya4:hover {
  571. box-shadow: 0px 0px 20px 7px {color:diya4};
  572. }
  573.  
  574. {CustomCSS}</style></head><body>
  575.  
  576. <div id="dstring" style="margin-left:22px; height:55px;"></div>
  577. <a href="http://sylph.god.jp"><div id="cred">©</div></a>
  578.  
  579. <!-- extra lights -->
  580.  
  581. {block:ifExtraLightStrings}
  582. <div id="strcont">
  583.  
  584. <div id="topstr1"></div>
  585. <div id="topstr2"></div>
  586. <div id="topstr3"></div>
  587. <div id="topstr4"></div>
  588. <div id="topstr5"></div>
  589. <div id="topstr6"></div>
  590.  
  591. <div class="minidiya1" style="top:55px;left:65px;"></div>
  592. <div class="minidiya2" style="top:140px;left:20px;"></div>
  593. <div class="minidiya1" style="top:340px;left:60px;"></div>
  594. <div class="minidiya1" style="top:65px;left:300px;"></div>
  595. <div class="minidiya2" style="top:65px;left:185px;"></div>
  596. <div class="minidiya1" style="top:210px;left:320px;"></div>
  597. <div class="minidiya2" style="top:10px;left:530px;"></div>
  598. <div class="minidiya2" style="top:145px;left:390px;"></div>
  599.  
  600. </div>
  601. {/block:ifExtraLightStrings}
  602.  
  603. <!--end of extra lights -->
  604.  
  605. <div id="sidebar">
  606.  
  607. <div id="title">{Title}</div>
  608.  
  609. <div id="desc">{Description}</div>
  610.  
  611. </div>
  612. <div id="dstring" style="margin-left:131px; height:118px;"></div>
  613. <div id="dstring" style="margin-left:231px; height:175px;"></div>
  614. <div id="dstring" style="margin-left:81px; height:250px;"></div>
  615. <div id="dstring" style="margin-left:170px; height:330px;"></div>
  616. <a href="/" title="home"><div id="diya1"></div></a>
  617. <a href="/ask" title="ask"><div id="diya2"></div></a>
  618. <a href="/submit" title="submit"><div id="diya3"></div></a>
  619. <a href="/archive" title="archive"><div id="diya4"></div></a>
  620.  
  621. <div id="linkstring" style="right:70px;"></div>
  622. <div id="linkcont">
  623. {block:Pages}<a href="{URL}"><div id="links">{Label}</div></a>{/block:Pages}{/block:HasPages}
  624. {block:ifLink1}<a href="{text:link 1 url}"><div id="links">{text:link 1}</div></a>{/block:ifLink1}
  625. {block:ifLink2}<a href="{text:link 2 url}"><div id="links">{text:link 2}</div></a>{/block:ifLink2}
  626. {block:ifLink3}<a href="{text:link 3 url}"><div id="links">{text:link 3}</div></a>{/block:ifLink3}
  627. {block:ifLink4}<a href="{text:link 4 url}"><div id="links">{text:link 4}</div></a>{/block:ifLink4}
  628. </div>
  629.  
  630. <div id="linkstring" style="right:170px;"></div>
  631.  
  632. {block:Pagination}
  633. {block:PreviousPage}
  634. <a href="{PreviousPage}">
  635. <div id="prev">←</div>
  636. </a>
  637. {/block:PreviousPage}
  638.  
  639. {block:NextPage}
  640. <a href="{NextPage}">
  641. <div id="next">→</div>
  642. </a>
  643. {/block:NextPage}
  644. {/block:Pagination}
  645.  
  646.  
  647. <div id="entries">
  648.  
  649. {block:Posts}
  650.  
  651. <div id="post">
  652.  
  653. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  654.  
  655. {block:Photo}
  656. {LinkOpenTag}
  657. {block:if500px}
  658. <img src="{PhotoURL-500}">
  659. {/block:if500px}
  660. {block:ifNot500px}
  661. <img src="{PhotoURL-400}">
  662. {/block:ifNot500px}
  663. {LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  664. {/block:Photo}
  665.  
  666. {block:Photoset}
  667. {block:if500px}
  668. {Photoset-500}
  669. {/block:if500px}
  670. {block:ifNot500px}
  671. {Photoset-400}
  672. {/block:ifNot500px}
  673. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  674.  
  675. {block:Quote}“{Quote}”<p align="right">{block:Source} —{Source}{/block:Source}</p>{/block:Quote}
  676.  
  677. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  678.  
  679. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<p>{/block:Lines}{/block:Chat}
  680.  
  681. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  682.  
  683. {block:Video}
  684. {block:if500px}
  685. {Video-500}
  686. {/block:if500px}
  687. {block:ifNot500px}
  688. {Video-400}
  689. {/block:ifNot500px}
  690. {block:Caption}{Caption}{/block:Caption}{/block:Video}
  691.  
  692. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker} whispered:<br><em>{Question}</em><br>{Answer}{/block:Answer}
  693.  
  694.  
  695.  
  696. {block:HasTags}<div class="line"></div>{block:Tags}<div class="tags">#<a href="{TagURL}">{Tag}</a></div> {/block:Tags}{/block:HasTags}
  697.  
  698.  
  699.  
  700. </div>
  701.  
  702. {block:Date}
  703. <div id="info">
  704. posted {TimeAgo} on <a href="{Permalink}">{DayOfMonth}.{MonthNumber}.{Year}</a> with <a href="{Permalink}">
  705. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}"
  706. title="{ReblogParentTitle}">{ReblogParentName}</a> <strong>•</strong> ori: <a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom} <strong>•</strong> <a href="{ReblogUrl}">reblog</a>{/block:Date}
  707.  
  708. {block:PostNotes} <p><div id="note">{PostNotes}</div>{/block:PostNotes}
  709. </div>
  710.  
  711.  
  712.  
  713. {/block:Posts}</div>
  714.  
  715.  
  716. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement