features.css 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579
  1. /**
  2. * Features packages.
  3. */
  4. div.features-form-links {
  5. width:20%;
  6. float:left;
  7. }
  8. div.features-form-content {
  9. width:80%;
  10. float:right;
  11. }
  12. /**
  13. * Package links.
  14. */
  15. div.features-form-links ul#features-form-links,
  16. div.features-form-links ul#features-form-links li,
  17. div.features-form-links ul#features-form-links li a {
  18. display:block;
  19. float:none;
  20. padding:0px;
  21. margin:0px;
  22. }
  23. div.features-form-links ul#features-form-links {
  24. margin:0px 0px 10px;
  25. }
  26. div.features-form-links ul#features-form-links li a {
  27. background:#f8f8f8;
  28. padding:5px 5px 4px 4px;
  29. border-left:1px solid #eee;
  30. border-bottom:1px solid #eee;
  31. color: #000;
  32. cursor:pointer;
  33. }
  34. div.features-form-links ul#features-form-links li a.features-package-active {
  35. padding:4px 5px 4px 4px;
  36. background:#fff;
  37. border:1px solid #ccc;
  38. border-right:0px;
  39. color: #000;
  40. margin-right:-1px;
  41. }
  42. /* Packages */
  43. div.features-form-package {
  44. border:1px solid #ccc;
  45. background:#fff;
  46. color: #000;
  47. padding:10px;
  48. margin:0px 0px 20px;
  49. display:none;
  50. }
  51. div.features-package-active {
  52. display:block;
  53. }
  54. /**
  55. * Features management form (admin/build/features).
  56. */
  57. div.features-empty {
  58. margin:15px 0px;
  59. font-size:1.5em;
  60. text-align:center;
  61. color:#999;
  62. }
  63. form div.buttons {
  64. text-align:center;
  65. }
  66. table.features .admin-loading,
  67. table.features tr.disabled {
  68. color:#999;
  69. }
  70. table.features a.configure {
  71. float:right;
  72. font-style:italic;
  73. }
  74. table.features div.feature {
  75. float:left; width:85%;
  76. }
  77. table.features div.feature strong {
  78. font-size:13px;
  79. }
  80. table.features div.feature div.description {
  81. font-size:11px; margin:0px;
  82. }
  83. table.features-manage td.name {
  84. width:80%;
  85. }
  86. table.features-manage td.sign {
  87. width:20%;
  88. }
  89. table.features-admin td.name {
  90. width:60%;
  91. }
  92. table.features-admin td.sign {
  93. width:20%;
  94. }
  95. table.features-admin td.state {
  96. width:10%;
  97. }
  98. table.features-admin td.actions {
  99. width:10%;
  100. }
  101. table.features td.sign {
  102. font-size:9px;
  103. line-height:15px;
  104. white-space:nowrap;
  105. }
  106. table.features td.sign * {
  107. margin:0px;
  108. }
  109. table.features .admin-check,
  110. table.features .admin-default,
  111. table.features .admin-overridden,
  112. table.features .admin-rebuilding,
  113. table.features .admin-needs-review {
  114. display:none;
  115. }
  116. /**
  117. * Feature export form (admin/build/features/export).
  118. */
  119. form.features-export-form table td {
  120. width:50%;
  121. }
  122. form.features-export-form table td {
  123. vertical-align:top;
  124. }
  125. form.features-export-form table div.description {
  126. white-space:normal;
  127. }
  128. table.features-export div.form-item {
  129. white-space:normal;
  130. }
  131. table.features-export select {
  132. width:90%;
  133. }
  134. table.features-export td {
  135. vertical-align:top;
  136. }
  137. form.features-export-form div.features-select {
  138. display:none;
  139. }
  140. /*
  141. form.features-export-form div.form-checkboxes {
  142. overflow-x:hidden;
  143. overflow-y:auto;
  144. height:20em;
  145. }
  146. */
  147. form.features-export-form div#edit-components-wrapper,
  148. form.features-export-form div.features-select {
  149. padding-right:20px;
  150. }
  151. /**
  152. * Feature component display (admin/build/features/%feature).
  153. */
  154. div.features-components div.column {
  155. float:left;
  156. width:50%;
  157. }
  158. div.features-components div.column div.info {
  159. padding-right:20px;
  160. }
  161. div.features-components div.column div.components {
  162. padding-left:20px;
  163. }
  164. h3.features-download,
  165. div.features-comparison h3,
  166. div.features-components h3 {
  167. font-size:2em;
  168. font-weight:bold;
  169. letter-spacing:-1px;
  170. margin:15px 0px;
  171. }
  172. h3.features-download {
  173. text-align:center;
  174. }
  175. div.features-components div.description {
  176. font-size:11px;
  177. margin:15px 0px;
  178. }
  179. div.features-components table td {
  180. font-size:11px;
  181. }
  182. div.features-components table td.component {
  183. padding-left:20px;
  184. }
  185. /**
  186. * Features component lists.
  187. */
  188. span.features-component-key {
  189. font-size:11px;
  190. }
  191. a.admin-update,
  192. a.features-storage,
  193. span.features-storage,
  194. span.features-component-list span {
  195. white-space:nowrap;
  196. margin-right:5px;
  197. padding:2px 5px;
  198. background:#eee;
  199. -moz-border-radius:5px;
  200. -webkit-border-radius:5px;
  201. }
  202. div.features-key span.admin-conflict,
  203. span.features-component-list span.features-conflict {
  204. background-color: #c30 !important;
  205. color: #fff;
  206. }
  207. #features-export-wrapper .features-conflict,
  208. #features-export-wrapper .features-conflict label.option{
  209. color: #c30 !important;
  210. font-weight: bold !important;
  211. }
  212. div.conflicts span.admin-disabled {
  213. color: #955;
  214. }
  215. a.admin-update {
  216. background:transparent;
  217. }
  218. /* These pseudo selectors are necessary for themes like Garland. */
  219. a.admin-overridden:link,
  220. a.admin-overridden:visited,
  221. span.admin-overridden {
  222. color:#fff;
  223. background:#666;
  224. }
  225. a.admin-needs-review:link,
  226. a.admin-needs-review:visited,
  227. span.admin-needs-review {
  228. color:#963;
  229. background:#fe6;
  230. }
  231. a.admin-rebuilding:link,
  232. a.admin-rebuilding:visited,
  233. span.admin-rebuilding {
  234. color:#fff;
  235. background:#699;
  236. }
  237. a.admin-conflict:link,
  238. a.admin-conflict:visited,
  239. span.admin-conflict {
  240. color:#c30;
  241. }
  242. table.features-diff td.diff-addedline,
  243. span.features-component-list .features-detected {
  244. color:#68a;
  245. background:#def;
  246. }
  247. table.features-diff td.diff-deletedline,
  248. span.features-component-list .features-dependency {
  249. color:#999;
  250. background:#f8f8f8;
  251. }
  252. /**
  253. * Features diff.
  254. */
  255. table.features-diff {
  256. font-size:11px;
  257. }
  258. table.features-diff td {
  259. padding:0px 5px;
  260. }
  261. table.features-diff td.diff-deletedline,
  262. table.features-diff td.diff-addedline,
  263. table.features-diff td.diff-context {
  264. width:50%;
  265. font-family:'Andale Mono',monospace;
  266. }
  267. /**
  268. * New UI component export list
  269. */
  270. #features-export-wrapper div.features-export-parent {
  271. clear: both;
  272. }
  273. #features-export-form .fieldset-content.fieldset-wrapper {
  274. padding-top: 5px;
  275. }
  276. html.js #features-export-form fieldset.collapsed {
  277. min-height: 2em;
  278. margin-bottom: 0;
  279. top: 0;
  280. padding: 0 0 0 0;
  281. }
  282. fieldset.features-export-component {
  283. background: #F3F8FB;
  284. margin: 0.5em 0;
  285. font-weight: normal;
  286. font-size: 12px;
  287. top: 0;
  288. }
  289. fieldset.features-export-component.collapsed {
  290. background: #F3F8FB;
  291. }
  292. fieldset.features-export-component legend {
  293. top: 0;
  294. }
  295. fieldset.features-export-component.collapsed .fieldset-wrapper {
  296. margin: 0;
  297. padding: 0 13px 6px 15px;
  298. }
  299. fieldset.features-export-component .fieldset-legend {
  300. white-space: nowrap;
  301. }
  302. fieldset.features-export-component .fieldset-title span {
  303. font-size: 11px;
  304. text-transform: none;
  305. font-weight: normal;
  306. }
  307. #features-export-wrapper .fieldset-wrapper {
  308. font-size: 12px;
  309. }
  310. div.features-export-list {
  311. font-weight: normal;
  312. font-size: 12px;
  313. border: 1px solid #CCC;
  314. border-top-width: 0;
  315. overflow: hidden;
  316. }
  317. #features-export-form .fieldset-description {
  318. margin: 5px 0;
  319. line-height: 1.231em;
  320. font-size: 0.923em;
  321. color: #666;
  322. }
  323. div.features-export-empty {
  324. display: none;
  325. }
  326. fieldset.features-export-component .fieldset-wrapper .form-checkboxes {
  327. max-height: 20em;
  328. overflow: auto;
  329. min-width: 100px;
  330. }
  331. #features-export-wrapper .component-select .form-type-checkbox {
  332. overflow: hidden;
  333. padding: 0 0 0 2px;
  334. }
  335. #features-export-wrapper .component-added .form-type-checkbox,
  336. #features-export-wrapper .component-detected .form-type-checkbox,
  337. #features-export-wrapper .component-included .form-type-checkbox {
  338. float: left;
  339. white-space: normal;
  340. margin: 2px 5px;
  341. padding: 0 5px;
  342. background: transparent;
  343. }
  344. #features-export-wrapper .component-added .form-type-checkbox {
  345. font-weight: bold;
  346. background: #EEE;
  347. -moz-border-radius: 5px;
  348. -webkit-border-radius: 5px;
  349. }
  350. #features-export-wrapper div.component-added label.option {
  351. font-weight: bold;
  352. }
  353. #features-export-wrapper .component-detected .form-type-checkbox {
  354. font-style: italic;
  355. color:#68a;
  356. background:#def;
  357. -moz-border-radius: 5px;
  358. -webkit-border-radius: 5px;
  359. }
  360. #features-export-info {
  361. width: 49%;
  362. float: left;
  363. position: relative;
  364. }
  365. #features-export-wrapper {
  366. width: 49%;
  367. float: right;
  368. clear: both;
  369. position: relative;
  370. }
  371. #features-export-advanced {
  372. width: 49%;
  373. float: left;
  374. clear: left;
  375. margin-top: 0.5em;
  376. position: relative;
  377. }
  378. #features-export-buttons {
  379. width: 49%;
  380. float: left;
  381. margin-top: 0.5em;
  382. position: relative;
  383. text-align: center;
  384. }
  385. #features-export-buttons input {
  386. margin: 0 3px;
  387. }
  388. #features-export-wrapper .component-added label a,
  389. #features-export-wrapper .component-detected label a,
  390. #features-export-wrapper .component-included label a {
  391. display: inline;
  392. float: none;
  393. }
  394. #features-export-wrapper label.component-added {
  395. font-weight: bold;
  396. }
  397. #features-export-form input[size="60"].form-text {
  398. width: 100%;
  399. }
  400. input.form-submit.features-refresh-button {
  401. font-size: 0.7em;
  402. -moz-border-radius: 5px;
  403. -webkit-border-radius: 5px;
  404. border-radius: 5px;
  405. background-color: transparent;
  406. margin-left: 1em;
  407. }
  408. .features-refresh-wrapper .ajax-progress {
  409. font-size: 10px;
  410. width: 10em;
  411. }
  412. #features-export-advanced .ajax-progress {
  413. font-size: 10px;
  414. width: 10em;
  415. }
  416. #features-export-wrapper div.fieldset-description,
  417. #features-export-wrapper div.description {
  418. clear: both;
  419. }
  420. #features-filter input[size="60"].form-text {
  421. width: 200px;
  422. }
  423. #features-filter .fieldset-content,
  424. #features-filter .fieldset-wrapper,
  425. #features-filter fieldset {
  426. border: 0;
  427. padding: 0;
  428. margin: 0;
  429. }
  430. #features-filter fieldset legend {
  431. display: none;
  432. }
  433. #features-filter label,
  434. #features-filter input {
  435. display: inline;
  436. width: auto;
  437. }
  438. #features-filter .form-item {
  439. float: left;
  440. margin: 5px 0;
  441. padding: 0;
  442. }
  443. #features-filter .form-item.form-type-checkbox {
  444. margin: 5px 0;
  445. }
  446. #features-filter span {
  447. float: left;
  448. white-space: normal;
  449. margin: 5px 5px;
  450. padding: 0 5px;
  451. background: transparent;
  452. background: #EEE;
  453. -moz-border-radius: 5px;
  454. -webkit-border-radius: 5px;
  455. cursor: pointer;
  456. }
  457. #features-filter span:hover {
  458. background:#def;
  459. }
  460. #features-autodetect .form-item {
  461. float: left;
  462. margin: 0 0;
  463. padding: 0;
  464. }
  465. #features-autodetect .fieldset-content,
  466. #features-autodetect .fieldset-wrapper,
  467. #features-autodetect fieldset {
  468. border: 0;
  469. padding: 0;
  470. margin: 1em 0 0 0;
  471. top: 0;
  472. }
  473. #features-autodetect fieldset legend {
  474. display: none;
  475. }
  476. #features-export-advanced .form-item.form-item-generate-path {
  477. margin-bottom: 0;
  478. }
  479. #features-info-file .form-textarea-wrapper,
  480. #features-info-file textarea {
  481. height: 100%;
  482. }
  483. #features-info-file .form-type-textarea {
  484. height: 100%;
  485. margin: 0;
  486. }
  487. #edit-info-preview {
  488. margin: 1em 0;
  489. }
  490. #features-legend .fieldset-wrapper span {
  491. font-style: normal;
  492. color: black;
  493. display: inline-block;
  494. background: transparent;
  495. border: 1px solid #DDD;
  496. -moz-border-radius: 5px;
  497. -webkit-border-radius: 5px;
  498. white-space: nowrap;
  499. padding: 0 8px;
  500. margin: 0 10px 0 0;
  501. }
  502. #features-legend .fieldset-wrapper .component-detected {
  503. font-style: italic;
  504. color:#68a;
  505. background:#def;
  506. border-width: 0;
  507. }
  508. #features-legend .fieldset-wrapper .component-added {
  509. font-weight: bold;
  510. background: #EEE;
  511. border-width: 0;
  512. }
  513. fieldset.features-export-component .fieldset-title .component-count {
  514. font-size: 12px;
  515. font-weight: bold;
  516. }
  517. .features-lock-icon {
  518. display: inline-block;
  519. }
  520. .features-components h3 {
  521. display: inline-block;
  522. }
  523. .features-lock-empty {
  524. display: inline-block;
  525. width: 16px;
  526. }