adminimal.css 20 KB

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