MediaWiki:Common.less/coins.less

From Old School Near-Reality Wiki
< MediaWiki:Common.less
Revision as of 22:55, 4 October 2022 by Jacmob (talk | contribs) (Created page with "→‎For {{Coins}} * Author: User:Cqm: :root { --coins-color: green; --coins-pos-color: #014cc0; --coins-neg-color: #c02614; } .coins { color: var(--coins-color); background-position: 0% 50%; background-repeat: no-repeat; display: inline-block; padding: 0; } .coins-pos { color: var(--coins-pos-color); } .coins-neg { color: var(--coins-neg-color); } .coins-10000 { background-image: url('wiki/images/Coins_10000.png');...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

/* For 0

* Author: User:Cqm
*/

root {
   --coins-color: green;
   --coins-pos-color: #014cc0;
   --coins-neg-color: #c02614;

}

.coins {

   color: var(--coins-color);
   background-position: 0% 50%;
   background-repeat: no-repeat;
   display: inline-block;
   padding: 0;

}

.coins-pos {

   color: var(--coins-pos-color);

}

.coins-neg {

   color: var(--coins-neg-color);

}

.coins-10000 {

   background-image: url('wiki/images/Coins_10000.png');
   padding: 3px 0 3px 35px;

} .coins-1000 {

   background-image: url('wiki/images/Coins_1000.png');
   padding: 1px 0 1px 35px;

}

.coins-250 {

   background-image: url('wiki/images/Coins_250.png');
   padding: 1px 0 1px 35px;

}

.coins-100 {

   background-image: url('wiki/images/Coins_100.png');
   padding: 1px 0px 1px 32px;

}

.coins-25 {

   background-image: url('wiki/images/Coins_25.png');
   padding-left: 30px;

}

.coins-5 {

   background-image: url('wiki/images/Coins_5.png');
   padding-left: 30px;

}

.coins-4 {

   background-image: url('wiki/images/Coins_4.png');
   padding-left: 30px;

}

.coins-3 {

   background-image: url('wiki/images/Coins_3.png');
   padding-left: 30px;

}

.coins-2 {

   background-image: url('wiki/images/Coins_2.png');
   padding-left: 23px;

}

.coins-1 {

   background-image: url('wiki/images/Coins_1.png');
   padding-left: 15px;

}

/* Right-align within tables */ td > span.coins-1 {

   padding: 0px 35px 0px 0px;
   background-position: right 9px center;

}

td > span.coins-2 {

   padding: 0px 35px 0px 0px;
   background-position: right 5px center;

}

td > span.coins-3 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;

}

td > span.coins-4 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;

}

td > span.coins-5 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;

}

td > span.coins-25 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;

}

td > span.coins-100 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;

}

td > span.coins-250 {

   padding: 0px 35px 0px 0px;
   background-position: right 0px center;

}

td > span.coins-1000 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;

}

td > span.coins-10000 {

   padding: 0px 35px 0px 0px;
   background-position: right 1px center;
   padding-top: 3px;
   padding-bottom: 3px;

}