You are here

Home » API reference » Features 7.2

features.css in Features 7.2

Same filename and directory in other branches
  1. 6 features.css
  2. 7 features.css
/**
 * Features packages.
 */
div.features-form-links {
  width: 20%;
  float: left;
}

div.features-form-content {
  width: 80%;
  float: right;
}

/**
 * Package links.
 */
div.features-form-links ul#features-form-links,
div.features-form-links ul#features-form-links li,
div.features-form-links ul#features-form-links li a {
  display: block;
  float: none;
  padding: 0;
  margin: 0;
}

div.features-form-links ul#features-form-links {
  margin: 0 0 10px;
}

div.features-form-links ul#features-form-links li a {
  background: #f8f8f8;
  padding: 5px 5px 4px 4px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  color: #000;
  cursor: pointer;
}

div.features-form-links ul#features-form-links li a.features-package-active {
  padding: 4px 5px 4px 4px;
  background: #fff;
  border: 1px solid #ccc;
  border-right: 0;
  color: #000;
  margin-right: -1px;
}

/* Packages */
div.features-form-package {
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  padding: 10px;
  margin: 0 0 20px;
  display: none;
}

div.features-package-active {
  display: block;
}

/**
 * Features management form (admin/build/features).
 */
div.features-empty {
  margin: 15px 0;
  font-size: 1.5em;
  text-align: center;
  color: #999;
}

form div.buttons {
  text-align: center;
}

table.features .admin-loading,
table.features tr.disabled {
  color: #999;
}

table.features a.configure {
  float: right;
  font-style: italic;
}
table.features div.feature {
  float: left;
  width: 85%;
}
table.features div.feature strong {
  font-size: 13px;
}
table.features div.feature div.description {
  font-size: 11px;
  margin: 0;
}

table.features-manage td.name {
  width: 80%;
}
table.features-manage td.sign {
  width: 20%;
}

table.features-admin td.name {
  width: 60%;
}
table.features-admin td.sign {
  width: 20%;
}
table.features-admin td.state {
  width: 10%;
}
table.features-admin td.actions {
  width: 10%;
}

table.features td.sign {
  font-size: 9px;
  line-height: 15px;
  white-space: nowrap;
}

table.features td.sign * {
  margin: 0;
}

table.features .admin-check,
table.features .admin-default,
table.features .admin-overridden,
table.features .admin-rebuilding,
table.features .admin-needs-review {
  display: none;
}

/**
 * Feature export form (admin/build/features/export).
 */
form.features-export-form table td {
  width: 50%;
}
form.features-export-form table td {
  vertical-align: top;
}
form.features-export-form table div.description {
  white-space: normal;
}

table.features-export div.form-item {
  white-space: normal;
}
table.features-export select {
  width: 90%;
}
table.features-export td {
  vertical-align: top;
}

form.features-export-form div.features-select {
  display: none;
}

/*
form.features-export-form div.form-checkboxes {
  overflow-x:hidden;
  overflow-y:auto;
  height:20em;
  }
   */

form.features-export-form div#edit-components-wrapper,
form.features-export-form div.features-select {
  padding-right: 20px;
}

/**
 * Feature component display (admin/build/features/%feature).
 */
div.features-components div.column {
  float: left;
  width: 50%;
}

div.features-components div.column div.info {
  padding-right: 20px;
}
div.features-components div.column div.components {
  padding-left: 20px;
}

h3.features-download,
div.features-comparison h3,
div.features-components h3 {
  font-size: 2em;
  font-weight: bold;
  letter-spacing: -1px;
  margin: 15px 0;
}

h3.features-download {
  text-align: center;
}

div.features-components div.description {
  font-size: 11px;
  margin: 15px 0;
}

div.features-components table td {
  font-size: 11px;
}
div.features-components table td.component {
  padding-left: 20px;
}

/**
 * Features component lists.
 */
span.features-component-key {
  font-size: 11px;
}

