adminimal.css 20 KB

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