heuzef
/
ecomonde
1
0
Atdalīts 0
Kods Laidieni 0 Aktivitāte
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
7 Revīzijas
2 Atzari
122 MiB
 
 
 
 
Koks: 01f9210b35
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no '01f9210b35'
${ noResults }
ecomonde/css/ecomonde.css

253 rindas
9.5 KiB
Neapstrādāts Vainot Vēsture 

  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: #5E09DE;

  91.     background-image: -webkit-gradient(linear, left top, left bottom, from(#5E09DE), to(#7A58F5));

  92.     background-image: -webkit-linear-gradient(top, #5E09DE, #7A58F5);

  93.     background-image: -moz-linear-gradient(top, #5E09DE, #7A58F5);

  94.     background-image: -ms-linear-gradient(top, #5E09DE, #7A58F5);

  95.     background-image: -o-linear-gradient(top, #5E09DE, #7A58F5);

  96.     background-image: linear-gradient(top, #5E09DE, #7A58F5);  

  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. #des {

  225.   float: left;

  226.   width: 24px;

  227.   height: 24px;

  228.   font-weight: bold;

  229.   font-size: 18px;

  230.   text-align:center;

  231.   background: #FFFFFF;

  232.   border-top: solid grey 2px;

  233.   border-bottom: solid black 1px;

  234.   border-left: solid black 1px;

  235.   border-right: solid grey 2px;

  236.   color: black;

  237. }

  238. 

  239. .p_light {

  240.   text-align: center;

  241.   padding: 5px;

  242.   font-size: 30px;

  243.   color: #ADDFFF;

  244.   font-weight: bold;

  245. }

  246. 

  247. .p_dark {

  248.   text-align: center;

  249.   padding: 5px;

  250.   font-size: 30px;

  251.   color: #8128B5;

  252.   font-weight: bold;

  253. }