a.admin-update,
a.features-storage,
span.features-storage,
span.features-component-list span {
  white-space: nowrap;
  margin-right: 5px;
  padding: 2px 5px;
  background: #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.features-key span.admin-conflict,
span.features-component-list span.features-conflict {
  background-color: #c30 !important;
  color: #fff;
}

#features-export-wrapper .features-conflict,
#features-export-wrapper .features-conflict label.option {
  color: #c30 !important;
  font-weight: bold !important;
}

div.conflicts span.admin-disabled {
  color: #955;
}

a.admin-update {
  background: transparent;
}

/* These pseudo selectors are necessary for themes like Garland. */
a.admin-overridden:link,
a.admin-overridden:visited,
span.admin-overridden {
  color: #fff;
  background: #666;
}

a.admin-needs-review:link,
a.admin-needs-review:visited,
span.admin-needs-review {
  color: #963;
  background: #fe6;
}

a.admin-rebuilding:link,
a.admin-rebuilding:visited,
span.admin-rebuilding {
  color: #fff;
  background: #699;
}

a.admin-conflict:link,
a.admin-conflict:visited,
span.admin-conflict {
  color: #c30;
}

table.features-diff td.diff-addedline,
span.features-component-list .features-detected {
  color: #68a;
  background: #def;
}

table.features-diff td.diff-deletedline,
span.features-component-list .features-dependency {
  color: #999;
  background: #f8f8f8;
}

/**
 * Features diff.
 */
table.features-diff {
  font-size: 11px;
}

table.features-diff td {
  padding: 0 5px;
}

table.features-diff td.diff-deletedline,
table.features-diff td.diff-addedline,
table.features-diff td.diff-context {
  width: 50%;
  font-family: 'Andale Mono',monospace;
}

/**
 * New UI component export list
 */
#features-export-wrapper div.features-export-parent {
  clear: both;
}
#features-export-form .fieldset-content.fieldset-wrapper {
  padding-top: 5px;
}
html.js #features-export-form fieldset.collapsed {
  min-height: 2em;
  margin-bottom: 0;
  top: 0;
  padding: 0 0 0 0;
}
fieldset.features-export-component {
  background: #f3f8fb;
  margin: 0.5em 0;
  font-weight: normal;
  font-size: 12px;
  top: 0;
}
fieldset.features-export-component.collapsed {
  background: #f3f8fb;
}
fieldset.features-export-component legend {
  top: 0;
}
fieldset.features-export-component.collapsed .fieldset-wrapper {
  margin: 0;
  padding: 0 13px 6px 15px;
}
fieldset.features-export-component .fieldset-legend {
  white-space: nowrap;
}
fieldset.features-export-component .fieldset-title span {
  font-size: 11px;
  text-transform: none;
  font-weight: normal;
}
#features-export-wrapper .fieldset-wrapper {
  font-size: 12px;
}
div.features-export-list {
  font-weight: normal;
  font-size: 12px;
  border: 1px solid #ccc;
  border-top-width: 0;
  overflow: hidden;
}
#features-export-form .fieldset-description {
  margin: 5px 0;
  line-height: 1.231em;
  font-size: 0.923em;
  color: #666;
}
div.features-export-empty {
  display: none;
}
fieldset.features-export-component .fieldset-wrapper .form-checkboxes {
  max-height: 20em;
  overflow: auto;
  min-width: 100px;
}

#features-export-wrapper .component-select .form-type-checkbox {
  overflow: hidden;
  padding: 0 0 0 2px;
}

#features-export-wrapper .component-added .form-type-checkbox,
#features-export-wrapper .component-detected .form-type-checkbox,
#features-export-wrapper .component-included .form-type-checkbox {
  float: left;
  white-space: normal;
  margin: 2px 5px;
  padding: 0 5px;
  background: transparent;
}

