/* generalities */ @font-face { font-family: 'FontAwesome'; src: url('../xstatic/fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('../xstatic/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('../xstatic/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('../xstatic/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('../xstatic/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } html, body { margin: 0; font-family: "Bitstream Vera Sans", "Verdana", sans-serif; background: #f2f2f2; color: #3c3c33; } html { min-height: 100%; position: relative; } body { height: 100%; } a { color: #0066cc; text-decoration: none; border-width: 0; border-bottom: 1px dotted #ff9900; -webkit-transition: color 200ms ease-out; } a:hover { color: #003388; border-style: solid; } a img { border: 0; } dl dt { margin : 0; padding : 0 0 0 0; } dl dd { margin : 0.3em 0 1.5em 10px; } span.error-message { color: #e00; font-weight: bold; } span.warning { background-color: orange; } .clear { clear: both; } /* from top to bottom */ /* top bar */ div#top { background: black; color: #eee; text-align: right; line-height: 200%; height: 2em; } div#top a { color: #aaa; font-weight: normal; } div#top a:hover { color: #888; border: 0; } ul.user-info { margin: 0; padding: 0; font-size: 85%; font-weight: bold; } ul.user-info li { display: inline; padding-left: 10px; padding-right: 3em; } ul.user-info a { border: none; } /* header */ div#header { background: #AD7C6D url(adwaita-lock.jpg); color: white; padding-left: 25px; border-bottom: 1px solid #888; position: relative; height: 5em; } div#header h1 { margin: 0; padding: 15px 0 25px 0; font-weight: normal; text-shadow: 0 2px 15px black; } /* notifications */ ul.messages { position: fixed; width: 30em; top: 8px; right: 10px; padding: 0; z-index: 2000; margin-top: 1em; list-style-type: none; margin: auto; background: #646464; background: rgba(40, 40, 40, 0.95); color: white; text-shadow: 1px 1px 1px black; border-radius: 10px; box-shadow: 0 0 4px black; } ul.messages li { padding: 1ex; margin: 1ex; } /* main content */ div#main-content { width: 100%; margin-left: 0; padding: 0 6px 0 16px; border: 1px solid #ccc; border-width: 0 1px 1px 0; background: white; float: left; position: relative; overflow-x: auto; overflow-y: hidden; box-sizing: border-box; } div#main-content h2 { font-weight: normal; } /* breadcrumb */ div#more-user-links { padding: 5px 0px; font-size: 110%; } div#more-user-links a, div#more-user-links a:after { background: #ccc; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border: 1px solid #bbb; transition: background 0.5s; } div#more-user-links a { box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); padding: 4px 12px; border-radius: 2px; text-decoration: none; font-size: 90%; color: black; } span#breadcrumb { display: inline-block; margin: 1ex 0; } span#breadcrumb a { display: inline-block; padding-left: 20px; position: relative; height: 14px; margin-left: -4px; } span#breadcrumb a:first-child { margin-left: 0; padding-left: 16px; } span#breadcrumb a:after { content: ""; height: 22px; width: 22px; -webkit-transform: scale(0.4, 0.707) rotate(45deg); -moz-transform: scale(0.4, 0.707) rotate(45deg); transform: scale(0.4, 0.707) rotate(45deg); display: inline-block; position: absolute; top: 0px; right: -11px; box-shadow: 1px -1px 0px 1px #bbb, 2px -2px 0px 2px white; z-index: 100; border-width: 1px 1px 0 0; } div#more-user-links a:hover, div#more-user-links a:hover:after { text-decoration: underline; background: #aaa; } /* page content */ div#content { margin: 1em 1ex; padding: 7px; position: relative; } div#content h2 { margin-top: 0; font-weight: normal; color: #656551; font-size: 200%; letter-spacing: -1px; line-height: 25px; margin-bottom: 20px; padding: 0 0 10px 0px; position: relative; top: 4px; border-bottom: 1px dotted #d8d8d8; } div#appbar > a { position: relative; top: -45px; float: right; margin-left: 2em; } table.main { width: 100%; border: 1px solid #bcbcbc; border-collapse: collapse; } table.main th { font-weight: normal; padding: 1em 1ex; border-bottom: 1px solid #bcbcbc; background: #FCFCFC; } table.main td { text-align: center; padding: 1em 1ex; border-bottom: 1px solid #bcbcbc; } table.main tr td.checkbox { width: 1em; } table.main tr:nth-child(odd) td { } table.main tr:hover td { background: #ccc; cursor: pointer; } table.main tr.active td { background: #bbf; } td.price { text-align: right; } /* zone selection */ ul.apps { margin-top: 2em; margin-bottom: 2em; padding: 0; } ul.apps li { display: table; float: left; margin-right: 1em; margin-bottom: 1em; } ul.apps li a { background-color: transparent; background-repeat: no-repeat; background-position: 50% 50%; display: table-cell; vertical-align: bottom; width: 120px; height: 100px; padding-top: 10px; padding-bottom: 10px; font-weight: bold; text-align: center; border: 1px solid #ccc; text-decoration: none; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; color: #FF7800; border-radius: 15px; } ul.apps li a:hover { border: 1px solid #333; color: #FF7800; border-radius: 25px; } /* footer */ div#footer { clear: both; margin-left: 2%; font-size: 60%; width: 96%; } /* icons */ [class^="icon-"]:after, [class*=" icon-"]:after, [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: none; } a[class^="icon-"], a[class*=" icon-"] { display: inline-block; text-decoration: none; border: none; color: #FF7800; } .icon-home-space:before { content: "\f015\00a0\00a0"; } .icon-remove-sign:before { content: "\f057"; } .icon-add-sign:before { content: "\f067"; } .icon-minus-sign:before { content: "\f068"; } /* misc */ div.bo-block { border: 1px solid #e4e4e4; background: #fcfcfc; color: #505050; margin: 1em; padding: 1ex; } div.bo-block h2 { margin: 0; border-bottom: 1px solid #bcbcbc; color: #474747; } div.dimmed-block h2 { color: #808080; } div.bo-block ul { padding-left: 2em; padding-bottom: 1ex; } div.big-msg-info { background: transparent url(../images/info-icon.png) 5px 5px no-repeat; width: 30em; padding-left: 90px; margin: 3em auto; min-height: 90px; padding-top: 20px; } p.paginator { margin: 4ex 0; } p.paginator *:first-child { border-radius: 3px 0 0 3px; } p.paginator *:last-child { border-radius: 0 3px 3px 0; } p.paginator a, p.paginator span { padding: 1.5ex 1.7ex 1ex 1.7ex; border: 1px solid #BCBCBC; margin: 0 0 0 -1px; } p.paginator span.this-page { background: #0066CC; border-color: #0066CC; color: white; } p.paginator span.this-page + a { border-left-color: #0066CC; } p.paginator a:hover { background: #eee; } ul.objects-list { margin: 1em 0; padding: 0; } ul.objects-list li { list-style: none; margin: 0 0 -1px 0; padding: 0 0.5ex 0 2ex; border: 1px solid #aaa; clear: both; position: relative; min-height: 2.5em; line-height: 2.5em; } ul.objects-list.single-links li { padding: 0; } ul.objects-list li:hover { background: #eee; } ul.objects-list.single-links li a { display: block; border: none; padding: 0 0.5ex 0 2ex; } /* widgets & dialogs */ textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea, input[type="text"], input[type="email"], input[type="password"] { border: 1px solid #bbb; padding: 7px 10px; background: white; color: black; box-shadow: inset 0 1px 3px #ddd; } textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { box-shadow: 0 0 0px 1px #1999cd; } textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus { box-shadow: 0 0 0px 1px #1999cd; } button::-moz-focus-inner { border: 0; padding: 1px 0 -1px 0; margin: -3px 0 1px 0; } a.button, button, input[type=submit] { line-height: 100%; cursor: pointer; border: 1px solid #b7b7b7; border-radius: 1px; color: #424258; padding: 1ex 2ex; text-decoration: none; background: #aaaaaa; background-image: linear-gradient(to bottom, #f9f9f9, #eeeeee); box-shadow: 0 2px 2px 0px #ddd; } a.button { padding-bottom: calc(1ex + 1px); } input[type="submit"][name="submit"] { background: #283c54; background-image: linear-gradient(to bottom, #1cabe7, #1999cd); color: white; border-color: #267dae; } input[type=submit]:hover { border-color: #666; } /* disabled items */ textarea.disabled:focus, input.disabled[type="text"]:focus, input.disabled[type="email"]:focus, input.disabled[type="password"]:focus, textarea.disabled, input.disabled[type="text"], input.disabled[type="email"], input.disabled[type="password"], textarea.disabled:focus, input.disabled[type="text"]:focus, input.disabled[type="email"]:focus, input.disabled[type="password"]:focus, a.button.disabled, button.disabled, button[disabled] { border: 1px solid #bbb; background: #f9f9f9; cursor: default; box-shadow: none; color: #888; } a.disabled { color: #888; text-decoration: none; border: none; cursor: default; } /* dialog styling */ .ui-dialog .ui-widget-content .ui-state-default.ui-button { border-radius: 1px; background: #e6e6e6; box-shadow: 0px 0px 2px 0px #DDD; } .ui-dialog .ui-widget-content .ui-state-default:hover { border-color: #ccc; box-shadow: 0px 0px 2px 0px #bbb; } .ui-dialog .ui-widget-content .ui-state-default.delete-button { background: #bc4c38; background-image: linear-gradient(to bottom, #dc2c18, #a43c28); color: white; font-weight: bold; } .ui-dialog .ui-widget-content .ui-state-default.delete-button:hover { border-color: #a43c28; } .ui-dialog .ui-widget-content .ui-state-default.submit-button { background: #283c54; background-image: linear-gradient(to bottom, #1cabe7, #1999cd); color: white; font-weight: bold; } .ui-dialog .ui-widget-content .ui-state-default.submit-button:hover { border-color: #283c94; } div.ui-widget-overlay { background: #333; } div.ui-dialog { border: 0; box-shadow: rgb(102, 102, 102) 0px 0px 20px 2px; padding: 0; border-radius: 0; max-width: 80%; min-width: 30%; } div.ui-dialog .ui-dialog-titlebar { background: #eee; border-radius: 0; border: none; } div.ui-dialog .ui-dialog-titlebar .ui-dialog-title { font-size: 130%; font-weight: normal; } div.ui-dialog .ui-dialog-titlebar button { border: transparent; background: transparent; box-shadow: none; } div.ui-dialog form p input, div.ui-dialog form p select, div.ui-dialog form p textarea { width: 95%; } div.ui-dialog form p input[type=checkbox] { width: auto; } form p { margin: 0 0 1em 0; } form p label { display: block; } form p.required label:after { padding-left: 1ex; content: "*"; color: red; } form p label { margin-bottom: 0.5ex; } ul.errorlist { margin: 0; padding: 0; color: #e80404; list-style: none; } form.small p input { margin-left: 0; } form.small p { margin-bottom: 0.5em; } form.small label { width: 200px; display: inline-block; } form.small a.button, form.small button { margin-left: 205px; display: inline-block; } form.small button + button, form.small button + a.button { margin-left: 1em; } #sidepage { position: absolute; z-index: 100; width: 30ex; height: 2em; text-align: left; transition: all 0ms ease-in; overflow: hidden; } #main.sidepage-expanded { margin-left: 30ex; } #main.enable-transitions, #sidepage.enable-transitions ul#sidepage-menu, #sidepage.enable-transitions { transition-duration: 400ms; } #sidepage.sidepage-expanded { height: 100%; overflow: initial; } #sidepage.sidepage-expanded ul#sidepage-menu { transform: scale(1); } #main { transition: margin-left 0ms ease-in; } #sidepage span#applabel { padding-left: 1em; font-weight: bold; cursor: pointer; display: block; background: black; } #sidepage ul#sidepage-menu { list-style: none; padding: 0; padding-top: 1em; margin: 0; background: #23282d url(texture.png); height: 100%; height: calc(100% - 3em); /* #top 2em, padding-top: 1em */ transition: all 0ms ease; transform: scale(1, 0); transform-origin: 0 0; } #sidepage ul#sidepage-menu a { border: none; display: block; } #sidepage ul#sidepage-menu li { padding-left: 1em; position: relative; line-height: 24px; } ul#sidepage-menu li a { background: transparent no-repeat 0 50%; padding: 5px 0 5px 25px; } #sidepage ul#sidepage-menu .active a { color: #eee; } #sidepage ul#sidepage-menu li.active, #sidepage ul#sidepage-menu li.active:hover { background: #215D9C; } #sidepage ul#sidepage-menu li:after { background: rgba(0, 0, 0, 0.3); content: ""; position: absolute; z-index: -1; transition: all 0.2s ease 0s; box-sizing: border-box; width: 0; width: 0%; height: 100%; top: 0; left: 0; } #sidepage ul#sidepage-menu li:hover:after { width: 100%; height: 100%; } #sidepage ul#sidepage-menu li.active:after { content: ""; position: absolute; display: block; top: 0; background: #215D9C; right: -17px; left: auto; width: 34px; height: 34px; -moz-transform: scale(0.4, 0.707) rotate(45deg); -webkit-transform: scale(0.4, 0.707) rotate(45deg); transform: scale(0.4, 0.707) rotate(45deg); } #gadjo-ajax-error { position: fixed; right: 1em; bottom: 1em; max-width: 30em; background: rgb(255, 34, 34) none repeat scroll 0% 0%; padding: 1ex; font-weight: bold; color: white; border: 1px solid red; box-shadow: 0px 0px 4px red; border-radius: 2px; } div.old-ie-warning { background: #ffd800; padding: 1em; } div.old-ie-warning p { margin: 0; line-height: 150%; } /* fieldsets */ fieldset.gadjo-foldable legend.gadjo-foldable-widget { border-bottom: 1px solid #aaa; cursor: pointer; display: block; font-weight: bold; padding: 1ex 0 0; width: 100%; } fieldset.gadjo-foldable legend.gadjo-foldable-widget:after { font-family: FontAwesome; content: "\f106"; /* angle-up */ position: absolute; right: 1em; } fieldset.gadjo-foldable.gadjo-folded legend.gadjo-foldable-widget:after { content: "\f107"; /* angle-down */ } fieldset.gadjo-foldable { padding: 1ex 0 0 0; border: 0; } .gadjo-foldable.gadjo-folded > .gadjo-folding { display: none; } ul#sidepage-menu li a.icon-add { background-image: url(icons/add.small.png); } ul#sidepage-menu li a.icon-book { background-image: url(icons/book.small.png); } ul#sidepage-menu li a.icon-calendar { background-image: url(icons/calendar.small.png); } ul#sidepage-menu li a.icon-categories { background-image: url(icons/categories.small.png); } ul#sidepage-menu li a.icon-clock { background-image: url(icons/clock.small.png); } ul#sidepage-menu li a.icon-connector { background-image: url(icons/connector.small.png); } ul#sidepage-menu li a.icon-counter { background-image: url(icons/counter.small.png); } ul#sidepage-menu li a.icon-facturier { background-image: url(icons/facturier.small.png); } ul#sidepage-menu li a.icon-forms { background-image: url(icons/forms.small.png); } ul#sidepage-menu li a.icon-gis { background-image: url(icons/gis.small.png); } ul#sidepage-menu li a.icon-grid { background-image: url(icons/grid.small.png); } ul#sidepage-menu li a.icon-home { background-image: url(icons/home.small.png); } ul#sidepage-menu li a.icon-mail { background-image: url(icons/mail.small.png); } ul#sidepage-menu li a.icon-management { background-image: url(icons/management.small.png); } ul#sidepage-menu li a.icon-organizational-units { background-image: url(icons/organizational-units.small.png); } ul#sidepage-menu li a.icon-password { background-image: url(icons/password.small.png); } ul#sidepage-menu li a.icon-phone { background-image: url(icons/phone.small.png); } ul#sidepage-menu li a.icon-portal { background-image: url(icons/portal.small.png); } ul#sidepage-menu li a.icon-porte-doc { background-image: url(icons/porte-doc.small.png); } ul#sidepage-menu li a.icon-roles { background-image: url(icons/roles.small.png); } ul#sidepage-menu li a.icon-security { background-image: url(icons/security.small.png); } ul#sidepage-menu li a.icon-services { background-image: url(icons/services.small.png); } ul#sidepage-menu li a.icon-settings { background-image: url(icons/settings.small.png); } ul#sidepage-menu li a.icon-submission { background-image: url(icons/submission.small.png); } ul#sidepage-menu li a.icon-system { background-image: url(icons/system.small.png); } ul#sidepage-menu li a.icon-texts { background-image: url(icons/texts.small.png); } ul#sidepage-menu li a.icon-theme { background-image: url(icons/theme.small.png); } ul#sidepage-menu li a.icon-users { background-image: url(icons/users.small.png); } ul#sidepage-menu li a.icon-workflows { background-image: url(icons/workflows.small.png); } ul#sidepage-menu li a.icon-announces { background-image: url(icons/announces.small.png); } ul.apps li.icon-add a { background-image: url(icons/add.large.png); } ul.apps li.icon-add a:hover { background-image: url(icons/add.large-hover.png); } ul.apps li.icon-book a { background-image: url(icons/book.large.png); } ul.apps li.icon-book a:hover { background-image: url(icons/book.large-hover.png); } ul.apps li.icon-calendar a { background-image: url(icons/calendar.large.png); } ul.apps li.icon-calendar a:hover { background-image: url(icons/calendar.large-hover.png); } ul.apps li.icon-categories a { background-image: url(icons/categories.large.png); } ul.apps li.icon-categories a:hover { background-image: url(icons/categories.large-hover.png); } ul.apps li.icon-clock a { background-image: url(icons/clock.large.png); } ul.apps li.icon-clock a:hover { background-image: url(icons/clock.large-hover.png); } ul.apps li.icon-connector a { background-image: url(icons/connector.large.png); } ul.apps li.icon-connector a:hover { background-image: url(icons/connector.large-hover.png); } ul.apps li.icon-counter a { background-image: url(icons/counter.large.png); } ul.apps li.icon-counter a:hover { background-image: url(icons/counter.large-hover.png); } ul.apps li.icon-facturier a { background-image: url(icons/facturier.large.png); } ul.apps li.icon-facturier a:hover { background-image: url(icons/facturier.large-hover.png); } ul.apps li.icon-forms a { background-image: url(icons/forms.large.png); } ul.apps li.icon-forms a:hover { background-image: url(icons/forms.large-hover.png); } ul.apps li.icon-gis a { background-image: url(icons/gis.large.png); } ul.apps li.icon-gis a:hover { background-image: url(icons/gis.large-hover.png); } ul.apps li.icon-grid a { background-image: url(icons/grid.large.png); } ul.apps li.icon-grid a:hover { background-image: url(icons/grid.large-hover.png); } ul.apps li.icon-home a { background-image: url(icons/home.large.png); } ul.apps li.icon-home a:hover { background-image: url(icons/home.large-hover.png); } ul.apps li.icon-mail a { background-image: url(icons/mail.large.png); } ul.apps li.icon-mail a:hover { background-image: url(icons/mail.large-hover.png); } ul.apps li.icon-management a { background-image: url(icons/management.large.png); } ul.apps li.icon-management a:hover { background-image: url(icons/management.large-hover.png); } ul.apps li.icon-organizational-units a { background-image: url(icons/organizational-units.large.png); } ul.apps li.icon-organizational-units a:hover { background-image: url(icons/organizational-units.large-hover.png); } ul.apps li.icon-password a { background-image: url(icons/password.large.png); } ul.apps li.icon-password a:hover { background-image: url(icons/password.large-hover.png); } ul.apps li.icon-phone a { background-image: url(icons/phone.large.png); } ul.apps li.icon-phone a:hover { background-image: url(icons/phone.large-hover.png); } ul.apps li.icon-portal a { background-image: url(icons/portal.large.png); } ul.apps li.icon-portal a:hover { background-image: url(icons/portal.large-hover.png); } ul.apps li.icon-porte-doc a { background-image: url(icons/porte-doc.large.png); } ul.apps li.icon-porte-doc a:hover { background-image: url(icons/porte-doc.large-hover.png); } ul.apps li.icon-roles a { background-image: url(icons/roles.large.png); } ul.apps li.icon-roles a:hover { background-image: url(icons/roles.large-hover.png); } ul.apps li.icon-security a { background-image: url(icons/security.large.png); } ul.apps li.icon-security a:hover { background-image: url(icons/security.large-hover.png); } ul.apps li.icon-services a { background-image: url(icons/services.large.png); } ul.apps li.icon-services a:hover { background-image: url(icons/services.large-hover.png); } ul.apps li.icon-settings a { background-image: url(icons/settings.large.png); } ul.apps li.icon-settings a:hover { background-image: url(icons/settings.large-hover.png); } ul.apps li.icon-submission a { background-image: url(icons/submission.large.png); } ul.apps li.icon-submission a:hover { background-image: url(icons/submission.large-hover.png); } ul.apps li.icon-system a { background-image: url(icons/system.large.png); } ul.apps li.icon-system a:hover { background-image: url(icons/system.large-hover.png); } ul.apps li.icon-texts a { background-image: url(icons/texts.large.png); } ul.apps li.icon-texts a:hover { background-image: url(icons/texts.large-hover.png); } ul.apps li.icon-theme a { background-image: url(icons/theme.large.png); } ul.apps li.icon-theme a:hover { background-image: url(icons/theme.large-hover.png); } ul.apps li.icon-services a { background-image: url(icons/services.large.png); } ul.apps li.icon-users a { background-image: url(icons/users.large.png); } ul.apps li.icon-users a:hover { background-image: url(icons/users.large-hover.png); } ul.apps li.icon-workflows a { background-image: url(icons/workflows.large.png); } ul.apps li.icon-workflows a:hover { background-image: url(icons/workflows.large-hover.png); } ul.apps li.icon-announces a { background-image: url(icons/announces.large.png); } ul.apps li.icon-announces a:hover { background-image: url(icons/announces.large-hover.png); } @media print { span#breadcrumb, #sidepage-menu { display: none; } #main.sidepage-expanded { margin: 0; } div#header h1 { text-shadow: none; } }