You are here

ds.css in Display Suite 6.2

Same filename and directory in other branches
  1. 6.3 css/ds.css
  2. 6 css/ds.css
/* Display fields overview screen. */

#fields td {
	vertical-align: top;
  white-space: nowrap;
}

.settings-tab-row {
	margin: 0.5em 0;
	line-height: 2.5em;
}

#fields td.region {
  font-weight: bold;
}

#fields td.region a {
  font-weight: normal;
}

#fields tr.region-message {
  font-weight: normal;
  color: #999;
}

#fields tr.region-populated {
  display: none;
}

.field-region {
  background-color: #ff6;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 3px;
}

.ds-field-name {
  font-size: 0.9em;
}

.ds-label-label {
	float: left;
	margin-right: 15px;
}

.ds-label-title {
	float: left;
}

.ds-label-title .form-text {
  width: 130px;
}

.settings-tab label {
  display: block;
  float: left;
  margin-right: 0.3em;
  width: 112px;
}

.region .description, .settings-tab, .ds-normal {
  font-weight: normal;
}

tr.region-css-disabled  {
  filter:alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}

.render-region .form-item {
	margin-top: 0;
	margin-bottom: 0;
}

span.label-field, span.label-edit {
  padding:2px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:24px;
}

span.label-field {
  font-size: 13px;
  float: left;
}

span.label-edit {
  font-size: 11px;
  float: right;
}

span.field-group {
  font-weight: bold;
}

.ds-display {
	display: block;
}

.ds-hidden {
  display: none;
}

#display-tabs {
  display: block;
  font-size: 14px;
}

#field-tab {
  float: left;
  border: 1px solid #eee;
  padding: 5px;
}

#ds-tabs .tab {
  float: left;
  margin-left: 5px;
  border: 1px solid #eee;
  padding: 5px;
}

#ds-tabs .selected {
  background-color: #EDF5FA;
}

#ds-tabs .not-selected {
  background-color: #FFFFFF;
}

#ds-overview-page .ds-row-title {
  font-weight: bold;
  background: #E4F0F8 none repeat scroll 0 0;
  font-size: 14px;
}

#ds-overview-page .ds-row-type {
  background: #fff none repeat scroll 0 0;
  border: 0 none;
}

#ds-display-overview-form #ds-nav {
  background: #EFEFEF;
  margin-bottom: 10px;
  font-size: 110%;
  padding: 0.4em;
}
#ds-display-overview-form #edit-nav-wrapper {
  margin: 0;
}
#ds-display-overview-form #edit-nav-wrapper label {
  display: inline-block;
  line-height: 2;
  margin: 0;
}
#ds-display-overview-form #edit-nav {
  margin: 0;
  padding: 0;
}

File

css/ds.css
View source
  1. /* Display fields overview screen. */
  2. #fields td {
  3. vertical-align: top;
  4. white-space: nowrap;
  5. }
  6. .settings-tab-row {
  7. margin: 0.5em 0;
  8. line-height: 2.5em;
  9. }
  10. #fields td.region {
  11. font-weight: bold;
  12. }
  13. #fields td.region a {
  14. font-weight: normal;
  15. }
  16. #fields tr.region-message {
  17. font-weight: normal;
  18. color: #999;
  19. }
  20. #fields tr.region-populated {
  21. display: none;
  22. }
  23. .field-region {
  24. background-color: #ff6;
  25. margin-top: 4px;
  26. margin-bottom: 4px;
  27. padding: 3px;
  28. }
  29. .ds-field-name {
  30. font-size: 0.9em;
  31. }
  32. .ds-label-label {
  33. float: left;
  34. margin-right: 15px;
  35. }
  36. .ds-label-title {
  37. float: left;
  38. }
  39. .ds-label-title .form-text {
  40. width: 130px;
  41. }
  42. .settings-tab label {
  43. display: block;
  44. float: left;
  45. margin-right: 0.3em;
  46. width: 112px;
  47. }
  48. .region .description, .settings-tab, .ds-normal {
  49. font-weight: normal;
  50. }
  51. tr.region-css-disabled {
  52. filter:alpha(opacity=60);
  53. -moz-opacity:0.6;
  54. -khtml-opacity: 0.6;
  55. opacity: 0.6;
  56. }
  57. .render-region .form-item {
  58. margin-top: 0;
  59. margin-bottom: 0;
  60. }
  61. span.label-field, span.label-edit {
  62. padding:2px;
  63. font-size-adjust:none;
  64. font-stretch:normal;
  65. font-style:normal;
  66. font-variant:normal;
  67. font-weight:normal;
  68. line-height:24px;
  69. }
  70. span.label-field {
  71. font-size: 13px;
  72. float: left;
  73. }
  74. span.label-edit {
  75. font-size: 11px;
  76. float: right;
  77. }
  78. span.field-group {
  79. font-weight: bold;
  80. }
  81. .ds-display {
  82. display: block;
  83. }
  84. .ds-hidden {
  85. display: none;
  86. }
  87. #display-tabs {
  88. display: block;
  89. font-size: 14px;
  90. }
  91. #field-tab {
  92. float: left;
  93. border: 1px solid #eee;
  94. padding: 5px;
  95. }
  96. #ds-tabs .tab {
  97. float: left;
  98. margin-left: 5px;
  99. border: 1px solid #eee;
  100. padding: 5px;
  101. }
  102. #ds-tabs .selected {
  103. background-color: #EDF5FA;
  104. }
  105. #ds-tabs .not-selected {
  106. background-color: #FFFFFF;
  107. }
  108. #ds-overview-page .ds-row-title {
  109. font-weight: bold;
  110. background: #E4F0F8 none repeat scroll 0 0;
  111. font-size: 14px;
  112. }
  113. #ds-overview-page .ds-row-type {
  114. background: #fff none repeat scroll 0 0;
  115. border: 0 none;
  116. }
  117. #ds-display-overview-form #ds-nav {
  118. background: #EFEFEF;
  119. margin-bottom: 10px;
  120. font-size: 110%;
  121. padding: 0.4em;
  122. }
  123. #ds-display-overview-form #edit-nav-wrapper {
  124. margin: 0;
  125. }
  126. #ds-display-overview-form #edit-nav-wrapper label {
  127. display: inline-block;
  128. line-height: 2;
  129. margin: 0;
  130. }
  131. #ds-display-overview-form #edit-nav {
  132. margin: 0;
  133. padding: 0;
  134. }