You are here

gathercontent_style.css in GatherContent 7.3

Styles Gather Content admin UI.

File

css/gathercontent_style.css
View source
  1. /**
  2. * @file
  3. * Styles Gather Content admin UI.
  4. */
  5. /**
  6. * Colored square in status column.
  7. */
  8. .gathercontent-item--status--color {
  9. width: 20px;
  10. height: 20px;
  11. margin-right: 5px;
  12. float: left;
  13. }
  14. /**
  15. * Themes client-side filters at Import Content.
  16. */
  17. .form-item.gathercontent-filter {
  18. padding-right: 20px;
  19. float: left;
  20. }
  21. /******************************************************************************
  22. * Mapping.
  23. ******************************************************************************/
  24. .form-gathercontent-mapping .form-type-select label {
  25. min-width: 400px;
  26. padding-right: 100px;
  27. background: url(../images/arrow.png) no-repeat right center;
  28. }
  29. .form-gathercontent-mapping .form-type-select select {
  30. min-width: 150px;
  31. margin-left: 100px;
  32. }
  33. .form-gathercontent-mapping .form-type-select label,
  34. .form-gathercontent-mapping .form-type-select select {
  35. display: inline-block;
  36. }
  37. .form-select--gathercontent-import,
  38. .form-text-gathercontent-import {
  39. min-width: 145px;
  40. }
  41. .gather-content,
  42. .drupal-content-type {
  43. display: inline-block;
  44. }
  45. .drupal-content-type {
  46. padding-left: 100px;
  47. }
  48. .form-item.form-item-content-type {
  49. display: inline-block;
  50. padding-left: 50px;
  51. }
  52. .form-item.form-item-content-type label {
  53. min-width: 0;
  54. background: none;
  55. }
  56. .form-item.form-item-content-type select {
  57. min-width: 150px;
  58. margin-left: 50px;
  59. }
  60. /******************************************************************************
  61. * Tablesorter
  62. *
  63. * Themes sortable table's header cells.
  64. ******************************************************************************/
  65. .tablesorter-header {
  66. padding-right: 20px;
  67. background-image: url(../images/bg.gif);
  68. background-position: right center;
  69. background-repeat: no-repeat;
  70. cursor: pointer;
  71. }
  72. .tablesorter-header.sort-up {
  73. background-image: url(../images/desc.gif);
  74. }
  75. .tablesorter-header.sort-down {
  76. background-image: url(../images/asc.gif);
  77. }
  78. /**
  79. * Tablesorter 2.10 > applies cssHeader class anyway which breaks CSS modularity.
  80. * That's why we have to remove styling this ugly way.
  81. */
  82. .tablesorter-header.sorter-false {
  83. padding-right: 10px;
  84. background-image: none;
  85. cursor: auto;
  86. }