You are here

Home » API reference » Webform Charts 7

webform-charts.css in Webform Charts 7

Styles for the Webform Charts module.

File

css/webform-charts.css
View source 
  1. /**

  2.  * @file

  3.  * Styles for the Webform Charts module.

  4.  */

  5. /* Main analysis page */

  6. .webform-chart {

  7.   position: relative;

  8. }

  9. .webform-chart .chart {

  10.   height: 240px;

  11. }

  12. .webform-chart-configure {

  13.   position: absolute;

  14.   top: -12px;

  15.   right: 24px;

  16.   color: #666;

  17.   font-size: 90%;

  18. }

  19. .webform-chart-configure:hover {

  20. 

  21. }

  22. 

  23. /* Layout for configuring a chart */

  24. #webform-charts-edit-chart .chart-preview-wrapper {

  25.   width: 66.66%;

  26.   display: inline-block;

  27.   vertical-align: top;

  28. }

  29. #webform-charts-edit-chart .chart-form-wrapper {

  30.   width: 33.33%;

  31.   display: inline-block;

  32.   vertical-align: top;

  33. }

  34. #webform-charts-edit-chart .chart {

  35.   height: 340px;

  36. }

  37. @media all and (max-width: 800px) {

  38.   #webform-charts-edit-chart .chart-preview-wrapper,

  39.   #webform-charts-edit-chart .chart-form-wrapper {

  40.     width: 100%;

  41.   }

  42.   #webform-charts-edit-chart .chart {

  43.     height: 260px;

  44.   }

  45. }

  46. 

  47. /* Inner form styles */

  48. #webform-charts-edit-chart .form-item {

  49.   padding: 0;

  50. }

  51. #webform-charts-edit-chart fieldset input[type=text] {

  52.   width: 100%;

  53. }

  54. #webform-charts-edit-chart .chart-preview {

  55.   padding: 24px;

  56. }

  57. #webform-charts-edit-chart .chart-form {

  58.   padding: 12px 24px 0;

  59.   border: 1px solid #ddd;

  60.   border-radius: 7px;

  61.   margin: 24px 0;

  62. }

  63. 

  64. 

  65. table.webform-charts-colors {

  66.   width: auto;

  67.   border: none;

  68.   margin: 0;

  69. }

  70. table.webform-charts-colors tr,

  71. table.webform-charts-colors td,

  72. table.webform-charts-colors td:last-child {

  73.   border: none;

  74.   background: transparent;

  75. }

  76. table.webform-charts-colors td {

  77.   padding: 0 10px 10px 0; /* LTR */

  78. }