You are here

content-module.css in Content Construction Kit (CCK) 6.3

Same filename and directory in other branches
  1. 6.2 theme/content-module.css
/* Node display */
.field .field-label,
.field .field-label-inline,
.field .field-label-inline-first {
  font-weight:bold;
}
.field .field-label-inline,
.field .field-label-inline-first {
  display:inline;
}
.field .field-label-inline {
  visibility:hidden;
}

/* Node form display */
.node-form .content-multiple-table td.content-multiple-drag {
  width:30px;
  padding-right:0;/*LTR*/
}
.node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle{
  padding-right:.5em;/*LTR*/
}

.node-form .content-add-more .form-submit{
  margin:0;
}

.content-multiple-remove-button {
  display: block;
  float: right;
  height: 14px;
  width: 16px;
  margin: 2px 0 1px 0;
  padding: 0;
  background:transparent url(../images/remove.png) no-repeat 0 0;
  border-bottom: #C2C9CE 1px solid;
  border-right: #C2C9CE 1px solid;
}
.content-multiple-remove-button:hover {
  background-position: 0 -14px;
}
.content-multiple-removed-row .content-multiple-remove-button {
  background-position: 0 -28px;
}
.content-multiple-removed-row .content-multiple-remove-button:hover {
  background-position: 0 -42px;
}
html.js .content-multiple-removed-row {
  background-color: #ffffcc;
}
.content-multiple-weight-header,
.content-multiple-remove-header,
.content-multiple-remove-cell,
.content-multiple-table td.delta-order {
  text-align: center;
}
html.js .content-multiple-weight-header,
html.js .content-multiple-remove-header span,
html.js .content-multiple-table td.delta-order,
html.js .content-multiple-remove-checkbox {
  display: none;
}

.node-form .number {
  display:inline;
  width:auto;
}
.node-form .text {
  width:auto;
}

/* CSS overrides for Views-based autocomplete results.
  - #autocomplete uses "white-space:pre", which is no good with
    Views' template-based rendering
  - Field titles are rendered with <label> in default templates,
    but we don't want the 'form' styling it gets under .form-item
*/
.form-item #autocomplete .reference-autocomplete {
  white-space:normal;
}

.form-item #autocomplete .reference-autocomplete label {
  display:inline;
  font-weight:normal;
}

/* 'Manage fields' overview */
#content-field-overview-form .advanced-help-link,
#content-display-overview-form .advanced-help-link {
  margin: 4px 4px 0 0;/*LTR*/
}
#content-field-overview-form .label-group,
#content-display-overview-form .label-group,
#content-copy-export-form .label-group {
  font-weight: bold;
}
table#content-field-overview .label-add-new-field,
table#content-field-overview .label-add-existing-field,
table#content-field-overview .label-add-new-group {
  float: left;/*LTR*/
}
table#content-field-overview tr.content-add-new .tabledrag-changed {
  display: none;
}
table#content-field-overview tr.content-add-new .description {
  margin-bottom: 0;
}
table#content-field-overview .content-new {
  font-weight: bold;
  padding-bottom: .5em;
}

/* 'Advanced help' pages */
.advanced-help-topic h3,
.advanced-help-topic h4,
.advanced-help-topic h5,
.advanced-help-topic h6  {
  margin:1em 0 .5em 0;
}
.advanced-help-topic dd {
  margin-bottom: .5em;
}
.advanced-help-topic span.code {
  background-color:#EDF1F3;
  font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
  font-size:0.9em;
  padding:1px;
}
.advanced-help-topic .content-border {
  border:1px solid #AAA
}

File

