API tools faq
paste
Simanalix343

Forest.css exmple game

Simanalix343
Jan 10th, 2021 (edited)
139
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.33 KB | None | 0 0
raw download clone embed print report
  1. Let's make a game!
  2. name: Stylesheet test
  3. by: Simanelix
  4. desc: This is a stylized IGM game, designed to shocase my new stlesheet, forest.css.
  5. created: 25/7/2017
  6. updated: 24/10/2017
  7. version: 1
  8.  
  9. Settings
  10. background:stuff/meadow.jpg
  11. building cost increase:115%
  12. building cost refund:50%
  13. spritesheet:icons, 48 by 48, stuff/bunnyIcons.png
  14.  
  15. Layout
  16. use default
  17.  
  18. Buttons
  19. *bunnyButton
  20. name:Make a bunny
  21. desc:Click this little bunny to get more bunnies!
  22. on click:anim icon wobble
  23. on click:yield 1 bunny
  24. on click:if (have goldenTouch and chance(1%)) yield 1 goldenCarrot
  25. icon:stuff/bunny.png
  26. no text
  27. class:bigButton hasFlares
  28. icon class:shadowed
  29. tooltip origin:bottom
  30. tooltip class:red
  31.  
  32. Resources
  33. *bunny|bunnies
  34. name:Bunny|Bunnies
  35. desc:These are your bunnies. You can use them to purchase things. Your goal is to have as many bunnies as possible!
  36. icon:icons[0,0]
  37. class:noBackground
  38. show earned
  39.  
  40. *goldenCarrot|goldenCarrots
  41. name:Golden carrot|Golden carrots
  42. desc:These shiny carrots are terribly rare, terribly precious and terribly delicious!
  43. icon:icons[0,1]
  44. class:noBackground
  45. hidden when 0
  46.  
  47. Shinies
  48. *luckyBunny
  49. on click:log Woop
  50. movement:onRight moveLeft fade bounce:0.05
  51. frequency:60
  52. frequency variation:30
  53. icon:stuff/luckyBunny.png
  54. class:bigButton
  55. on click:
  56. $boost=1
  57. if (have clover) $boost=4
  58. if (chance(25%))
  59. //get at least 7, or between 1 and 3 minutes of our bunny production
  60. $amount=max(7,random(bunnies:ps*60*1,bunnies:ps*60*3))*$boost
  61. toast The lucky bunny grants you<//><b>[$amount] bunnies</b>.
  62. yield $amount bunnies
  63. else
  64. $amount=1*$boost
  65. toast The lucky bunny grants you<//><b>[$amount] golden carrot[s?$amount]</b>!
  66. yield $amount goldenCarrot
  67. end
  68. end
  69.  
  70. Buildings
  71. *TEMPLATE
  72. on click:anim glow
  73.  
  74. *cage|cages
  75. name:Rabbit cage|Rabbit cages
  76. desc:A tiny little cage.<//><b>Effect:</b><.>Produces 1 rabbit every 10 seconds.
  77. icon:icons[3,0]
  78. cost:15 bunnies
  79. on tick:yield 0.1 bunny
  80. unlocked
  81.  
  82. *hutch|hutches
  83. name:Rabbit hutch|Rabbit hutches
  84. desc:A bit roomier than a cage, with enough space to hop around.<//><b>Effect:</b><.>Produces 1 rabbit every 2 seconds.
  85. icon:icons[3,1]
  86. cost:100 bunnies
  87. on tick:yield 0.5 bunnies
  88. req:100 bunnies:earned
  89.  
  90. *coop|coops
  91. name:Rabbit coop|Rabbit coops
  92. desc:A much nicer rabbit home where full bunny families can live.<//><b>Effect:</b><.>Produces 5 rabbits per second.
  93. icon:icons[3,2]
  94. cost:600 bunnies
  95. on tick:yield 5 bunnies
  96. req:600 bunnies:earned
  97.  
  98. *pen|pens
  99. name:Rabbit pen|Rabbit pens
  100. desc:A lovely enclosure with plenty of green space.<//><b>Effect:</b><.>Produces 12 rabbits per second.
  101. icon:icons[3,3]
  102. cost:4000 bunnies
  103. on tick:yield 12 bunnies
  104. req:4000 bunnies:earned
  105.  
  106. *meadow|meadows
  107. name:Rabbit meadow|Rabbit meadows
  108. desc:A wide open space full of shade and lush grass.<//><b>Effect:</b><.>Produces 90 rabbits per second.
  109. icon:icons[3,4]
  110. cost:20000 bunnies
  111. on tick:yield 90 bunnies
  112. req:20000 bunnies:earned
  113.  
  114. *village|villages
  115. name:Rabbit village|Rabbit villages
  116. desc:Your bunnies are building their own villages now!<//><b>Effect:</b><.>Produces 300 rabbits per second.
  117. icon:icons[3,5]
  118. cost:200000 bunnies, 1 goldenCarrot
  119. on tick:yield 300 bunnies
  120. req:200000 bunnies:earned and independenceDay
  121.  
  122. *city|cities
  123. name:Rabbit city|Rabbit cities
  124. desc:A bustling little city, populated with busy rabbits.<//><b>Effect:</b><.>Produces 1000 rabbits per second.
  125. icon:icons[3,6]
  126. cost:3000000 bunnies, 4 goldenCarrots
  127. on tick:yield 1000 bunnies
  128. req:3000000 bunnies:earned and independenceDay
  129.  
  130. *citadel|citadels
  131. name:Moon citadel|Moon citadels
  132. desc:An ornate palace standing on the moon, ruled by bunny kings and queens and staffed with royal bunny guards.<//><b>Effect:</b><.>Produces 4000 rabbits per second.
  133. icon:icons[3,7]
  134. cost:70000000 bunnies, 16 goldenCarrots
  135. on tick:yield 4000 bunnies
  136. on tick:if (have moonGardens) yield 0.01 goldenCarrot
  137. req:70000000 bunnies:earned and independenceDay
  138.  
  139. *fortress
  140. name:Freedom fortress
  141. text:Freedom fortress ([this]%)
  142. desc:A huge bunny castle. A monument to the adventurous spirit of bunnykind, which will take time and effort to complete.<//><b>The fortress is [this]% complete.</b>
  143. icon:icons[3,8]
  144. cost:300000000 bunnies, 100 goldenCarrots
  145. req:70000000 bunnies:earned and independenceDay
  146. limit:100
  147. cost increase:105%
  148.  
  149. Upgrades
  150. *TEMPLATE
  151. on click:anim glow
  152.  
  153. //food upgrades
  154. //inspiration : http://rabbit.org/suggested-vegetables-and-fruits-for-a-rabbit-diet/
  155.  
  156. *parsley
  157. name:Parsley
  158. desc:A nice little supplement to your bunnies' diet.<//><b>Effect:</b><.>+1 bunny/click
  159. icon:icons[1,1]
  160. cost:100 bunnies
  161. passive:increase bunny yield of bunnyButton by 1
  162. req:10 bunnies:earned
  163.  
  164. *spinach
  165. name:Spinach
  166. desc:Big tasty leaves, perfect for hungry bunnies.<//><b>Effect:</b><.>+1 bunny/click
  167. icon:icons[1,2]
  168. cost:200 bunnies
  169. passive:increase bunny yield of bunnyButton by 1
  170. req:50 bunnies:earned
  171.  
  172. *lettuce
  173. name:Lettuce
  174. desc:Frilly greens loved by all bunnies.<//><b>Effect:</b><.>+1 bunny/click
  175. icon:icons[1,3]
  176. cost:400 bunnies
  177. passive:increase bunny yield of bunnyButton by 1
  178. req:200 bunnies:earned
  179.  
  180. *broccoli
  181. name:Broccoli
  182. desc:Crunchy greens that look like little trees.<//><b>Effect:</b><.>bunnies/click x2<.>bunny production +5%
  183. icon:icons[1,4]
  184. cost:3000 bunnies
  185. passive:multiply bunny yield of bunnyButton by 2
  186. passive:multiply yield of bunnies by 1.05
  187. req:1000 bunnies:earned
  188.  
  189. *apple
  190. name:Apple
  191. desc:Nice pieces of juicy red apples.<//><b>Effect:</b><.>bunnies/click x1.5<.>bunny production +5%
  192. icon:icons[1,5]
  193. cost:10000 bunnies
  194. passive:multiply bunny yield of bunnyButton by 1.5
  195. passive:multiply yield of bunnies by 1.05
  196. req:1000 bunnies:earned
  197.  
  198. *radish
  199. name:Radish
  200. desc:Purple, crunchy, and strangely spicy.<//><b>Effect:</b><.>bunnies/click x1.5<.>bunny production +5%
  201. icon:icons[1,6]
  202. cost:50000 bunnies
  203. passive:multiply bunny yield of bunnyButton by 1.5
  204. passive:multiply yield of bunnies by 1.05
  205. req:10000 bunnies:earned
  206.  
  207. *mint
  208. name:Mint
  209. desc:Tasty, and gives your bunnies a lovely breath.<//><b>Effect:</b><.>bunnies/click x1.5<.>bunny production +5%
  210. icon:icons[1,7]
  211. cost:100000 bunnies
  212. passive:multiply bunny yield of bunnyButton by 1.5
  213. passive:multiply yield of bunnies by 1.05
  214. req:50000 bunnies:earned
  215.  
  216. *chard
  217. name:Chard
  218. desc:Broad leaves that make for a tasty salad.<//><b>Effect:</b><.>bunnies/click x1.5<.>bunny production +5%
  219. icon:icons[1,8]
  220. cost:500000 bunnies
  221. passive:multiply bunny yield of bunnyButton by 1.5
  222. passive:multiply yield of bunnies by 1.05
  223. req:100000 bunnies:earned
  224.  
  225. *cherry
  226. name:Cherry
  227. desc:Your bunnies look like little vampires when they start munching on these!<//><b>Effect:</b><.>bunnies/click x1.5<.>bunny production +5%
  228. icon:icons[1,9]
  229. cost:1000000 bunnies
  230. passive:multiply bunny yield of bunnyButton by 1.5
  231. passive:multiply yield of bunnies by 1.05
  232. req:500000 bunnies:earned
  233.  
  234. *carrot
  235. name:Carrot
  236. desc:The quintessential rabbit food! Crunchy, orange, and perfect.<//><b>Effect:</b><.>bunnies/click x2<.>bunny production +10%
  237. icon:icons[1,0]
  238. cost:100000000 bunnies
  239. passive:multiply bunny yield of bunnyButton by 2
  240. passive:multiply yield of bunnies by 1.1
  241. req:1000000 bunnies:earned
  242.  
  243. //building upgrades
  244.  
  245. *buildingUpgrade1
  246. name:Sippy bottles
  247. desc:Your bunnies can drink their fill!<//><b>Effect:</b><.>rabbit cage production x2<.>rabbit hutch production x2<.>rabbit coop production x2
  248. icon:icons[2,0] icons[3,0]
  249. cost:1000 bunnies
  250. passive:multiply yield of cage by 2
  251. passive:multiply yield of hutch by 2
  252. passive:multiply yield of coop by 2
  253. req:(cages>=10 or hutches>=10 or coops>=10)
  254.  
  255. *buildingUpgrade2
  256. name:Prime grade hay
  257. desc:Not just for horses anymore!<//><b>Effect:</b><.>rabbit cage production x2<.>rabbit hutch production x2<.>rabbit coop production x2
  258. icon:icons[2,0] icons[3,1]
  259. cost:100000 bunnies
  260. passive:multiply yield of cage by 2
  261. passive:multiply yield of hutch by 2
  262. passive:multiply yield of coop by 2
  263. req:(cages>=50 or hutches>=50 or coops>=50)
  264.  
  265. *buildingUpgrade3
  266. name:Shredded newspapers
  267. desc:You'd think they just poop on these, but they really enjoy reading the Sunday comics.<//><b>Effect:</b><.>rabbit cage production x2<.>rabbit hutch production x2<.>rabbit coop production x2
  268. icon:icons[2,0] icons[3,2]
  269. cost:5000000 bunnies
  270. passive:multiply yield of cage by 2
  271. passive:multiply yield of hutch by 2
  272. passive:multiply yield of coop by 2
  273. req:(cages>=100 or hutches>=100 or coops>=100)
  274.  
  275. *buildingUpgrade4
  276. name:Pretty fences
  277. desc:Just the right size so your bunnies can peek through but not hop over!<//><b>Effect:</b><.>rabbit pen production x2<.>rabbit meadow production x2
  278. icon:icons[2,0] icons[3,3]
  279. cost:50000 bunnies
  280. passive:multiply yield of pen by 2
  281. passive:multiply yield of meadow by 2
  282. req:(pens>=10 or meadows>=10)
  283.  
  284. *buildingUpgrade5
  285. name:Bunny playground
  286. desc:If your bunnies are outside, they might as well get some exercise!<//><b>Effect:</b><.>rabbit pen production x2<.>rabbit meadow production x2
  287. icon:icons[2,0] icons[3,4]
  288. cost:5000000 bunnies
  289. passive:multiply yield of pen by 2
  290. passive:multiply yield of meadow by 2
  291. req:(pens>=50 or meadows>=50)
  292.  
  293. *buildingUpgrade6
  294. name:Bunny TVs
  295. desc:Televisions that broadcast bunny cartoons, bunny sitcoms, and bunny news bulletins.<//><b>Effect:</b><.>rabbit village production x2<.>rabbit city production x2
  296. icon:icons[2,0] icons[3,5]
  297. cost:1000000 bunnies
  298. passive:multiply yield of village by 2
  299. passive:multiply yield of city by 2
  300. req:(villages>=10 or cities>=10)
  301.  
  302. *buildingUpgrade7
  303. name:Wee little bunny cars
  304. desc:Your bunnies drive around in these. How nice!<//><b>Effect:</b><.>rabbit village production x2<.>rabbit city production x2
  305. icon:icons[2,0] icons[3,6]
  306. cost:500000000 bunnies
  307. passive:multiply yield of village by 2
  308. passive:multiply yield of city by 2
  309. req:(villages>=50 or cities>=50)
  310.  
  311. *buildingUpgrade8
  312. name:Soothing moon crystals
  313. desc:Just really nice to be around.<//><b>Effect:</b><.>moon citadel production x2
  314. icon:icons[2,0] icons[3,7]
  315. cost:1000000000 bunnies
  316. passive:multiply yield of citadel by 2
  317. req:10 citadels
  318.  
  319. //golden carrot upgrades
  320.  
  321. *goldenTouch
  322. name:Golden touch
  323. desc:The delicate art of finding vegetables made of precious metals.<//><b>Effect:</b><.>1% chance of gaining 1 golden carrot per bunny click
  324. icon:icons[2,5]
  325. cost:1 goldenCarrot
  326. req:1 goldenCarrot:earned
  327.  
  328. *rabbitHaste
  329. name:Rabbit's haste
  330. desc:I'm late! I'm late! For a very important date!<//><b>Effect:</b><.>lucky bunnies appear 30% more often
  331. icon:icons[2,6]
  332. passive:multiply frequency of luckyBunny by 0.7
  333. cost:5 goldenCarrots
  334. req:1 goldenCarrot:earned
  335.  
  336. *independenceDay
  337. name:Independence day
  338. desc:Your bunnies are making their first step towards declaring their independence from the oppressive shackles of pens and cages.<//><b>Effect:</b><.>unlocks new buildings
  339. icon:icons[2,7]
  340. cost:10 goldenCarrots
  341. req:5 goldenCarrots:earned
  342.  
  343. *clover
  344. name:Clover
  345. desc:A delicious herb that tastes lucky.<//><b>Effect:</b><.>lucky bunny effects are 4 times more powerful
  346. icon:icons[2,8]
  347. cost:100 goldenCarrots
  348. req:50 goldenCarrots:earned
  349.  
  350. *moonGardens
  351. name:Moon gardens
  352. desc:The royal botanists in your moon citadels have found new ways of cultivating plants in reduced gravity!<//><b>Effect:</b><.>moon citadels now produce 1 golden carrot every 100 seconds
  353. icon:icons[2,9]
  354. cost:100 goldenCarrots
  355. req:50 goldenCarrots:earned
  356.  
  357. Achievements
  358. *TEMPLATE
  359. on click:anim glow
  360.  
  361. *bunnyAchiev1
  362. name:Run rabbit run
  363. desc:Have <b>1</b> bunny.
  364. req:1 bunny
  365. icon:icons[2,4] icons[0,2] icons[0,6]
  366. *bunnyAchiev2
  367. name:Bunniest home videos
  368. desc:Have <b>1000</b> bunnies.
  369. req:1000 bunnies
  370. icon:icons[2,4] icons[0,3] icons[0,6]
  371. *bunnyAchiev3
  372. name:You got buns, hun
  373. desc:Have <b>1000000</b> bunnies.
  374. req:10000000 bunnies
  375. icon:icons[2,4] icons[0,4] icons[0,6]
  376.  
  377. *clickAchiev1
  378. name:That tickles
  379. desc:Click the bunny <b>10</b> times.
  380. req:10 bunnyButton clicks
  381. icon:icons[2,2] icons[0,2] icons[0,6]
  382. *clickAchiev2
  383. name:Don't squeeze me I'll fart
  384. desc:Click the bunny <b>100</b> times.
  385. req:100 bunnyButton clicks
  386. icon:icons[2,2] icons[0,3] icons[0,6]
  387. *clickAchiev3
  388. name:You're cruising for a bruising, dude
  389. desc:Click the bunny <b>2000</b> times.
  390. req:2000 bunnyButton clicks
  391. icon:icons[2,2] icons[0,4] icons[0,6]
  392.  
  393. *bunnyPsAchiev1
  394. name:Be vewy vewy quiet
  395. desc:Produce <b>10</b> bunnies per second.
  396. req:10 bunnies per second
  397. icon:icons[2,3] icons[0,2] icons[0,6]
  398. *bunnyPsAchiev2
  399. name:Hop and a skip
  400. desc:Produce <b>1000</b> bunnies per second.
  401. req:1000 bunnies per second
  402. icon:icons[2,3] icons[0,3] icons[0,6]
  403. *bunnyPsAchiev3
  404. name:Go forth and multiply
  405. desc:Produce <b>100000</b> bunnies per second.
  406. req:100000 bunnies per second
  407. icon:icons[2,3] icons[0,4] icons[0,6]
  408.  
  409. *carrotAchiev1
  410. name:Isn't it neat
  411. desc:Have <b>1</b> golden carrot.
  412. req:1 goldenCarrot
  413. icon:icons[0,1] icons[0,2]
  414. *carrotAchiev2
  415. name:All that glitters
  416. desc:Have <b>100</b> golden carrots.
  417. req:100 goldenCarrot
  418. icon:icons[0,1] icons[0,3]
  419. *carrotAchiev3
  420. name:Zero nutritional value
  421. desc:Have <b>1000</b> golden carrots.
  422. req:1000 goldenCarrot
  423. icon:icons[0,1] icons[0,4]
  424.  
  425. *fortressAchiev
  426. name:Freedom!
  427. desc:Complete building the <b>freedom fortress</b>.<//>This is it. You beat the game!
  428. req:100 fortress
  429. icon:icons[3,8] icons[0,4]
  430.  
  431.  
  432. CSS
  433.  
  434. root{ font-size: 16px; }
  435.  
  436. *{ box-sizing: border-box; }
  437.  
  438. body, html{
  439. font-family: serif;
  440. padding:0;
  441. margin:0;
  442. }
  443. textarea{
  444. width:100%;
  445. height:8em;
  446. font-family: monospace;
  447. }
  448. div{
  449. display: flex;
  450. flex-direction: column;
  451. padding: 1px;
  452. margin: 1px;
  453. border: 1px solid #aaa;
  454. }
  455.  
  456. #i, #x{
  457. font-style: italic;
  458. font-weight: bold;
  459. font-size: 24px;
  460. text-shadow: 0px 0px 3px black, 1px 0px 3px black, 0px 1px 3px black;
  461. background: radial-gradient( rgba(0,30,0,200), rgba(0,0,0,0) );
  462. text-align: center;
  463. width:1.25em;
  464. height:1.25em;
  465. }
  466.  
  467. #i{
  468. position: fixed;
  469. bottom: 0;
  470. right: 0;
  471. z-index: 300;
  472. color: white;
  473. }
  474.  
  475. #x{
  476. position: absolute;
  477. top: 0;
  478. right: 0;
  479. z-index: 100;
  480. color: #f50;
  481. }
  482.  
  483. #my_pop_up{
  484. position: fixed;
  485. top:5%;
  486. left:5%;
  487. width: 90%;
  488. height: 80%;
  489. z-index: 200;
  490. text-shadow: 0px 0px 3px black, 1px 0px 3px black, 0px 1px 3px black;
  491. background: radial-gradient( rgba(0,30,0,255), rgba(0,30,0,150), rgba(0,30,0,0) );
  492. align-content: center;
  493. justify-content: center;
  494. color: white;
  495. }
  496.  
  497. .icon, .thing-icon, img{
  498. background-size: 100%;
  499. image-rendering: pixelated;
  500. }
  501.  
  502. .box{
  503. display: flex;
  504. }
  505.  
  506. .thing{}
  507.  
  508. .icon{}
  509.  
  510. .text{}
  511.  
  512. .cost:is( .canAfford, .cantAfford ){
  513. font-family: monospace;
  514. font-weight: bold;
  515. text-shadow: 2px 0px 3px black, 0px 2px 3px black;
  516. color: #721;
  517. }
  518.  
  519. .cost.canAfford{
  520. color: #0b2;
  521. }
  522.  
  523. .cost.cantAfford{
  524. color:#f11;
  525. }
  526. #box-logs .cost{
  527. color: #721;
  528. text-shadow: none;
  529. }
  530.  
  531. .thing.cantAfford{
  532. opacity: 100%;
  533. transition: opacity 1s;
  534. }
  535.  
  536. .thing.cantAfford{
  537. opacity: 80%;
  538. transition: opacity 1s;
  539. }
  540.  
  541. .building, .upgrade{
  542. border: 3px solid #999;
  543. border-radius: 0.25em;
  544. }
  545. .building .text::before{
  546. content: "🏠";
  547. }
  548. #box-upgrades .upgrade{
  549. border: 3px double #222;
  550. }
  551. #box-upgrades .upgrade .text::before{
  552. content: "🔼";
  553. }
  554.  
  555. #box-versions .upgrade{
  556. border: 3px double #91a;
  557. }
  558. #box-versions .upgrade .text::before{
  559. content: "🔴";
  560. }
  561.  
  562. .resource{
  563. display: inline-block;
  564. }
  565.  
  566. #box-center{
  567. flex: 2;
  568. flex-direction: column;
  569. }
  570. #box-res{
  571. background: rgba(20, 140, 0, 160);
  572. display: block;
  573. }
  574. #box-buttons{
  575. align-items: stretch;
  576. font-size: 32px;
  577. }
  578. #box-upgrades{
  579. flex: 1;
  580. }
  581.  
  582. #box-buildings{
  583. flex: 1;
  584. }
  585.  
  586. #box-stats{
  587. align-self: baseline;
  588. width:100%;
  589. }
  590.  
  591. .no-background{
  592. background: none;
  593. }
  594. #Background, #Game{
  595. position: fixed;
  596. top: 0;
  597. left: 0;
  598. width: 100%;
  599. height: 100%;
  600. }
  601. #Background{
  602. z-index:0;
  603. display: block;
  604. }
  605. #Game{
  606. z-index:1;
  607. flex-wrap: wrap;
  608. flex-direction: row !important;
  609. align-items: stretch;
  610. }
  611.  
  612. .brown-l{
  613. background: linear-gradient( 270deg, #a61, transparent );
  614. }
  615. .red-l{
  616. background: linear-gradient( 270deg, #f11, transparent );
  617. }
  618. .orange-l{
  619. background: linear-gradient( 270deg, #8b0, transparent );
  620. }
  621. .yellow-l{
  622. background: linear-gradient( 270deg, #cd1, transparent );
  623. }
  624. .lime-l{
  625. background: linear-gradient( 270deg, #2e2, transparent );
  626. }
  627. .green-l{
  628. background: linear-gradient( 270deg, #0a2, transparent );
  629. }
  630. .cyan-l{
  631. background: linear-gradient( 270deg, #8cf, transparent );
  632. }
  633. .blue-l{
  634. background: linear-gradient( 270deg, #20f, transparent );
  635. }
  636. .violet-l{
  637. background: linear-gradient( 270deg, #70e, transparent );
  638. }
  639. .purple-l{
  640. background: linear-gradient( 270deg, #a1d, transparent );
  641. }
  642. .magenta-l{
  643. background: linear-gradient( 270deg, #d2c, transparent );
  644. }
  645. .black-l{
  646. background: linear-gradient( 270deg, #000, transparent );
  647. }
  648. .grey-l{
  649. background: linear-gradient( 270deg, #777, transparent );
  650. }
  651.  
  652.  
  653. .brown-r{
  654. background: linear-gradient( 90deg, #a61, transparent );
  655. }
  656. .red-r{
  657. background: linear-gradient( 90deg, #f11, transparent );
  658. }
  659. .orange-r{
  660. background: linear-gradient( 90deg, #8b0, transparent );
  661. }
  662. .yellow-r{
  663. background: linear-gradient( 90deg, #cd1, transparent );
  664. }
  665. .lime-r{
  666. background: linear-gradient( 90deg, #2e2, transparent );
  667. }
  668. .green-r{
  669. background: linear-gradient( 90deg, #0a2, transparent );
  670. }
  671. .cyan-r{
  672. background: linear-gradient( 90deg, #8cf, transparent );
  673. }
  674. .blue-r{
  675. background: linear-gradient( 90deg, #20f, transparent );
  676. }
  677. .violet-r{
  678. background: linear-gradient( 90deg, #70e, transparent );
  679. }
  680. .purple-r{
  681. background: linear-gradient( 90deg, #a1d, transparent );
  682. }
  683. .magenta-r{
  684. background: linear-gradient( 90deg, #d2c, transparent );
  685. }
  686. .black-r{
  687. background: linear-gradient( 90deg, #000, transparent );
  688. }
  689. .grey-r{
  690. background: linear-gradient( 90deg, #777, transparent );
  691. }
  692.  
  693. .brown{
  694. background: #a61;
  695. }
  696. .red{
  697. background: #f11;
  698. }
  699. .orange{
  700. background: #8b0;
  701. }
  702. .yellow{
  703. background: #cd1;
  704. }
  705. .lime{
  706. background: #2e2;
  707. }
  708. .green{
  709. background: #0a2;
  710. }
  711. .cyan{
  712. background: #8cf;
  713. }
  714. .blue{
  715. background: #20f;
  716. }
  717. .violet{
  718. background: #70e;
  719. }
  720. .purple{
  721. background: #a1d;
  722. }
  723. .magenta{
  724. background: #d2c;
  725. }
  726. .black{
  727. background: #000;
  728. }
  729. .grey{
  730. background: #777;
  731. }
  732. u, b, i, span{
  733. display: inline;
  734. }
  735. span{
  736. padding: 0 0.25em;
  737. }
  738.  
  739. .l-curl{
  740. border-radius: 0.5em 0 0 0.5em;
  741. }
  742. .r-curl{
  743. border-radius: 0.5em 0 0 0.5em;
  744. }
  745.  
  746. .canAfford.cost-border-t .cost{
  747. border-top: 0.5em solid ;
  748. }
  749. .cantAfford.cost-border-t .cost{
  750.  
  751. }
  752. .canAfford.afford-border-t{
  753.  
  754. }
  755. .cantAfford.afford-border-t{
  756.  
  757. }
  758.  
  759. .canAfford.cost-border-r .cost{
  760.  
  761. }
  762. .cantAfford.cost-border-r .cost{
  763.  
  764. }
  765. .canAfford.afford-border-r{
  766.  
  767. }
  768. .cantAfford.afford-border-r{
  769.  
  770. }
  771.  
  772. .canAfford.cost-border-b .cost{
  773.  
  774. }
  775. .cantAfford.cost-border-b .cost{
  776.  
  777. }
  778. .canAfford.afford-border-b{
  779.  
  780. }
  781. .cantAfford.afford-border-b{
  782.  
  783. }
  784.  
  785. .canAfford.cost-border-l .cost{
  786.  
  787. }
  788. .cantAfford.cost-border-l .cost{
  789.  
  790. }
  791. .canAfford.afford-border-l{
  792.  
  793. }
  794. .cantAfford.afford-border-l{
  795.  
  796. }
  797.  
  798.  
  799.  
  800.  
  801.  
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!