alternative.css 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646
  1. body.adminimal-skin-alternative {
  2. font-family: "Segoe UI", "Helvetica", sans-serif;
  3. font-size: 14px;
  4. }
  5. body.adminimal-skin-alternative #branding div.breadcrumb {
  6. padding-bottom: 0px;
  7. margin-top: -4px;
  8. }
  9. body.adminimal-skin-alternative h1,
  10. body.adminimal-skin-alternative h2,
  11. body.adminimal-skin-alternative h3,
  12. body.adminimal-skin-alternative h4,
  13. body.adminimal-skin-alternative h5,
  14. body.adminimal-skin-alternative h6 {
  15. font-family: "Segoe UI", "Helvetica", sans-serif;
  16. font-weight: 300;
  17. }
  18. /* Style checkbox and radio buttons in Chrome + Safari + Opera */
  19. @supports (-webkit-appearance:none) {
  20. .style-checkboxes input[type=checkbox],
  21. .style-checkboxes input[type=radio],
  22. .style-checkboxes input[type=checkbox]#edit-delete {
  23. -webkit-appearance:none;
  24. display: inline-block;
  25. position: relative;
  26. top: 3px;
  27. margin-right: 0.25em;
  28. padding: 0;
  29. background: #fff;
  30. border: 1px solid #B5B5B5;
  31. width: 16px !important;
  32. height: 16px !important;
  33. -webkit-transition: all 0.5s ease;
  34. -o-transition: all 0.5s ease;
  35. transition: background 0.5s ease;
  36. outline: none;
  37. }
  38. .adminimal-theme .location .form-item input.form-checkbox {
  39. width: 16px;
  40. display: inline-block;
  41. }
  42. .style-checkboxes input[type=checkbox]#edit-delete {
  43. margin-bottom: 0;
  44. }
  45. .style-checkboxes input[type=radio] {
  46. border-radius: 50%;
  47. }
  48. .style-checkboxes input[type=checkbox]:hover,
  49. .style-checkboxes input[type=checkbox]:focus,
  50. .style-checkboxes input[type=radio]:hover,
  51. .style-checkboxes input[type=radio]:focus {
  52. border-color: #0074BD;
  53. cursor: pointer;
  54. }
  55. .style-checkboxes input[type=checkbox]#edit-delete:hover,
  56. .style-checkboxes input[type=checkbox]#edit-delete:focus {
  57. border-color: #D01616;
  58. cursor: pointer;
  59. }
  60. .style-checkboxes input[type=checkbox]:checked,
  61. .style-checkboxes input[type=checkbox]:disabled:checked,
  62. .style-checkboxes input[type=radio]:checked,
  63. .style-checkboxes input[type=radio]:disabled:checked{
  64. background: #0074BD;
  65. box-shadow: inset 0px 0px 0px 4px #fff;
  66. }
  67. .style-checkboxes input[type=checkbox]#edit-delete:checked,
  68. .style-checkboxes input[type=checkbox]#edit-delete:disabled:checked {
  69. background: #D01616;
  70. box-shadow: inset 0px 0px 0px 4px #fff;
  71. }
  72. .style-checkboxes input[type=checkbox]:disabled,
  73. .style-checkboxes input[type=radio]:disabled {
  74. opacity: .5;
  75. background: #E2E2E2;
  76. }
  77. .style-checkboxes input[type=checkbox]#edit-delete:disabled {
  78. opacity: .5;
  79. background: #E88181;
  80. }
  81. .style-checkboxes input[type=checkbox]:disabled:hover {
  82. border-color: #B5B5B5;
  83. cursor: default;
  84. }
  85. .style-checkboxes input[type=checkbox]:disabled:hover,
  86. .style-checkboxes input[type=radio]:disabled:hover {
  87. border-color: #B5B5B5;
  88. cursor: default;
  89. /*cursor: not-allowed;*/
  90. }
  91. }
  92. /* Buttons */
  93. /* Gray Button */
  94. input.form-submit,
  95. a.button,
  96. div.exposed-filters input#edit-submit {
  97. cursor: pointer;
  98. background: #e3e3e3;
  99. border: none;
  100. border-radius: 0;
  101. padding: 6px 10px;
  102. margin-bottom: 1em;
  103. margin-right: 1em;/* LTR */
  104. color: #555;
  105. text-align: center;
  106. font-weight: 600;
  107. font-size: 14px;
  108. font-family: "Segoe UI", "Helvetica",sans-serif;
  109. transition: all, 0.3s;
  110. }
  111. input.form-submit:hover,
  112. a.button:hover,
  113. div.exposed-filters input#edit-submit:hover {
  114. background: #CECECE;
  115. }
  116. input.form-submit:active,
  117. a.button:active,
  118. div.exposed-filters input#edit-submit:active {
  119. border-radius: 0;
  120. border: none;
  121. }
  122. input.form-submit:focus,
  123. a.button:focus,
  124. div.exposed-filters input#edit-submit:focus {
  125. outline: 3px solid #EFEFEF;
  126. }
  127. /* Green Button */
  128. input[type="submit"][id^="edit-submit"],
  129. input#edit-actions-submit,
  130. input[id^="save-continue"],
  131. input[type="submit"][id^="edit-save"],
  132. input#edit-save,
  133. input#edit-submit,
  134. input#edit-actions-save,
  135. .field-widget-inline-entity-form .container-inline .form-submit,
  136. #media-browser-page a.button-yes,
  137. input.add-new-condition,
  138. #edit-field-product-und-form-actions input.ief-entity-submit {
  139. cursor: pointer;
  140. border-radius: 0;
  141. border: none;
  142. padding: 6px 10px;
  143. margin-bottom: 1em;
  144. margin-right: 1em;/* LTR */
  145. color: #fff;
  146. text-align: center;
  147. font-weight: 600;
  148. font-size: 14px;
  149. font-family: "Segoe UI", "Helvetica",sans-serif;
  150. background: #4d8f46;
  151. transition: all, 0.3s;
  152. }
  153. input[type="submit"][id^="edit-submit"]:hover,
  154. input#edit-actions-submit:hover,
  155. input[id^="save-continue"]:hover,
  156. input[type="submit"][id^="edit-save"]:hover,
  157. input#edit-save:hover,
  158. input#edit-submit:hover,
  159. input#edit-actions-save:hover,
  160. .field-widget-inline-entity-form .container-inline .form-submit:hover,
  161. #media-browser-page a.button-yes:hover,
  162. input.add-new-condition:hover,
  163. #edit-field-product-und-form-actions input.ief-entity-submit:hover {
  164. background: #0a6700;
  165. border-radius: 0;
  166. border: none;
  167. color: #fff;
  168. }
  169. input[type="submit"][id^="edit-submit"]:active,
  170. input#edit-actions-submit:active,
  171. input[id^="save-continue"]:active,
  172. input[type="submit"][id^="edit-save"]:active,
  173. input#edit-save:active,
  174. input#edit-submit:active,
  175. .field-widget-inline-entity-form .container-inline .form-submit:active,
  176. input#edit-actions-save:active,
  177. input.add-new-condition:active,
  178. #edit-field-product-und-form-actions input.ief-entity-submit:active {
  179. border-radius: 0;
  180. border: none;
  181. color: #fff;
  182. }
  183. input[type="submit"][id^="edit-submit"]:focus,
  184. input#edit-actions-submit:focus,
  185. input[id^="save-continue"]:focus,
  186. input[type="submit"][id^="edit-save"]:focus,
  187. input#edit-save:focus,
  188. input#edit-submit:focus,
  189. .field-widget-inline-entity-form .container-inline .form-submit:focus,
  190. input#edit-actions-save:focus,
  191. input.add-new-condition:focus,
  192. #edit-field-product-und-form-actions input.ief-entity-submit:focus {
  193. outline: 3px solid #D0E8CE;
  194. }
  195. /* Red Button */
  196. input#edit-delete,
  197. input#remove-button,
  198. input#edit-remove,
  199. input#edit-clear,
  200. a.button.remove,
  201. .page-node-delete input#edit-submit,
  202. input[id*="remove-button"],
  203. .page-admin-modules-uninstall input#edit-submit,
  204. .remove-condition input,
  205. .field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit {
  206. cursor: pointer;
  207. padding: 6px 10px;
  208. border-radius: 0;
  209. border: none;
  210. margin-bottom: 1em;
  211. margin-right: 1em;/* LTR */
  212. color: #fff;
  213. text-align: center;
  214. font-weight: 600;
  215. font-size: 14px;
  216. font-family: "Segoe UI", "Helvetica",sans-serif;
  217. background: #b73939;
  218. transition: all, 0.3s;
  219. }
  220. input#edit-delete:hover,
  221. input#remove-button:hover,
  222. input#edit-remove:hover,
  223. input#edit-clear:hover,
  224. a.button.remove:hover,
  225. .page-node-delete input#edit-submit:hover,
  226. input[id*="remove-button"]:hover,
  227. body.page-admin-modules-uninstall input#edit-submit:hover,
  228. .remove-condition input:hover,
  229. .field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:hover {
  230. background: #990000;
  231. border-radius: 0;
  232. border: none;
  233. color: #fff;
  234. }
  235. input#edit-delete:active,
  236. input#remove-button:active,
  237. input#edit-remove:active,
  238. input#edit-clear:active,
  239. .page-node-delete input#edit-submit:active,
  240. input[id*="remove-button"]:active,
  241. body.page-admin-modules-uninstall input#edit-submit:active,
  242. .remove-condition input:active,
  243. .field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:active {
  244. border-radius: 0;
  245. border: none;
  246. color: #fff;
  247. }
  248. input#edit-delete:focus,
  249. input#remove-button:focus,
  250. input#edit-remove:focus,
  251. input#edit-clear:focus,
  252. .page-node-delete input#edit-submit:focus,
  253. input[id*="remove-button"]:focus,
  254. body.page-admin-modules-uninstall input#edit-submit:focus,
  255. .remove-condition input:focus,
  256. .field-widget-inline-entity-form .ief-entity-operations input[id*="remove"].form-submit:focus {
  257. outline: 3px solid #FFD8D8;
  258. }
  259. /* Blue Button */
  260. input#edit-preview,
  261. input#edit-next,
  262. input#preview-submit,
  263. input.ief-entity-submit,
  264. input[type="submit"][id^="edit-return"],
  265. .field-widget-inline-entity-form .ief-entity-operations input[id*="edit"] {
  266. cursor: pointer;
  267. border-radius: 0;
  268. border: none;
  269. padding: 6px 10px;
  270. margin-bottom: 1em;
  271. margin-right: 1em;/* LTR */
  272. color: #fff;
  273. text-align: center;
  274. font-weight: 600;
  275. font-size: 14px;
  276. font-family: "Segoe UI", "Helvetica",sans-serif;
  277. background: #0074BD;
  278. transition: all, 0.3s;
  279. }
  280. input#edit-preview:hover,
  281. input#edit-next:hover,
  282. input#preview-submit:hover,
  283. input.ief-entity-submit:hover,
  284. input[type="submit"][id^="edit-return"]:hover,
  285. .field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:hover {
  286. background: #004c99;
  287. border-radius: 0;
  288. border: none;
  289. color: #fff;
  290. }
  291. input#edit-preview:active,
  292. input#edit-next:active,
  293. input#preview-submit:active,
  294. input.ief-entity-submit:active,
  295. input[type="submit"][id^="edit-return"]:active,
  296. .field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:active {
  297. border-radius: 0;
  298. border: none;
  299. color: #fff;
  300. }
  301. input#edit-preview:focus,
  302. input#edit-next:focus,
  303. input#preview-submit:focus,
  304. input.ief-entity-submit:focus,
  305. input[type="submit"][id^="edit-return"]:focus,
  306. .field-widget-inline-entity-form .ief-entity-operations input[id*="edit"]:focus {
  307. outline: 3px solid #D2E4F7;
  308. }
  309. /* Orange Button */
  310. #edit-cancel,
  311. #edit-actions-cancel,
  312. input#edit-buttons-revert,
  313. #media-browser-page a.button-no,
  314. .field-widget-inline-entity-form input[id*="cancel"] {
  315. cursor: pointer;
  316. border-radius: 0;
  317. border: none;
  318. padding: 6px 10px;
  319. margin-bottom: 1em;
  320. margin-right: 1em;/* LTR */
  321. color: #fff;
  322. text-align: center;
  323. font-weight: 600;
  324. font-size: 14px;
  325. font-family: "Segoe UI", "Helvetica",sans-serif;
  326. background: #f69231;
  327. transition: all, 0.3s;
  328. }
  329. a#edit-cancel,a#edit-actions-cancel {
  330. padding: 6px 10px;
  331. text-decoration: none;
  332. border-radius: 0;
  333. border: none;
  334. }
  335. #edit-cancel:hover,
  336. #edit-actions-cancel:hover,
  337. input#edit-buttons-revert:hover,
  338. #media-browser-page a.button-no:hover,
  339. .field-widget-inline-entity-form input[id*="cancel"]:hover {
  340. background: #ef6114;
  341. text-decoration: none;
  342. border-radius: 0;
  343. border: none;
  344. color: #fff;
  345. }
  346. #edit-cancel:active,
  347. #edit-actions-cancel:active,
  348. input#edit-buttons-revert:active,
  349. .field-widget-inline-entity-form input[id*="cancel"]:active {
  350. border-radius: 0;
  351. border: none;
  352. color: #fff;
  353. }
  354. #edit-cancel:focus,
  355. #edit-actions-cancel:focus,
  356. input#edit-buttons-revert:focus,
  357. .field-widget-inline-entity-form input[id*="cancel"]:focus {
  358. outline: 3px solid #FFE8D2;
  359. }
  360. html body input.disabled,
  361. html body input.disabled:hover,
  362. html body input.disabled:active,
  363. html body input.disabled:focus {
  364. background-color: #A0A0A0;
  365. color: #CCCCCC;
  366. text-decoration: line-through;
  367. cursor: not-allowed;
  368. }
  369. input[type="submit"]:disabled {
  370. background: repeating-linear-gradient(
  371. -45deg,
  372. #FFFFFF,
  373. #D2D2D2 4px
  374. ) !important;
  375. color: #6B6B6B !important;
  376. cursor: not-allowed !important;
  377. outline: none !important;
  378. opacity: 0.665 !important;
  379. text-shadow: 1px 1px 0px #fff !important;
  380. }
  381. /* END Buttons */
  382. strong {
  383. font-family: "Segoe UI", "Helvetica",sans-serif !important;
  384. font-weight: 600 !important;
  385. }
  386. /* Omega Fieldset fix */
  387. html body.adminimal-skin-alternative.page-admin-appearance.page-admin-appearance-settings-omega fieldset {
  388. border: solid 1px #ddd !important;
  389. border-top: 3px solid #0074BD !important;
  390. padding: 12px !important;
  391. margin: 18px 0 !important;
  392. }
  393. html body.adminimal-skin-alternative.page-admin-appearance.page-admin-appearance-settings-omega fieldset legend {
  394. color: #484848 !important;
  395. }
  396. div.breadcrumb a {
  397. transition: all, 0.3s;
  398. }
  399. ul.action-links a {
  400. padding: 0px 20px;
  401. font-family: "Segoe UI", "Helvetica", sans-serif;
  402. font-size: 16px;
  403. font-weight: 600;
  404. background: #fff;
  405. line-height: 30px;
  406. border: 2px solid #0074BD;
  407. margin: 5px auto;
  408. border-radius: 100px;
  409. display: block;
  410. transition: all, 0.3s;
  411. }
  412. body.no-rounded-buttons ul.action-links a {
  413. border-radius: 0;
  414. }
  415. ul.action-links a:hover {
  416. text-decoration: none;
  417. background: #0074BD;
  418. color: #fff;
  419. }
  420. #admin-menu {
  421. box-shadow: none;
  422. background: #2B2B2B;
  423. }
  424. #admin-menu .dropdown .admin-menu-toolbar-category > a.active-trail {
  425. background: #0074BD;
  426. }
  427. .overlay #overlay-close,
  428. .overlay #overlay-close:hover {
  429. height: 44px;
  430. background-position-y: 10px;
  431. left: -36px;
  432. }
  433. .overlay #overlay-tabs {
  434. right: 2px;
  435. }
  436. body.adminimal-skin-alternative fieldset legend {
  437. background: white;
  438. padding: 0 6px;
  439. margin: 0;
  440. margin-left: -6px;
  441. font-family: "Segoe UI", "Helvetica",sans-serif;
  442. font-size: 21px;
  443. font-weight: 100;
  444. color: #9E9E9E;
  445. margin-bottom: 2px;
  446. }
  447. body.adminimal-skin-alternative fieldset legend span {
  448. /*border-bottom: 3px solid #F1F1F1;*/
  449. /*padding-bottom: 10px;*/
  450. display: inline-block;
  451. font-size: 21px;
  452. transition: all, 0.3s;
  453. }
  454. body.adminimal-skin-alternative fieldset:hover legend span {
  455. /*border-color: #0074BD;*/
  456. /*color: #000;*/
  457. }
  458. html body.adminimal-skin-alternative.page-admin-appearance fieldset legend {
  459. background: white !important;
  460. padding: 0 6px !important;
  461. margin: 0 !important;
  462. margin-left: -6px !important;
  463. font-family: "Segoe UI", "Helvetica",sans-serif !important;
  464. font-size: 21px !important;
  465. font-weight: 100 !important;
  466. color: #AFAFAF !important;
  467. margin-bottom: 2px !important;
  468. }
  469. body.adminimal-skin-alternative fieldset {
  470. border: none;
  471. border-top: none;
  472. padding: 12px 0;
  473. margin: 0 0 20px;
  474. }
  475. body.adminimal-skin-alternative div.vertical-tabs .vertical-tabs-panes {
  476. margin: 0 0 0 265px;
  477. padding: 20px 15px 10px 0;
  478. }
  479. body.adminimal-skin-alternative .form-item label {
  480. font-family: "Segoe UI", "Helvetica", sans-serif;
  481. font-size: 16px;
  482. font-weight: 400;
  483. }
  484. body.adminimal-skin-alternative .form-item.form-type-checkbox label {
  485. font-family: "Segoe UI", "Helvetica", sans-serif;
  486. font-size: 16px;
  487. font-weight: 400;
  488. line-height: 1.3;
  489. }
  490. body.adminimal-skin-alternative .form-item.form-type-radio label {
  491. font-family: "Segoe UI", "Helvetica", sans-serif;
  492. font-size: 16px;
  493. font-weight: 400;
  494. line-height: 1.3;
  495. }
  496. body.adminimal-skin-alternative #branding {
  497. overflow: hidden;
  498. padding: 12px 20px 0 20px;
  499. position: relative;
  500. background-color: #3B3C3E;
  501. }
  502. body.adminimal-skin-alternative #branding h1.page-title {
  503. color: #FFFFFF;
  504. float: left;
  505. font-family: "Segoe UI", "Helvetica", sans-serif;
  506. font-size: 32px;
  507. font-weight: 300;
  508. line-height: 38px;
  509. margin: 0;
  510. padding: 0 0 12px;
  511. letter-spacing: normal;
  512. }
  513. body.adminimal-skin-alternative div.add-or-remove-shortcuts {
  514. padding-top: 18px;
  515. }
  516. body.adminimal-skin-alternative #toolbar div.toolbar-menu {
  517. background: #464646;
  518. box-shadow: 0 0 6px rgba(0,0,0,0.1);
  519. }
  520. body.adminimal-skin-alternative #toolbar div.toolbar-menu ul li a:hover {
  521. background: #5D5D5D;
  522. }
  523. body.adminimal-skin-alternative.adminimal-menu div#admin-menu {
  524. background: #424242;
  525. border-bottom: 1px solid #3B3C3E;
  526. box-shadow: none;
  527. }
  528. body.adminimal-skin-alternative.adminimal-menu #admin-menu #admin-menu-wrapper .dropdown li li.expandable,
  529. body.adminimal-skin-alternative.adminimal-menu #admin-menu .dropdown li li,
  530. body.adminimal-skin-alternative.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu:hover li {
  531. background-color: #353535;
  532. }
  533. body.adminimal-skin-alternative.adminimal-menu.admin-menu.menu-render-collapsed div.shortcut-toolbar div#toolbar div.toolbar-shortcuts ul.menu li.label a:hover {
  534. background-color: #353535 !important;
  535. }
  536. body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features fieldset legend {
  537. margin-left: 0;
  538. }
  539. body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features fieldset.features-export-component .fieldset-wrapper .form-checkboxes {
  540. padding: 0 10px;
  541. }
  542. body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features #features-filter span {
  543. margin-top: 7px;
  544. }
  545. body.adminimal-skin-alternative.adminimal-theme.page-admin-structure-features #features-filter .form-item.form-type-checkbox.form-item-checkall {
  546. margin: 5px 2px;
  547. }
  548. body.adminimal-skin-alternative table th {
  549. font-family: "Segoe UI", "Helvetica", sans-serif;
  550. background-color: #F3F3F3;
  551. font-weight: 400;
  552. }
  553. body.adminimal-skin-alternative table th.active {
  554. background-color: #0074BD;
  555. color: #fff;
  556. }
  557. body.adminimal-skin-alternative #permissions td.module {
  558. font-family: "Segoe UI", "Helvetica", sans-serif;
  559. color: #4C4C4C;
  560. }
  561. body.adminimal-skin-alternative div.form-type-radio div.description,
  562. body.adminimal-skin-alternative div.form-type-checkbox div.description {
  563. color: #AFAFAF;
  564. }
  565. body.adminimal-skin-alternative tr.even,
  566. body.adminimal-skin-alternative tr.odd {
  567. background-color: #fff;
  568. transition: all, 0.2s;
  569. }