heuzef
/
ecomonde
1
0
Bifurcation 0
Code Versions 0 Activité
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.
85 Révisions
2 Branches
122 MiB
 
 
 
 
Aborescence: fb4276eff0
Branches Tags
${ item.name }
Créer la branche ${ searchTerm }
de 'fb4276eff0'
${ noResults }
ecomonde/css/ecomonde.css

340 lignes
11 KiB
Brut Annotations Historique 

  1. .progress-bar-verte {

  2.   background-color: #28b62c;

  3. }

  4. .progress-striped .progress-bar-verte {

  5.   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  6.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  7. }

  8. 

  9. .progress-bar-bleue {

  10.   background-color: #158cba;

  11. }

  12. .progress-striped .progress-bar-bleue {

  13.   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  14.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  15. }

  16. 

  17. .progress-bar-jaune {

  18.   background-color: #ffd000;

  19. }

  20. .progress-striped .progress-bar-jaune {

  21.   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  22.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  23. }

  24. 

  25. .progress-bar-rouge {

  26.   background-color: #ff4136;

  27. }

  28. .progress-striped .progress-bar-rouge {

  29.   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  30.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  31. }

  32. 

  33. .progress-bar-blanche {

  34.   background-color: #ADDFFF;

  35. }

  36. .progress-striped .progress-bar-blanche {

  37.   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  38.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  39. }

  40. 

  41. .progress-bar-noire {

  42.   background-color: #8128B5;

  43. }

  44. .progress-striped .progress-bar-noire {

  45.   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  46.   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);

  47. }

  48. 

  49. .progress-bar-eco {

  50.     height: 18px;

  51.     font-size: 14px;

  52.     font-weight: bold;

  53.     text-align: center;

  54.     color: black;

  55.     text-shadow:

  56.     #FFF 1px 1px,

  57.     #FFF -1px 1px,

  58.     #FFF -1px -1px,

  59.     #FFF 1px -1px;

  60. }

  61. 

  62. .progress-bar-eco span {

  63.     display: inline-block;

  64.     height: 100%;

  65.   background-color: #777;

  66.     -moz-border-radius: 3px;

  67.   -webkit-border-radius: 3px;

  68.   border-radius: 3px;

  69.     -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

  70.   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

  71.   box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

  72.   -webkit-transition: width .4s ease-in-out;

  73.   -moz-transition: width .4s ease-in-out;

  74.   -ms-transition: width .4s ease-in-out;

  75.   -o-transition: width .4s ease-in-out;

  76.   transition: width .4s ease-in-out;

  77. }

  78. 

  79. .verte span {

  80.     background-color: #28b62c;

  81.     background-image: -webkit-gradient(linear, left top, left bottom, from(#28b62c), to(#2BD630));

  82.     background-image: -webkit-linear-gradient(top, #28b62c, #2BD630);

  83.     background-image: -moz-linear-gradient(top, #28b62c, #2BD630);

  84.     background-image: -ms-linear-gradient(top, #28b62c, #2BD630);

  85.     background-image: -o-linear-gradient(top, #28b62c, #2BD630);

  86.     background-image: linear-gradient(top, #28b62c, #2BD630);

  87. }

  88. 

  89. .bleue span {

  90.     background-color: #416BE8;

  91.     background-image: -webkit-gradient(linear, left top, left bottom, from(#416BE8), to(#419AE8));

  92.     background-image: -webkit-linear-gradient(top, #416BE8, #419AE8);

  93.     background-image: -moz-linear-gradient(top, #416BE8, #419AE8);

  94.     background-image: -ms-linear-gradient(top, #416BE8, #419AE8);

  95.     background-image: -o-linear-gradient(top, #416BE8, #419AE8);

  96.     background-image: linear-gradient(top, #416BE8, #419AE8);

  97. }

  98. 

  99. .jaune span {

  100.     background-color: #FFD700;

  101.     background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD700), to(#FAF27F));

  102.     background-image: -webkit-linear-gradient(top, #FFD700, #FAF27F);

  103.     background-image: -moz-linear-gradient(top, #FFD700, #FAF27F);

  104.     background-image: -ms-linear-gradient(top, #FFD700, #FAF27F);

  105.     background-image: -o-linear-gradient(top, #FFD700, #FAF27F);

  106.     background-image: linear-gradient(top, #FFD700, #FAF27F);

  107. }

  108. 

  109. .rouge span {

  110.     background-color: #E31B1B;

  111.     background-image: -webkit-gradient(linear, left top, left bottom, from(#E31B1B), to(#FF6B6B));

  112.     background-image: -webkit-linear-gradient(top, #E31B1B, #FF6B6B);

  113.     background-image: -moz-linear-gradient(top, #E31B1B, #FF6B6B);

  114.     background-image: -ms-linear-gradient(top, #E31B1B, #FF6B6B);

  115.     background-image: -o-linear-gradient(top, #E31B1B, #FF6B6B);

  116.     background-image: linear-gradient(top, #E31B1B, #FF6B6B);

  117. }

  118. 

  119. .blanche span {

  120.     background-color: #ADDFFF;

  121.     background-image: -webkit-gradient(linear, left top, left bottom, from(#ADDFFF), to(#CCFFFC));

  122.     background-image: -webkit-linear-gradient(top, #ADDFFF, #CCFFFC);

  123.     background-image: -moz-linear-gradient(top, #ADDFFF, #CCFFFC);

  124.     background-image: -ms-linear-gradient(top, #ADDFFF, #CCFFFC);

  125.     background-image: -o-linear-gradient(top, #ADDFFF, #CCFFFC);

  126.     background-image: linear-gradient(top, #ADDFFF, #CCFFFC);

  127. }

  128. 

  129. .noire span {

  130.     background-color: #8128B5;

  131.     background-image: -webkit-gradient(linear, left top, left bottom, from(#8128B5), to(#792DA6));

  132.     background-image: -webkit-linear-gradient(top, #8128B5, #792DA6);

  133.     background-image: -moz-linear-gradient(top, #8128B5, #792DA6);

  134.     background-image: -ms-linear-gradient(top, #8128B5, #792DA6);

  135.     background-image: -o-linear-gradient(top, #8128B5, #792DA6);

  136.     background-image: linear-gradient(top, #8128B5, #792DA6);

  137. }

  138. 

  139. .shine span {

  140.   position: relative;

  141. }

  142. 

  143. .shine span::after {

  144.   content: '';

  145.   opacity: 0;

  146.   position: absolute;

  147.   top: 0;

  148.   right: 0;

  149.   bottom: 0;

  150.   left: 0;

  151.   background: #fff;

  152.     -moz-border-radius: 3px;

  153.   -webkit-border-radius: 3px;

  154.   border-radius: 3px;

  155. 

  156.     -webkit-animation: animate-shine 2s ease-out infinite;

  157.     -moz-animation: animate-shine 2s ease-out infinite;

  158. }

  159. 

  160. @-webkit-keyframes animate-shine {

  161.   0% {opacity: 0; width: 0;}

  162.   50% {opacity: .5;}

  163.   100% {opacity: 0; width: 95%;}

  164. }

  165. 

  166. 

  167. @-moz-keyframes animate-shine {

  168.   0% {opacity: 0; width: 0;}

  169.   50% {opacity: .5;}

  170.   100% {opacity: 0; width: 95%;}

  171. }

  172. 

  173. .glow span {

  174.         -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;

  175.   -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;

  176.   box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;

  177. 

  178.         -webkit-animation: animate-glow 1s ease-out infinite;

  179.         -moz-animation: animate-glow 1s ease-out infinite;

  180. }

  181. 

  182. @-webkit-keyframes animate-glow {

  183.  0% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}

  184.  50% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;}

  185.  100% { -webkit-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}

  186.  }

  187. 

  188. @-moz-keyframes animate-glow {

  189.  0% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}

  190.  50% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .3) inset, 0 -5px 5px rgba(255, 255, 255, .3) inset;}

  191.  100% { -moz-box-shadow: 0 5px 5px rgba(255, 255, 255, .7) inset, 0 -5px 5px rgba(255, 255, 255, .7) inset;}

  192.  }

  193. 

  194. .panel-light {

  195.   border-color: #ADDFFF;

  196. }

  197. .panel-light > .panel-heading {

  198.   color: #333333;

  199.   background-color: #ADDFFF;

  200.   border-color: #ADDFFF;

  201. }

  202. .panel-light > .panel-heading + .panel-collapse .panel-body {

  203.   border-top-color: #ADDFFF;

  204. }

  205. .panel-light > .panel-footer + .panel-collapse .panel-body {

  206.   border-bottom-color: #ADDFFF;

  207. }

  208. 

  209. .panel-dark {

  210.   border-color: #8128B5;

  211. }

  212. .panel-dark > .panel-heading {

  213.   color: #333333;

  214.   background-color: #8128B5;

  215.   border-color: #8128B5;

  216. }

  217. .panel-dark > .panel-heading + .panel-collapse .panel-body {

  218.   border-top-color: #8128B5;

  219. }

  220. .panel-dark > .panel-footer + .panel-collapse .panel-body {

  221.   border-bottom-color: #8128B5;

  222. }

  223. 

  224. .level {

  225.   float: left;

  226.   width: 26px;

  227.   height: 24px;

  228.   font-weight: bold;

  229.   font-size: 18px;

  230.   text-align:center;

  231.   color: #FFD700;

  232.   background: #000;

  233. }

  234. 

  235. .skill {

  236.   float: left;

  237.   width: 26px;

  238.   height: 24px;

  239.   font-weight: bold;

  240.   font-size: 18px;

  241.   text-align:center;

  242.   background: #000;

  243.   color: white;

  244. }

  245. 

  246. .player_name {

  247.   font-weight: bold;

  248.   font-size: 26px;

  249.   color: black;

  250.   margin-top: -8px;

  251.   margin-bottom: -20px;

  252.   margin-left: -20px;

  253.   text-transform: uppercase;

  254. }

  255. 

  256. .level_phone {

  257.   float: left;

  258.   margin-top:5px;

  259.   width: 26px;

  260.   height: 26px;

  261.   font-weight: bold;

  262.   font-size: 18px;

  263.   text-align:center;

  264.   background: #000;

  265.   color: #FFD700;

  266. }

  267. 

  268. .skill_phone {

  269.   margin-top:5px;

  270.   padding-right:5px;

  271.   padding-left:5px;

  272.   height: 26px;

  273.   font-weight: bold;

  274.   font-size: 18px;

  275.   text-align:center;

  276.   background: #000;

  277.   color: white;

  278. }

  279. 

  280. .player_name_phone {

  281.   font-weight: bold;

  282.   font-size: 26px;

  283.   color: black;

  284.   text-transform: uppercase;

  285. }

  286. 

  287. .enemy_name {

  288.   font-weight: bold;

  289.   font-size: 26px;

  290.   color: black;

  291.   margin-top: -8px;

  292.   margin-bottom: -20px;

  293.   margin-left: 10px;

  294.   text-transform: uppercase;

  295. }

  296. 

  297. .p_light {

  298.   text-align: center;

  299.   padding: 3px;

  300.   font-size: 26px;

  301.   color: #ADDFFF;

  302.   font-weight: bold;

  303. }

  304. 

  305. .p_dark {

  306.   text-align: center;

  307.   padding: 3px;

  308.   font-size: 26px;

  309.   color: #8128B5;

  310.   font-weight: bold;

  311. }

  312. 

  313. .enchant-default {

  314.   background-color: #999999;

  315. }

  316. 

  317. .enchant-verte {

  318.   background-color: green;

  319. }

  320. 

  321. .enchant-bleue {

  322.   background-color: blue;

  323. }

  324. 

  325. .enchant-jaune {

  326.   background-color: gold;

  327. }

  328. 

  329. .enchant-rouge {

  330.   background-color: red;

  331. }

  332. 

  333. .enchant-blanche {

  334.   background-color: #ADDFFF;;

  335. }

  336. 

  337. .enchant-noire {

  338.   background-color: #8128B5;

  339. }