You are here

system.theme.css in Drupal 7

Basic styling for common markup.

File

modules/system/system.theme.css
View source
  1. /**
  2. * @file
  3. * Basic styling for common markup.
  4. */
  5. /**
  6. * HTML elements.
  7. */
  8. fieldset {
  9. margin-bottom: 1em;
  10. padding: 0.5em;
  11. }
  12. form {
  13. margin: 0;
  14. padding: 0;
  15. }
  16. hr {
  17. border: 1px solid gray;
  18. height: 1px;
  19. }
  20. img {
  21. border: 0;
  22. }
  23. table {
  24. border-collapse: collapse;
  25. }
  26. th {
  27. border-bottom: 3px solid #ccc;
  28. padding-right: 1em; /* LTR */
  29. text-align: left; /* LTR */
  30. }
  31. tbody {
  32. border-top: 1px solid #ccc;
  33. }
  34. tr.even,
  35. tr.odd {
  36. background-color: #eee;
  37. border-bottom: 1px solid #ccc;
  38. padding: 0.1em 0.6em;
  39. }
  40. /**
  41. * Markup generated by theme_tablesort_indicator().
  42. */
  43. th.active img {
  44. display: inline;
  45. }
  46. td.active {
  47. background-color: #ddd;
  48. }
  49. /**
  50. * Markup generated by theme_item_list().
  51. */
  52. .item-list .title {
  53. font-weight: bold;
  54. }
  55. .item-list ul {
  56. margin: 0 0 0.75em 0;
  57. padding: 0;
  58. }
  59. .item-list ul li {
  60. margin: 0 0 0.25em 1.5em; /* LTR */
  61. padding: 0;
  62. }
  63. /**
  64. * Markup generated by Form API.
  65. */
  66. .form-item,
  67. .form-actions {
  68. margin-top: 1em;
  69. margin-bottom: 1em;
  70. }
  71. tr.odd .form-item,
  72. tr.even .form-item {
  73. margin-top: 0;
  74. margin-bottom: 0;
  75. white-space: nowrap;
  76. }
  77. .form-item .description {
  78. font-size: 0.85em;
  79. }
  80. label {
  81. display: block;
  82. font-weight: bold;
  83. }
  84. label.option {
  85. display: inline;
  86. font-weight: normal;
  87. }
  88. .form-checkboxes .form-item,
  89. .form-radios .form-item {
  90. margin-top: 0.4em;
  91. margin-bottom: 0.4em;
  92. }
  93. .form-type-radio .description,
  94. .form-type-checkbox .description {
  95. margin-left: 2.4em;
  96. }
  97. input.form-checkbox,
  98. input.form-radio {
  99. vertical-align: middle;
  100. }
  101. .marker,
  102. .form-required {
  103. color: #f00;
  104. }
  105. .form-item input.error,
  106. .form-item textarea.error,
  107. .form-item select.error {
  108. border: 2px solid red;
  109. }
  110. /**
  111. * Inline items.
  112. */
  113. .container-inline .form-actions,
  114. .container-inline.form-actions {
  115. margin-top: 0;
  116. margin-bottom: 0;
  117. }
  118. /**
  119. * Markup generated by theme_more_link().
  120. */
  121. .more-link {
  122. text-align: right; /* LTR */
  123. }
  124. /**
  125. * Markup generated by theme_more_help_link().
  126. */
  127. .more-help-link {
  128. text-align: right; /* LTR */
  129. }
  130. .more-help-link a {
  131. background: url(../../misc/help.png) 0 50% no-repeat; /* LTR */
  132. padding: 1px 0 1px 20px; /* LTR */
  133. }
  134. /**
  135. * Markup generated by theme_pager().
  136. */
  137. .item-list .pager {
  138. clear: both;
  139. text-align: center;
  140. }
  141. .item-list .pager li {
  142. background-image: none;
  143. display: inline;
  144. list-style-type: none;
  145. padding: 0.5em;
  146. }
  147. .pager-current {
  148. font-weight: bold;
  149. }
  150. /**
  151. * Autocomplete.
  152. *
  153. * @see autocomplete.js
  154. */
  155. /* Suggestion list */
  156. #autocomplete li.selected {
  157. background: #0072b9;
  158. color: #fff;
  159. }
  160. /**
  161. * Collapsible fieldsets.
  162. *
  163. * @see collapse.js
  164. */
  165. html.js fieldset.collapsible .fieldset-legend {
  166. background: url(../../misc/menu-expanded.png) 5px 65% no-repeat; /* LTR */
  167. padding-left: 15px; /* LTR */
  168. }
  169. html.js fieldset.collapsed .fieldset-legend {
  170. background-image: url(../../misc/menu-collapsed.png); /* LTR */
  171. background-position: 5px 50%; /* LTR */
  172. }
  173. .fieldset-legend span.summary {
  174. color: #999;
  175. font-size: 0.9em;
  176. margin-left: 0.5em;
  177. }
  178. /**
  179. * TableDrag behavior.
  180. *
  181. * @see tabledrag.js
  182. */
  183. tr.drag {
  184. background-color: #fffff0;
  185. }
  186. tr.drag-previous {
  187. background-color: #ffd;
  188. }
  189. .tabledrag-toggle-weight {
  190. font-size: 0.9em;
  191. }
  192. body div.tabledrag-changed-warning {
  193. margin-bottom: 0.5em;
  194. }
  195. /**
  196. * TableSelect behavior.
  197. *
  198. * @see tableselect.js
  199. */
  200. tr.selected td {
  201. background: #ffc;
  202. }
  203. td.checkbox,
  204. th.checkbox {
  205. text-align: center;
  206. }
  207. /**
  208. * Progress bar.
  209. *
  210. * @see progress.js
  211. */
  212. .progress {
  213. font-weight: bold;
  214. }
  215. .progress .bar {
  216. background: #ccc;
  217. border-color: #666;
  218. margin: 0 0.2em;
  219. -moz-border-radius: 3px;
  220. -webkit-border-radius: 3px;
  221. border-radius: 3px;
  222. }
  223. .progress .filled {
  224. background: #0072b9 url(../../misc/progress.gif);
  225. }