core.css 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317
  1. /**
  2. * Base Rubik styles.
  3. */
  4. /*******************************************************************************
  5. * General styles
  6. ******************************************************************************/
  7. p:last-child {
  8. margin: 0;
  9. }
  10. hr {
  11. display: none;
  12. }
  13. /* Toggleables. */
  14. .toggleable {
  15. display: none;
  16. }
  17. /* Generic. */
  18. .page-content dl dd,
  19. .page-content dl dl {
  20. margin-left: 20px;
  21. margin-bottom: 10px;
  22. }
  23. /* Console. */
  24. div.messages {
  25. color: #036;
  26. background-color: #f8f8f8;
  27. padding: 9px 9px 9px 40px;
  28. border: 1px solid #ccc;
  29. margin: 0 0 10px;
  30. }
  31. table tr.warning th,
  32. div.warning {
  33. color: #a84;
  34. background-color: #fff4c0;
  35. }
  36. table tr.error th,
  37. div.error {
  38. color: #965;
  39. background-color: #ffe4e0;
  40. }
  41. table tr.ok th,
  42. table tr.info th,
  43. div.status {
  44. color: #687;
  45. background-color: #ecf8f4;
  46. }
  47. table tr.merge-down td {border-bottom: 0;}
  48. table tr.merge-up td {border-top: 0;}
  49. table td.status-description {
  50. padding: 3px 40px;
  51. font-size: .9em;
  52. }
  53. div.error {
  54. border-color: #ffd4d0;
  55. }
  56. div.warning {
  57. border-color: #ffe4b0;
  58. }
  59. div.status {
  60. border-color: #dce8e4;
  61. }
  62. /* Pagers. */
  63. .pager {
  64. font-weight: normal;
  65. font-size: 11px;
  66. }
  67. .pager ul.pager-list {
  68. float: left;
  69. }
  70. .pager ul.pager-links {
  71. float: right;
  72. }
  73. /* General styles end */
  74. /*******************************************************************************
  75. * Menus, lists
  76. ******************************************************************************/
  77. .admin-block-description,
  78. .help-items ul li,
  79. .confirmation ul li,
  80. .item-list ul li,
  81. .prose .item-list li,
  82. .menu li {
  83. float: none;
  84. display: block;
  85. padding: 5px 10px 4px;
  86. border-bottom: 1px solid #f4f4f4;
  87. }
  88. .admin-block-description,
  89. .help-items ul li:last-child,
  90. .confirmation ul li:last-child,
  91. .item-list ul li:last-child,
  92. .prose .item-list li:last-child,
  93. .menu li:last-child {
  94. border-bottom: 0;
  95. padding-bottom: 5px;
  96. }
  97. .item-list ul.ui-tabs-nav li:last-child {
  98. padding-bottom: 0;
  99. }
  100. .admin-panel h3 span.icon,
  101. .admin-list li a span.icon {
  102. position: absolute;
  103. left: 10px;
  104. top: 10px;
  105. }
  106. .admin-list-compact li a span.icon {
  107. top: 5px;
  108. }
  109. .admin-panel h3,
  110. .node-type-list li,
  111. .admin-list li {
  112. position: relative;
  113. padding: 10px 5px 9px 50px;
  114. margin: 0;
  115. min-height: 30px;
  116. border-bottom: 1px solid #e8e8e8;
  117. }
  118. .admin-panel h3 {
  119. background: #f4f4f4;
  120. line-height: 30px;
  121. }
  122. .admin-list-compact li {
  123. min-height: 20px;
  124. }
  125. .node-type-list li:last-child,
  126. .admin-list li:last-child {
  127. border: 0;
  128. }
  129. /* Fix default spacing between the links displayed in "Operations" column. */
  130. td ul.links.inline.operations li:not(:last-child) {
  131. padding: 0 10px 0 0;
  132. margin: 0 8px 0 0;
  133. border-right: 1px solid #DDD;
  134. }
  135. /* Menus, lists end */
  136. /*******************************************************************************
  137. * Tables
  138. ******************************************************************************/
  139. .tabledrag-toggle-weight-wrapper {
  140. float: right;
  141. font-size: 11px;
  142. margin-bottom: -30px;
  143. height: 20px;
  144. padding: 5px;
  145. }
  146. .tabledrag-toggle-weight-wrapper a {
  147. display: block;
  148. width: 20px;
  149. height: 20px;
  150. text-indent: -999px;
  151. overflow: hidden;
  152. background: url(../images/bleeds.png) -40px -120px no-repeat;
  153. }
  154. table {
  155. width: 100%;
  156. margin: 0 0 10px;
  157. background-color: #fff;
  158. border-collapse: collapse;
  159. border-color: #ddd;
  160. border-width: 1px;
  161. border-style: solid;
  162. }
  163. .fieldset table {
  164. margin: 0;
  165. }
  166. table td,
  167. table th {
  168. vertical-align: top;
  169. border-width: 1px 0;
  170. border-style: solid;
  171. border-color: #ddd;
  172. padding: 5px;
  173. }
  174. table th {
  175. font-size: 11px;
  176. text-align: left;
  177. font-weight: normal;
  178. color: #666;
  179. background: #eee;
  180. }
  181. table thead th {
  182. border-top-color: #ccc;
  183. }
  184. table td.active {
  185. background: #e4f0f8;
  186. }
  187. table tr.odd td.active {
  188. background: #ecf8fc;
  189. }
  190. table tr.selected td.active,
  191. table tr.selected td {
  192. background: #ffc;
  193. border-color: #eeb;
  194. }
  195. /* Block administration */
  196. table tr.region td {
  197. background: #f8f8f8;
  198. }
  199. /* Hide tabledrag markers */
  200. table tr.draggable span.tabledrag-changed {
  201. display: none;
  202. }
  203. table.field-multiple-table td {
  204. padding: 10px;
  205. }
  206. /* Stripe administrative tables */
  207. .page-admin table tr.even,
  208. .page-admin table tr.even td {
  209. background-color: #f9f9f9;
  210. }
  211. .page-admin table tr.odd,
  212. .page-admin table tr.odd td {
  213. background-color: #fff;
  214. }
  215. .page-admin table tr:hover,
  216. .page-admin table tr:hover td {
  217. background-color: #EEE;
  218. }
  219. /* Use Drupal's default colors for Available Updates page statuses */
  220. .page-admin table tr.warning,
  221. .page-admin table tr.warning td {
  222. background-color: #ffd;
  223. color: #020;
  224. }
  225. .page-admin table tr.ok,
  226. .page-admin table tr.ok td {
  227. background-color: #dfd;
  228. color: #020;
  229. }
  230. .page-admin table tr.error,
  231. .page-admin table tr.error td {
  232. background-color: #fcc;
  233. color: #020;
  234. }
  235. /* Overrides the striping with core classes for errors and warnings */
  236. .page-admin table tr.error,
  237. .page-admin table tr.error td {
  238. background: #FCC;
  239. }
  240. .page-admin table tr.warning,
  241. .page-admin table tr.warning td {
  242. background: #FFD;
  243. }
  244. /* Tables end */
  245. /*******************************************************************************
  246. * Forms
  247. ******************************************************************************/
  248. .block,
  249. .item-list,
  250. .help-items ul,
  251. .form-item,
  252. .confirmation ul,
  253. .admin-list,
  254. .node-type-list,
  255. .admin-panel {
  256. background: #fff;
  257. margin: 0 0 10px;
  258. border-width: 1px;
  259. border-style: solid;
  260. border-color: #ddd;
  261. }
  262. .form-item {
  263. position: relative;
  264. padding: 9px;
  265. }
  266. .form-wrapper {
  267. margin-bottom: 10px;
  268. }
  269. .media-widget.form-wrapper{
  270. padding-bottom: 10px;
  271. }
  272. .form-wrapper .form-wrapper a.button{
  273. margin-left: 10px;
  274. }
  275. .admin-list {
  276. margin: 0;
  277. }
  278. table .form-item,
  279. table .item-list,
  280. .block .form-item,
  281. .block .item-list,
  282. .admin-panel .item-list,
  283. .admin-panel .admin-list,
  284. .fieldset .form-item,
  285. .fieldset .form-type-radio,
  286. .fieldset .form-type-checkbox,
  287. .form-item .form-item,
  288. .form-item .form-type-radio,
  289. .form.item .form-type-checkbox,
  290. .form-checkboxes .form-type-checkbox,
  291. .text-format-wrapper .fieldset .form-item {
  292. background: transparent;
  293. padding: 0;
  294. border: 0;
  295. }
  296. table .form-item,
  297. table .item-list,
  298. .block .item-list,
  299. .admin-panel .item-list,
  300. .admin-panel .admin-list,
  301. .fieldset .form-type-radio,
  302. .fieldset .form-type-checkbox,
  303. .form-item .form-type-radio,
  304. .form.item .form-type-checkbox,
  305. .form-checkboxes .form-type-checkbox {
  306. margin-bottom: 0;
  307. }
  308. .text-format-wrapper .form-item {
  309. background: #fff;
  310. margin: 0 0 10px;
  311. border-width: 1px;
  312. border-style: solid;
  313. border-color: #ddd;
  314. padding: 9px;
  315. }
  316. .form-item label {
  317. margin: 0;
  318. padding: 0;
  319. color: #666;
  320. font-weight: bold;
  321. font-size: 10px;
  322. }
  323. .form-item label.option {
  324. text-transform: none;
  325. font-size: 11px;
  326. }
  327. input.button-add {
  328. background-position: -801px 50%;
  329. padding-left: 25px;
  330. }
  331. input.button-add:active {
  332. background-position: -1201px 50%;
  333. }
  334. input.button-remove {
  335. background-position: -1601px 50%;
  336. padding-left: 25px;
  337. }
  338. input.button-remove:active {
  339. background-position: -2001px 50%;
  340. }
  341. .form-item label.option input {
  342. vertical-align: middle;
  343. }
  344. .page-content .password-description,
  345. .page-content .password-strength,
  346. .page-content .description,
  347. .page-content .form-item .description {
  348. line-height: 15px;
  349. font-size: 11px;
  350. white-space: normal;
  351. }
  352. .admin-panel p.description {
  353. background: #eee;
  354. border-top: 1px solid #ddd;
  355. border-bottom: 1px solid #fff;
  356. line-height: 20px;
  357. font-size: 11px;
  358. padding: 4px 9px;
  359. margin: 0;
  360. }
  361. .fieldset .description {
  362. margin: 0 0 10px;
  363. }
  364. .page-content .form-item .description {
  365. position: absolute;
  366. bottom: 100%;
  367. right: -15px;
  368. z-index: 5;
  369. color: #687;
  370. background: url(../images/popup.png) 50% 100% no-repeat;
  371. border-top: 1px solid #d8e4e0;
  372. width: 240px;
  373. margin: 0 0 -15px;
  374. padding: 9px 10px 20px;
  375. display: none;
  376. }
  377. .page-content .form-item.form-type-checkbox .description {
  378. bottom: 150%;
  379. }
  380. .page-content .form-item:hover {
  381. z-index: 10;
  382. height: auto; /* Fix for flicker in IE7 */
  383. }
  384. .page-content .form-item:hover > .description {
  385. display: block;
  386. }
  387. .rubik-inline-field-descriptions .page-content .form-item .description {
  388. display: block;
  389. position: relative;
  390. background: none;
  391. margin: 0;
  392. padding: 0.25em 0 0.75em;
  393. border: none;
  394. right: 0;
  395. width: 100%;
  396. z-index: 0;
  397. }
  398. a.button,
  399. input.form-submit,
  400. .form-actions #edit-cancel {
  401. display: inline-block
  402. }
  403. a.button,
  404. input.teaser-button,
  405. input.form-submit,
  406. .form-actions #edit-cancel {
  407. cursor: pointer;
  408. padding: 3px 10px;
  409. color: #333;
  410. font-size: 13px;
  411. text-align: center;
  412. font-weight: normal;
  413. border-width: 1px;
  414. border-style: solid;
  415. border-color: #ddd #ddd #ccc;
  416. background: #fff url(../images/buttons.png) -1px 50% no-repeat;
  417. }
  418. input.form-submit:hover,
  419. a.button:hover,
  420. .form-actions #edit-cancel:hover {
  421. border-color: #ace;
  422. -webkit-box-shadow: #ace 0 0 5px;
  423. -moz-box-shadow: #ace 0 0 5px;
  424. box-shadow: #ace 0 0 5px;
  425. }
  426. input.form-submit:active,
  427. a.button:active,
  428. .form-actions #edit-cancel:active {
  429. border-color: #666 #666 #555;
  430. background: #666 url(../images/buttons.png) -401px 50% no-repeat;
  431. color: #222;
  432. text-shadow: #999 0 1px 0;
  433. }
  434. input.button-yes,
  435. a.button-yes {
  436. background-position: -2401px 50%;
  437. padding-left: 25px;
  438. }
  439. input.button-yes:active,
  440. a.button-yes:active {
  441. background-position: -2801px 50%;
  442. }
  443. input.button-no,
  444. a.button-no{
  445. background-position: -3201px 50%;
  446. padding-left: 25px;
  447. }
  448. input.button-no:active,
  449. a.button-no:active{
  450. background-position: -3601px 50%;
  451. }
  452. input.button.launcher,
  453. a.button.launcher {
  454. background-position: -4800px 50%;
  455. padding-left: 25px;
  456. }
  457. input.button.launcher:active,
  458. a.button.launcher:active {
  459. background-position: -1200px 50%;
  460. }
  461. input.button.edit,
  462. a.button.edit {
  463. background-position: -2400px 50%;
  464. padding-left: 25px;
  465. }
  466. input.button.edit:active,
  467. a.button.edit:active {
  468. background-position: -2800px 50%;
  469. }
  470. input.button.remove,
  471. a.button.remove {
  472. background-position: -3200px 50%;
  473. padding-left: 25px;
  474. }
  475. input.button.remove:active,
  476. a.button.remove:active {
  477. background-position: -3600px 50%;
  478. }
  479. .media-widget a.button.remove {
  480. padding-top: 4px;
  481. padding-bottom: 4px;
  482. }
  483. .media-widget .preview {
  484. min-height: 35px;
  485. }
  486. select:not([multiple]).form-select {
  487. height: 28px;
  488. }
  489. input.form-autocomplete,
  490. input.form-text,
  491. input.form-file,
  492. textarea.form-textarea,
  493. select.form-select {
  494. padding: 3px;
  495. border-width: 1px;
  496. border-style: solid;
  497. border-color: #ddd;
  498. background: #fff;
  499. color: #666;
  500. max-width: 100%;
  501. }
  502. input.form-autocomplete:hover,
  503. input.form-text:hover,
  504. input.form-file:hover,
  505. textarea.form-textarea:hover,
  506. select.form-select:hover,
  507. input.form-autocomplete:focus,
  508. input.form-text:focus,
  509. input.form-file:focus,
  510. input.form-checkbox:focus,
  511. input.form-radio:focus,
  512. textarea.form-textarea:focus,
  513. select.form-select:focus {
  514. color: #333;
  515. border-color: #ace;
  516. -webkit-box-shadow: #ace 0 0 5px;
  517. -moz-box-shadow: #ace 0 0 5px;
  518. box-shadow: #ace 0 0 5px;
  519. }
  520. input.fluid {
  521. -webkit-box-sizing: border-box;
  522. -moz-box-sizing: border-box;
  523. -ms-box-sizing: border-box;
  524. box-sizing: border-box;
  525. width: 100%;
  526. }
  527. input.form-file {
  528. padding: 1px;
  529. margin-right: 3px;
  530. }
  531. html.js input.form-autocomplete {
  532. background-position: 100% 7px;
  533. }
  534. html.js input.throbbing {
  535. background-position: 100% -2px;
  536. }
  537. #search-block-form .form-wrapper.form-actions {
  538. background: none;
  539. border: none;
  540. padding: 0;
  541. margin-top: 0;
  542. }
  543. /* Fieldsets */
  544. .fieldset,
  545. .fieldset-title,
  546. .fieldset-title a,
  547. .fieldset-content {
  548. display: block;
  549. }
  550. .fieldset {
  551. margin: 0 0 10px;
  552. display: block;
  553. position: relative;
  554. min-height: 28px;
  555. border: 1px solid #CCCCCC;
  556. }
  557. fieldset legend {
  558. display: block;
  559. float: left;
  560. width: 100%;
  561. }
  562. .fieldset-content .fieldset {
  563. margin: 0;
  564. }
  565. .fieldset-content .fieldset + .fieldset,
  566. .fieldset-content .fieldset + .form-wrapper {
  567. margin-top: 10px;
  568. }
  569. body.page-admin div.vertical-tabs .vertical-tabs-panes .vertical-tabs-pane fieldset {
  570. padding: 0;
  571. }
  572. .fieldset-legend {
  573. display: block;
  574. }
  575. .container-inline .fieldset-legend .fieldset-content,
  576. .fieldset.titled > .fieldset-content {
  577. display: block;
  578. padding-top: 40px;
  579. }
  580. .item-list h3,
  581. .block .block-title,
  582. .fieldset-title,
  583. .collapsible .fieldset-legend a {
  584. display: block;
  585. font-size: 11px;
  586. margin: 0;
  587. padding: 4px 9px 5px;
  588. color: #333;
  589. background: #f6f6f6;
  590. }
  591. .fieldset-legend,
  592. .collapsible .fieldset-legend a {
  593. padding-bottom: 4px;
  594. }
  595. /* Explicit height for IE */
  596. .collapsible .fieldset-legend a {
  597. height: 20px;
  598. padding-left: 28px;
  599. }
  600. .collapsible .fieldset-legend span.icon {
  601. position: absolute;
  602. left: 6px;
  603. top: 6px;
  604. background: url(../images/bleeds.png) -80px -120px no-repeat;
  605. width: 15px;
  606. height: 15px;
  607. display: block;
  608. cursor: pointer;
  609. }
  610. html.js .collapsed .fieldset-legend span.icon {
  611. background-position: -60px -120px;
  612. }
  613. .collapsed .fieldset-legend a {
  614. background: #eee;
  615. color: #484848;
  616. }
  617. .collapsed .fieldset-legend a:hover {
  618. color: #666;
  619. }
  620. .collapsible .fieldset-legend {
  621. padding: 0;
  622. background: transparent;
  623. }
  624. .collapsed .fieldset-legend a {
  625. padding-bottom: 4px;
  626. }
  627. .block .block-content,
  628. .container-inline .fieldset-content,
  629. .fieldset-content {
  630. padding: 10px 9px 9px;
  631. background: #fff;
  632. }
  633. html.js .collapsed .fieldset-content {
  634. display: none;
  635. }
  636. .fieldset .fieldset .fieldset-content {
  637. background: #fff;
  638. }
  639. /* Filter form */
  640. .filter-wrapper {
  641. font-size: 11px;
  642. margin-top: -10px;
  643. border-top: none;
  644. }
  645. .text-format-wrapper .filter-wrapper {
  646. border-top: 1px solid #CCC;
  647. margin-top: 0;
  648. }
  649. .text-format-wrapper .filter-wrapper .form-type-select .filter-list {
  650. max-height: 22px;
  651. }
  652. .text-format-wrapper .filter-wrapper .form-type-select,
  653. .text-format-wrapper .filter-wrapper .filter-guidelines {
  654. margin: 0;
  655. overflow: auto;
  656. }
  657. .filter-wrapper .fieldset-content,
  658. .fieldset .fieldset.filter-wrapper .fieldset-content {
  659. background: #f8f8f8;
  660. border-top: 0;
  661. padding: 5px 9px 4px;
  662. }
  663. .filter-wrapper .form-type-select {
  664. padding: 0;
  665. }
  666. .filter-wrapper .form-type-select * {
  667. float: left;
  668. margin-right: 5px;
  669. }
  670. .filter-wrapper select {
  671. padding: 0;
  672. font-size: 11px;
  673. }
  674. .filter-wrapper .filter-help {
  675. float: right;
  676. font-size: 11px;
  677. margin: 0;
  678. padding: 0;
  679. }
  680. .form-type-date-popup label {
  681. padding: 10px 10px 0 10px;
  682. }
  683. .form-type-date-popup .date-padding label {
  684. padding: 0;
  685. }
  686. .form-type-date-popup .date-padding {
  687. padding-top: 0;
  688. }
  689. /* Form containers. */
  690. .container-inline div {
  691. display: inline;
  692. border: 0;
  693. padding: 0;
  694. background: transparent;
  695. }
  696. .container-inline {
  697. margin: 0 0 10px;
  698. }
  699. /* File uploads. */
  700. .form-type-managed-file input[type="submit"].progress-disabled {
  701. float: none;
  702. }
  703. .form-type-managed-file .ajax-progress-throbber {
  704. margin-top: 5px;
  705. }
  706. /* Forms end */
  707. /*******************************************************************************
  708. * Form layout: default
  709. ******************************************************************************/
  710. .form-layout-default {
  711. background: url(../images/vrule.png) 65% 0% repeat-y;
  712. }
  713. .column-main {
  714. float: left;
  715. width: 65%;
  716. }
  717. .column-main .column-wrapper {
  718. padding-right: 10px;
  719. }
  720. .column-side {
  721. float: right;
  722. width: 34.99%;
  723. }
  724. .column-side .column-wrapper {
  725. padding-left: 10px;
  726. }
  727. .column-footer {
  728. clear: both;
  729. }
  730. .form-wrapper.form-actions {
  731. background: #eee;
  732. border: 1px solid #ddd;
  733. padding: 9px;
  734. margin-top: 10px;
  735. margin-bottom: 0;
  736. }
  737. form .form-actions.container-inline {
  738. background: transparent;
  739. border: 0;
  740. padding: 0;
  741. }
  742. .form-wrapper.form-actions input.form-submit,
  743. .form-wrapper.form-actions a.button {
  744. margin-right: 5px;
  745. }
  746. .form-layout-default .column-main .column-wrapper > .form-actions {
  747. display: none;
  748. }
  749. .form-layout-default .column-side .form-actions {
  750. margin: 0 0 10px;
  751. }
  752. .form-layout-default .column-side .form-actions input.form-submit,
  753. .form-layout-deafult .column-side .form-actions a.button {
  754. margin: 1px 5px 1px 0;
  755. }
  756. /* "Boxes" aka generic wrappers. */
  757. .box-title {
  758. font-weight: normal;
  759. font-size: 10px;
  760. background: #eee;
  761. border: 1px solid #ddd;
  762. padding: 4px 9px;
  763. margin: 0 0 10px;
  764. }
  765. /* Form layout: default end */
  766. /*******************************************************************************
  767. * System
  768. ******************************************************************************/
  769. .admin .right {
  770. padding-left: 5px;
  771. float: right;
  772. }
  773. .admin .left {
  774. padding-right: 5px;
  775. float: left;
  776. }
  777. .admin .right,
  778. .admin .left {
  779. -webkit-box-sizing: border-box;
  780. -moz-box-sizing: border-box;
  781. -ms-box-sizing: border-box;
  782. box-sizing: border-box;
  783. width: 50%;
  784. margin: 0;
  785. }
  786. /* admin/appearance */
  787. .theme-selector {
  788. position: relative;
  789. padding: 9px 9px 9px 314px;
  790. border: 1px solid #ddd;
  791. margin: 10px 0;
  792. min-height: 224px;
  793. text-shadow: #fff 0 1px 0;
  794. }
  795. .theme-selector img {
  796. clip: rect(0px, 294px, 219px, 0);
  797. height: auto;
  798. left: 10px;
  799. position: absolute;
  800. top: 10px;
  801. width: 294px;
  802. }
  803. .theme-selector .operations a {
  804. margin-right: 20px;
  805. }
  806. .system-themes-list-disabled .theme-selector {
  807. background: #eee;
  808. color: #676767;
  809. padding: 9px 9px 9px 162px;
  810. min-height: 110px;
  811. }
  812. .system-themes-list-disabled .theme-selector img {
  813. width: 142px;
  814. }
  815. /* admin/content/node & admin/user/user */
  816. .exposed-filters .form-item label {
  817. float: left;
  818. width: 120px;
  819. }
  820. .exposed-filters .additional-filters {
  821. padding: 5px;
  822. font-size: 11px;
  823. color: #666;
  824. }
  825. /* Update options. */
  826. .admin-options {
  827. background: #f8f8f8;
  828. line-height: 30px;
  829. height: 30px;
  830. padding: 9px;
  831. border: 1px solid #ddd;
  832. margin: 0 0 10px;
  833. }
  834. .admin-options label,
  835. .admin-options .form-item {
  836. margin-right: 10px;
  837. float: left;
  838. }
  839. .admin-options .form-item {
  840. padding: 0;
  841. border: 0;
  842. }
  843. /* Dependency colors. */
  844. .admin-dependencies,
  845. .admin-required {
  846. color: #666;
  847. }
  848. .admin-disabled {
  849. color: #900;
  850. }
  851. .admin-enabled {
  852. color: #099;
  853. }
  854. .admin-missing {
  855. color: #c30;
  856. }
  857. /* Progressbar styles. */
  858. .progress .bar {
  859. -webkit-box-shadow: inset #ddd 0 1px 3px;
  860. -moz-box-shadow: inset #ddd 0 1px 3px;
  861. background: #eee;
  862. border: 1px solid #ccc;
  863. }
  864. .progress .filled {
  865. background: #666;
  866. }
  867. /* Help pages. */
  868. .help-items {
  869. float: left; width: 25%;
  870. }
  871. .help-items ul {
  872. margin: 10px 5px;
  873. }
  874. /* System end */
  875. /*******************************************************************************
  876. * Admin toolbar
  877. ******************************************************************************/
  878. body.tao #admin-toolbar a.menu-hover span.menu-description {
  879. padding-left: 50px;
  880. }
  881. body.tao #admin-toolbar a.menu-hover span.menu-description span.icon {
  882. position: absolute;
  883. left: 10px;
  884. top: 0;
  885. }
  886. /* Admin toolbar end */
  887. /*******************************************************************************
  888. * Form description exceptions
  889. *
  890. * Some form elements are either too weirdly positioned or really benefit
  891. * from persistent descriptions. Reset for all of these.
  892. ******************************************************************************/
  893. .page-content .form-item-files-feeds,
  894. .page-content .form-item-files-feeds .description,
  895. .ctools-export-ui-row .form-item,
  896. .ctools-export-ui-row .form-item .description,
  897. .multiselect .form-item,
  898. .multiselect .form-item .description,
  899. .page-content table .form-item,
  900. .page-content table .form-item .description,
  901. .page-content .form-item .widget-edit .description,
  902. #upload-attachments .description,
  903. #views-ajax-pad .form-item,
  904. #views-ajax-pad .form-item .description {
  905. width: auto;
  906. padding: 0;
  907. margin: 0;
  908. border: 0;
  909. background: transparent;
  910. position: static;
  911. display: block;
  912. }
  913. .page-content .form-item-files-feeds:hover,
  914. .ctools-export-ui-row .form-item:hover,
  915. .multiselect .form-item:hover,
  916. .page-content table .form-item:hover,
  917. #views-ajax-pad .form-item:hover {
  918. position: static;
  919. }
  920. .page-content .form-item-files-feeds .description,
  921. .page-content table .form-item .description,
  922. #upload-attachments .description,
  923. #views-ajax-pad .form-item .description {
  924. padding: 0;
  925. color: #666;
  926. display: block;
  927. max-width: none;
  928. }
  929. /* Form description exceptions end */
  930. /*******************************************************************************
  931. * Vertical tabs
  932. ******************************************************************************/
  933. .vertical-tabs {
  934. background: #fff url(../images/vtabs.png) 0 0 repeat-y;
  935. border: 1px solid #ddd;
  936. margin: 0 0 10px;
  937. position: relative;
  938. }
  939. .vertical-tabs .fieldset-content,
  940. .vertical-tabs fieldset.titled .fieldset-content {
  941. border: 0;
  942. padding: 10px;
  943. }
  944. .vertical-tabs .fieldset-content .fieldset-content {
  945. margin-top: 20px;
  946. }
  947. .vertical-tabs-list li a {
  948. display: block;
  949. text-shadow: #fff 0 1px 0;
  950. padding: 5px 10px 4px 10px;
  951. border-bottom: 1px solid #ddd;
  952. color: #666;
  953. }
  954. .vertical-tabs-list .selected a {
  955. background: #fff;
  956. color: #333;
  957. }
  958. .vertical-tabs-list .summary {
  959. font-size: 11px;
  960. }
  961. .vertical-tabs .vertical-tabs-panes .vertical-tabs-pane .fieldset legend {
  962. display: block;
  963. }
  964. .vertical-tabs .vertical-tabs-panes .vertical-tabs-pane fieldset.collapsible {
  965. border: 1px solid #CCCCCC;
  966. margin: 1em 0;
  967. position: relative;
  968. padding-top: 0;
  969. }
  970. /* Vertical tabs end */
  971. /* Action links. */
  972. .action-links a {
  973. -webkit-border-radius: 5px;
  974. -moz-border-radius: 5px;
  975. border-radius: 5px;
  976. margin: 0 5px 0 0;
  977. padding: 0 5px 0 25px;
  978. background: #999 url(../images/buttons.png) -800px 50% no-repeat;
  979. color: #fff;
  980. text-shadow: #666 0 1px 0;
  981. }
  982. .action-links a:active {
  983. color: #222;
  984. background-color: #666;
  985. background-position: -1200px 50%;
  986. text-shadow: #999 0 1px 0;
  987. }
  988. /* Color module fix. */
  989. #palette .form-item {
  990. width: 20em !important;
  991. height: 2em;
  992. line-height: 2em;
  993. margin: 0.5em 0;
  994. padding: 0.2em;
  995. }
  996. #palette .lock {
  997. z-index: 2;
  998. }
  999. .page-content .color-form .form-item:hover {
  1000. height: 2em;
  1001. }
  1002. /* Panels stylizer color fix. */
  1003. div.ctools-modal-content #palette .form-item label {
  1004. clear: none;
  1005. float: left;
  1006. width: 14em;
  1007. }
  1008. div.ctools-modal-content .color-form .form-item input {
  1009. margin-top: 0;
  1010. }
  1011. /**
  1012. * ORPHANED MARKUP ====================================================
  1013. * The following selectors target markup generated by Drupal that have
  1014. * exactly 1 or extremely few instances. It will make a great future
  1015. * hitlist of markup to consolidate and generalize.
  1016. */
  1017. .compact-link {
  1018. font-size: 11px;
  1019. height: 20px;
  1020. margin: 0 0 10px;
  1021. }
  1022. .compact-link a {
  1023. float: left;
  1024. line-height: 18px;
  1025. padding: 0 9px;
  1026. border: 1px solid #ddd;
  1027. color: #666;
  1028. background: #fff;
  1029. }
  1030. /*******************************************************************************
  1031. * Display suit
  1032. ******************************************************************************/
  1033. .field-formatter-settings-edit-form.ds-ft-processed {
  1034. -webkit-box-sizing: border-box;
  1035. -moz-box-sizing: border-box;
  1036. -ms-box-sizing: border-box;
  1037. box-sizing: border-box;
  1038. padding: 0.5em 1em 0;
  1039. }
  1040. .field-formatter-settings-edit-form.ds-ft-processed .ft-group {
  1041. overflow: auto;
  1042. margin-bottom: 1em !important;
  1043. border-bottom: 1px solid #CCC;
  1044. }
  1045. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.fi {
  1046. border-bottom: 0;
  1047. }
  1048. .field-formatter-settings-edit-form.ds-ft-processed .ft-group > .form-item {
  1049. margin: 0.25em 1em 0.5em 0 !important;
  1050. }
  1051. .field-formatter-settings-edit-form.ds-ft-processed .ft-group > .form-item .description {
  1052. max-width: 120px !important;
  1053. }
  1054. .field-formatter-settings-edit-form.ds-ft-processed .ft-group > .form-item.form-type-checkbox {
  1055. clear: both;
  1056. margin-right: 0 !important;
  1057. }
  1058. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.ow .form-type-textfield,
  1059. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.fis .form-type-textfield,
  1060. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.fi .form-type-textfield {
  1061. clear: left;
  1062. }
  1063. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.ow .form-type-textfield ~ .form-type-textfield,
  1064. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.fis .form-type-textfield ~ .form-type-textfield,
  1065. .field-formatter-settings-edit-form.ds-ft-processed .ft-group.fi .form-type-textfield ~ .form-type-textfield {
  1066. clear: none;
  1067. }
  1068. /* Display suit end */
  1069. /*******************************************************************************
  1070. * Search API
  1071. ******************************************************************************/
  1072. #facetapi-facet-display-form .fieldset-content > .form-item {
  1073. -webkit-box-sizing: border-box;
  1074. -moz-box-sizing: border-box;
  1075. -ms-box-sizing: border-box;
  1076. box-sizing: border-box;
  1077. float: left;
  1078. width: 50% !important;
  1079. }
  1080. #facetapi-facet-display-form .fieldset-content .facetapi-sort-table {
  1081. -webkit-box-sizing: border-box;
  1082. -moz-box-sizing: border-box;
  1083. -ms-box-sizing: border-box;
  1084. box-sizing: border-box;
  1085. margin-top: 0 !important;
  1086. position: static !important;
  1087. width: 50% !important;
  1088. z-index: 1 !important;
  1089. }
  1090. /* Search API end */
  1091. /*******************************************************************************
  1092. * Sidebar scroll
  1093. ******************************************************************************/
  1094. #content .column-side .column-wrapper {
  1095. padding-bottom: 5px;
  1096. }
  1097. #content .column-side .column-wrapper.fixed {
  1098. -webkit-box-sizing: border-box;
  1099. -moz-box-sizing: border-box;
  1100. -ms-box-sizing: border-box;
  1101. box-sizing: border-box;
  1102. display: inline-block;
  1103. position: fixed;
  1104. top: 5px;
  1105. z-index: 11;
  1106. /* Necessary to avoid overlap with the left column upon scrolling. */
  1107. margin-left: 1px;
  1108. }
  1109. .admin-menu #content .column-side .column-wrapper.fixed {
  1110. top: 40px;
  1111. }
  1112. /* Sidebar scroll end */
  1113. /*******************************************************************************
  1114. * Watchdog/dblog
  1115. ******************************************************************************/
  1116. #admin-dblog td {
  1117. border-color: #ccc;
  1118. }
  1119. #admin-dblog .dblog-notice td,
  1120. #admin-dblog .dblog-notice .active {
  1121. background-color: #ECF8FC;
  1122. }
  1123. #admin-dblog .dblog-info td,
  1124. #admin-dblog .dblog-info .active {
  1125. background-color: #DFF2BF;
  1126. }
  1127. #admin-dblog .dblog-warning td,
  1128. #admin-dblog .dblog-warning .active {
  1129. background-color: #FEEFB3;
  1130. }
  1131. #admin-dblog .dblog-error td,
  1132. #admin-dblog .dblog-error .active {
  1133. background-color: #FFBABA;
  1134. }
  1135. /* Watchdog/dblog end */
  1136. /*******************************************************************************
  1137. * Breakpoints
  1138. ******************************************************************************/
  1139. #breakpoints-admin-breakpoints #edit-buttons input,
  1140. #breakpoints-admin-breakpoints #edit-buttons a {
  1141. margin-bottom: 1em;
  1142. margin-right: 1em;
  1143. }
  1144. .breakpoints-group-operations-link {
  1145. display: inline-block;
  1146. cursor: pointer;
  1147. padding: 3px 10px;
  1148. color: #333;
  1149. font-size: 13px;
  1150. text-align: center;
  1151. font-weight: normal;
  1152. border-width: 1px;
  1153. border-style: solid;
  1154. border-color: #ddd #ddd #ccc;
  1155. background: #fff url(../images/buttons.png) -1px 50% no-repeat;
  1156. -webkit-border-radius: 3px;
  1157. -moz-border-radius: 3px;
  1158. border-radius: 3px;
  1159. -webkit-box-shadow: #ddd 0 1px 1px;
  1160. -moz-box-shadow: #ddd 0 1px 1px;
  1161. box-shadow: #ddd 0 1px 1px;
  1162. }
  1163. .breakpoints-group-operations-link:hover {
  1164. border-color: #ace;
  1165. -webkit-box-shadow: #ace 0 0 5px;
  1166. -moz-box-shadow: #ace 0 0 5px;
  1167. box-shadow: #ace 0 0 5px;
  1168. }
  1169. .breakpoints-group-operations-link:active {
  1170. border-color: #666 #666 #555;
  1171. background: #666 url(../images/buttons.png) -401px 50% no-repeat;
  1172. color: #222;
  1173. text-shadow: #999 0 1px 0;
  1174. }
  1175. /* Breakpoints end */
  1176. /*******************************************************************************
  1177. * Media
  1178. ******************************************************************************/
  1179. .page-media-browser {
  1180. overflow: hidden;
  1181. }
  1182. .page-media-browser #block-system-main {
  1183. border: none;
  1184. }
  1185. .media-widget .preview {
  1186. background-color: #CCC;
  1187. min-width: 50px;
  1188. min-height: 50px;
  1189. }
  1190. .media-widget .preview .media-item {
  1191. margin: 0;
  1192. }
  1193. .media-widget .preview.launcher > .form-item {
  1194. padding: 0; border: 0;
  1195. }
  1196. .media-widget.form-wrapper {
  1197. margin-bottom: 0;
  1198. }
  1199. .media-widget > .form-item:last-child {display: none;}
  1200. .field-widget-media-generic > div > .form-item {
  1201. border: 0;
  1202. padding: 0;
  1203. }
  1204. .field-widget-media-generic .field-multiple-table thead .field-label {
  1205. padding-left: 5px;
  1206. }
  1207. .media-item .label-wrapper label {
  1208. display: block;
  1209. }
  1210. #media-browser-page {
  1211. overflow: hidden;
  1212. }
  1213. #media-browser-page .form-actions {
  1214. margin-bottom: 0;
  1215. }
  1216. #media-browser-tabset {
  1217. border: none;
  1218. }
  1219. #media-browser-tabset #branding {
  1220. padding: 8px 10px 2px 10px; height: 20px;
  1221. }
  1222. #media-browser-tabset #branding h1 {
  1223. margin-top: -3px;
  1224. }
  1225. #media-tabs-wrapper .tabs.primary {
  1226. margin-right: 10px;
  1227. }
  1228. .media-browser-tab.ui-tabs-panel {
  1229. border: none; padding-bottom: 0;
  1230. }
  1231. .view-media-default #edit-filename-wrapper {
  1232. max-width: 200px;
  1233. }
  1234. /* Media end */
  1235. /*******************************************************************************
  1236. * Other contrib modules
  1237. ******************************************************************************/
  1238. /* CTools */
  1239. td.ctools-export-ui-operations {
  1240. position: relative;
  1241. }
  1242. /* Administration Menu. */
  1243. #admin-menu-wrapper {
  1244. overflow: visible;
  1245. }
  1246. #admin-menu .admin-menu-search .form-item {
  1247. border: 0;
  1248. }
  1249. #admin-menu .admin-menu-search input.admin-menu-search {
  1250. height: 19px;
  1251. padding: 0 5px;
  1252. border-radius: 0;
  1253. }
  1254. #admin-menu .dropdown .admin-menu-search-results {
  1255. top: 21px;
  1256. }
  1257. body.adminimal-menu #admin-menu .dropdown .admin-menu-search-results {
  1258. top: 29px;
  1259. }
  1260. #admin-menu .dropdown li ul,
  1261. #admin-menu .dropdown li li {
  1262. width: 160px!important;
  1263. }
  1264. /* Adminimal Administration Menu. */
  1265. body.adminimal-menu {
  1266. margin-top: 29px!important;
  1267. }
  1268. body.adminimal-menu .admin-menu-search > .form-item {
  1269. border: none;
  1270. position: static;
  1271. }
  1272. #admin-menu .admin-menu-search input,
  1273. body.adminimal-menu #admin-menu-search input[type="text"] {
  1274. height: 28px;
  1275. padding-top: 0;
  1276. padding-bottom: 0;
  1277. width: 160px;
  1278. }
  1279. body.adminimal-menu #admin-menu-search input[type="text"]:hover,
  1280. body.adminimal-menu #admin-menu-search input[type="text"]:focus {
  1281. outline: none;
  1282. -webkit-box-shadow: 0 0 0;
  1283. -moz-box-shadow: 0 0 0;
  1284. box-shadow: 0 0 0;
  1285. }
  1286. body.adminimal-menu #admin-menu-search input[type="text"]:focus {
  1287. background: #666;
  1288. }
  1289. /* Date. */
  1290. fieldset.date-combo .container-inline-date .date-padding {
  1291. padding: 0;
  1292. }
  1293. fieldset.date-combo .container-inline-date > .form-item {
  1294. margin-bottom: 0;
  1295. }
  1296. /* Other contrib modules end */