MediaWiki:Common.less/coins.less

From Old School Near-Reality Wiki
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;

}