#features-export-wrapper .component-added .form-type-checkbox {
  font-weight: bold;
  background: #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#features-export-wrapper div.component-added label.option {
  font-weight: bold;
}
#features-export-wrapper .component-detected .form-type-checkbox {
  font-style: italic;
  color: #68a;
  background: #def;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#features-export-info {
  width: 49%;
  float: left;
  position: relative;
}
#features-export-wrapper {
  width: 49%;
  float: right;
  clear: both;
  position: relative;
}
#features-export-advanced {
  width: 49%;
  float: left;
  clear: left;
  margin-top: 0.5em;
  position: relative;
}
#features-export-buttons {
  width: 49%;
  float: left;
  margin-top: 0.5em;
  position: relative;
  text-align: center;
}
#features-export-buttons input {
  margin: 0 3px;
}

#features-export-wrapper .component-added label a,
#features-export-wrapper .component-detected label a,
#features-export-wrapper .component-included label a {
  display: inline;
  float: none;
}
#features-export-wrapper label.component-added {
  font-weight: bold;
}
#features-export-form input[size="60"].form-text {
  width: 100%;
}
input.form-submit.features-refresh-button {
  font-size: 0.7em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: transparent;
  margin-left: 1em;
}
.features-refresh-wrapper .ajax-progress {
  font-size: 10px;
  width: 10em;
}
#features-export-advanced .ajax-progress {
  font-size: 10px;
  width: 10em;
}
#features-export-wrapper div.fieldset-description,
#features-export-wrapper div.description {
  clear: both;
}
#features-filter input[size="60"].form-text {
  width: 200px;
}
#features-filter .fieldset-content,
#features-filter .fieldset-wrapper,
#features-filter fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
#features-filter fieldset legend {
  display: none;
}
#features-filter label,
#features-filter input {
  display: inline;
  width: auto;
}
#features-filter .form-item {
  float: left;
  margin: 5px 0;
  padding: 0;
}
#features-filter .form-item.form-type-checkbox {
  margin: 5px 0;
}
#features-filter span {
  float: left;
  white-space: normal;
  margin: 5px 5px;
  padding: 0 5px;
  background: transparent;
  background: #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
}
#features-filter span:hover {
  background: #def;
}
#features-autodetect .form-item {
  float: left;
  margin: 0 0;
  padding: 0;
}
#features-autodetect .fieldset-content,
#features-autodetect .fieldset-wrapper,
#features-autodetect fieldset {
  border: 0;
  padding: 0;
  margin: 1em 0 0 0;
  top: 0;
}
#features-autodetect fieldset legend {
  display: none;
}
#features-export-advanced .form-item.form-item-generate-path {
  margin-bottom: 0;
}
#features-info-file .form-textarea-wrapper,
#features-info-file textarea {
  height: 100%;
}

#features-info-file .form-type-textarea {
  height: 100%;
  margin: 0;
}
#edit-info-preview {
  margin: 1em 0;
}
#features-legend .fieldset-wrapper span {
  font-style: normal;
  color: black;
  display: inline-block;
  background: transparent;
  border: 1px solid #ddd;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  white-space: nowrap;
  padding: 0 8px;
  margin: 0 10px 0 0;
}
#features-legend .fieldset-wrapper .component-detected {
  font-style: italic;
  color: #68a;
  background: #def;
  border-width: 0;
}
#features-legend .fieldset-wrapper .component-added {
  font-weight: bold;
  background: #eee;
  border-width: 0;
}

fieldset.features-export-component .fieldset-title .component-count {
  font-size: 12px;
  font-weight: bold;
}

.features-lock-icon {
  display: inline-block;
}

.features-components h3 {
  display: inline-block;
}

.features-lock-empty {
  display: inline-block;
  width: 16px;
}

File

