main.css 1023 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /** CUSTOMISER **/
  2. /* Conteneur principal du plugin customiser */
  3. .customiser {
  4. }
  5. .customiser .theme-cards {
  6. list-style-type: none;
  7. margin:0;
  8. padding:0;
  9. }
  10. .customiser .theme-cards > li {
  11. display: inline-block;
  12. vertical-align: top;
  13. margin:0;
  14. width: 33%;
  15. padding:15px;
  16. transition: transform 0.2s ease-in-out;
  17. }
  18. .customiser .theme-cards > li:hover {
  19. transform: scale(1.1);
  20. }
  21. .customiser .theme-card > label {
  22. cursor: pointer;
  23. }
  24. .customiser .theme-card {
  25. position: relative;
  26. width: 100%;
  27. cursor: pointer;
  28. display: block;
  29. -webkit-transition: all .2s ease-out;
  30. transition: all .2s ease-out;
  31. height: 0;
  32. padding-bottom: 74.5%;
  33. background-color: #E5E9EF;
  34. border-radius: 8px;
  35. -webkit-box-shadow: 0 25px 20px -20px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.06);
  36. box-shadow: 0 25px 20px -20px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.06);
  37. -webkit-transition: all .5s ease-out;
  38. }
  39. .customiser .theme-card img {
  40. border-radius: 8px;
  41. max-width: 100%;
  42. }