adminimal.css 19 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763
  1. /* Adminimal Theme overrides file. All selectors must start with ".adminimal" */
  2. /* Import the Open Sans webfont from Google CDN */
  3. @font-face {
  4. font-family: 'Open Sans';
  5. font-style: normal;
  6. font-weight: 300;
  7. src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTRsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  8. }
  9. @font-face {
  10. font-family: 'Open Sans';
  11. font-style: normal;
  12. font-weight: 400;
  13. src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/uYKcPVoh6c5R0NpdEY5A-Q.woff) format('woff');
  14. }
  15. @font-face {
  16. font-family: 'Open Sans';
  17. font-style: normal;
  18. font-weight: 600;
  19. src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNShsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
  20. }
  21. body.adminimal {
  22. font: normal 81.3%/1.538em "Open Sans", sans-serif;
  23. }
  24. .adminimal h1,
  25. .adminimal .heading-a {
  26. font-weight: 300;
  27. margin-bottom: 19px;
  28. margin-bottom: 1rem;
  29. font-size: 2.35em;
  30. line-height: 1.2em;
  31. color: #fff;
  32. }
  33. .adminimal .content-header {
  34. background-color: #333;
  35. padding: 1rem 0 0;
  36. }
  37. .adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal {
  38. padding-top: 4rem !important;
  39. }
  40. .adminimal thead th {
  41. border: none;
  42. color: #909090;
  43. text-transform: none;
  44. font-weight: 500;
  45. font-size: 0.91rem;
  46. }
  47. .adminimal thead th.is-active {
  48. background: #fff;
  49. border-bottom: 1px solid #fff;
  50. border-top: 1px solid #E6E4DF;
  51. border-left: 1px solid #E6E4DF;
  52. border-right: 1px solid #E6E4DF;
  53. }
  54. .adminimal th.is-active > a,
  55. .adminimal th.is-active > a:hover {
  56. color: #333;
  57. }
  58. .adminimal th > a:hover {
  59. text-decoration: underline;
  60. }
  61. .adminimal th > a:after,
  62. .adminimal th.is-active > a:after {
  63. display: none;
  64. }
  65. .adminimal thead > tr {
  66. border-bottom: 1px solid #E6E4DF;
  67. }
  68. .adminimal .tabs__tab {
  69. border: 1px solid transparent;
  70. }
  71. .adminimal .tabs.primary {
  72. margin: 0;
  73. margin: 0;
  74. }
  75. .adminimal .tabs.primary .tabs__tab.is-active {
  76. border-radius: 0; /* LTR */
  77. }
  78. [dir="rtl"] .adminimal .tabs.primary .tabs__tab.is-active {
  79. border-top-right-radius: 0;
  80. }
  81. .adminimal .is-collapse-enabled .tabs__trigger {
  82. border-radius: 0; /* LTR */
  83. }
  84. [dir="rtl"] .is-collapse-enabled .tabs__trigger {
  85. border-left: 1px solid transparent;
  86. border-radius: 0 0 0 0;
  87. }
  88. .adminimal .is-open .tabs__tab.is-active {
  89. border-bottom: 1px solid transparent;
  90. }
  91. .adminimal .is-horizontal .tabs__tab {
  92. transition: all, 0.3s;
  93. }
  94. .adminimal .is-horizontal .tabs__tab + .tabs__tab,
  95. [dir="rtl"] .adminimal .is-horizontal .tabs__tab + .tabs__tab,
  96. .adminimal .is-horizontal .tabs.primary .tabs__tab:first-child,
  97. [dir="rtl"] .adminimal .is-horizontal .tabs.primary .tabs__tab:first-child,
  98. .adminimal .is-horizontal .tabs.primary .tabs__tab:last-child,
  99. [dir="rtl"] .adminimal .is-horizontal .tabs.primary .tabs__tab:last-child,
  100. .adminimal .is-horizontal .tabs__tab.is-active,
  101. .adminimal .is-horizontal .tabs.primary .tabs__tab.is-active,
  102. [dir="rtl"] .adminimal .is-horizontal .tabs.primary .tabs__tab.is-active {
  103. border-radius: 0;
  104. border: none;
  105. margin-left: 0;
  106. margin-right: 0;
  107. }
  108. .adminimal .is-collapse-enabled .tabs:before,
  109. .adminimal .is-horizontal .tabs:before {
  110. display: none;
  111. }
  112. .adminimal .tabs__tab,
  113. .adminimal .tabs__tab:hover,
  114. .adminimal .tabs__tab:focus,
  115. .adminimal .tabs.primary a:focus {
  116. background: transparent;
  117. }
  118. .adminimal .is-horizontal .tabs.primary a:hover {
  119. text-decoration: underline;
  120. }
  121. .adminimal nav.is-horizontal.is-collapsible.position-container.is-horizontal-enabled ul.tabs.primary {
  122. background: #ebebeb;
  123. margin-left: -2.1rem;
  124. margin-right: -2.1rem;
  125. padding-left: 0.5rem;
  126. padding-right: 0.5rem;
  127. }
  128. .adminimal .is-horizontal .tabs.primary .tabs__tab:first-child.is-active {
  129. box-shadow: -0.5rem 0px 0 #fff;
  130. }
  131. .adminimal .is-horizontal ul.tabs.secondary li:first-of-type {
  132. margin-left: 0;
  133. }
  134. [dir="rtl"] .adminimal .is-horizontal ul.tabs.secondary li:first-of-type {
  135. margin-left: 1em;
  136. }
  137. [dir="rtl"] .adminimal .is-horizontal ul.tabs.secondary li:first-of-type {
  138. margin-right: 0;
  139. }
  140. .adminimal .vertical-tabs {
  141. border-radius: 0;
  142. border: none;
  143. background: transparent;
  144. }
  145. .adminimal .vertical-tabs__panes {
  146. border: none;
  147. }
  148. .adminimal .vertical-tabs__menu {
  149. border-bottom: none;
  150. }
  151. .adminimal .vertical-tabs__menu-item a {
  152. border: 0 none;
  153. transition: all, 0.2s;
  154. }
  155. .adminimal .vertical-tabs__menu-item a:hover,
  156. .adminimal .vertical-tabs__menu-item a:focus {
  157. background: #D2E7F4;
  158. }
  159. .adminimal .vertical-tabs__menu-item.is-selected a:hover,
  160. .adminimal .vertical-tabs__menu-item.is-selected a:focus {
  161. background: #FCFCFA;
  162. }
  163. .adminimal .vertical-tabs__menu-item.is-selected {
  164. border: 0 none;
  165. box-shadow: none;
  166. }
  167. .adminimal .button {
  168. border-radius: 0;
  169. background-image: none;
  170. background-color: #F9F9F9;
  171. text-shadow: none;
  172. transition: all, 0.2s;
  173. }
  174. .adminimal .button:hover,
  175. .adminimal .button:focus {
  176. background-color: #FFFFFF;
  177. border-color: #008ee6;
  178. background-image: none;
  179. }
  180. .adminimal .button-action:before {
  181. display: none;
  182. }
  183. .adminimal .action-links {
  184. margin: 2em 0;
  185. }
  186. .adminimal .button--primary {
  187. background: #0071b8;
  188. border-color: #0071b8;
  189. }
  190. .adminimal .button--primary:hover,
  191. .adminimal .button--primary:focus {
  192. background-image: none;
  193. background-color: #1f86c7;
  194. border-color: #1f86c7;
  195. }
  196. .adminimal .button:focus {
  197. box-shadow: none;
  198. border-color: rgb(104, 163, 207);
  199. outline: rgb(193, 224, 255) solid 2px;
  200. }
  201. .adminimal .button--small:focus {
  202. outline: none;
  203. }
  204. .adminimal .action-links .button--primary {
  205. color: #327EBD;
  206. background: #fff;
  207. font-size: 14px;
  208. padding: 0.33rem 1.33rem;
  209. border: 2px solid #327ebd;
  210. font-family: sans-serif;
  211. border-radius: 999px;
  212. font-weight: 600;
  213. }
  214. .adminimal .action-links .button--primary:hover,
  215. .adminimal .action-links .button--primary:focus {
  216. color: #fff;
  217. box-shadow: none;
  218. background-image: none;
  219. background-color: #327EBD;
  220. }
  221. .adminimal .action-links .button--primary:focus {
  222. border-color: #08639b;
  223. outline: none;
  224. }
  225. .adminimal .button--small {
  226. border-color: #cacaca;
  227. border-radius: 0.2rem;
  228. color: #b1b1b1;
  229. font-weight: 500;
  230. background: #fff;
  231. }
  232. .adminimal .button--danger {
  233. text-decoration: none;
  234. background-color: transparent;
  235. }
  236. .adminimal .button--danger:hover {
  237. text-decoration: underline;
  238. }
  239. .adminimal select {
  240. min-height: 28px;
  241. text-shadow: none;
  242. }
  243. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  244. .adminimal select {
  245. border-radius: 0;
  246. background: url(../images/caret-down.svg) no-repeat 98% 64% #fcfcfa;
  247. }
  248. .adminimal select:focus,
  249. .adminimal select:hover {
  250. background: url(../images/caret-down.svg) no-repeat 98% 64% #fcfcfa;
  251. }
  252. .adminimal select:focus {
  253. border-color: #68A3CF;
  254. outline: 2px solid #C1E0FF;
  255. outline-offset: 0px;
  256. color: #000;
  257. }
  258. }
  259. .js .adminimal .form-actions .dropbutton .dropbutton-action > * {
  260. text-shadow: none;
  261. }
  262. .js .adminimal .form-actions .dropbutton .dropbutton-action > *,
  263. .js .adminimal .dropbutton-widget .dropbutton-action a,
  264. .js .adminimal .dropbutton-widget .dropbutton-action input,
  265. .js .adminimal .dropbutton-widget .dropbutton-action button,
  266. .js .adminimal .dropbutton-multiple .dropbutton-widget,
  267. .js .adminimal .dropbutton-widget .dropbutton-action input,
  268. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button {
  269. border-radius: 0;
  270. font-weight: 500;
  271. box-shadow: none;
  272. }
  273. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
  274. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
  275. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
  276. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
  277. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
  278. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus {
  279. box-shadow: none;
  280. }
  281. .js .adminimal .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button,
  282. .adminimal .form-actions .dropbutton .secondary-action {
  283. border-color: #FFFFFF;
  284. }
  285. .js .adminimal .dropbutton-multiple .dropbutton-widget {
  286. background: #fcfcfa;
  287. background-image: none;
  288. text-shadow: none;
  289. }
  290. .js .adminimal .form-actions .dropbutton-multiple .dropbutton-widget {
  291. background-color: #0071b8;
  292. }
  293. .js .adminimal .dropbutton-multiple .dropbutton-widget {
  294. text-shadow: none;
  295. }
  296. .js .adminimal .dropbutton-multiple.open .dropbutton-action:first-child a,
  297. .js .adminimal .dropbutton-multiple.open .dropbutton-action:first-child .button {
  298. border-radius: 0;
  299. }
  300. .js .adminimal .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:hover,
  301. .js .adminimal .form-actions .dropbutton-wrapper .dropbutton-widget .dropbutton-action .button:focus {
  302. background-image: none;
  303. box-shadow: none;
  304. }
  305. .adminimal label {
  306. margin: 0 0 0.2em;
  307. }
  308. .adminimal input.form-autocomplete,
  309. .adminimal input.form-text,
  310. .adminimal input.form-tel,
  311. .adminimal input.form-email,
  312. .adminimal input.form-url,
  313. .adminimal input.form-search,
  314. .adminimal input.form-number,
  315. .adminimal input.form-color,
  316. .adminimal input.form-file,
  317. .adminimal input.form-date,
  318. .adminimal input.form-time,
  319. .adminimal textarea.form-textarea {
  320. box-shadow: none;
  321. border-radius: 0;
  322. }
  323. .adminimal .form-text:focus,
  324. .adminimal .form-tel:focus,
  325. .adminimal .form-email:focus,
  326. .adminimal .form-url:focus,
  327. .adminimal .form-search:focus,
  328. .adminimal .form-number:focus,
  329. .adminimal .form-color:focus,
  330. .adminimal .form-file:focus,
  331. .adminimal .form-textarea:focus,
  332. .adminimal .form-date:focus,
  333. .adminimal .form-time:focus {
  334. border-color: #68A3CF;
  335. outline: 2px solid #C1E0FF;
  336. outline-offset: 0px;
  337. color: #000;
  338. }
  339. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:hover,
  340. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:hover,
  341. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:hover,
  342. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action a:focus,
  343. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action button:focus,
  344. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-action input:focus,
  345. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:hover,
  346. .js .adminimal .dropbutton-wrapper .dropbutton-widget .dropbutton-toggle button:focus {
  347. background-image:none;
  348. background-color: #FFFFFF;
  349. }
  350. .adminimal .link.tabledrag-toggle-weight {
  351. margin-bottom: 0.3em;
  352. }
  353. .adminimal .toolbar {
  354. font-family: "Open Sans";
  355. }
  356. .adminimal.toolbar-fixed.toolbar-vertical {
  357. padding-top: 32px !important;
  358. }
  359. .adminimal .toolbar a {
  360. transition: all, 0.2s;
  361. }
  362. .adminimal .toolbar .toolbar-bar {
  363. box-shadow: none;
  364. background-color: #2D2D2D;
  365. }
  366. .adminimal .toolbar .toolbar-menu {
  367. background: #333;
  368. }
  369. .adminimal .toolbar .toolbar-tray-vertical {
  370. border: none;
  371. box-shadow: none;
  372. }
  373. .adminimal .toolbar-tray a {
  374. color: #BBBBBB;
  375. }
  376. .adminimal .toolbar .toolbar-bar .toolbar-tab > .toolbar-item {
  377. font-weight: 600;
  378. }
  379. .adminimal .toolbar .toolbar-bar .toolbar-item {
  380. color: #BEBEBE;
  381. }
  382. .adminimal .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:hover {
  383. background-image: none;
  384. background-color: #2D2D2D;
  385. color: #fff;
  386. text-decoration: none;
  387. }
  388. .adminimal .toolbar .toolbar-bar .toolbar-tab > .toolbar-item.is-active,
  389. .adminimal .toolbar .toolbar-bar .toolbar-tab > .toolbar-item:focus {
  390. background-image: none;
  391. background-color: #333;
  392. text-decoration: none;
  393. }
  394. .adminimal .toolbar .toolbar-tray-horizontal .menu-item + .menu-item,
  395. [dir="rtl"] .adminimal .toolbar .toolbar-tray-horizontal .menu-item + .menu-item,
  396. .adminimal .toolbar .toolbar-tray-horizontal .menu-item:last-child {
  397. border-left: none; /* LTR */
  398. border-right: none;
  399. }
  400. .adminimal .toolbar .toolbar-tray .menu-item--active-trail > .toolbar-box a,
  401. .adminimal .toolbar .toolbar-tray a.is-active {
  402. color: #bbb;
  403. text-decoration: none;
  404. font-weight: 500;
  405. }
  406. .adminimal .toolbar .toolbar-tray-vertical .menu-item + .menu-item {
  407. border: 0 none;
  408. }
  409. .adminimal .toolbar .toolbar-tray {
  410. background-color: #333;
  411. box-shadow: -2px 2px 12px rgba(0,0,0,0.85);
  412. }
  413. .adminimal .toolbar .toolbar-tray-horizontal {
  414. border-bottom: 1px solid #333;
  415. box-shadow: none;
  416. }
  417. .adminimal .toolbar .toolbar-toggle-orientation {
  418. background-color: #333;
  419. }
  420. .adminimal .toolbar .toolbar-icon.toolbar-handle:focus {
  421. background-color: transparent;
  422. }
  423. .adminimal .toolbar .toolbar-icon.toolbar-handle:before {
  424. background-image: url(../images/chevron-disc-down.svg);
  425. }
  426. .adminimal .toolbar .toolbar-icon.toolbar-handle:hover:before {
  427. background-image: url(../images/chevron-disc-down-hover.svg);
  428. }
  429. .adminimal .toolbar .toolbar-icon.toolbar-handle.open:before {
  430. background-image: url(../images//chevron-disc-up.svg);
  431. }
  432. .adminimal .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:before {
  433. background-image: url(../images/chevron-disc-down.svg);
  434. }
  435. .adminimal .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle:hover:before {
  436. background-image: url(../images/chevron-disc-down-hover.svg);
  437. }
  438. .adminimal .toolbar .toolbar-menu .toolbar-menu .toolbar-icon.toolbar-handle.open:before {
  439. background-image: url(../images//chevron-disc-up.svg);
  440. }
  441. .adminimal .toolbar-tray-horizontal a:focus, .toolbar-box a:focus {
  442. background: transparent;
  443. }
  444. .adminimal .toolbar .toolbar-tray-vertical .toolbar-menu a {
  445. color: #BBB;
  446. }
  447. .adminimal .toolbar .toolbar-tray-vertical .toolbar-menu a:hover {
  448. color: #fff;
  449. }
  450. .adminimal .toolbar .toolbar-tray-vertical .toolbar-menu ul ul {
  451. border: none;
  452. }
  453. .adminimal .toolbar .toolbar-tray-horizontal .toolbar-toggle-orientation {
  454. border: none;
  455. }
  456. /* Style checkbox and radio buttons in Chrome + Safari + Opera */
  457. @supports (-webkit-appearance:none) {
  458. input[type=checkbox],
  459. input[type=radio],
  460. input[type=checkbox]#edit-delete {
  461. -webkit-appearance:none;
  462. display: inline-block;
  463. position: relative;
  464. top: 3px;
  465. margin-right: 0.25em;
  466. padding: 0;
  467. background: #fff;
  468. border: 1px solid #B5B5B5;
  469. width: 16px !important;
  470. height: 16px !important;
  471. -webkit-transition: all 0.5s ease;
  472. -o-transition: all 0.5s ease;
  473. transition: background 0.5s ease;
  474. outline: none;
  475. }
  476. .adminimal-theme .location .form-item input.form-checkbox {
  477. width: 16px;
  478. display: inline-block;
  479. }
  480. input[type=checkbox]#edit-delete {
  481. margin-bottom: 0;
  482. }
  483. input[type=radio] {
  484. border-radius: 50%;
  485. }
  486. input[type=checkbox]:hover,
  487. input[type=checkbox]:focus,
  488. input[type=radio]:hover,
  489. input[type=radio]:focus {
  490. border-color: #0074BD;
  491. cursor: pointer;
  492. }
  493. input[type=checkbox]#edit-delete:hover,
  494. input[type=checkbox]#edit-delete:focus {
  495. border-color: #D01616;
  496. cursor: pointer;
  497. }
  498. input[type=checkbox]:checked,
  499. input[type=checkbox]:disabled:checked,
  500. input[type=radio]:checked,
  501. input[type=radio]:disabled:checked{
  502. background: #0074BD;
  503. box-shadow: inset 0px 0px 0px 3px #fff;
  504. }
  505. input[type=checkbox]#edit-delete:checked,
  506. input[type=checkbox]#edit-delete:disabled:checked {
  507. background: #D01616;
  508. box-shadow: inset 0px 0px 0px 3px #fff;
  509. }
  510. input[type=checkbox]:disabled,
  511. input[type=radio]:disabled {
  512. opacity: .5;
  513. background: #E2E2E2;
  514. }
  515. input[type=checkbox]#edit-delete:disabled {
  516. opacity: .5;
  517. background: #E88181;
  518. }
  519. input[type=checkbox]:disabled:hover {
  520. border-color: #B5B5B5;
  521. cursor: default;
  522. }
  523. input[type=checkbox]:disabled:hover,
  524. input[type=radio]:disabled:hover {
  525. border-color: #B5B5B5;
  526. cursor: default;
  527. /*cursor: not-allowed;*/
  528. }
  529. }
  530. .adminimal .dropbutton-single .dropbutton-action a {
  531. border-radius: 0 !important;
  532. background-image: none;
  533. background: #F5F5F2;
  534. }
  535. .adminimal .ui-dialog .ui-dialog-titlebar {
  536. border-radius: 0;
  537. background: #333;
  538. }
  539. .adminimal .ui-dialog .ui-widget-content.ui-dialog-buttonpane {
  540. border-radius: 0;
  541. }
  542. .adminimal .ui-dialog .ui-dialog-titlebar,
  543. .adminimal .ui-dialog {
  544. outline: none;
  545. }
  546. .adminimal .ui-dialog {
  547. box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  548. }
  549. .adminimal .ui-button-icon-only.ui-dialog-titlebar-close.ui-state-active,
  550. .adminimal .ui-button-icon-only.ui-dialog-titlebar-close.ui-widget-content .ui-state-active {
  551. background: transparent;
  552. border-color: transparent;
  553. color: transparent;
  554. }
  555. .adminimal .ui-dialog .ui-dialog-titlebar-close {
  556. opacity: 0.5;
  557. transition: all, 0.2s;
  558. }
  559. .adminimal .ui-dialog .ui-dialog-titlebar-close:hover {
  560. opacity: 1;
  561. }
  562. .adminimal .messages {
  563. margin: 1rem 0 1rem 0;
  564. border-width: 1px 0px 1px 0;
  565. border-radius: 0;
  566. background-color: transparent;
  567. box-shadow: none;
  568. background-size: 1.3rem;
  569. background-position: 5px 50%;
  570. }
  571. .adminimal .messages--error {
  572. border-color: #E32700;
  573. }
  574. .adminimal .messages--warning {
  575. border-color: #E29700;
  576. }
  577. .adminimal .messages--status {
  578. border-color: #73B355;
  579. }
  580. .adminimal .cke_top,
  581. .adminimal .cke_bottom {
  582. background: #F7F7F7;
  583. background-image: none;
  584. box-shadow: none;
  585. }
  586. .adminimal .filter-wrapper {
  587. background: #F7F7F7;
  588. }
  589. .adminimal .cke_ltr .cke_button:first-child,
  590. .adminimal .cke_rtl .cke_button:last-child,
  591. .adminimal .cke_toolgroup {
  592. border-radius: 0;
  593. }
  594. /* Main menu icons. */
  595. .adminimal .toolbar-icon-system-admin-content:active:before,
  596. .adminimal .toolbar-icon-system-admin-content.is-active:before {
  597. background-image: url(/core/themes/stable/images/core/icons/787878/file.svg);
  598. }
  599. .adminimal .toolbar-icon-system-admin-structure:active:before,
  600. .adminimal .toolbar-icon-system-admin-structure.is-active:before {
  601. background-image: url(/core/themes/stable/images/core/icons/787878/orgchart.svg);
  602. }
  603. .adminimal .toolbar-icon-system-themes-page:active:before,
  604. .adminimal .toolbar-icon-system-themes-page.is-active:before {
  605. background-image: url(/core/themes/stable/images/core/icons/787878/paintbrush.svg);
  606. }
  607. .adminimal .toolbar-icon-entity-user-collection:active:before,
  608. .adminimal .toolbar-icon-entity-user-collection.is-active:before {
  609. background-image: url(/core/themes/stable/images/core/icons/787878/people.svg);
  610. }
  611. .adminimal .toolbar-icon-system-modules-list:active:before,
  612. .adminimal .toolbar-icon-system-modules-list.is-active:before {
  613. background-image: url(/core/themes/stable/images/core/icons/787878/puzzlepiece.svg);
  614. }
  615. .adminimal .toolbar-icon-system-admin-config:active:before,
  616. .adminimal .toolbar-icon-system-admin-config.is-active:before {
  617. background-image: url(/core/themes/stable/images/core/icons/787878/wrench.svg);
  618. }
  619. .adminimal .toolbar-icon-system-admin-reports:active:before,
  620. .adminimal .toolbar-icon-system-admin-reports.is-active:before {
  621. background-image: url(/core/themes/stable/images/core/icons/787878/barchart.svg);
  622. }
  623. .adminimal .toolbar-icon-help-main:active:before,
  624. .adminimal .toolbar-icon-help-main.is-active:before {
  625. background-image: url(/core/themes/stable/images/core/icons/787878/questionmark-disc.svg);
  626. }
  627. /* Main menu icons end. */
  628. .adminimal.path-batch .layout-container {
  629. padding-top: 1.3rem;
  630. }