/** COMMONS */ .inline-block { display: inline-block; display: moz-inline-stack; *display: inline; *zoom: 1; vertical-align: top; } /** HTML5 */ /* * www.g-u-i.net */ /** table */ /** GENERAL FORM */ a { color: #0092D2; } table th { background-color: #E0E0E0; } .block, .item-list, .help-items ul, .form-item, .confirmation ul, .admin-list, .node-type-list, .admin-panel { border-width: 0px; border-style: solid; border-color: #fff; } .text-format-wrapper .form-item { background: #F4F4F4; margin: 0px 0px 10px; border-width: 0; border-style: solid; border-color: #ddd; padding: 9px; } .form-item label { color: #1A1A1A; font-weight: normal; font-size: 12px; text-transform: none; } input.form-autocomplete, input.form-text, textarea.form-textarea, select.form-select { padding: 3px; border-width: 1px; border-style: solid; border-color: #BFBFBF; background: #fff; color: #1A1A1A; max-width: 100%; } input.form-autocomplete:disabled, input.form-text:disabled, textarea.form-textarea:disabled, select.form-select:disabled { padding: 3px; border-width: 0px; border-style: solid; border-color: none; background: #f0f0f0; color: #1A1A1A; max-width: 100%; } input.form-autocomplete:hover:disabled, input.form-text:hover:disabled, input.form-file:hover:disabled, textarea.form-textarea:hover:disabled, select.form-select:hover:disabled, input.form-autocomplete:focus:disabled, input.form-text:focus:disabled, input.form-file:focus:disabled, input.form-checkbox:focus:disabled, input.form-radio:focus:disabled, textarea.form-textarea:focus:disabled, select.form-select:focus:disabled { color: inherit; border-color: #fff; box-shadow: #fff 0 0 0px; } #i18n-string-locale-translate-edit-form { position: relative; } #i18n-string-locale-translate-edit-form #edit-original { font-size: 1.2em; border-bottom: 1px solid #ddd; } #i18n-string-locale-translate-edit-form .form-item.form-type-textarea { width: 24%; display: inline-block; } span.autocomplete-deluxe-button { top: 0.25em; } .fieldset { display: block; position: relative; min-height: 28px; border: 0 solid #eee; border-top: 1px solid #4C4C4C; } .fieldset.titled { margin: 20px 0px 10px!important; } .fieldset legend { margin-top: -0.9em; } .fieldset.collapsible legend a.fieldset-title { padding-right: 15px; } .fieldset.collapsible legend a.fieldset-title:after { content: "-"; padding: 0 3px 2px; margin: -5px 0 0 10px; border-radius: 2px; background-clip: padding-box; color: #000; background-color: #FFF; /* font-size:9px;*/ line-height: 0; font-weight: bold; } .fieldset.collapsible legend a.fieldset-title:hover { color: #fff; font-weight: bold; } .fieldset.collapsed legend a.fieldset-title:after { content: "+"; /* padding:2px 5px 3px; .rounded(); color:#fff; background-color: #1A1A1A; */ } .tabledrag-processed { border: 0 solid #fff; padding-bottom: 2em; /* border-top:1px solid #4C4C4C;*/ } .tabledrag-processed thead { background-color: transparent; } .tabledrag-processed thead label { color: inherit; text-shadow: none; padding: 0 0 0 0.5em; } .tabledrag-processed thead th { background-color: transparent; text-transform: uppercase; font-weight: bold; } .item-list h3, .block .block-title, .fieldset-title, .collapsible .fieldset-legend a { display: inline-block; width: auto; border-radius: 2px; background-clip: padding-box; font-size: 12px; font-weight: normal; text-transform: uppercase; margin: 0px; padding: 2px 9px 3px; color: #fff; background: #666; } .block .block-content, .container-inline .fieldset-content, .fieldset-content { padding: 10px 9px 9px; background: #F4F4F4; } /** popup description */ .page-content .form-item .description { color: #fff; border-top: 1px solid #E0E0E0; /* background: #1A1A1A url() no-repeat scroll top left;*/ background: url(../images/popup.png) 50% 100% no-repeat; } .page-content .form-item .description a { text-decoration: underline; } li { list-style: none inside url(); } /** NODE FORM */ #user-profile-form label, .node-form label { text-transform: uppercase; font-size: 1em; } #user-profile-form .fieldset-title, .node-form .fieldset-title, #user-profile-form .vertical-tab-button strong, .node-form .vertical-tab-button strong, #user-profile-form .horizontal-tab-button strong, .node-form .horizontal-tab-button strong { text-transform: uppercase; font-size: 0.8em; font-weight: bold; } #user-profile-form div.form-type-checkboxes > label, .node-form div.form-type-checkboxes > label, #user-profile-form div.form-type-checkboxes > div.form-checkboxes, .node-form div.form-type-checkboxes > div.form-checkboxes { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #user-profile-form .form-item-language, .node-form .form-item-language, #user-profile-form .form-type-select, .node-form .form-type-select { border: 1px solid #ddd; border-radius: 5px; overflow-x: hidden; } #user-profile-form .form-item-language > label, .node-form .form-item-language > label, #user-profile-form .form-type-select > label, .node-form .form-type-select > label, #user-profile-form .form-item-language > select, .node-form .form-item-language > select, #user-profile-form .form-type-select > select, .node-form .form-type-select > select { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; vertical-align: middle; } #user-profile-form .form-item-language > label, .node-form .form-item-language > label, #user-profile-form .form-type-select > label, .node-form .form-type-select > label { width: 38%; text-align: left; } #user-profile-form .form-item-language > select, .node-form .form-item-language > select, #user-profile-form .form-type-select > select, .node-form .form-type-select > select { width: 60%; text-align: left; } #user-profile-form .form-item-language.form-disabled label, .node-form .form-item-language.form-disabled label, #user-profile-form .form-type-select.form-disabled label, .node-form .form-type-select.form-disabled label { margin-right: 3em; } #user-profile-form .form-item-language.form-disabled select, .node-form .form-item-language.form-disabled select, #user-profile-form .form-type-select.form-disabled select, .node-form .form-type-select.form-disabled select { margin-right: -3em; } #user-profile-form .form-type-textfield > label, .node-form .form-type-textfield > label, #user-profile-form .form-type-textfield > input.form-text, .node-form .form-type-textfield > input.form-text { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0; vertical-align: middle; } #user-profile-form .form-type-textfield > label, .node-form .form-type-textfield > label { width: 35%; } #user-profile-form .form-type-textfield > input.form-text, .node-form .form-type-textfield > input.form-text { max-width: 60%; } #user-profile-form .form-type-link-field > label, .node-form .form-type-link-field > label, #user-profile-form .form-type-link-field > input.form-text, .node-form .form-type-link-field > input.form-text { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0; } #user-profile-form .form-type-link-field > label, .node-form .form-type-link-field > label { width: 35%; } #user-profile-form .form-type-link-field div, .node-form .form-type-link-field div { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0; width: 100%; } #user-profile-form .form-type-link-field > div, .node-form .form-type-link-field > div { width: 60%; } #user-profile-form .form-type-link-field input.form-text, .node-form .form-type-link-field input.form-text { max-width: 100%; } #user-profile-form .form-phone-number .form-item, .node-form .form-phone-number .form-item { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } #user-profile-form .form-phone-number input.form-text, .node-form .form-phone-number input.form-text { width: 100%; } #user-profile-form .autocomplete-deluxe-button, .node-form .autocomplete-deluxe-button { margin-top: -3px; } #user-profile-form .addressfield-container-inline > div.form-item, .node-form .addressfield-container-inline > div.form-item { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; margin: 0; width: 30%; } #user-profile-form fieldset.filter-wrapper, .node-form fieldset.filter-wrapper { display: none; } #user-profile-form input.fid.form-text, .node-form input.fid.form-text { display: none; } #user-profile-form .form-region-right, .node-form .form-region-right { position: relative; } #user-profile-form .form-region-right fieldset.form-wrapper, .node-form .form-region-right fieldset.form-wrapper { max-width: 100%; padding: 0; margin: 0; } #user-profile-form .form-region-right .fieldset-wrapper, .node-form .form-region-right .fieldset-wrapper { padding: 0; } #user-profile-form .form-region-right input.form-text, .node-form .form-region-right input.form-text { width: 100%; } #user-profile-form tr.draggable fieldset legend, .node-form tr.draggable fieldset legend { display: none; } #user-profile-form tr.draggable fieldset .fieldset-content, .node-form tr.draggable fieldset .fieldset-content { padding: 0; } #user-profile-form tr.draggable fieldset .fieldset-content .date-padding, .node-form tr.draggable fieldset .fieldset-content .date-padding { padding: 0; } #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree, .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree { display: block; } #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree > ul.term-reference-tree-level, .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree > ul.term-reference-tree-level { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 0 2em 0 0; min-width: 30%; } #user-profile-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container, .node-form .field-widget-term-reference-tree .form-item.form-type-checkbox-tree .term-reference-tree .term-reference-track-list-container { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; border-left: 1px solid #848484; padding: 0 0 2em 1em; } /** VERTICAL TABS */ .vertical-tabs { background: #F4F4F4; border: 1px solid #BFBFBF; margin: 0px 0px 10px; position: relative; } .vertical-tabs .fieldset-content, .vertical-tabs fieldset.titled .fieldset-content { border: 0px; padding: 10px; } .vertical-tabs .fieldset-content .fieldset-content { margin-top: 20px; } .vertical-tabs-list li a { display: block; text-shadow: #fff 0px 1px 0px; padding: 5px 10px 4px 10px; border-bottom: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; color: #494949; background: #E0E0E0; } .vertical-tabs-list li.last a { border-bottom: 0px solid #BFBFBF; } .vertical-tabs-list .selected a, .vertical-tabs-list li:hover a { background: #F4F4F4; color: #1A1A1A; } .vertical-tabs-list .selected a { border-right: 0 solid #F4F4F4; } .vertical-tabs-list .summary { font-size: 11px; } .page-admin table, .update tr.warning .version-recommended, .update tr.error .version-recommended { background-color: transparent; border: 0px solid transparent; } .page-admin table tr, .update tr.warning .version-recommended tr, .update tr.error .version-recommended tr { border: 0px solid transparent; } .page-admin table tr.even td, .page-admin table tr.odd td, .page-admin table tr.even h3, .page-admin table tr.odd h3 { background-color: transparent; } .page-admin table tr.even:hover, .page-admin table tr.odd:hover { background: #D4EFEE; } .page-admin table tr.even.ok, .page-admin table tr.odd.ok { background-color: #d1f2a3; color: #000; } .page-admin table tr.even.warning, .page-admin table tr.odd.warning { background-color: #e9e2a6; color: #000; } .page-admin table tr.even.error, .page-admin table tr.odd.error { background-color: #ffc4be; color: #000; } .page-admin table tr.even { background: #EFEFEF; } .page-admin table tr.ok, .page-admin table tr.ok:hover { color: #468847; background-color: #dff0d8; } .page-admin table tr.warning, .page-admin table tr.warning:hover { color: #c09853; background-color: #fcf8e3; } .page-admin table tr.error, .page-admin table tr.error:hover { color: #b94a48; background-color: #f2dede; } .admin-block-description, .help-items ul li, .confirmation ul li, .item-list ul li, .prose .item-list li, .menu li { border-bottom: 0 solid #f4f4f4; } form .form-actions { background: #eee; border: 0 solid #ddd; padding: 9px; } /** boutons */ input.teaser-button, input.form-submit, .node-edit, .button, .node-delete { cursor: pointer; padding: 0.3em 0.9em; color: #333; text-align: center; font-size: 12px; font-weight: normal; border-width: 1px; border-style: solid; border-color: #ddd #ddd #ccc; background: #bdf url(); border-radius: 2px; background-clip: padding-box; } input.teaser-button.field-add-more-submit, input.form-submit.field-add-more-submit, .node-edit.field-add-more-submit, .button.field-add-more-submit, .node-delete.field-add-more-submit { padding: 0.1em 0.4em 0; font-size: 10px; } .node-edit, .button, .node-delete { font-size: 10px; padding: 0.1em 0.6em; } input.form-submit:hover, .node-edit:hover, .button:hover, .node-delete:hover { border-color: #ddd #ddd #ccc; -webkit-box-shadow: #ace 0px 0px 0px; color: #bdf; background-color: #848484; } input.button-yes:not(.field-add-more-submit), .node-edit { background-color: #CCFF2F; } input.button-yes:not(.field-add-more-submit):hover, .node-edit:hover { color: #CCFF2F; } input.button-no, .node-delete { background-color: #EA4B4A; } input.button-no:hover, .node-delete:hover { color: #EA4B4A; } /** admin module */ /** * * /!\ CUSTOM HERE /!\ * * Provide better display for admin menu ============================== */ body.admin-vertical #admin-menu { background: #222; background-image: none; } body.admin-vertical #admin-menu-wrapper { margin-left: 35px!important; } body.admin-vertical.admin-expanded #admin-menu-wrapper { border-left: 1px solid #323232; margin-left: 260px!important; } #admin-toolbar { z-index: 1000!important; } /* --- */ /** * VIEW */ #views-ui-edit-form div.changed { background-color: #FFF98E; } #views-ui-edit-form .views-ui-display-tab-bucket h3 { font-weight: bold; background-color: #D8D8D8; } #views-ui-edit-form .defaulted, #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even, #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd { color: #666; background-color: #E0E0E0; font-style: italic; /* font-weight:bold;*/ } #views-ui-edit-form .defaulted a, #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.even a, #views-ui-edit-form .views-ui-display-tab-bucket .views-display-setting.odd a { color: #3F80B3; } #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting, #views-ui-edit-form .views-display-setting.overridden, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even, #views-ui-edit-form .views-display-setting.overridden.even, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd, #views-ui-edit-form .views-display-setting.overridden.odd { color: #7F7F7F; background-color: #F9F9F9; font-style: normal; /* font-weight:bold;*/ } #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting a, #views-ui-edit-form .views-display-setting.overridden a, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.even a, #views-ui-edit-form .views-display-setting.overridden.even a, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a, #views-ui-edit-form .views-ui-display-tab-bucket.overridden .views-display-setting.odd a, #views-ui-edit-form .views-display-setting.overridden.odd a { color: #3188D1; } .view .view-header { padding: 0.5em; margin: 0 0 1em 0; border: 1px solid #CCC; border-radius: 5px 5px 5px 5px; background-clip: padding-box; font-weight: bold; } .view .pager { padding: 1em 0; margin: 0; text-align: right; height: auto; } .view .pager ul { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 0; } .view .pager ul li { height: 20px; } .view .pager ul li a, .view .pager ul li span { padding: 1px 10px 2px; } .view .view-filters { padding: 1em 0; margin: 0 0 1em 0; border: 1px solid #CCC; border-radius: 5px 5px 5px 5px; background-clip: padding-box; /* .views-exposed-form{ */ /* }*/ } .view .view-filters > span.title, .view .view-filters > form { display: moz-inline-stack; display: inline-block; zoom: 1; *display: inline; width: auto; position: relative; vertical-align: top; } .view .view-filters > span.title { padding: 0.7em 1em; } .view .view-filters fieldset { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 0 1em; } .view .view-filters fieldset .fieldset-content { padding: 0; } .view .view-filters fieldset legend { display: none; } .view .view-filters label { font-weight: normal; font-size: 0.75em; } .view .view-filters .form-item { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; padding: 0 0.5em 0 0; } .view .view-filters .form-item select, .view .view-filters .form-item input { font-size: 0.8em; } .view fieldset#edit-select { padding: 1em 0; margin: 0 0 1em 0; border: 1px solid #CCC; border-radius: 5px 5px 5px 5px; background-clip: padding-box; } .view fieldset#edit-select legend, .view fieldset#edit-select .fieldset-content { display: moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } .view fieldset#edit-select legend { width: auto; } .view fieldset#edit-select legend * { background-color: transparent; } .view fieldset#edit-select .fieldset-content { padding: 0; } .view fieldset#edit-select .fieldset-content select, .view fieldset#edit-select .fieldset-content input { font-size: 0.8em; } .view .vbo-fieldset-select-all { width: 50%; text-align: left; } .view .vbo-fieldset-select-all .form-item { display: moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; } .view .vbo-fieldset-select-all em { padding: 0 1em; } /** media browser */ .view.inline-block-list .views-row { display: moz-inline-stack; display: inline-block; zoom: 1; *display: inline; vertical-align: top; padding: 5px; margin: 5px; width: 250px; min-height: 150px; background-color: #E3E3E3; border-radius: 5px 5px 5px 5px; background-clip: padding-box; border: 1px solid #ddd; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .view.inline-block-list .views-row .float-left { float: left; } .view.inline-block-list .views-row .float-left > div { margin: 0 10px 10px 0; } *:focus { border: 1px solid #BDF!important; } /* Contain floats: h5bp.com/q */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .path-admin-content-nodes span.icon { background-position: 0px -30px; } /** admin view */ .custom-admin table caption { text-align: left; padding: 2em 0 0 0; font-weight: bold; } .custom-admin table th { line-height: 1; background-color: #F4F4F4 !important; } .custom-admin table td { padding-top: 1em; padding-bottom: 1em; } .custom-admin table td.views-field-field-media { width: 100px; } .custom-admin table td.views-field-field-media img { max-width: 100%; height: auto; } .custom-admin table.has-caption th, .custom-admin table.has-caption td.views-field-field-media, .custom-admin table.has-caption td.views-field-views-bulk-operations { background: #E0E0E0 !important; } .custom-admin table td.views-field-title { width: 350px; } .custom-admin table a.node-title-link { font-size: 1.1em; padding: 0 0 0.3em; display: inline-block; } .custom-admin table td.views-field-field-people { width: 100px; } #modalContent div.ctools-modal-content { padding: 5px; border-radius: 10px; border: 1 solid #999; } #modalContent div.ctools-modal-content .modal-header, #modalContent div.ctools-modal-content .modal-header a, #modalContent div.ctools-modal-content .modal-header span { background-color: transparent; color: #000!important; } /** Messages. */ div.messages { padding: 9px; margin: 0.5em 0 0; color: #3a87ad; background: #d9edf7; border: 1px solid #bce8f1; border-radius: 5px; } div.messages.warning { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } div.messages.error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } div.messages.status { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } #better-messages-wrapper { background-color: rgba(255, 255, 255, 0.6); padding: 10px; border-radius: 5px; background-clip: padding-box; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); } #better-messages-wrapper #better-messages-default .messages-label { display: none; } #better-messages-wrapper #better-messages-default div.messages { padding: 9px; margin: 0.5em 0 0; color: #3a87ad; background: #d9edf7; border: 1px solid #bce8f1; border-radius: 5px; margin: 0 0 10px 0; } #better-messages-wrapper #better-messages-default div.messages.warning { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } #better-messages-wrapper #better-messages-default div.messages.error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } #better-messages-wrapper #better-messages-default div.messages.status { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } #better-messages-wrapper #better-messages-default .footer { border: none; padding: 0; margin: 0; } #better-messages-wrapper #better-messages-default .footer a.message-close { background: #fff url('../images/close.png') no-repeat center center; width: 15px; height: 15px; border-radius: 3px; background-clip: padding-box; display: block; } body.page-admin #page img { max-width: 99999px; height: auto; }