You are here

express_theme_picker.css in Express Theme Picker 7

#cu-theme-picker-settings-form img {
  width:160px;
  height: auto;
  border:1px solid #ddd;
}
img.theme-screenshot {
  border: 1px solid #ddd;
  max-width: 100%;
  height: auto;
}
.theme-list {
  padding: 20px 0;
}
.theme-single {
  margin-bottom: 20px;
  border:1px solid #fff;
  padding:20px;
  text-align: center;
  font-size: 85%;
}
.theme-single .theme-info {
  display: flex;
  flex-direction: column-reverse;
}
.theme-single h3 {
  text-align: center;
  margin: 0;
  padding: 0;
}
.theme-single img {
  width:100%;
  height: auto;
  border:1px solid #e7e7e7;
}
.theme-action-links {
  text-align: center;
}
.theme-action-links .active-theme {
  font-weight: bold;
}
.theme-active .theme-single {
  background-color: #e7e7e7;
  border: 1px solid #aaa;
}

File

express_theme_picker.css
View source
  1. #cu-theme-picker-settings-form img {
  2. width:160px;
  3. height: auto;
  4. border:1px solid #ddd;
  5. }
  6. img.theme-screenshot {
  7. border: 1px solid #ddd;
  8. max-width: 100%;
  9. height: auto;
  10. }
  11. .theme-list {
  12. padding: 20px 0;
  13. }
  14. .theme-single {
  15. margin-bottom: 20px;
  16. border:1px solid #fff;
  17. padding:20px;
  18. text-align: center;
  19. font-size: 85%;
  20. }
  21. .theme-single .theme-info {
  22. display: flex;
  23. flex-direction: column-reverse;
  24. }
  25. .theme-single h3 {
  26. text-align: center;
  27. margin: 0;
  28. padding: 0;
  29. }
  30. .theme-single img {
  31. width:100%;
  32. height: auto;
  33. border:1px solid #e7e7e7;
  34. }
  35. .theme-action-links {
  36. text-align: center;
  37. }
  38. .theme-action-links .active-theme {
  39. font-weight: bold;
  40. }
  41. .theme-active .theme-single {
  42. background-color: #e7e7e7;
  43. border: 1px solid #aaa;
  44. }