theme/content-module.css
View source
  1. /* Node display */
  2. .field .field-label,
  3. .field .field-label-inline,
  4. .field .field-label-inline-first {
  5. font-weight:bold;
  6. }
  7. .field .field-label-inline,
  8. .field .field-label-inline-first {
  9. display:inline;
  10. }
  11. .field .field-label-inline {
  12. visibility:hidden;
  13. }
  14. /* Node form display */
  15. .node-form .content-multiple-table td.content-multiple-drag {
  16. width:30px;
  17. padding-right:0;/*LTR*/
  18. }
  19. .node-form .content-multiple-table td.content-multiple-drag a.tabledrag-handle{
  20. padding-right:.5em;/*LTR*/
  21. }
  22. .node-form .content-add-more .form-submit{
  23. margin:0;
  24. }
  25. .content-multiple-remove-button {
  26. display: block;
  27. float: right;
  28. height: 14px;
  29. width: 16px;
  30. margin: 2px 0 1px 0;
  31. padding: 0;
  32. background:transparent url(../images/remove.png) no-repeat 0 0;
  33. border-bottom: #C2C9CE 1px solid;
  34. border-right: #C2C9CE 1px solid;
  35. }
  36. .content-multiple-remove-button:hover {
  37. background-position: 0 -14px;
  38. }
  39. .content-multiple-removed-row .content-multiple-remove-button {
  40. background-position: 0 -28px;
  41. }
  42. .content-multiple-removed-row .content-multiple-remove-button:hover {
  43. background-position: 0 -42px;
  44. }
  45. html.js .content-multiple-removed-row {
  46. background-color: #ffffcc;
  47. }
  48. .content-multiple-weight-header,
  49. .content-multiple-remove-header,
  50. .content-multiple-remove-cell,
  51. .content-multiple-table td.delta-order {
  52. text-align: center;
  53. }
  54. html.js .content-multiple-weight-header,
  55. html.js .content-multiple-remove-header span,
  56. html.js .content-multiple-table td.delta-order,
  57. html.js .content-multiple-remove-checkbox {
  58. display: none;
  59. }
  60. .node-form .number {
  61. display:inline;
  62. width:auto;
  63. }
  64. .node-form .text {
  65. width:auto;
  66. }
  67. /* CSS overrides for Views-based autocomplete results.
  68. - #autocomplete uses "white-space:pre", which is no good with
  69. Views' template-based rendering
  70. - Field titles are rendered with
  71. but we don't want the 'form' styling it gets under .form-item
  72. */
  73. .form-item #autocomplete .reference-autocomplete {
  74. white-space:normal;
  75. }
  76. .form-item #autocomplete .reference-autocomplete label {
  77. display:inline;
  78. font-weight:normal;
  79. }
  80. /* 'Manage fields' overview */
  81. #content-field-overview-form .advanced-help-link,
  82. #content-display-overview-form .advanced-help-link {
  83. margin: 4px 4px 0 0;/*LTR*/
  84. }
  85. #content-field-overview-form .label-group,
  86. #content-display-overview-form .label-group,
  87. #content-copy-export-form .label-group {
  88. font-weight: bold;
  89. }
  90. table#content-field-overview .label-add-new-field,
  91. table#content-field-overview .label-add-existing-field,
  92. table#content-field-overview .label-add-new-group {
  93. float: left;/*LTR*/
  94. }
  95. table#content-field-overview tr.content-add-new .tabledrag-changed {
  96. display: none;
  97. }
  98. table#content-field-overview tr.content-add-new .description {
  99. margin-bottom: 0;
  100. }
  101. table#content-field-overview .content-new {
  102. font-weight: bold;
  103. padding-bottom: .5em;
  104. }
  105. /* 'Advanced help' pages */
  106. .advanced-help-topic h3,
  107. .advanced-help-topic h4,
  108. .advanced-help-topic h5,
  109. .advanced-help-topic h6 {
  110. margin:1em 0 .5em 0;
  111. }
  112. .advanced-help-topic dd {
  113. margin-bottom: .5em;
  114. }
  115. .advanced-help-topic span.code {
  116. background-color:#EDF1F3;
  117. font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
  118. font-size:0.9em;
  119. padding:1px;
  120. }
  121. .advanced-help-topic .content-border {
  122. border:1px solid #AAA
  123. }