You are here

ds.admin.css in Display Suite 7.2

Administration CSS for Display Suite.

File

css/ds.admin.css
View source
  1. /**
  2. * @file
  3. * Administration CSS for Display Suite.
  4. */
  5. .ds-extras-field-template {
  6. margin-bottom: 1em;
  7. }
  8. #field-display-overview .field-formatter-settings-edit-form .ft-group {
  9. border-top: 1px solid #aaa;
  10. padding: 5px 0;
  11. overflow: auto;
  12. }
  13. #field-display-overview .field-formatter-settings-edit-form .ft-group.lb {
  14. border-top: none;
  15. }
  16. #field-display-overview .field-formatter-settings-edit-form .ft-group .form-item {
  17. margin: 0;
  18. white-space: normal;
  19. }
  20. .ds-layout-preview-title {
  21. font-weight: bold;
  22. }
  23. .ds-layout-preview-image {
  24. float: left;
  25. width: 150px;
  26. padding-top: 10px;
  27. }
  28. .ds-layout-preview-image img {
  29. width: 150px;
  30. }
  31. .ds-layout-preview-arrow {
  32. float: left;
  33. margin: 80px 10px 0 5px;
  34. }
  35. .ds-layout-preview-suggestion {
  36. min-width: 150px;
  37. overflow: hidden;
  38. padding-left: 30px;
  39. }
  40. .ds-layout-regions {
  41. float: left;
  42. width: 210px;
  43. }
  44. .ft-group div.form-item {
  45. float: left;
  46. width: 130px;
  47. }
  48. .ds-select-layout {
  49. clear: both;
  50. }
  51. .ds-layout-change-save {
  52. clear: both;
  53. }
  54. /**
  55. * Displays list
  56. */
  57. table th.ds-display-list-options {
  58. width: 300px;
  59. }
  60. /**
  61. * Limit
  62. */
  63. .limit-float {
  64. float: left;
  65. margin-right: 5px;
  66. }
  67. /**
  68. * Modal
  69. */
  70. #modalBackdrop {
  71. position: fixed!important;
  72. background-color: #000!important;
  73. }
  74. div.ctools-modal-content .modal-header {
  75. padding: 5px;
  76. background-color: #E1E2DC;
  77. }
  78. div.ctools-modal-content a.close {
  79. color: #666;
  80. }
  81. div.ctools-modal-content .modal-title {
  82. /*font-weight: normal;*/
  83. color: #666;
  84. }
  85. div.ctools-modal-content .modal-header img {
  86. display: none;
  87. }
  88. div.ctools-modal-content .form-item label {
  89. width: 100%;
  90. float: none;
  91. clear: both;
  92. }
  93. div.ctools-modal-content .resizable-textarea {
  94. width: 100%;
  95. margin-left: 0;
  96. margin-right: 0;
  97. }
  98. div.ctools-modal-content {
  99. font-size: 12px;
  100. border: solid 1px #ddd;
  101. -webkit-border-radius: 0.5em;
  102. -moz-border-radius: 0.5em;
  103. -webkit-box-shadow: -1em 1em 1em rgba(0, 0, 0, 0.5);
  104. }
  105. a.section-link {
  106. display: block;
  107. }
  108. #ctools-content-selection h2 {
  109. color: #666;
  110. }
  111. .option-text-aligner .form-item {
  112. float: left;
  113. padding: .25em 1em .25em 0;
  114. margin: 0;
  115. }
  116. .option-text-aligner {
  117. clear: both;
  118. width: 100%;
  119. padding: 0;
  120. margin: 0;
  121. }
  122. /**
  123. * CTools content selection.
  124. */
  125. #ctools-content-selection #ds-left {
  126. float: left;
  127. width: 30%;
  128. }
  129. #ctools-content-selection #ds-right {
  130. float: left;
  131. width: 70%;
  132. }
  133. #ctools-content-selection .selection-hide {
  134. display: none;
  135. }
  136. #ctools-content-selection .content-item {
  137. width: 50%;
  138. float: left;
  139. }
  140. /**
  141. * Fieldset in vertical tabs.
  142. */
  143. .vertical-tabs fieldset#edit-additional-settings-ds-page-title-options-page-option-contexts {
  144. margin: 1em 0;
  145. padding: 2.5em 0 0;
  146. border: 1px solid #ccc;
  147. }
  148. #edit-additional-settings-ds-page-title-options-page-option-contexts legend {
  149. display: block;
  150. }
  151. /**
  152. * Change layout screen.
  153. */
  154. .change_ds_layout_info {
  155. margin-bottom: 10px;
  156. }
  157. .change_ds_layout_old_region {
  158. font-weight: bold;
  159. }