features.css
View source 
  1. /**

  2.  * Features packages.

  3.  */

  4. div.features-form-links {

  5.   width: 20%;

  6.   float: left;

  7. }

  8. 

  9. div.features-form-content {

  10.   width: 80%;

  11.   float: right;

  12. }

  13. 

  14. /**

  15.  * Package links.

  16.  */

  17. div.features-form-links ul#features-form-links,

  18. div.features-form-links ul#features-form-links li,

  19. div.features-form-links ul#features-form-links li a {

  20.   display: block;

  21.   float: none;

  22.   padding: 0;

  23.   margin: 0;

  24. }

  25. 

  26. div.features-form-links ul#features-form-links {

  27.   margin: 0 0 10px;

  28. }

  29. 

  30. div.features-form-links ul#features-form-links li a {

  31.   background: #f8f8f8;

  32.   padding: 5px 5px 4px 4px;

  33.   border-left: 1px solid #eee;

  34.   border-bottom: 1px solid #eee;

  35.   color: #000;

  36.   cursor: pointer;

  37. }

  38. 

  39. div.features-form-links ul#features-form-links li a.features-package-active {

  40.   padding: 4px 5px 4px 4px;

  41.   background: #fff;

  42.   border: 1px solid #ccc;

  43.   border-right: 0;

  44.   color: #000;

  45.   margin-right: -1px;

  46. }

  47. 

  48. /* Packages */

  49. div.features-form-package {

  50.   border: 1px solid #ccc;

  51.   background: #fff;

  52.   color: #000;

  53.   padding: 10px;

  54.   margin: 0 0 20px;

  55.   display: none;

  56. }

  57. 

  58. div.features-package-active {

  59.   display: block;

  60. }

  61. 

  62. /**

  63.  * Features management form (admin/build/features).

  64.  */

  65. div.features-empty {

  66.   margin: 15px 0;

  67.   font-size: 1.5em;

  68.   text-align: center;

  69.   color: #999;

  70. }

  71. 

  72. form div.buttons {

  73.   text-align: center;

  74. }

  75. 

  76. table.features .admin-loading,

  77. table.features tr.disabled {

  78.   color: #999;

  79. }

  80. 

  81. table.features a.configure {

  82.   float: right;

  83.   font-style: italic;

  84. }

  85. table.features div.feature {

  86.   float: left;

  87.   width: 85%;

  88. }

  89. table.features div.feature strong {

  90.   font-size: 13px;

  91. }

  92. table.features div.feature div.description {

  93.   font-size: 11px;

  94.   margin: 0;

  95. }

  96. 

  97. table.features-manage td.name {

  98.   width: 80%;

  99. }

  100. table.features-manage td.sign {

  101.   width: 20%;

  102. }

  103. 

  104. table.features-admin td.name {

  105.   width: 60%;

  106. }

  107. table.features-admin td.sign {

  108.   width: 20%;

  109. }

  110. table.features-admin td.state {

  111.   width: 10%;

  112. }

  113. table.features-admin td.actions {

  114.   width: 10%;

  115. }

  116. 

  117. table.features td.sign {

  118.   font-size: 9px;

  119.   line-height: 15px;

  120.   white-space: nowrap;

  121. }

  122. 

  123. table.features td.sign * {

  124.   margin: 0;

  125. }

  126. 

  127. table.features .admin-check,

  128. table.features .admin-default,

  129. table.features .admin-overridden,

  130. table.features .admin-rebuilding,

  131. table.features .admin-needs-review {

  132.   display: none;

  133. }

  134. 

  135. /**

  136.  * Feature export form (admin/build/features/export).

  137.  */

  138. form.features-export-form table td {

  139.   width: 50%;

  140. }

  141. form.features-export-form table td {

  142.   vertical-align: top;

  143. }

  144. form.features-export-form table div.description {

  145.   white-space: normal;

  146. }

  147. 

  148. table.features-export div.form-item {

  149.   white-space: normal;

  150. }

  151. table.features-export select {

  152.   width: 90%;

  153. }

  154. table.features-export td {

  155.   vertical-align: top;

  156. }

  157. 

  158. form.features-export-form div.features-select {

  159.   display: none;

  160. }

  161. 

  162. /*

  163. form.features-export-form div.form-checkboxes {

  164.   overflow-x:hidden;

  165.   overflow-y:auto;

  166.   height:20em;

  167.   }

  168.    */

  169. 

  170. form.features-export-form div#edit-components-wrapper,

  171. form.features-export-form div.features-select {

  172.   padding-right: 20px;

  173. }

  174. 

  175. /**

  176.  * Feature component display (admin/build/features/%feature).

  177.  */

  178. div.features-components div.column {

  179.   float: left;

  180.   width: 50%;

  181. }

  182. 

  183. div.features-components div.column div.info {

  184.   padding-right: 20px;

  185. }

  186. div.features-components div.column div.components {

  187.   padding-left: 20px;

  188. }

  189. 

  190. h3.features-download,

  191. div.features-comparison h3,

  192. div.features-components h3 {

  193.   font-size: 2em;

  194.   font-weight: bold;

  195.   letter-spacing: -1px;

  196.   margin: 15px 0;

  197. }

  198. 

  199. h3.features-download {

  200.   text-align: center;

  201. }

  202. 

  203. div.features-components div.description {

  204.   font-size: 11px;

  205.   margin: 15px 0;

  206. }

  207. 

  208. div.features-components table td {

  209.   font-size: 11px;

  210. }

  211. div.features-components table td.component {

  212.   padding-left: 20px;

  213. }

  214. 

  215. /**

  216.  * Features component lists.

  217.  */

  218. span.features-component-key {

  219.   font-size: 11px;

  220. }

  221. 

  222. a.admin-update,

  223. a.features-storage,

  224. span.features-storage,

  225. span.features-component-list span {

  226.   white-space: nowrap;

  227.   margin-right: 5px;

  228.   padding: 2px 5px;

  229.   background: #eee;

  230.   -moz-border-radius: 5px;

  231.   -webkit-border-radius: 5px;

  232. }

  233. 

  234. div.features-key span.admin-conflict,

  235. span.features-component-list span.features-conflict {

  236.   background-color: #c30 !important;

  237.   color: #fff;

  238. }

  239. 

  240. #features-export-wrapper .features-conflict,

  241. #features-export-wrapper .features-conflict label.option {

  242.   color: #c30 !important;

  243.   font-weight: bold !important;

  244. }

  245. 

  246. div.conflicts span.admin-disabled {

  247.   color: #955;

  248. }

  249. 

  250. a.admin-update {

  251.   background: transparent;

  252. }

  253. 

  254. /* These pseudo selectors are necessary for themes like Garland. */

  255. a.admin-overridden:link,

  256. a.admin-overridden:visited,

  257. span.admin-overridden {

  258.   color: #fff;

  259.   background: #666;

  260. }

  261. 

  262. a.admin-needs-review:link,

  263. a.admin-needs-review:visited,

  264. span.admin-needs-review {

  265.   color: #963;

  266.   background: #fe6;

  267. }

  268. 

  269. a.admin-rebuilding:link,

  270. a.admin-rebuilding:visited,

  271. span.admin-rebuilding {

  272.   color: #fff;

  273.   background: #699;

  274. }

  275. 

  276. a.admin-conflict:link,

  277. a.admin-conflict:visited,

  278. span.admin-conflict {

  279.   color: #c30;

  280. }

  281. 

  282. table.features-diff td.diff-addedline,

  283. span.features-component-list .features-detected {

  284.   color: #68a;

  285.   background: #def;

  286. }

  287. 

  288. table.features-diff td.diff-deletedline,

  289. span.features-component-list .features-dependency {

  290.   color: #999;

  291.   background: #f8f8f8;

  292. }

  293. 

  294. /**

  295.  * Features diff.

  296.  */

  297. table.features-diff {

  298.   font-size: 11px;

  299. }

  300. 

  301. table.features-diff td {

  302.   padding: 0 5px;

  303. }

  304. 

  305. table.features-diff td.diff-deletedline,

  306. table.features-diff td.diff-addedline,

  307. table.features-diff td.diff-context {

  308.   width: 50%;

  309.   font-family: 'Andale Mono',monospace;

  310. }

  311. 

  312. /**

  313.  * New UI component export list

  314.  */

  315. #features-export-wrapper div.features-export-parent {

  316.   clear: both;

  317. }

  318. #features-export-form .fieldset-content.fieldset-wrapper {

  319.   padding-top: 5px;

  320. }

  321. html.js #features-export-form fieldset.collapsed {

  322.   min-height: 2em;

  323.   margin-bottom: 0;

  324.   top: 0;

  325.   padding: 0 0 0 0;

  326. }

  327. fieldset.features-export-component {

  328.   background: #f3f8fb;

  329.   margin: 0.5em 0;

  330.   font-weight: normal;

  331.   font-size: 12px;

  332.   top: 0;

  333. }

  334. fieldset.features-export-component.collapsed {

  335.   background: #f3f8fb;

  336. }

  337. fieldset.features-export-component legend {

  338.   top: 0;

  339. }

  340. fieldset.features-export-component.collapsed .fieldset-wrapper {

  341.   margin: 0;

  342.   padding: 0 13px 6px 15px;

  343. }

  344. fieldset.features-export-component .fieldset-legend {

  345.   white-space: nowrap;

  346. }

  347. fieldset.features-export-component .fieldset-title span {

  348.   font-size: 11px;

  349.   text-transform: none;

  350.   font-weight: normal;

  351. }

  352. #features-export-wrapper .fieldset-wrapper {

  353.   font-size: 12px;

  354. }

  355. div.features-export-list {

  356.   font-weight: normal;

  357.   font-size: 12px;

  358.   border: 1px solid #ccc;

  359.   border-top-width: 0;

  360.   overflow: hidden;

  361. }

  362. #features-export-form .fieldset-description {

  363.   margin: 5px 0;

  364.   line-height: 1.231em;

  365.   font-size: 0.923em;

  366.   color: #666;

  367. }

  368. div.features-export-empty {

  369.   display: none;

  370. }

  371. fieldset.features-export-component .fieldset-wrapper .form-checkboxes {

  372.   max-height: 20em;

  373.   overflow: auto;

  374.   min-width: 100px;

  375. }

  376. 

  377. #features-export-wrapper .component-select .form-type-checkbox {

  378.   overflow: hidden;

  379.   padding: 0 0 0 2px;

  380. }

  381. 

  382. #features-export-wrapper .component-added .form-type-checkbox,

  383. #features-export-wrapper .component-detected .form-type-checkbox,

  384. #features-export-wrapper .component-included .form-type-checkbox {

  385.   float: left;

  386.   white-space: normal;

  387.   margin: 2px 5px;

  388.   padding: 0 5px;

  389.   background: transparent;

  390. }

  391. 

  392. #features-export-wrapper .component-added .form-type-checkbox {

  393.   font-weight: bold;

  394.   background: #eee;

  395.   -moz-border-radius: 5px;

  396.   -webkit-border-radius: 5px;

  397. }

  398. #features-export-wrapper div.component-added label.option {

  399.   font-weight: bold;

  400. }

  401. #features-export-wrapper .component-detected .form-type-checkbox {

  402.   font-style: italic;

  403.   color: #68a;

  404.   background: #def;

  405.   -moz-border-radius: 5px;

  406.   -webkit-border-radius: 5px;

  407. }

  408. 

  409. #features-export-info {

  410.   width: 49%;

  411.   float: left;

  412.   position: relative;

  413. }

  414. #features-export-wrapper {

  415.   width: 49%;

  416.   float: right;

  417.   clear: both;

  418.   position: relative;

  419. }

  420. #features-export-advanced {

  421.   width: 49%;

  422.   float: left;

  423.   clear: left;

  424.   margin-top: 0.5em;

  425.   position: relative;

  426. }

  427. #features-export-buttons {

  428.   width: 49%;

  429.   float: left;

  430.   margin-top: 0.5em;

  431.   position: relative;

  432.   text-align: center;

  433. }

  434. #features-export-buttons input {

  435.   margin: 0 3px;

  436. }

  437. 

  438. #features-export-wrapper .component-added label a,

  439. #features-export-wrapper .component-detected label a,

  440. #features-export-wrapper .component-included label a {

  441.   display: inline;

  442.   float: none;

  443. }

  444. #features-export-wrapper label.component-added {

  445.   font-weight: bold;

  446. }

  447. #features-export-form input[size="60"].form-text {

  448.   width: 100%;

  449. }

  450. input.form-submit.features-refresh-button {

  451.   font-size: 0.7em;

  452.   -moz-border-radius: 5px;

  453.   -webkit-border-radius: 5px;

  454.   border-radius: 5px;

  455.   background-color: transparent;

  456.   margin-left: 1em;

  457. }

  458. .features-refresh-wrapper .ajax-progress {

  459.   font-size: 10px;

  460.   width: 10em;

  461. }

  462. #features-export-advanced .ajax-progress {

  463.   font-size: 10px;

  464.   width: 10em;

  465. }

  466. #features-export-wrapper div.fieldset-description,

  467. #features-export-wrapper div.description {

  468.   clear: both;

  469. }

  470. #features-filter input[size="60"].form-text {

  471.   width: 200px;

  472. }

  473. #features-filter .fieldset-content,

  474. #features-filter .fieldset-wrapper,

  475. #features-filter fieldset {

  476.   border: 0;

  477.   padding: 0;

  478.   margin: 0;

  479. }

  480. #features-filter fieldset legend {

  481.   display: none;

  482. }

  483. #features-filter label,

  484. #features-filter input {

  485.   display: inline;

  486.   width: auto;

  487. }

  488. #features-filter .form-item {

  489.   float: left;

  490.   margin: 5px 0;

  491.   padding: 0;

  492. }

  493. #features-filter .form-item.form-type-checkbox {

  494.   margin: 5px 0;

  495. }

  496. #features-filter span {

  497.   float: left;

  498.   white-space: normal;

  499.   margin: 5px 5px;

  500.   padding: 0 5px;

  501.   background: transparent;

  502.   background: #eee;

  503.   -moz-border-radius: 5px;

  504.   -webkit-border-radius: 5px;

  505.   cursor: pointer;

  506. }

  507. #features-filter span:hover {

  508.   background: #def;

  509. }

  510. #features-autodetect .form-item {

  511.   float: left;

  512.   margin: 0 0;

  513.   padding: 0;

  514. }

  515. #features-autodetect .fieldset-content,

  516. #features-autodetect .fieldset-wrapper,

  517. #features-autodetect fieldset {

  518.   border: 0;

  519.   padding: 0;

  520.   margin: 1em 0 0 0;

  521.   top: 0;

  522. }

  523. #features-autodetect fieldset legend {

  524.   display: none;

  525. }

  526. #features-export-advanced .form-item.form-item-generate-path {

  527.   margin-bottom: 0;

  528. }

  529. #features-info-file .form-textarea-wrapper,

  530. #features-info-file textarea {

  531.   height: 100%;

  532. }

  533. 

  534. #features-info-file .form-type-textarea {

  535.   height: 100%;

  536.   margin: 0;

  537. }

  538. #edit-info-preview {

  539.   margin: 1em 0;

  540. }

  541. #features-legend .fieldset-wrapper span {

  542.   font-style: normal;

  543.   color: black;

  544.   display: inline-block;

  545.   background: transparent;

  546.   border: 1px solid #ddd;

  547.   -moz-border-radius: 5px;

  548.   -webkit-border-radius: 5px;

  549.   white-space: nowrap;

  550.   padding: 0 8px;

  551.   margin: 0 10px 0 0;

  552. }

  553. #features-legend .fieldset-wrapper .component-detected {

  554.   font-style: italic;

  555.   color: #68a;

  556.   background: #def;

  557.   border-width: 0;

  558. }

  559. #features-legend .fieldset-wrapper .component-added {

  560.   font-weight: bold;

  561.   background: #eee;

  562.   border-width: 0;

  563. }

  564. 

  565. fieldset.features-export-component .fieldset-title .component-count {

  566.   font-size: 12px;

  567.   font-weight: bold;

  568. }

  569. 

  570. .features-lock-icon {

  571.   display: inline-block;

  572. }

  573. 

  574. .features-components h3 {

  575.   display: inline-block;

  576. }

  577. 

  578. .features-lock-empty {

  579.   display: inline-block;

  580.   width: 16px;

  581. }