guibik.css 23 KB

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