You are here

Home » API reference » Express Theme Picker 7

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. }