guibik.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929
  1. /** COMMONS */
  2. .inline-block {
  3. display: inline-block;
  4. display: moz-inline-stack;
  5. *display: inline;
  6. *zoom: 1;
  7. vertical-align: top;
  8. }
  9. /** HTML5 */
  10. /*
  11. * www.g-u-i.net
  12. */
  13. /** table */
  14. /** GENERAL FORM */
  15. a {
  16. color: #0092D2;
  17. }
  18. table th {
  19. background-color: #E0E0E0;
  20. }
  21. .block,
  22. .item-list,
  23. .help-items ul,
  24. .form-item,
  25. .confirmation ul,
  26. .admin-list,
  27. .node-type-list,
  28. .admin-panel {
  29. border-width: 0px;
  30. border-style: solid;
  31. border-color: #fff;
  32. }
  33. .text-format-wrapper .form-item {
  34. background: #F4F4F4;
  35. margin: 0px 0px 10px;
  36. border-width: 0;
  37. border-style: solid;
  38. border-color: #ddd;
  39. padding: 9px;
  40. }
  41. .form-item label {
  42. color: #1A1A1A;
  43. font-weight: normal;
  44. font-size: 12px;
  45. text-transform: none;
  46. }
  47. input.form-autocomplete,
  48. input.form-text,
  49. textarea.form-textarea,
  50. select.form-select {
  51. padding: 3px;
  52. border-width: 1px;
  53. border-style: solid;
  54. border-color: #BFBFBF;
  55. background: #fff;
  56. color: #1A1A1A;
  57. max-width: 100%;
  58. }
  59. input.form-autocomplete:disabled,
  60. input.form-text:disabled,
  61. textarea.form-textarea:disabled,
  62. select.form-select:disabled {
  63. padding: 3px;
  64. border-width: 0px;
  65. border-style: solid;
  66. border-color: none;
  67. background: #f0f0f0;
  68. color: #1A1A1A;
  69. max-width: 100%;
  70. }
  71. input.form-autocomplete:hover:disabled,
  72. input.form-text:hover:disabled,
  73. input.form-file:hover:disabled,
  74. textarea.form-textarea:hover:disabled,
  75. select.form-select:hover:disabled,
  76. input.form-autocomplete:focus:disabled,
  77. input.form-text:focus:disabled,
  78. input.form-file:focus:disabled,
  79. input.form-checkbox:focus:disabled,
  80. input.form-radio:focus:disabled,
  81. textarea.form-textarea:focus:disabled,
  82. select.form-select:focus:disabled {
  83. color: inherit;
  84. border-color: #fff;
  85. box-shadow: #fff 0 0 0px;
  86. }
  87. #i18n-string-locale-translate-edit-form {
  88. position: relative;
  89. }
  90. #i18n-string-locale-translate-edit-form #edit-original {
  91. font-size: 1.2em;
  92. border-bottom: 1px solid #ddd;
  93. }
  94. #i18n-string-locale-translate-edit-form .form-item.form-type-textarea {
  95. width: 24%;
  96. display: inline-block;
  97. }
  98. span.autocomplete-deluxe-button {
  99. top: 0.25em;
  100. }
  101. .fieldset {
  102. display: block;
  103. position: relative;
  104. min-height: 28px;
  105. border: 0 solid #eee;
  106. border-top: 1px solid #4C4C4C;
  107. }
  108. .fieldset.titled {
  109. margin: 20px 0px 10px!important;
  110. }
  111. .fieldset legend {
  112. margin-top: -0.9em;
  113. }
  114. .fieldset.collapsible legend a.fieldset-title {
  115. padding-right: 15px;
  116. }
  117. .fieldset.collapsible legend a.fieldset-title:after {
  118. content: "-";
  119. padding: 0 3px 2px;
  120. margin: -5px 0 0 10px;
  121. border-radius: 2px;
  122. background-clip: padding-box;
  123. color: #000;
  124. background-color: #FFF;
  125. /* font-size:9px;*/
  126. line-height: 0;
  127. font-weight: bold;
  128. }
  129. .fieldset.collapsible legend a.fieldset-title:hover {
  130. color: #fff;
  131. font-weight: bold;
  132. }
  133. .fieldset.collapsed legend a.fieldset-title:after {
  134. content: "+";
  135. /* padding:2px 5px 3px;
  136. .rounded();
  137. color:#fff;
  138. background-color: #1A1A1A;
  139. */
  140. }
  141. .tabledrag-processed {
  142. border: 0 solid #fff;
  143. padding-bottom: 2em;
  144. /* border-top:1px solid #4C4C4C;*/
  145. }
  146. .tabledrag-processed thead {
  147. background-color: transparent;
  148. }
  149. .tabledrag-processed thead label {
  150. color: inherit;
  151. text-shadow: none;
  152. padding: 0 0 0 0.5em;
  153. }
  154. .tabledrag-processed thead th {
  155. background-color: transparent;
  156. text-transform: uppercase;
  157. font-weight: bold;
  158. }
  159. .item-list h3,
  160. .block .block-title,
  161. .fieldset-title,
  162. .collapsible .fieldset-legend a {
  163. display: inline-block;
  164. width: auto;
  165. border-radius: 2px;
  166. background-clip: padding-box;
  167. font-size: 12px;
  168. font-weight: normal;
  169. text-transform: uppercase;
  170. margin: 0px;
  171. padding: 2px 9px 3px;
  172. color: #fff;
  173. background: #666;
  174. }
  175. .block .block-content,
  176. .container-inline .fieldset-content,
  177. .fieldset-content {
  178. padding: 10px 9px 9px;
  179. background: #F4F4F4;
  180. }
  181. /** popup description */
  182. .page-content .form-item .description {
  183. color: #fff;
  184. border-top: 1px solid #E0E0E0;
  185. /* background: #1A1A1A url() no-repeat scroll top left;*/
  186. background: url(../images/popup.png) 50% 100% no-repeat;
  187. }
  188. .page-content .form-item .description a {
  189. text-decoration: underline;
  190. }
  191. li {
  192. list-style: none inside url();
  193. }
  194. /** NODE FORM */
  195. #user-profile-form label,
  196. .node-form label {
  197. text-transform: uppercase;
  198. font-size: 1em;
  199. }
  200. #user-profile-form .fieldset-title,
  201. .node-form .fieldset-title,
  202. #user-profile-form .vertical-tab-button strong,
  203. .node-form .vertical-tab-button strong,
  204. #user-profile-form .horizontal-tab-button strong,
  205. .node-form .horizontal-tab-button strong {
  206. text-transform: uppercase;
  207. font-size: 0.8em;
  208. font-weight: bold;
  209. }
  210. #user-profile-form div.form-type-checkboxes > label,
  211. .node-form div.form-type-checkboxes > label,
  212. #user-profile-form div.form-type-checkboxes > div.form-checkboxes,
  213. .node-form div.form-type-checkboxes > div.form-checkboxes {
  214. display: moz-inline-stack;
  215. display: inline-block;
  216. vertical-align: top;
  217. zoom: 1;
  218. *display: inline;
  219. }
  220. #user-profile-form .form-item-language,
  221. .node-form .form-item-language,
  222. #user-profile-form .form-type-select,
  223. .node-form .form-type-select {
  224. border: 1px solid #ddd;
  225. border-radius: 5px;
  226. overflow-x: hidden;
  227. }
  228. #user-profile-form .form-item-language > label,
  229. .node-form .form-item-language > label,
  230. #user-profile-form .form-type-select > label,
  231. .node-form .form-type-select > label,
  232. #user-profile-form .form-item-language > select,
  233. .node-form .form-item-language > select,
  234. #user-profile-form .form-type-select > select,
  235. .node-form .form-type-select > select {
  236. display: moz-inline-stack;
  237. display: inline-block;
  238. vertical-align: top;
  239. zoom: 1;
  240. *display: inline;
  241. vertical-align: middle;
  242. }
  243. #user-profile-form .form-item-language > label,
  244. .node-form .form-item-language > label,
  245. #user-profile-form .form-type-select > label,
  246. .node-form .form-type-select > label {
  247. width: 38%;
  248. text-align: left;
  249. }
  250. #user-profile-form .form-item-language > select,
  251. .node-form .form-item-language > select,
  252. #user-profile-form .form-type-select > select,
  253. .node-form .form-type-select > select {
  254. width: 60%;
  255. text-align: left;
  256. }
  257. #user-profile-form .form-item-language.form-disabled label,
  258. .node-form .form-item-language.form-disabled label,
  259. #user-profile-form .form-type-select.form-disabled label,
  260. .node-form .form-type-select.form-disabled label {
  261. margin-right: 3em;
  262. }
  263. #user-profile-form .form-item-language.form-disabled select,
  264. .node-form .form-item-language.form-disabled select,
  265. #user-profile-form .form-type-select.form-disabled select,
  266. .node-form .form-type-select.form-disabled select {
  267. margin-right: -3em;
  268. }
  269. #user-profile-form .form-type-textfield > label,
  270. .node-form .form-type-textfield > label,
  271. #user-profile-form .form-type-textfield > input.form-text,
  272. .node-form .form-type-textfield > input.form-text {
  273. display: moz-inline-stack;
  274. display: inline-block;
  275. vertical-align: top;
  276. zoom: 1;
  277. *display: inline;
  278. margin: 0;
  279. vertical-align: middle;
  280. }
  281. #user-profile-form .form-type-textfield > label,
  282. .node-form .form-type-textfield > label {
  283. width: 35%;
  284. }
  285. #user-profile-form .form-type-textfield > input.form-text,
  286. .node-form .form-type-textfield > input.form-text {
  287. max-width: 60%;
  288. }
  289. #user-profile-form .form-type-link-field > label,
  290. .node-form .form-type-link-field > label,
  291. #user-profile-form .form-type-link-field > input.form-text,
  292. .node-form .form-type-link-field > input.form-text {
  293. display: moz-inline-stack;
  294. display: inline-block;
  295. vertical-align: top;
  296. zoom: 1;
  297. *display: inline;
  298. margin: 0;
  299. }
  300. #user-profile-form .form-type-link-field > label,
  301. .node-form .form-type-link-field > label {
  302. width: 35%;
  303. }
  304. #user-profile-form .form-type-link-field div,
  305. .node-form .form-type-link-field div {
  306. display: moz-inline-stack;
  307. display: inline-block;
  308. vertical-align: top;
  309. zoom: 1;
  310. *display: inline;
  311. margin: 0;
  312. width: 100%;
  313. }
  314. #user-profile-form .form-type-link-field > div,
  315. .node-form .form-type-link-field > div {
  316. width: 60%;
  317. }
  318. #user-profile-form .form-type-link-field input.form-text,
  319. .node-form .form-type-link-field input.form-text {
  320. max-width: 100%;
  321. }
  322. #user-profile-form .form-phone-number .form-item,
  323. .node-form .form-phone-number .form-item {
  324. display: moz-inline-stack;
  325. display: inline-block;
  326. vertical-align: top;
  327. zoom: 1;
  328. *display: inline;
  329. }
  330. #user-profile-form .form-phone-number input.form-text,
  331. .node-form .form-phone-number input.form-text {
  332. width: 100%;
  333. }
  334. #user-profile-form .autocomplete-deluxe-button,
  335. .node-form .autocomplete-deluxe-button {
  336. margin-top: -3px;
  337. }
  338. #user-profile-form .addressfield-container-inline > div.form-item,
  339. .node-form .addressfield-container-inline > div.form-item {
  340. display: moz-inline-stack;
  341. display: inline-block;
  342. vertical-align: top;
  343. zoom: 1;
  344. *display: inline;
  345. margin: 0;
  346. width: 30%;
  347. }
  348. #user-profile-form fieldset.filter-wrapper,
  349. .node-form fieldset.filter-wrapper {
  350. display: none;
  351. }
  352. #user-profile-form input.fid.form-text,
  353. .node-form input.fid.form-text {
  354. display: none;
  355. }
  356. #user-profile-form .form-region-right,
  357. .node-form .form-region-right {
  358. position: relative;
  359. }
  360. #user-profile-form .form-region-right fieldset.form-wrapper,
  361. .node-form .form-region-right fieldset.form-wrapper {
  362. max-width: 100%;
  363. padding: 0;
  364. margin: 0;
  365. }
  366. #user-profile-form .form-region-right .fieldset-wrapper,
  367. .node-form .form-region-right .fieldset-wrapper {
  368. padding: 0;
  369. }
  370. #user-profile-form .form-region-right input.form-text,
  371. .node-form .form-region-right input.form-text {
  372. width: 100%;
  373. }
  374. #user-profile-form tr.draggable fieldset legend,
  375. .node-form tr.draggable fieldset legend {
  376. display: none;
  377. }
  378. #user-profile-form tr.draggable fieldset .fieldset-content,
  379. .node-form tr.draggable fieldset .fieldset-content {
  380. padding: 0;
  381. }
  382. #user-profile-form tr.draggable fieldset .fieldset-content .date-padding,
  383. .node-form tr.draggable fieldset .fieldset-content .date-padding {
  384. padding: 0;
  385. }
  386. #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree,
  387. .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree {
  388. display: block;
  389. }
  390. #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree > ul.term-reference-tree-level,
  391. .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree > ul.term-reference-tree-level {
  392. display: moz-inline-stack;
  393. display: inline-block;
  394. vertical-align: top;
  395. zoom: 1;
  396. *display: inline;
  397. padding: 0 2em 0 0;
  398. min-width: 30%;
  399. }
  400. #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container,
  401. .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container {
  402. display: moz-inline-stack;
  403. display: inline-block;
  404. vertical-align: top;
  405. zoom: 1;
  406. *display: inline;
  407. border-left: 1px solid #848484;
  408. padding: 0 0 2em 1em;
  409. }
  410. /** VERTICAL TABS */
  411. .vertical-tabs {
  412. background: #F4F4F4;
  413. border: 1px solid #BFBFBF;
  414. margin: 0px 0px 10px;
  415. position: relative;
  416. }
  417. .vertical-tabs .fieldset-content,
  418. .vertical-tabs fieldset.titled .fieldset-content {
  419. border: 0px;
  420. padding: 10px;
  421. }
  422. .vertical-tabs .fieldset-content .fieldset-content {
  423. margin-top: 20px;
  424. }
  425. .vertical-tabs-list li a {
  426. display: block;
  427. text-shadow: #fff 0px 1px 0px;
  428. padding: 5px 10px 4px 10px;
  429. border-bottom: 1px solid #BFBFBF;
  430. border-right: 1px solid #BFBFBF;
  431. color: #494949;
  432. background: #E0E0E0;
  433. }
  434. .vertical-tabs-list li.last a {
  435. border-bottom: 0px solid #BFBFBF;
  436. }
  437. .vertical-tabs-list .selected a,
  438. .vertical-tabs-list li:hover a {
  439. background: #F4F4F4;
  440. color: #1A1A1A;
  441. }
  442. .vertical-tabs-list .selected a {
  443. border-right: 0 solid #F4F4F4;
  444. }
  445. .vertical-tabs-list .summary {
  446. font-size: 11px;
  447. }
  448. .page-admin table,
  449. .update tr.warning .version-recommended,
  450. .update tr.error .version-recommended {
  451. background-color: transparent;
  452. border: 0px solid transparent;
  453. }
  454. .page-admin table tr,
  455. .update tr.warning .version-recommended tr,
  456. .update tr.error .version-recommended tr {
  457. border: 0px solid transparent;
  458. }
  459. .page-admin table tr.even td,
  460. .page-admin table tr.odd td,
  461. .page-admin table tr.even h3,
  462. .page-admin table tr.odd h3 {
  463. background-color: transparent;
  464. }
  465. .page-admin table tr.even:hover,
  466. .page-admin table tr.odd:hover {
  467. background: #D4EFEE;
  468. }
  469. .page-admin table tr.even.ok,
  470. .page-admin table tr.odd.ok {
  471. background-color: #d1f2a3;
  472. color: #000;
  473. }
  474. .page-admin table tr.even.warning,
  475. .page-admin table tr.odd.warning {
  476. background-color: #e9e2a6;
  477. color: #000;
  478. }
  479. .page-admin table tr.even.error,
  480. .page-admin table tr.odd.error {
  481. background-color: #ffc4be;
  482. color: #000;
  483. }
  484. .page-admin table tr.even {
  485. background: #EFEFEF;
  486. }
  487. .page-admin table tr.ok,
  488. .page-admin table tr.ok:hover {
  489. color: #468847;
  490. background-color: #dff0d8;
  491. }
  492. .page-admin table tr.warning,
  493. .page-admin table tr.warning:hover {
  494. color: #c09853;
  495. background-color: #fcf8e3;
  496. }
  497. .page-admin table tr.error,
  498. .page-admin table tr.error:hover {
  499. color: #b94a48;
  500. background-color: #f2dede;
  501. }
  502. .admin-block-description,
  503. .help-items ul li,
  504. .confirmation ul li,
  505. .item-list ul li,
  506. .prose .item-list li,
  507. .menu li {
  508. border-bottom: 0 solid #f4f4f4;
  509. }
  510. form .form-actions {
  511. background: #eee;
  512. border: 0 solid #ddd;
  513. padding: 9px;
  514. }
  515. /** boutons */
  516. input.teaser-button,
  517. input.form-submit,
  518. .node-edit,
  519. .button,
  520. .node-delete {
  521. cursor: pointer;
  522. padding: 0.3em 0.9em;
  523. color: #333;
  524. text-align: center;
  525. font-size: 12px;
  526. font-weight: normal;
  527. border-width: 1px;
  528. border-style: solid;
  529. border-color: #ddd #ddd #ccc;
  530. background: #bdf url();
  531. border-radius: 2px;
  532. background-clip: padding-box;
  533. }
  534. input.teaser-button.field-add-more-submit,
  535. input.form-submit.field-add-more-submit,
  536. .node-edit.field-add-more-submit,
  537. .button.field-add-more-submit,
  538. .node-delete.field-add-more-submit {
  539. padding: 0.1em 0.4em 0;
  540. font-size: 10px;
  541. }
  542. .node-edit,
  543. .button,
  544. .node-delete {
  545. font-size: 10px;
  546. padding: 0.1em 0.6em;
  547. }
  548. input.form-submit:hover,
  549. .node-edit:hover,
  550. .button:hover,
  551. .node-delete:hover {
  552. border-color: #ddd #ddd #ccc;
  553. -webkit-box-shadow: #ace 0px 0px 0px;
  554. color: #bdf;
  555. background-color: #848484;
  556. }
  557. input.button-yes:not(.field-add-more-submit),
  558. .node-edit {
  559. background-color: #CCFF2F;
  560. }
  561. input.button-yes:not(.field-add-more-submit):hover,
  562. .node-edit:hover {
  563. color: #CCFF2F;
  564. }
  565. input.button-no,
  566. .node-delete {
  567. background-color: #EA4B4A;
  568. }
  569. input.button-no:hover,
  570. .node-delete:hover {
  571. color: #EA4B4A;
  572. }
  573. /** admin module */
  574. /**
  575. *
  576. * /!\ CUSTOM HERE /!\
  577. *
  578. * Provide better display for admin menu ==============================
  579. */
  580. body.admin-vertical #admin-menu {
  581. background: #222;
  582. background-image: none;
  583. }
  584. body.admin-vertical #admin-menu-wrapper {
  585. margin-left: 35px!important;
  586. }
  587. body.admin-vertical.admin-expanded #admin-menu-wrapper {
  588. border-left: 1px solid #323232;
  589. margin-left: 260px!important;
  590. }
  591. #admin-toolbar {
  592. z-index: 1000!important;
  593. }
  594. /* --- */
  595. /**
  596. * VIEW
  597. */
  598. #views-ui-edit-form div.changed {
  599. background-color: #FFF98E;
  600. }
  601. #views-ui-edit-form .views-ui-display-tab-bucket h3 {
  602. font-weight: bold;
  603. background-color: #D8D8D8;
  604. }
  605. #views-ui-edit-form .defaulted,
  606. #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even,
  607. #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd {
  608. color: #666;
  609. background-color: #E0E0E0;
  610. font-style: italic;
  611. /* font-weight:bold;*/
  612. }
  613. #views-ui-edit-form .defaulted a,
  614. #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even a,
  615. #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd a {
  616. color: #3F80B3;
  617. }
  618. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,
  619. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting,
  620. #views-ui-edit-form .views-display-setting.overridden,
  621. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,
  622. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even,
  623. #views-ui-edit-form .views-display-setting.overridden.even,
  624. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,
  625. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd,
  626. #views-ui-edit-form .views-display-setting.overridden.odd {
  627. color: #7F7F7F;
  628. background-color: #F9F9F9;
  629. font-style: normal;
  630. /* font-weight:bold;*/
  631. }
  632. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,
  633. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a,
  634. #views-ui-edit-form .views-display-setting.overridden a,
  635. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,
  636. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a,
  637. #views-ui-edit-form .views-display-setting.overridden.even a,
  638. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,
  639. #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a,
  640. #views-ui-edit-form .views-display-setting.overridden.odd a {
  641. color: #3188D1;
  642. }
  643. .view .view-header {
  644. padding: 0.5em;
  645. margin: 0 0 1em 0;
  646. border: 1px solid #CCC;
  647. border-radius: 5px 5px 5px 5px;
  648. background-clip: padding-box;
  649. font-weight: bold;
  650. }
  651. .view .pager {
  652. padding: 1em 0;
  653. margin: 0;
  654. text-align: right;
  655. height: auto;
  656. }
  657. .view .pager ul {
  658. display: moz-inline-stack;
  659. display: inline-block;
  660. vertical-align: top;
  661. zoom: 1;
  662. *display: inline;
  663. padding: 0;
  664. }
  665. .view .pager ul li {
  666. height: 20px;
  667. }
  668. .view .pager ul li a,
  669. .view .pager ul li span {
  670. padding: 1px 10px 2px;
  671. }
  672. .view .view-filters {
  673. padding: 1em 0;
  674. margin: 0 0 1em 0;
  675. border: 1px solid #CCC;
  676. border-radius: 5px 5px 5px 5px;
  677. background-clip: padding-box;
  678. /* .views-exposed-form{ */
  679. /* }*/
  680. }
  681. .view .view-filters > span.title,
  682. .view .view-filters > form {
  683. display: moz-inline-stack;
  684. display: inline-block;
  685. zoom: 1;
  686. *display: inline;
  687. width: auto;
  688. position: relative;
  689. vertical-align: top;
  690. }
  691. .view .view-filters > span.title {
  692. padding: 0.7em 1em;
  693. }
  694. .view .view-filters fieldset {
  695. display: moz-inline-stack;
  696. display: inline-block;
  697. vertical-align: top;
  698. zoom: 1;
  699. *display: inline;
  700. padding: 0 1em;
  701. }
  702. .view .view-filters fieldset .fieldset-content {
  703. padding: 0;
  704. }
  705. .view .view-filters fieldset legend {
  706. display: none;
  707. }
  708. .view .view-filters label {
  709. font-weight: normal;
  710. font-size: 0.75em;
  711. }
  712. .view .view-filters .form-item {
  713. display: moz-inline-stack;
  714. display: inline-block;
  715. vertical-align: top;
  716. zoom: 1;
  717. *display: inline;
  718. padding: 0 0.5em 0 0;
  719. }
  720. .view .view-filters .form-item select,
  721. .view .view-filters .form-item input {
  722. font-size: 0.8em;
  723. }
  724. .view fieldset#edit-select {
  725. padding: 1em 0;
  726. margin: 0 0 1em 0;
  727. border: 1px solid #CCC;
  728. border-radius: 5px 5px 5px 5px;
  729. background-clip: padding-box;
  730. }
  731. .view fieldset#edit-select legend,
  732. .view fieldset#edit-select .fieldset-content {
  733. display: moz-inline-stack;
  734. display: inline-block;
  735. vertical-align: top;
  736. zoom: 1;
  737. *display: inline;
  738. }
  739. .view fieldset#edit-select legend {
  740. width: auto;
  741. }
  742. .view fieldset#edit-select legend * {
  743. background-color: transparent;
  744. }
  745. .view fieldset#edit-select .fieldset-content {
  746. padding: 0;
  747. }
  748. .view fieldset#edit-select .fieldset-content select,
  749. .view fieldset#edit-select .fieldset-content input {
  750. font-size: 0.8em;
  751. }
  752. .view .vbo-fieldset-select-all {
  753. width: 50%;
  754. text-align: left;
  755. }
  756. .view .vbo-fieldset-select-all .form-item {
  757. display: moz-inline-stack;
  758. display: inline-block;
  759. zoom: 1;
  760. *display: inline;
  761. vertical-align: top;
  762. }
  763. .view .vbo-fieldset-select-all em {
  764. padding: 0 1em;
  765. }
  766. /** media browser */
  767. .view.inline-block-list .views-row {
  768. display: moz-inline-stack;
  769. display: inline-block;
  770. zoom: 1;
  771. *display: inline;
  772. vertical-align: top;
  773. padding: 5px;
  774. margin: 5px;
  775. width: 250px;
  776. min-height: 150px;
  777. background-color: #E3E3E3;
  778. border-radius: 5px 5px 5px 5px;
  779. background-clip: padding-box;
  780. border: 1px solid #ddd;
  781. box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  782. }
  783. .view.inline-block-list .views-row .float-left {
  784. float: left;
  785. }
  786. .view.inline-block-list .views-row .float-left > div {
  787. margin: 0 10px 10px 0;
  788. }
  789. *:focus {
  790. border: 1px solid #BDF!important;
  791. }
  792. /* Contain floats: h5bp.com/q */
  793. .clearfix:before,
  794. .clearfix:after {
  795. content: "";
  796. display: table;
  797. }
  798. .clearfix:after {
  799. clear: both;
  800. }
  801. .clearfix {
  802. zoom: 1;
  803. }
  804. .path-admin-content-nodes span.icon {
  805. background-position: 0px -30px;
  806. }
  807. /** admin view */
  808. .custom-admin table caption {
  809. text-align: left;
  810. padding: 2em 0 0 0;
  811. font-weight: bold;
  812. }
  813. .custom-admin table th {
  814. line-height: 1;
  815. background-color: #F4F4F4 !important;
  816. }
  817. .custom-admin table td {
  818. padding-top: 1em;
  819. padding-bottom: 1em;
  820. }
  821. .custom-admin table td.views-field-field-media {
  822. width: 100px;
  823. }
  824. .custom-admin table td.views-field-field-media img {
  825. max-width: 100%;
  826. height: auto;
  827. }
  828. .custom-admin table.has-caption th,
  829. .custom-admin table.has-caption td.views-field-field-media,
  830. .custom-admin table.has-caption td.views-field-views-bulk-operations {
  831. background: #E0E0E0 !important;
  832. }
  833. .custom-admin table td.views-field-title {
  834. width: 350px;
  835. }
  836. .custom-admin table a.node-title-link {
  837. font-size: 1.1em;
  838. padding: 0 0 0.3em;
  839. display: inline-block;
  840. }
  841. .custom-admin table td.views-field-field-people {
  842. width: 100px;
  843. }
  844. #modalContent div.ctools-modal-content {
  845. padding: 5px;
  846. border-radius: 10px;
  847. border: 1 solid #999;
  848. }
  849. #modalContent div.ctools-modal-content .modal-header,
  850. #modalContent div.ctools-modal-content .modal-header a,
  851. #modalContent div.ctools-modal-content .modal-header span {
  852. background-color: transparent;
  853. color: #000!important;
  854. }
  855. /** Messages. */
  856. div.messages {
  857. padding: 9px;
  858. margin: 0.5em 0 0;
  859. color: #3a87ad;
  860. background: #d9edf7;
  861. border: 1px solid #bce8f1;
  862. border-radius: 5px;
  863. }
  864. div.messages.warning {
  865. color: #c09853;
  866. background-color: #fcf8e3;
  867. border-color: #fbeed5;
  868. }
  869. div.messages.error {
  870. color: #b94a48;
  871. background-color: #f2dede;
  872. border-color: #eed3d7;
  873. }
  874. div.messages.status {
  875. color: #468847;
  876. background-color: #dff0d8;
  877. border-color: #d6e9c6;
  878. }
  879. #better-messages-wrapper {
  880. background-color: rgba(255, 255, 255, 0.6);
  881. padding: 10px;
  882. border-radius: 5px;
  883. background-clip: padding-box;
  884. box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  885. }
  886. #better-messages-wrapper #better-messages-default .messages-label {
  887. display: none;
  888. }
  889. #better-messages-wrapper #better-messages-default div.messages {
  890. padding: 9px;
  891. margin: 0.5em 0 0;
  892. color: #3a87ad;
  893. background: #d9edf7;
  894. border: 1px solid #bce8f1;
  895. border-radius: 5px;
  896. margin: 0 0 10px 0;
  897. }
  898. #better-messages-wrapper #better-messages-default div.messages.warning {
  899. color: #c09853;
  900. background-color: #fcf8e3;
  901. border-color: #fbeed5;
  902. }
  903. #better-messages-wrapper #better-messages-default div.messages.error {
  904. color: #b94a48;
  905. background-color: #f2dede;
  906. border-color: #eed3d7;
  907. }
  908. #better-messages-wrapper #better-messages-default div.messages.status {
  909. color: #468847;
  910. background-color: #dff0d8;
  911. border-color: #d6e9c6;
  912. }
  913. #better-messages-wrapper #better-messages-default .footer {
  914. border: none;
  915. padding: 0;
  916. margin: 0;
  917. }
  918. #better-messages-wrapper #better-messages-default .footer a.message-close {
  919. background: #fff url('../images/close.png') no-repeat center center;
  920. width: 15px;
  921. height: 15px;
  922. border-radius: 3px;
  923. background-clip: padding-box;
  924. display: block;
  925. }
  926. body.page-admin #page img {
  927. max-width: 99999px;
  928. height: auto;
  929. }