You are here

Home » API reference » Money field 6

money_conversion_dialog.css in Money field 6 

.money-converter-icon {
  margin-bottom: .25em;
  vertical-align: middle;
  cursor: pointer;
}

.money-conversion-wrapper {
  background-color: #fff;
  border: 4px solid #bbb;
  border-right-color: #666;
  border-bottom-color: #666;
}
.money-conversion-wrapper .ui-dialog-container {
  color: #000000;
  background-color: #fff;
}
.money-conversion-wrapper .ui-dialog-titlebar {
  height: 28px;
  color: #f8f8f8;
  background-color: #369;
  font-weight: bold;
  cursor: move;
}
.money-conversion-wrapper .ui-dialog-title {
  display: block;
  float: left;
  margin: 2px 4px;
}
.money-conversion-wrapper .ui-dialog-titlebar-close {
  display: block;
  float: right;
  margin: 2px 4px;
  color: #f8f8f8;
  background-color: #666;
  text-decoration: none;
}
.money-conversion-wrapper .ui-dialog-titlebar-close-hover {
  color: #ffffff;
  background-color: #888;
}
.money-conversion-wrapper .ui-dialog-titlebar-close span {
  display: block;
  padding: 0 .6em;
}
.money-conversion-wrapper .ui-dialog-content {
  padding: 1.2em;
}
#money-conversion-label {
  display: block;
  font-weight: bold;
}
#money-conversion-form {
  display: none;
  margin-bottom: 2em;
}
#money-conversion-select {
  display: block;
  margin-top: .2em;
}
#money-conversion-result div {
  font-size: 1.2em;
  font-weight: bold;
}
#money-conversion-error {
  color: #f00;
}

File

modules/money_conversion_dialog/money_conversion_dialog.css
View source 
  1. 

  2. .money-converter-icon {

  3.   margin-bottom: .25em;

  4.   vertical-align: middle;

  5.   cursor: pointer;

  6. }

  7. 

  8. .money-conversion-wrapper {

  9.   background-color: #fff;

  10.   border: 4px solid #bbb;

  11.   border-right-color: #666;

  12.   border-bottom-color: #666;

  13. }

  14. .money-conversion-wrapper .ui-dialog-container {

  15.   color: #000000;

  16.   background-color: #fff;

  17. }

  18. .money-conversion-wrapper .ui-dialog-titlebar {

  19.   height: 28px;

  20.   color: #f8f8f8;

  21.   background-color: #369;

  22.   font-weight: bold;

  23.   cursor: move;

  24. }

  25. .money-conversion-wrapper .ui-dialog-title {

  26.   display: block;

  27.   float: left;

  28.   margin: 2px 4px;

  29. }

  30. .money-conversion-wrapper .ui-dialog-titlebar-close {

  31.   display: block;

  32.   float: right;

  33.   margin: 2px 4px;

  34.   color: #f8f8f8;

  35.   background-color: #666;

  36.   text-decoration: none;

  37. }

  38. .money-conversion-wrapper .ui-dialog-titlebar-close-hover {

  39.   color: #ffffff;

  40.   background-color: #888;

  41. }

  42. .money-conversion-wrapper .ui-dialog-titlebar-close span {

  43.   display: block;

  44.   padding: 0 .6em;

  45. }

  46. .money-conversion-wrapper .ui-dialog-content {

  47.   padding: 1.2em;

  48. }

  49. #money-conversion-label {

  50.   display: block;

  51.   font-weight: bold;

  52. }

  53. #money-conversion-form {

  54.   display: none;

  55.   margin-bottom: 2em;

  56. }

  57. #money-conversion-select {

  58.   display: block;

  59.   margin-top: .2em;

  60. }

  61. #money-conversion-result div {

  62.   font-size: 1.2em;

  63.   font-weight: bold;

  64. }

  65. #money-conversion-error {

  66.   color: #f00;

  67. }