diff --git a/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.css b/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.css index af15ee1121fccd71c220c8fe58381c40df65c78b..611d1609255b47e5089199eefcc1e071c0034d3c 100644 --- a/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.css +++ b/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.css @@ -1045,13 +1045,15 @@ div[data-gadget-scope='header'] .ui-header ul { padding-left: 24pt; } } +.gadget-content .ui-field-contain > label { + color: #777777; +} @media only screen and (min-width: 45em) and (max-width: 2713em), not screen and (max-width: 2713em) { .gadget-content .ui-field-contain { display: flex; } .gadget-content .ui-field-contain > label { flex: 1; - color: #777777; /* Disclaimer: It is here only for backward-compatibility! Don't rely on this class because it will be removed. It was used to hide the label of a FormBox. */ @@ -1289,12 +1291,13 @@ div[data-gadget-scope='erp5_searchfield'] button { display: block; overflow: hidden; width: 100%; - height: 4em; position: relative; + height: 4em; + line-height: 2em; } - .document_table table tbody tr td, - .document_table table tbody tr th { - display: inline-block; + .document_table table tbody tr td *, + .document_table table tbody tr th * { + display: inline; } .document_table table tbody tr td:first-child, .document_table table tbody tr th:first-child { @@ -1310,6 +1313,7 @@ div[data-gadget-scope='erp5_searchfield'] button { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; + padding-top: 6pt; } .document_table table tbody tr td:first-child a:after, .document_table table tbody tr th:first-child a:after { @@ -1331,12 +1335,15 @@ div[data-gadget-scope='erp5_searchfield'] button { .document_table table tbody tr td:first-child ~ td, .document_table table tbody tr th:first-child ~ td { font-size: 0.8em; + display: inline; + word-break: break-word; } .document_table table tbody tr td:first-child ~ th a, .document_table table tbody tr th:first-child ~ th a, .document_table table tbody tr td:first-child ~ td a, .document_table table tbody tr th:first-child ~ td a { pointer-events: none; + color: #777777; } .document_table table tbody tr td:first-child ~ th:not(:last-child) a:not(:empty):after, .document_table table tbody tr th:first-child ~ th:not(:last-child) a:not(:empty):after, @@ -1407,10 +1414,15 @@ div[data-gadget-scope='notification'] button { text-align: left; width: 180pt; padding: 12pt; - background-color: #FF6600; color: #f8fff3; border-radius: 0.325em; } +div[data-gadget-scope='notification'] button.success { + background-color: #37A419; +} +div[data-gadget-scope='notification'] button.error { + background-color: #FF6600; +} /********************************************** * JQM **********************************************/ @@ -1470,19 +1482,19 @@ div[data-gadget-scope='notification'] button { @media only screen and (min-width: 45em) and (max-width: 2713em) { .content-iframe-maximize { left: 0; - top: 30pt; + top: 73pt; } .content-iframe-maximize iframe { - height: calc(100vh - 30pt ); + height: calc(100vh - 73pt ); } } @media not screen and (min-width: 45em) { .content-iframe-maximize { left: 0; - top: 30pt; + top: 67pt; } .content-iframe-maximize iframe { - height: calc(100vh - 30pt ); + height: calc(100vh - 67pt ); } } /********************************************** @@ -2901,3 +2913,34 @@ hmtl .ui-icon-carat-u::before { .ui-icon-bomb::before { content: "\f1e2"; } +.content-iframe-maximize { + position: fixed; +} +@media not screen and (max-width: 2713em) { + .content-iframe-maximize { + left: 180pt; + top: 60pt; + } + .content-iframe-maximize iframe { + width: calc(100vw - 180pt ); + height: calc(100vh - 60pt ); + } +} +@media only screen and (min-width: 45em) and (max-width: 2713em) { + .content-iframe-maximize { + left: 0; + top: 30pt; + } + .content-iframe-maximize iframe { + height: calc(100vh - 30pt ); + } +} +@media not screen and (min-width: 45em) { + .content-iframe-maximize { + left: 0; + top: 30pt; + } + .content-iframe-maximize iframe { + height: calc(100vh - 30pt ); + } +} diff --git a/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.xml b/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.xml index 140d0cbef998511ee44c423b28a6a89773c1301c..16918d4be61d87ca2d30cc75f1981e15c21de045 100644 --- a/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.xml +++ b/bt5/erp5_officejs/PathTemplateItem/web_page_module/gadget_officejs_nojqm_css.xml @@ -242,7 +242,7 @@ </item> <item> <key> <string>serial</string> </key> - <value> <string>961.56680.37314.15803</string> </value> + <value> <string>961.59292.36287.51694</string> </value> </item> <item> <key> <string>state</string> </key> @@ -260,7 +260,7 @@ </tuple> <state> <tuple> - <float>1504530088.63</float> + <float>1505117024.15</float> <string>UTC</string> </tuple> </state> diff --git a/bt5/erp5_officejs/SkinTemplateItem/portal_skins/erp5_web_officejs_ui/ojscss.less.txt b/bt5/erp5_officejs/SkinTemplateItem/portal_skins/erp5_web_officejs_ui/ojscss.less.txt deleted file mode 100644 index 300d379a0bf8a28e6c71071511fa2fe4a663c4d0..0000000000000000000000000000000000000000 --- a/bt5/erp5_officejs/SkinTemplateItem/portal_skins/erp5_web_officejs_ui/ojscss.less.txt +++ /dev/null @@ -1,3110 +0,0 @@ -/********************************************** -* Colors -**********************************************/ -@black: #1F1F1F; -@txtorange: #FF6600; -@txtblue: #2FA2E4; -@white: #FFFFFF; -@txtgreen: #22CC22; -@txtsubgrey: #575757; -@grey: #777777; - - -// Default background for pages and other controls -@colorbackground: @white; -// Default foreground and border color -@colorforeground: @black; -@colortextselection: @txtgreen; -// Foreground color to single-out items of interest -@coloraccent: @txtorange; -@colorlink: @txtblue; - -@colortextboxforeground: @colorforeground; -@colortextboxplaceholder: @txtsubgrey; -@colortextboxbackground: @colorbackground; - -@colorheaderbackground: #085078; -@colorsubheaderbackground: #0E81C2; -@colorsubheaderlink: #f8fff3; - -@colorfocus: #3388cc; -@colorblocklinkbackground: #e0e0e0; - -@panelbackgroundcolor: #444444; - -@radius: .325em; - -// XXX BUG Generate wrong align on firefox smartphone -@headerheight: @font-size * 2 + @margin-size; -@headerheight-smartphone: 2 * @headerheight + @margin-size + 1; -@headerheight-tablet: 2 * @headerheight + 2 * @margin-size + 1; - -@main-margin-size-desktop: @quadruple-margin-size; -@main-margin-size-smartphone: @margin-size; - -@headertitleleftlargemargin: @main-margin-size-desktop + @margin-size * 3; -@headertitleleftsmallmargin: @main-margin-size-smartphone + @main-margin-size-desktop; -@headertitlemiddlewidth: @double-margin-size; -@headertitleleftmiddlemargin: @main-margin-size-desktop; -@headertitlerightsmallmargin: @margin-size * 3 - @headertitlemiddlewidth; - -@headertitlespanleftlargemargin: @double-margin-size + 2; -@headertitlespanleftsmallmargin: @margin-size; -@headertitlespanleftlargepadding: @quadruple-margin-size; -@headertitlespanleftmiddlepadding: @triple-margin-size - 2; -@headertitlespanleftsmallpadding: @double-margin-size; - -// XXX desktop: 12em -@panelwidth: @margin-size * 30; -// @panelwidth: 15em; - -@smartphone: ~"not screen and (min-width: 45em)"; -@tablet: ~"only screen and (min-width: 45em) and (max-width: 2713em)"; -@desktop: ~"not screen and (max-width: 2713em)"; - - -/********************************************** -* Fonts (font-family) -**********************************************/ -@sans-serif: 'Open Sans', Helvetica, Arial, sans-serif; -@monospace: "Courier New", Courier, monospace; - -/********************************************** -* Shared -**********************************************/ -@font-family: @sans-serif; -// Increase font size to prevent IOS auto zooming when focusing input field -@font-size: 12pt; -@font-weight: 400; - -@line-height: 1.5; - -@header-font-weight: 700; - -@border-size: 1px; -@border-type: solid; -@border-transparency: .3; -@border-color: rgba(0, 0, 0, @border-transparency); -@border: @border-size @border-type @border-color; -@border-radius: @radius; -@box-shadow-transparency: .2; -@box-shadow: inset 0 @border-size 3px rgba(0, 0, 0, @box-shadow-transparency); - -// #3388cc = rgba(51, 136, 204, 1) -@focus-border-color: #3388cc; -@focus-border: @border-size @border-type @focus-border-color; -@focus-box-shadow: 0 0 @double-margin-size @focus-border-color; - -@invalid-border: @border-size @border-type @coloraccent; -@invalid-box-shadow: 0 0 @double-margin-size @coloraccent; - -@half-margin-size: 3pt; -@margin-size: 6pt; -@double-margin-size: 12pt; -@triple-margin-size: 18pt; -@quadruple-margin-size: 24pt; - -@transition-timing: .2s ease-out; - -@sub-line-margin-size-desktop: @main-margin-size-desktop; -@sub-line-min-width-desktop: 5em; - -/////////////////////////////////////////////// -// Extend -/////////////////////////////////////////////// - -.hide_text(@width: 3em) { - // https://css-tricks.com/forums/topic/hide-text-but-not-the-before-pseudo-class/ - & when (@width > 0) { - width: @width; - } - overflow: hidden; - text-indent: -9999px; - white-space: nowrap; -} - - - - - - - - - - - - - - - - - - - - - - - - - - -/********************************************** -* http://meyerweb.com/eric/tools/css/reset/ -* v2.0 | 20110126 -* License: none (public domain) -**********************************************/ - -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/********************************************** -* Default -**********************************************/ - -@font-face { - font-family: 'FontAwesome'; - src: url('font-awesome/font-awesome-webfont.eot'); - src: url('font-awesome/font-awesome-webfont.eot') format('embedded-opentype'), url('font-awesome/font-awesome-webfont.woff2') format('woff2'), url('font-awesome/font-awesome-webfont.woff') format('woff'), url('font-awesome/font-awesome-webfont.ttf') format('truetype'), url('font-awesome/font-awesome-webfont.svg') format('svg'); - font-weight: normal; - font-style: normal; -} - -html { - height: 100%; - width: 100%; - display: block; - - background-color: @colorbackground; - - // https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ - box-sizing: border-box; -} - -*, *:before, *:after { - box-sizing: inherit; -} - -body { - height: 100%; - width: 100%; - display: block; - - color: @colorforeground; - - word-wrap: break-word; -} - -body, button, input, textarea, select { - font-family: @font-family; - font-size: @font-size; - padding: 0; - margin: 0; - - font-weight: @font-weight; - line-height: @line-height; -} - -/********************************************** -* Inline elements -**********************************************/ - -strong { - font-weight: bold; -} - -i, cite, em, var, address, dfn { - font-style: italic; -} - -strong, b { - font-weight: bold; -} - -u, ins { - text-decoration: underline; -} - -s, strike, del { - text-decoration: line-through; -} - -sup { - vertical-align: super; - font-size: smaller; -} - -sub { - vertical-align: sub; - font-size: smaller; -} - -small { - font-size: smaller; -} - -tt, code, kbd, samp { - font-family: @monospace; -} - -q { - display: inline; - &:before { - content: open-quote; - } - &:after { - content: close-quote; - } - quotes: initial; -} - -mark { - color: @colortextselection; -} - -/********************************************** -* Link -**********************************************/ -.link(@ccolor) { - // XXX - color: @ccolor; - - text-decoration: none; - // TODO Animate underline by using outline? - - &[href=""] { - color: @colorforeground; - } - &:hover { - // This make links and button a bit different, and so, - // it is easier to know which element can open a new tab - text-decoration: underline; - } - &:focus { - // XXX TODO - outline-offset: -2px; - outline: 2px @border-type @colorfocus; - } -} - -a { - .link(@colorlink); - - @media @desktop { - // Do not display access key if not physical keyboard - &[accesskey]:after { - content: " [" attr(accesskey) "] "; - } - } -} - - -/********************************************** -* Preformatted -**********************************************/ - -pre, xmp, plaintext, listing { - display: block; - white-space: pre-wrap; -} - -/********************************************** -* hr -**********************************************/ - -hr { - display: block; - border-style: inset; - border-width: @border-size; - border-color: @coloraccent; -} - -/********************************************** -* Text fields -**********************************************/ - -label { - display: block; -} - -input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]):not([type=color]), textarea, select { - width: 100%; - - padding: @half-margin-size; - - background-color: @colortextboxbackground; - color: @colortextboxforeground; - - border: @border; - border-radius: @border-radius; - - // BUG: transition is not triggered if there is a default box-shadow - // probably a chrome bug. Disable for now. - // box-shadow: @box-shadow; - transition : border @transition-timing, box-shadow @transition-timing; - - &:active, &:focus { - outline: none; - } - &:focus { - border: @focus-border; - box-shadow: @focus-box-shadow; - } - &:invalid { - border: @invalid-border; - &:focus { - box-shadow: @invalid-box-shadow; - } - } -} - - -// http://kyusuf.com/post/completely-css-custom-checkbox-radio-buttons-and-select-boxes -select { - cursor: pointer; - - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - background-image: none; - background-color: @colortextboxbackground; - - padding-right: @quadruple-margin-size; - background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline fill-opacity='0.5' points='46.139,15.518 25.166,36.49 4.193,15.519'/></svg>") right no-repeat; - background-position: right @margin-size top 50%; - background-size: @double-margin-size @double-margin-size; - - &:-moz-focusring { - // Remove outline in Firefox - // http://stackoverflow.com/a/18853002 - color: transparent; - text-shadow: 0 0 0 #000; - } -} - -textarea { - word-wrap: break-word; - white-space: normal; - // Fix inconsistent Textarea bottom margin in Firefox and Chrome - // http://stackoverflow.com/a/26904480 - vertical-align: top; - - transition: height @transition-timing; - - // On smartphone, display the textarea small - // and increase its size when focused - // This behaviour should not be activated on bigscreen, - // as it make it unusable (difficult to search text for example) - @media @smartphone { - height: 4em; - &:focus { - height: 20em; - } - } - @media @tablet, @desktop { - min-height: 10em; - } -} - -::-webkit-input-placeholder { - color: @colortextboxplaceholder; -} - -:-moz-placeholder { /* Firefox 18- */ - color: @colortextboxplaceholder; -} - -::-moz-placeholder { /* Firefox 19+ */ - color: @colortextboxplaceholder; -} - -:-ms-input-placeholder { - color: @colortextboxplaceholder; -} - -input[type=submit], button { - &::-moz-focus-inner { - border : 0px; - padding: 0px; - } - - margin: 0; - padding: 0; - border: none; - background:transparent; - color: @colorforeground; - - &:hover, &:focus { - outline: none; - } - -/* - // XXX TODO - // transition: background-color 0.2s ease-out; - &:hover, &:focus { - outline: none; - } - &:active { - // box-shadow: inset 0 0 0 5px darken(@colorblocklinkbackground, 10%); - background-color: darken(@colorblocklinkbackground, 20%); - } -*/ - cursor: pointer; -} - -/********************************************** -* Media -**********************************************/ - -img, iframe, video, svg { - max-width: 100%; -} - -svg { - polyline { - stroke: @colorforeground; - fill: none; - } - text { - stroke: @colorforeground; - fill: @colorforeground; - } -} - -iframe { - width: 100%; - height: 80vh; - background-color: @colorbackground; -} - -img { - image-orientation: from-image; -} - - -/********************************************** -* Gadget: panel -**********************************************/ -div[data-gadget-scope='panel'] { - - background-color: @panelbackgroundcolor; - - @media @smartphone, @tablet { - box-shadow: 5px 0 5px rgba(0,0,0,.15); - } - color: @white; - - width: @panelwidth; - min-height: 100%; - max-height: 100%; - overflow-y: auto; - position: fixed; - top: 0; - left: 0; - display: block; - z-index: 2000; - - @media @smartphone, @tablet { - left: -@panelwidth - @margin-size; - transition: transform 200ms ease-out; - transform: translate3d(0, 0, 0); - &.visible { - transform: translate3d(@panelwidth + @margin-size, 0, 0); - } - } - - div[data-role="header"] { - display: flex; - justify-content: flex-start; - - .panel_img { - text-align: center; - flex: 1; - height: @headerheight; - } - button, a { - - .hide_text(); - background-color: @panelbackgroundcolor; - - &::before { - float: left; - text-indent: 0; - margin-left: @double-margin-size; - } - - @media @desktop { - &[data-i18n="Close"] { - display: none; - } - } - - display: block; - - line-height: @headerheight; - color: @white; - } - } - - div[data-gadget-scope='erp5_searchfield'] { - padding: @half-margin-size @double-margin-size; - button { - color: @white; - } - input[type="search"] { - color: @white !important; - background-color: @grey !important; - } - } - - img { - text-align: left; - height: 100%; - } - - div[data-gadget-scope="erp5_checkbox"] { - padding: @half-margin-size; - padding-left: @double-margin-size; - - label, span, input { - cursor: pointer; - } - - span { - width: @quadruple-margin-size; - display: inline-block; - } - } - - .alignwithicon() { - padding: @half-margin-size; - padding-left: @double-margin-size; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - - &::before { - // Use width instead of padding-right - // To keep text aligned - width: @quadruple-margin-size; - } - } - - .alignwithouticon() { - .alignwithicon(); - padding-left: @double-margin-size + @quadruple-margin-size; - } - - .linkpanel() { - color: @white; - display: block; - &:hover, &:active { - background-color: darken(@panelbackgroundcolor, 10%); - } - } - - ul { - &:first-child { - margin-top: @headerheight; - } - li { - a { - .linkpanel(); - .alignwithicon(); - } - } - } - - dl { - background-color: @grey; - color: @black; - - // Animate when content is added - transform-origin: 50% 0; - transform: scaleY(0); - &:not(:empty) { - transform: scaleY(1); - } - transition: transform @transition-timing; - - dt { - .alignwithicon(); - } - - dd { - a { - .linkpanel(); - .alignwithouticon(); - } - } - } - -} - -/********************************************** -* Gadget: editor panel -**********************************************/ - -div[data-gadget-scope='editor_panel'] { - - background-color: @colorbackground; - - width: @panelwidth; - min-height: 100%; - max-height: 100%; - overflow-y: auto; - position: fixed; - top: 0; - display: block; - z-index: 3000; - - @media @desktop { - left: -@panelwidth - @margin-size; - transition: transform 200ms ease-out; - transform: translate3d(0, 0, 0); - &.visible { - transform: translate3d(@panelwidth + @margin-size, 0, 0); - } - box-shadow: 5px 0 5px rgba(0,0,0,.15); - } - @media @smartphone, @tablet { - right: -@panelwidth - @margin-size; - transition: transform 200ms ease-out; - transform: translate3d(0, 0, 0); - &.visible { - transform: translate3d(-@panelwidth - @margin-size, 0, 0); - } - box-shadow: -5px 0 5px rgba(0,0,0,.15); - } - - - - div[data-role="header"] { - - display: flex; - justify-content: space-between; - flex-direction: row-reverse; - - h1 { - text-align: left; - line-height: @headerheight; - max-height: @headerheight; - } - - button, a { - - .hide_text(); - - &::before { - float: left; - text-indent: 0; - margin-left: @double-margin-size; - } - - display: block; - - line-height: @headerheight; - } - } - - section { - padding: @double-margin-size; - - fieldset { - & > div { - display: inline-block; - } - label { - display: inline-block; - text-align: center; - // font-size: 0.8em; - } - input[type="radio"] { - display: inline-block; - } - } - - .filter_item_container, .sort_item_container { - & > div { - display: flex; - align-items: flex-start; - padding: @margin-size 0; - - .filter_item, .sort_item { - flex: 1; - } - } - } - - button { - - // Copy pasted from listbox buttons - padding: @half-margin-size @margin-size; - border: 1px solid rgba(0, 0, 0, 0.14); - border-radius: @radius; - - margin-right: @margin-size; - &:last-of-type { - margin-right: 0; - } - - .hide_text(@width: 2em); - - &::before { - margin-right: @margin-size; - - float: left; - text-indent: 0; - } - - } - } - -} - - -/********************************************** -* Gadget: header -**********************************************/ -.renderDesktopSubLink() { - padding-left: @sub-line-margin-size-desktop; - padding-right: @sub-line-margin-size-desktop; - min-width: @sub-line-min-width-desktop; -} - -div[data-gadget-scope='header'] .ui-header { - - position: fixed; - z-index: 1000; - text-align: center; - - display: flex; - flex-flow: row wrap; - // Prevent the header to have a width higher than the screen - width: 100%; - - @media @desktop { - margin-left: @panelwidth; - } - - color: @white; - background-color: @colorsubheaderbackground; - - button, a { - color: @white; - transition: background-color @transition-timing; - &:hover, &:active { - background-color: lighten(@colorheaderbackground, 20%); - } - } - - .ui-controlgroup-controls { - // Left, right button next to the page title - - button, a { - display: block; - - @media @desktop { - background-color: @colorsubheaderbackground; - } - @media @smartphone, @tablet { - background-color: @colorheaderbackground; - } - - transition: background-color @transition-timing; - &:hover, &:active { - background-color: lighten(@colorheaderbackground, 20%); - } - - line-height: @headerheight; - - @media @tablet { - // https://css-tricks.com/forums/topic/hide-text-but-not-the-before-pseudo-class/ - // Default size - width: 8em; - } - @media @smartphone { - .hide_text(); - } - - &::before { - @media @tablet, @desktop { - width: 1em; - margin-right: @margin-size; - text-align: center; - } - - @media @smartphone { - float: left; - text-indent: 0; - margin-left: @double-margin-size; - } - } - - &[name="panel"] { - @media @desktop { - display: none; - } - } - - } - } - - // XXX TODO: restore border to separate title from button/links - & > .ui-btn-left { - button, a { - border-right: 1px solid rgba(255, 255, 255, 0.55); - } - } - - & > .ui-btn-right { - button, a { - // background-color: #F60; - @media @smartphone, @tablet { - border-left: 1px solid rgba(255, 255, 255, 0.55); - } - @media @desktop { - .renderDesktopSubLink(); - } - } - } - - h1 { - text-align: left; - line-height: @headerheight; - flex: 1; - @media @desktop { - flex: 1 100%; - } - - background-color: @colorheaderbackground; - - // Restore border? - // border-left: 1px solid rgba(255, 255, 255, 0.55); - // border-right: 1px solid rgba(255, 255, 255, 0.55); - - // Do not put title on multi line in case of small screen - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - // Title which is not a link - & > span { - padding-left: @headertitlespanleftlargepadding; - &::before { - width:1em; - margin-right:@headertitlespanleftsmallmargin; - } - - @media @tablet { - padding-left: @headertitlespanleftmiddlepadding; - &::before { - margin-right:@headertitlespanleftlargemargin; - } - } - - @media @smartphone { - padding-left: @headertitlespanleftsmallpadding; - &::before { - margin-right:@headertitlespanleftsmallmargin; - } - } - } - // Clickable title - a { - display: block; - - // Do not put link on multi line in case of small screen - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - &::before { - display: inline-block; - @media @tablet, @smartphone { - text-align: center; - } - - @media @desktop { - width: @headertitlemiddlewidth; - margin-left: @headertitleleftmiddlemargin; - margin-right: @headertitlerightsmallmargin; - } - width: @headertitleleftlargemargin; - @media @smartphone { - width: @headertitleleftsmallmargin; - } - - } - - } - } - - - .ui-subheader { - @media @desktop { - text-align: left; - flex: 1; - } - - @media @smartphone, @tablet { - flex: 1 100%; - } - - } - - ul { - display: flex; - - li { - @media @tablet, @smartphone { - flex: 1; - // XXX TODO Hardcoded color - border-left: 1px solid rgba(0, 0, 0, 0.55); - &:first-child { - border-left: none; - } - - a { - display: block; - } - } - - @media @tablet { - a { - padding-top: @half-margin-size; - padding-bottom: @half-margin-size; - white-space: nowrap; - overflow: hidden; - &::before { - font-size: 1.2em; - display: block; - } - } - } - - @media @smartphone { - a { - text-align: center; - vertical-align: middle; - font-size: 1.5em; - padding-top: @margin-size; - padding-bottom: @margin-size; - .hide_text(@width: false); - &::before { - float: left; - text-indent: 0; - width: 100%; - } - } - } - - @media @desktop { - a { - display: block; - .renderDesktopSubLink(); - line-height: @headerheight; - - white-space: nowrap; - overflow: hidden; - &::before { - display: none; - } - } - } - - } - - } - -} - -/********************************************** -* Gadget: main -**********************************************/ -.gadget-content { - div[data-gadget-scope='m'] { - animation: fadein @transition-timing; - } - - input[type='submit'] { - padding: @margin-size; - margin-top: @headerheight; - margin-right: @double-margin-size; - - background-color: @coloraccent; - color: @white; - - border-radius: @radius; - border-width: 1px; - border-style: solid; - - min-width: 8em; - - &:hover, &:focus { - background-color: lighten(@coloraccent, 10%); - } - &:active { - background-color: lighten(@coloraccent, 20%); - } - } - - - @media @desktop { - // Keep the panel always visible - margin-left: @panelwidth; - } - - // Top padding - padding: @main-margin-size-desktop; - // XXX TODO: replace em by pt, to have exact position - padding-top: 2 * @headerheight + @margin-size; - @media @tablet { - padding-top: 7em; - } - @media @smartphone { - padding: @main-margin-size-smartphone; - padding-top: 6em; - } - - // Label - - .ui-field-contain { - padding: @margin-size 0; - - div { - width: 100%; - } - } - /* Disclaimer: It is here only for backward-compatibility! Don't rely on - this class because it will be removed. - It was used to force horizontal rendering of fields inside FormBox. */ - .horizontal_align_form_box .ui-field-contain > div { - display: block-inline; - } - - .ui-content-header-plain { - font-size: 150%; - } - - ul.document-listview { - &:not(:last-of-type) { - margin-bottom: @double-margin-size; - } - &:first-child { - margin-top: @margin-size; - } - - li { - border-color: rgba(0, 0, 0, 0.3); - border-width: 1px; - border-style: solid; - border-bottom-style: none; - box-shadow: 0 1px 3px rgba(0,0,0,.15); - - &:not(.ui-li-has-count) { - a { - &:after { - font-family: FontAwesome; - content: "\f0da"; - text-align: right; - float: right; - position: absolute; - right: @double-margin-size; - } - } - } - - a { - display: block; - position: relative; - padding: @margin-size @double-margin-size; - padding-right: @quadruple-margin-size; - - color: #222222; - - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - - &:hover, &:active { - background-color: @colorblocklinkbackground; - } - } - &:first-child { - border-top-left-radius: @radius; - border-top-right-radius: @radius; - } - &:last-child { - border-bottom-left-radius: @radius; - border-bottom-right-radius: @radius; - border-bottom-style: solid; - } - - .ui-li-count { - float: right; - padding: 0 @margin-size; - border: 1px solid rgba(0, 0, 0, 0.14); - border-radius: @radius; - position: absolute; - right: @margin-size; - } - - } - } - - @media @tablet, @desktop { - .left, .right { - vertical-align: top; - display: inline-block; - width: 50%; - } - .right { - // Put padding only in .right, to keep .center aligned with .left - padding-left: @quadruple-margin-size; - } - } - - @media @tablet, @desktop { - // Label - .ui-field-contain { - display: flex; - & > label { - flex: 1; - color: @grey; - /* Disclaimer: It is here only for backward-compatibility! Don't rely on - this class because it will be removed. - It was used to hide the label of a FormBox. */ - &.invisible { - display: none; - } - } - & > label + div { - flex: 3; - } - } - } - @media @tablet, @desktop { - // Align field on the left group's field - .center { - .ui-field-contain { - & > label + div { - flex: 7; - } - } - } - } - -/* - @media @smartphone { - .ui-field-contain { - // padding: 0.8em 0; - // make sure there is a bottom border - // XXX TODO: border should be visible only if not input - // XXX How to not show it on last field? - border-bottom: 1px solid rgba(0, 0, 0, 0.15); - } - } -*/ - - form .ui-field-contain { - // relative for displaying popups with errors - position: relative; - - & > span { - animation: fadein @transition-timing; - - @media @desktop, @tablet { - background-color: @coloraccent; - color: @colorsubheaderlink; - left: 25%; - position: absolute; - bottom: 110%; - white-space: pre; - padding: @margin-size; - border-radius: @border-radius; - width: auto; - z-index: 1001; - - &:before { - position: absolute; - top: 100%; - left: 2em; - display: inline-block; - border-right: @margin-size solid transparent; - border-top: @margin-size solid @coloraccent; - border-left: @margin-size solid transparent; - content: ''; - } - } - @media @smartphone { - margin-left: @margin-size; - color: @coloraccent; - } - } - } -} - -/********************************************** -* Gadget: HTML5 input field -**********************************************/ -.gadget-content .ui-field-contain { - .ui-input-has-appendinx, - .ui-input-has-prependinx { - display: flex; - i { - display: block; - padding: 3pt; - color: #777777; - font-weight: 400; - } - } -} -/********************************************** -* Gadget: relation field -**********************************************/ -.relation-input { - display: flex; - a { - .hide_text(@width: @quadruple-margin-size); - - &::before { - float: left; - text-indent: 0; - margin-left: @margin-size; - } - - display: block; - - padding-top: @half-margin-size; - padding-bottom: @half-margin-size; - } - - div { - position: relative; - } - ul { - position: absolute; - display: block; - width: 100%; - z-index: 501; - li { - cursor: pointer; - - background-color: @panelbackgroundcolor; - - color: @white; - padding: @half-margin-size; - padding-left: @margin-size; - display: block; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - - &::before { - padding-right: @margin-size; - } - // No transition, as it doesn't feel right - // transition: background-color @transition-timing; - &:hover, &:active { - background-color: darken(@panelbackgroundcolor, 10%); - } - - } - } -} - -/********************************************** -* Gadget: datetime field -**********************************************/ -.datetimefield { - display: flex; - div[data-gadget-scope=INPUT] { - flex: 2; - } - div[data-gadget-scope=SELECT] { - flex: 1; - } -} - -/********************************************** -* Gadget: float/integer field -**********************************************/ -.floatfield, .integerfield { - p, input { - text-align: right; - } -} - -/********************************************** -* Listbox -**********************************************/ -div[data-gadget-scope='erp5_searchfield'] { - padding-top: @margin-size; - - .ui-input-text { - display: flex; - div[data-gadget-scope='input'] { - width: 100%; - } - } - button { - padding: @half-margin-size; - } -} - -.document_table { - - .ui-table-header { - display: flex; - padding-bottom: @margin-size; - @media @smartphone { - border-bottom: 2px solid rgba(0, 0, 0, 0.14902); - } - - h1 { - // XXX TODO Same color than label - color: @grey; - flex: 2; - align-self: flex-end; - } - button { - padding: @half-margin-size; - border: 1px solid rgba(0, 0, 0, 0.14); - border-radius: @radius; - - margin-right: @margin-size; - &:last-of-type { - margin-right: 0; - } - - @media @smartphone { - .hide_text(@width: 2em); - } - - &::before { - margin-right: @margin-size; - - @media @smartphone { - float: left; - text-indent: 0; - } - } - } - } - - table { - width: 100%; - text-align: left; - - th, td { - // line-height: 1.5em; - vertical-align: middle; - } - - thead { - background-color: @colorsubheaderbackground; - color: @white; - - a { - color: @white; - text-decoration: underline; - } - - // XXX Same than cells - tr { th { - padding: @margin-size @half-margin-size; - }} - - // text-align: center; - - @media @smartphone { - display: none; - } - } - - a { - color: @colorforeground; - } - - tbody { - animation: fadein @transition-timing; - - tr { - &:nth-child(even) { - background-color: darken(@colorbackground, 5%); - } - &:hover, &:active { - background-color: @colorblocklinkbackground - } - } - - @media @desktop, @tablet { - a { - display: block; - padding: @half-margin-size; - } - } - - @media @smartphone { - tr { - // each row becomes a table, now block - display: block; - overflow: hidden; - width: 100%; - height: 4em; - position: relative; - - td, th { - // all cells inline-block - display: inline-block; - - &:first-child { - // first cell must be locked - display: inline-block; - width: 100%; - - a { - // stretch first link to full width (positioned relative to <tr>) - position: absolute; - width: 100%; - top: 0; - bottom: 0; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - - &:after { - // XXX copy/pasted - font-family: FontAwesome; - content: "\f0da"; - font-size: 1.25em; - position: absolute; - right: @margin-size; - top: 50%; - margin-top: -0.75em; - - background-color: @colorbackground; - border-radius: 0.5em; - width: 1em; - text-align: center; - line-height: 1em; - } - - } - - ~ th, ~ td { - // set line height on cells after first row - font-size: 0.8em; - - a { - pointer-events: none; - } - - &:not(:last-child) a:not(:empty):after { - // add tide - content: " ~ "; - } - } - } - } - } - } - } - - - tfoot .ui-controlgroup-controls { - display: flex; - padding-top: @margin-size; - border-top: 2px solid rgba(0, 0, 0, 0.14902); - - span { - opacity: .3; - flex: 2; - text-align: right; - } - a { - padding: @margin-size; - border: 1px solid rgba(0, 0, 0, 0.14); - border-radius: @radius; - - margin-right: @margin-size; - &:last-of-type { - margin-right: 0; - } - - &:hover, &:active { - background-color: @colorblocklinkbackground; - } - - @media @smartphone { - .hide_text(@width: initial); - } - - &::before { - margin-right: @margin-size; - - @media @smartphone { - float: left; - text-indent: @margin-size; - } - } - } - } - - } -} - -/********************************************** -* Notification -**********************************************/ -div[data-gadget-scope='notification'] { - position: fixed; - z-index: 99999; - bottom: @double-margin-size; - - right: -@panelwidth - @double-margin-size; - transition: transform 200ms ease-out; - transform: translate3d(0, 0, 0); - &.visible { - transform: translate3d(-@panelwidth - @double-margin-size - @main-margin-size-desktop, 0, 0); - @media @smartphone { - transform: translate3d(-@panelwidth - @double-margin-size - @main-margin-size-smartphone, 0, 0); - } - } - - button { - text-align: left; - width: @panelwidth; - padding: @double-margin-size; - background-color: @coloraccent; - color: @colorsubheaderlink; - border-radius: @border-radius; - } -} - -/********************************************** -* JQM -**********************************************/ -.ui-disabled { - opacity: .3; - cursor: default; - pointer-events: none; -} - -.ui-screen-hidden { - display: none; -} - -/********************************************** -* First loader -**********************************************/ -.first-loader { - position: fixed; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - font-size: 300%; -} - -/********************************************** -* Keyframes -**********************************************/ -@keyframes spin { - from {transform:rotate(0deg);} - to {transform:rotate(360deg);} -} - -@keyframes fadein { - from {opacity:0;} - to {opacity:1;} -} - -/********************************************** -* Class -**********************************************/ -.content-iframe-maximize { - position: fixed; - @media @desktop { - left: @panelwidth; - top: 2 * @headerheight; - iframe { - width: ~"calc(100vw - "@panelwidth~")"; - height: ~"calc(100vh - "2 * @headerheight~")"; - } - } - @media @tablet { - left: 0; - top: @headerheight; - iframe { - height: ~"calc(100vh - "@headerheight~")"; - } - } - @media @smartphone { - left: 0; - top: @headerheight; - iframe { - height: ~"calc(100vh - "@headerheight~")"; - } - } -} - -/********************************************** -* Icons -**********************************************/ -.ui-btn-icon-top, .ui-btn-icon-left, .ui-btn-icon-right, .ui-icon, .ui-btn-icon-notext { - &::before { - font-family: FontAwesome; - display: inline-block; - content: ""; - } -} - -.ui-icon-warning { - background-color: @coloraccent !important; - &::before { - content: "\f071"; - } -} - -.ui-icon-spinner { - // Don't fade spinner - opacity: 1; - &::before { - content: "\f110"; - animation: spin .5s infinite linear; - } -} - - -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen - readers do not read off random characters that represent icons */ -.ui-icon-glass::before { - content: "\f000"; -} -.ui-icon-music::before { - content: "\f001"; -} -.ui-icon-search::before { - content: "\f002"; -} -.ui-icon-envelope-o::before { - content: "\f003"; -} -.ui-icon-heart::before { - content: "\f004"; -} -.ui-icon-star::before { - content: "\f005"; -} -.ui-icon-star-o::before { - content: "\f006"; -} -.ui-icon-user::before { - content: "\f007"; -} -.ui-icon-film::before { - content: "\f008"; -} -.ui-icon-th-large::before { - content: "\f009"; -} -.ui-icon-th::before { - content: "\f00a"; -} -.ui-icon-th-list::before { - content: "\f00b"; -} -.ui-icon-check::before { - content: "\f00c"; -} -.ui-icon-times::before, -.ui-icon-delete::before { - content: "\f00d"; -} -.ui-icon-search-plus::before { - content: "\f00e"; -} -.ui-icon-search-minus::before { - content: "\f010"; -} -.ui-icon-power-off::before { - content: "\f011"; -} -.ui-icon-signal::before { - content: "\f012"; -} -.ui-icon-gear::before, -.ui-icon-cog::before { - content: "\f013"; -} -.ui-icon-trash-o::before { - content: "\f014"; -} -.ui-icon-home::before { - content: "\f015"; -} -.ui-icon-file-o::before { - content: "\f016"; -} -.ui-icon-clock-o::before { - content: "\f017"; -} -.ui-icon-road::before { - content: "\f018"; -} -.ui-icon-download::before { - content: "\f019"; -} -.ui-icon-arrow-circle-o-down::before { - content: "\f01a"; -} -.ui-icon-arrow-circle-o-up::before { - content: "\f01b"; -} -.ui-icon-inbox::before { - content: "\f01c"; -} -.ui-icon-play-circle-o::before { - content: "\f01d"; -} -.ui-icon-rotate-right::before, -.ui-icon-repeat::before { - content: "\f01e"; -} -.ui-icon-refresh::before { - content: "\f021"; -} -.ui-icon-list-alt::before { - content: "\f022"; -} -.ui-icon-lock::before { - content: "\f023"; -} -.ui-icon-flag::before { - content: "\f024"; -} -.ui-icon-headphones::before { - content: "\f025"; -} -.ui-icon-volume-off::before { - content: "\f026"; -} -.ui-icon-volume-down::before { - content: "\f027"; -} -.ui-icon-volume-up::before { - content: "\f028"; -} -.ui-icon-qrcode::before { - content: "\f029"; -} -.ui-icon-barcode::before { - content: "\f02a"; -} -.ui-icon-tag::before { - content: "\f02b"; -} -.ui-icon-tags::before { - content: "\f02c"; -} -.ui-icon-book::before { - content: "\f02d"; -} -.ui-icon-bookmark::before { - content: "\f02e"; -} -.ui-icon-print::before { - content: "\f02f"; -} -.ui-icon-camera::before { - content: "\f030"; -} -.ui-icon-font::before { - content: "\f031"; -} -.ui-icon-bold::before { - content: "\f032"; -} -.ui-icon-italic::before { - content: "\f033"; -} -.ui-icon-text-height::before { - content: "\f034"; -} -.ui-icon-text-width::before { - content: "\f035"; -} -.ui-icon-align-left::before { - content: "\f036"; -} -.ui-icon-align-center::before { - content: "\f037"; -} -.ui-icon-align-right::before { - content: "\f038"; -} -.ui-icon-align-justify::before { - content: "\f039"; -} -.ui-icon-list::before { - content: "\f03a"; -} -.ui-icon-dedent::before, -.ui-icon-outdent::before { - content: "\f03b"; -} -.ui-icon-indent::before { - content: "\f03c"; -} -.ui-icon-video-camera::before { - content: "\f03d"; -} -.ui-icon-photo::before, -.ui-icon-image::before, -.ui-icon-picture-o::before { - content: "\f03e"; -} -.ui-icon-pencil::before { - content: "\f040"; -} -.ui-icon-map-marker::before { - content: "\f041"; -} -.ui-icon-adjust::before { - content: "\f042"; -} -.ui-icon-tint::before { - content: "\f043"; -} -.ui-icon-edit::before, -.ui-icon-pencil-square-o::before { - content: "\f044"; -} -.ui-icon-share-square-o::before { - content: "\f045"; -} -.ui-icon-check-square-o::before, -.ui-icon-checkbox-on::before, -.ui-checkbox-on::before { - content: "\f046"; -} -.ui-icon-arrows::before { - content: "\f047"; -} -.ui-icon-step-backward::before { - content: "\f048"; -} -.ui-icon-fast-backward::before { - content: "\f049"; -} -.ui-icon-backward::before { - content: "\f04a"; -} -.ui-icon-play::before { - content: "\f04b"; -} -.ui-icon-pause::before { - content: "\f04c"; -} -.ui-icon-stop::before { - content: "\f04d"; -} -.ui-icon-forward::before { - content: "\f04e"; -} -.ui-icon-fast-forward::before { - content: "\f050"; -} -.ui-icon-step-forward::before { - content: "\f051"; -} -.ui-icon-eject::before { - content: "\f052"; -} -.ui-icon-chevron-left::before { - content: "\f053"; -} -.ui-icon-chevron-right::before { - content: "\f054"; -} -.ui-icon-plus-circle::before { - content: "\f055"; -} -.ui-icon-minus-circle::before { - content: "\f056"; -} -.ui-icon-times-circle::before { - content: "\f057"; -} -.ui-icon-check-circle::before { - content: "\f058"; -} -.ui-icon-question-circle::before { - content: "\f059"; -} -.ui-icon-info-circle::before { - content: "\f05a"; -} -.ui-icon-crosshairs::before { - content: "\f05b"; -} -.ui-icon-times-circle-o::before { - content: "\f05c"; -} -.ui-icon-check-circle-o::before, -.ui-icon-radio-off::before, -.ui-radio-on::before { - content: "\f05d"; -} -.ui-icon-ban::before { - content: "\f05e"; -} -.ui-icon-arrow-left::before { - content: "\f060"; -} -.ui-icon-arrow-right::before { - content: "\f061"; -} -.ui-icon-arrow-up::before { - content: "\f062"; -} -.ui-icon-arrow-down::before { - content: "\f063"; -} -.ui-icon-mail-forward::before, -.ui-icon-share::before { - content: "\f064"; -} -.ui-icon-expand::before { - content: "\f065"; -} -.ui-icon-compress::before { - content: "\f066"; -} -.ui-icon-plus::before { - content: "\f067"; -} -.ui-icon-minus::before { - content: "\f068"; -} -.ui-icon-asterisk::before { - content: "\f069"; -} -.ui-icon-exclamation-circle::before { - content: "\f06a"; -} -.ui-icon-gift::before { - content: "\f06b"; -} -.ui-icon-leaf::before { - content: "\f06c"; -} -.ui-icon-fire::before { - content: "\f06d"; -} -.ui-icon-eye::before { - content: "\f06e"; -} -.ui-icon-eye-slash::before { - content: "\f070"; -} -.ui-icon-exclamation-triangle::before { - content: "\f071"; -} -.ui-icon-plane::before { - content: "\f072"; -} -.ui-icon-calendar::before { - content: "\f073"; -} -.ui-icon-random::before { - content: "\f074"; -} -.ui-icon-comment::before { - content: "\f075"; -} -.ui-icon-magnet::before { - content: "\f076"; -} -.ui-icon-chevron-up::before { - content: "\f077"; -} -.ui-icon-chevron-down::before { - content: "\f078"; -} -.ui-icon-retweet::before { - content: "\f079"; -} -.ui-icon-shopping-cart::before { - content: "\f07a"; -} -.ui-icon-folder::before { - content: "\f07b"; -} -.ui-icon-folder-open::before { - content: "\f07c"; -} -.ui-icon-arrows-v::before { - content: "\f07d"; -} -.ui-icon-arrows-h::before { - content: "\f07e"; -} -.ui-icon-bar-chart-o::before { - content: "\f080"; -} -.ui-icon-twitter-square::before { - content: "\f081"; -} -.ui-icon-facebook-square::before { - content: "\f082"; -} -.ui-icon-camera-retro::before { - content: "\f083"; -} -.ui-icon-key::before { - content: "\f084"; -} -.ui-icon-gears::before, -.ui-icon-cogs::before { - content: "\f085"; -} -.ui-icon-comments::before { - content: "\f086"; -} -.ui-icon-thumbs-o-up::before { - content: "\f087"; -} -.ui-icon-thumbs-o-down::before { - content: "\f088"; -} -.ui-icon-star-half::before { - content: "\f089"; -} -.ui-icon-heart-o::before { - content: "\f08a"; -} -.ui-icon-sign-out::before { - content: "\f08b"; -} -.ui-icon-linkedin-square::before { - content: "\f08c"; -} -.ui-icon-thumb-tack::before { - content: "\f08d"; -} -.ui-icon-external-link::before { - content: "\f08e"; -} -.ui-icon-sign-in::before { - content: "\f090"; -} -.ui-icon-trophy::before { - content: "\f091"; -} -.ui-icon-github-square::before { - content: "\f092"; -} -.ui-icon-upload::before { - content: "\f093"; -} -.ui-icon-lemon-o::before { - content: "\f094"; -} -.ui-icon-phone::before { - content: "\f095"; -} -.ui-icon-square-o::before, -.ui-icon-checkbox-off::before, -.ui-checkbox-off::before { - content: "\f096"; -} -.ui-icon-bookmark-o::before { - content: "\f097"; -} -.ui-icon-phone-square::before { - content: "\f098"; -} -.ui-icon-twitter::before { - content: "\f099"; -} -.ui-icon-facebook::before { - content: "\f09a"; -} -.ui-icon-github::before { - content: "\f09b"; -} -.ui-icon-unlock::before { - content: "\f09c"; -} -.ui-icon-credit-card::before { - content: "\f09d"; -} -.ui-icon-rss::before { - content: "\f09e"; -} -.ui-icon-hdd-o::before { - content: "\f0a0"; -} -.ui-icon-bullhorn::before { - content: "\f0a1"; -} -.ui-icon-bell::before { - content: "\f0f3"; -} -.ui-icon-certificate::before { - content: "\f0a3"; -} -.ui-icon-hand-o-right::before { - content: "\f0a4"; -} -.ui-icon-hand-o-left::before { - content: "\f0a5"; -} -.ui-icon-hand-o-up::before { - content: "\f0a6"; -} -.ui-icon-hand-o-down::before { - content: "\f0a7"; -} -.ui-icon-arrow-circle-left::before { - content: "\f0a8"; -} -.ui-icon-arrow-circle-right::before { - content: "\f0a9"; -} -.ui-icon-arrow-circle-up::before { - content: "\f0aa"; -} -.ui-icon-arrow-circle-down::before { - content: "\f0ab"; -} -.ui-icon-globe::before { - content: "\f0ac"; -} -.ui-icon-wrench::before { - content: "\f0ad"; -} -.ui-icon-tasks::before { - content: "\f0ae"; -} -.ui-icon-filter::before { - content: "\f0b0"; -} -.ui-icon-briefcase::before { - content: "\f0b1"; -} -.ui-icon-arrows-alt::before { - content: "\f0b2"; -} -.ui-icon-group::before, -.ui-icon-users::before { - content: "\f0c0"; -} -.ui-icon-chain::before, -.ui-icon-link::before { - content: "\f0c1"; -} -.ui-icon-cloud::before { - content: "\f0c2"; -} -.ui-icon-flask::before { - content: "\f0c3"; -} -.ui-icon-cut::before, -.ui-icon-scissors::before { - content: "\f0c4"; -} -.ui-icon-copy::before, -.ui-icon-files-o::before { - content: "\f0c5"; -} -.ui-icon-paperclip::before { - content: "\f0c6"; -} -.ui-icon-save::before, -.ui-icon-floppy-o::before { - content: "\f0c7"; -} -.ui-icon-square::before { - content: "\f0c8"; -} -.ui-icon-navicon::before, -.ui-icon-reorder::before, -.ui-icon-bars::before { - content: "\f0c9"; -} -.ui-icon-list-ul::before { - content: "\f0ca"; -} -.ui-icon-list-ol::before { - content: "\f0cb"; -} -.ui-icon-strikethrough::before { - content: "\f0cc"; -} -.ui-icon-underline::before { - content: "\f0cd"; -} -.ui-icon-table::before { - content: "\f0ce"; -} -.ui-icon-magic::before { - content: "\f0d0"; -} -.ui-icon-truck::before { - content: "\f0d1"; -} -.ui-icon-pinterest::before { - content: "\f0d2"; -} -.ui-icon-pinterest-square::before { - content: "\f0d3"; -} -.ui-icon-google-plus-square::before { - content: "\f0d4"; -} -.ui-icon-google-plus::before { - content: "\f0d5"; -} -.ui-icon-money::before { - content: "\f0d6"; -} -.ui-icon-caret-down::before, -.ui-icon-carat-d::before { - content: "\f0d7"; -} -.ui-icon-caret-up::before, -hmtl .ui-icon-carat-u::before{ - content: "\f0d8"; -} -.ui-icon-caret-left::before, -.ui-icon-carat-l::before { - content: "\f0d9"; -} -.ui-icon-caret-right::before, -.ui-icon-carat-r::before { - content: "\f0da"; -} -.ui-icon-columns::before { - content: "\f0db"; -} -.ui-icon-unsorted::before, -.ui-icon-sort::before { - content: "\f0dc"; -} -.ui-icon-sort-down::before, -.ui-icon-sort-desc::before { - content: "\f0dd"; -} -.ui-icon-sort-up::before, -.ui-icon-sort-asc::before { - content: "\f0de"; -} -.ui-icon-envelope::before { - content: "\f0e0"; -} -.ui-icon-linkedin::before { - content: "\f0e1"; -} -.ui-icon-rotate-left::before, -.ui-icon-undo::before { - content: "\f0e2"; -} -.ui-icon-legal::before, -.ui-icon-gavel::before { - content: "\f0e3"; -} -.ui-icon-dashboard::before, -.ui-icon-tachometer::before { - content: "\f0e4"; -} -.ui-icon-comment-o::before { - content: "\f0e5"; -} -.ui-icon-comments-o::before { - content: "\f0e6"; -} -.ui-icon-flash::before, -.ui-icon-bolt::before { - content: "\f0e7"; -} -.ui-icon-sitemap::before { - content: "\f0e8"; -} -.ui-icon-umbrella::before { - content: "\f0e9"; -} -.ui-icon-paste::before, -.ui-icon-clipboard::before { - content: "\f0ea"; -} -.ui-icon-lightbulb-o::before { - content: "\f0eb"; -} -.ui-icon-exchange::before { - content: "\f0ec"; -} -.ui-icon-cloud-download::before { - content: "\f0ed"; -} -.ui-icon-cloud-upload::before { - content: "\f0ee"; -} -.ui-icon-user-md::before { - content: "\f0f0"; -} -.ui-icon-stethoscope::before { - content: "\f0f1"; -} -.ui-icon-suitcase::before { - content: "\f0f2"; -} -.ui-icon-bell-o::before { - content: "\f0a2"; -} -.ui-icon-coffee::before { - content: "\f0f4"; -} -.ui-icon-cutlery::before { - content: "\f0f5"; -} -.ui-icon-file-text-o::before { - content: "\f0f6"; -} -.ui-icon-building-o::before { - content: "\f0f7"; -} -.ui-icon-hospital-o::before { - content: "\f0f8"; -} -.ui-icon-ambulance::before { - content: "\f0f9"; -} -.ui-icon-medkit::before { - content: "\f0fa"; -} -.ui-icon-fighter-jet::before { - content: "\f0fb"; -} -.ui-icon-beer::before { - content: "\f0fc"; -} -.ui-icon-h-square::before { - content: "\f0fd"; -} -.ui-icon-plus-square::before { - content: "\f0fe"; -} -.ui-icon-angle-double-left::before { - content: "\f100"; -} -.ui-icon-angle-double-right::before { - content: "\f101"; -} -.ui-icon-angle-double-up::before { - content: "\f102"; -} -.ui-icon-angle-double-down::before { - content: "\f103"; -} -.ui-icon-angle-left::before { - content: "\f104"; -} -.ui-icon-angle-right::before { - content: "\f105"; -} -.ui-icon-angle-up::before { - content: "\f106"; -} -.ui-icon-angle-down::before { - content: "\f107"; -} -.ui-icon-desktop::before { - content: "\f108"; -} -.ui-icon-laptop::before { - content: "\f109"; -} -.ui-icon-tablet::before { - content: "\f10a"; -} -.ui-icon-mobile-phone::before, -.ui-icon-mobile::before { - content: "\f10b"; -} -.ui-icon-circle-o::before, -.ui-radio-off::before { - content: "\f10c"; -} -.ui-icon-quote-left::before { - content: "\f10d"; -} -.ui-icon-quote-right::before { - content: "\f10e"; -} -.ui-icon-circle::before { - content: "\f111"; -} -.ui-icon-mail-reply::before, -.ui-icon-reply::before { - content: "\f112"; -} -.ui-icon-github-alt::before { - content: "\f113"; -} -.ui-icon-folder-o::before { - content: "\f114"; -} -.ui-icon-folder-open-o::before { - content: "\f115"; -} -.ui-icon-smile-o::before { - content: "\f118"; -} -.ui-icon-frown-o::before { - content: "\f119"; -} -.ui-icon-meh-o::before { - content: "\f11a"; -} -.ui-icon-gamepad::before { - content: "\f11b"; -} -.ui-icon-keyboard-o::before { - content: "\f11c"; -} -.ui-icon-flag-o::before { - content: "\f11d"; -} -.ui-icon-flag-checkered::before { - content: "\f11e"; -} -.ui-icon-terminal::before { - content: "\f120"; -} -.ui-icon-code::before { - content: "\f121"; -} -.ui-icon-mail-reply-all::before, -.ui-icon-reply-all::before { - content: "\f122"; -} -.ui-icon-star-half-empty::before, -.ui-icon-star-half-full::before, -.ui-icon-star-half-o::before { - content: "\f123"; -} -.ui-icon-location-arrow::before { - content: "\f124"; -} -.ui-icon-crop::before { - content: "\f125"; -} -.ui-icon-code-fork::before { - content: "\f126"; -} -.ui-icon-unlink::before, -.ui-icon-chain-broken::before { - content: "\f127"; -} -.ui-icon-question::before { - content: "\f128"; -} -.ui-icon-info::before { - content: "\f129"; -} -.ui-icon-exclamation::before { - content: "\f12a"; -} -.ui-icon-superscript::before { - content: "\f12b"; -} -.ui-icon-subscript::before { - content: "\f12c"; -} -.ui-icon-eraser::before { - content: "\f12d"; -} -.ui-icon-puzzle-piece::before { - content: "\f12e"; -} -.ui-icon-microphone::before { - content: "\f130"; -} -.ui-icon-microphone-slash::before { - content: "\f131"; -} -.ui-icon-shield::before { - content: "\f132"; -} -.ui-icon-calendar-o::before { - content: "\f133"; -} -.ui-icon-fire-extinguisher::before { - content: "\f134"; -} -.ui-icon-rocket::before { - content: "\f135"; -} -.ui-icon-maxcdn::before { - content: "\f136"; -} -.ui-icon-chevron-circle-left::before { - content: "\f137"; -} -.ui-icon-chevron-circle-right::before { - content: "\f138"; -} -.ui-icon-chevron-circle-up::before { - content: "\f139"; -} -.ui-icon-chevron-circle-down::before { - content: "\f13a"; -} -.ui-icon-html5::before { - content: "\f13b"; -} -.ui-icon-css3::before { - content: "\f13c"; -} -.ui-icon-anchor::before { - content: "\f13d"; -} -.ui-icon-unlock-alt::before { - content: "\f13e"; -} -.ui-icon-bullseye::before { - content: "\f140"; -} -.ui-icon-ellipsis-h::before { - content: "\f141"; -} -.ui-icon-ellipsis-v::before { - content: "\f142"; -} -.ui-icon-rss-square::before { - content: "\f143"; -} -.ui-icon-play-circle::before { - content: "\f144"; -} -.ui-icon-ticket::before { - content: "\f145"; -} -.ui-icon-minus-square::before { - content: "\f146"; -} -.ui-icon-minus-square-o::before { - content: "\f147"; -} -.ui-icon-level-up::before { - content: "\f148"; -} -.ui-icon-level-down::before { - content: "\f149"; -} -.ui-icon-check-square::before { - content: "\f14a"; -} -.ui-icon-pencil-square::before { - content: "\f14b"; -} -.ui-icon-external-link-square::before { - content: "\f14c"; -} -.ui-icon-share-square::before { - content: "\f14d"; -} -.ui-icon-compass::before { - content: "\f14e"; -} -.ui-icon-toggle-down::before, -.ui-icon-caret-square-o-down::before { - content: "\f150"; -} -.ui-icon-toggle-up::before, -.ui-icon-caret-square-o-up::before { - content: "\f151"; -} -.ui-icon-toggle-right::before, -.ui-icon-caret-square-o-right::before { - content: "\f152"; -} -.ui-icon-euro::before, -.ui-icon-eur::before { - content: "\f153"; -} -.ui-icon-gbp::before { - content: "\f154"; -} -.ui-icon-dollar::before, -.ui-icon-usd::before { - content: "\f155"; -} -.ui-icon-rupee::before, -.ui-icon-inr::before { - content: "\f156"; -} -.ui-icon-cny::before, -.ui-icon-rmb::before, -.ui-icon-yen::before, -.ui-icon-jpy::before { - content: "\f157"; -} -.ui-icon-ruble::before, -.ui-icon-rouble::before, -.ui-icon-rub::before { - content: "\f158"; -} -.ui-icon-won::before, -.ui-icon-krw::before { - content: "\f159"; -} -.ui-icon-bitcoin::before, -.ui-icon-btc::before { - content: "\f15a"; -} -.ui-icon-file::before { - content: "\f15b"; -} -.ui-icon-file-text::before { - content: "\f15c"; -} -.ui-icon-sort-alpha-asc::before { - content: "\f15d"; -} -.ui-icon-sort-alpha-desc::before { - content: "\f15e"; -} -.ui-icon-sort-amount-asc::before { - content: "\f160"; -} -.ui-icon-sort-amount-desc::before { - content: "\f161"; -} -.ui-icon-sort-numeric-asc::before { - content: "\f162"; -} -.ui-icon-sort-numeric-desc::before { - content: "\f163"; -} -.ui-icon-thumbs-up::before { - content: "\f164"; -} -.ui-icon-thumbs-down::before { - content: "\f165"; -} -.ui-icon-youtube-square::before { - content: "\f166"; -} -.ui-icon-youtube::before { - content: "\f167"; -} -.ui-icon-xing::before { - content: "\f168"; -} -.ui-icon-xing-square::before { - content: "\f169"; -} -.ui-icon-youtube-play::before { - content: "\f16a"; -} -.ui-icon-dropbox::before { - content: "\f16b"; -} -.ui-icon-stack-overflow::before { - content: "\f16c"; -} -.ui-icon-instagram::before { - content: "\f16d"; -} -.ui-icon-flickr::before { - content: "\f16e"; -} -.ui-icon-adn::before { - content: "\f170"; -} -.ui-icon-bitbucket::before { - content: "\f171"; -} -.ui-icon-bitbucket-square::before { - content: "\f172"; -} -.ui-icon-tumblr::before { - content: "\f173"; -} -.ui-icon-tumblr-square::before { - content: "\f174"; -} -.ui-icon-long-arrow-down::before { - content: "\f175"; -} -.ui-icon-long-arrow-up::before { - content: "\f176"; -} -.ui-icon-long-arrow-left::before { - content: "\f177"; -} -.ui-icon-long-arrow-right::before { - content: "\f178"; -} -.ui-icon-apple::before { - content: "\f179"; -} -.ui-icon-windows::before { - content: "\f17a"; -} -.ui-icon-android::before { - content: "\f17b"; -} -.ui-icon-linux::before { - content: "\f17c"; -} -.ui-icon-dribbble::before { - content: "\f17d"; -} -.ui-icon-skype::before { - content: "\f17e"; -} -.ui-icon-foursquare::before { - content: "\f180"; -} -.ui-icon-trello::before { - content: "\f181"; -} -.ui-icon-female::before { - content: "\f182"; -} -.ui-icon-male::before { - content: "\f183"; -} -.ui-icon-gittip::before { - content: "\f184"; -} -.ui-icon-sun-o::before { - content: "\f185"; -} -.ui-icon-moon-o::before { - content: "\f186"; -} -.ui-icon-archive::before { - content: "\f187"; -} -.ui-icon-bug::before { - content: "\f188"; -} -.ui-icon-vk::before { - content: "\f189"; -} -.ui-icon-weibo::before { - content: "\f18a"; -} -.ui-icon-renren::before { - content: "\f18b"; -} -.ui-icon-pagelines::before { - content: "\f18c"; -} -.ui-icon-stack-exchange::before { - content: "\f18d"; -} -.ui-icon-arrow-circle-o-right::before { - content: "\f18e"; -} -.ui-icon-arrow-circle-o-left::before { - content: "\f190"; -} -.ui-icon-toggle-left::before, -.ui-icon-caret-square-o-left::before { - content: "\f191"; -} -.ui-icon-dot-circle-o::before { - content: "\f192"; -} -.ui-icon-wheelchair::before { - content: "\f193"; -} -.ui-icon-vimeo-square::before { - content: "\f194"; -} -.ui-icon-turkish-lira::before, -.ui-icon-try::before { - content: "\f195"; -} -.ui-icon-plus-square-o::before { - content: "\f196"; -} -.ui-icon-space-shuttle::before { - content: "\f197"; -} -.ui-icon-slack::before { - content: "\f198"; -} -.ui-icon-envelope-square::before { - content: "\f199"; -} -.ui-icon-wordpress::before { - content: "\f19a"; -} -.ui-icon-openid::before { - content: "\f19b"; -} -.ui-icon-institution::before, -.ui-icon-bank::before, -.ui-icon-university::before { - content: "\f19c"; -} -.ui-icon-mortar-board::before, -.ui-icon-graduation-cap::before { - content: "\f19d"; -} -.ui-icon-yahoo::before { - content: "\f19e"; -} -.ui-icon-google::before { - content: "\f1a0"; -} -.ui-icon-reddit::before { - content: "\f1a1"; -} -.ui-icon-reddit-square::before { - content: "\f1a2"; -} -.ui-icon-stumbleupon-circle::before { - content: "\f1a3"; -} -.ui-icon-stumbleupon::before { - content: "\f1a4"; -} -.ui-icon-delicious::before { - content: "\f1a5"; -} -.ui-icon-digg::before { - content: "\f1a6"; -} -.ui-icon-pied-piper-square::before, -.ui-icon-pied-piper::before { - content: "\f1a7"; -} -.ui-icon-pied-piper-alt::before { - content: "\f1a8"; -} -.ui-icon-drupal::before { - content: "\f1a9"; -} -.ui-icon-joomla::before { - content: "\f1aa"; -} -.ui-icon-language::before { - content: "\f1ab"; -} -.ui-icon-fax::before { - content: "\f1ac"; -} -.ui-icon-building::before { - content: "\f1ad"; -} -.ui-icon-child::before { - content: "\f1ae"; -} -.ui-icon-paw::before { - content: "\f1b0"; -} -.ui-icon-spoon::before { - content: "\f1b1"; -} -.ui-icon-cube::before { - content: "\f1b2"; -} -.ui-icon-cubes::before { - content: "\f1b3"; -} -.ui-icon-behance::before { - content: "\f1b4"; -} -.ui-icon-behance-square::before { - content: "\f1b5"; -} -.ui-icon-steam::before { - content: "\f1b6"; -} -.ui-icon-steam-square::before { - content: "\f1b7"; -} -.ui-icon-recycle::before { - content: "\f1b8"; -} -.ui-icon-automobile::before, -.ui-icon-car::before { - content: "\f1b9"; -} -.ui-icon-cab::before, -.ui-icon-taxi::before { - content: "\f1ba"; -} -.ui-icon-tree::before { - content: "\f1bb"; -} -.ui-icon-spotify::before { - content: "\f1bc"; -} -.ui-icon-deviantart::before { - content: "\f1bd"; -} -.ui-icon-soundcloud::before { - content: "\f1be"; -} -.ui-icon-database::before { - content: "\f1c0"; -} -.ui-icon-file-pdf-o::before { - content: "\f1c1"; -} -.ui-icon-file-word-o::before { - content: "\f1c2"; -} -.ui-icon-file-excel-o::before { - content: "\f1c3"; -} -.ui-icon-file-powerpoint-o::before { - content: "\f1c4"; -} -.ui-icon-file-photo-o::before, -.ui-icon-file-picture-o::before, -.ui-icon-file-image-o::before { - content: "\f1c5"; -} -.ui-icon-file-zip-o::before, -.ui-icon-file-archive-o::before { - content: "\f1c6"; -} -.ui-icon-file-sound-o::before, -.ui-icon-file-audio-o::before { - content: "\f1c7"; -} -.ui-icon-file-movie-o::before, -.ui-icon-file-video-o::before { - content: "\f1c8"; -} -.ui-icon-file-code-o::before { - content: "\f1c9"; -} -.ui-icon-vine::before { - content: "\f1ca"; -} -.ui-icon-codepen::before { - content: "\f1cb"; -} -.ui-icon-jsfiddle::before { - content: "\f1cc"; -} -.ui-icon-life-bouy::before, -.ui-icon-life-saver::before, -.ui-icon-support::before, -.ui-icon-life-ring::before { - content: "\f1cd"; -} -.ui-icon-circle-o-notch::before { - content: "\f1ce"; -} -.ui-icon-ra::before, -.ui-icon-rebel::before { - content: "\f1d0"; -} -.ui-icon-ge::before, -.ui-icon-empire::before { - content: "\f1d1"; -} -.ui-icon-git-square::before { - content: "\f1d2"; -} -.ui-icon-git::before { - content: "\f1d3"; -} -.ui-icon-hacker-news::before { - content: "\f1d4"; -} -.ui-icon-tencent-weibo::before { - content: "\f1d5"; -} -.ui-icon-qq::before { - content: "\f1d6"; -} -.ui-icon-wechat::before, -.ui-icon-weixin::before { - content: "\f1d7"; -} -.ui-icon-send::before, -.ui-icon-paper-plane::before { - content: "\f1d8"; -} -.ui-icon-send-o::before, -.ui-icon-paper-plane-o::before { - content: "\f1d9"; -} -.ui-icon-history::before { - content: "\f1da"; -} -.ui-icon-circle-thin::before { - content: "\f1db"; -} -.ui-icon-header::before { - content: "\f1dc"; -} -.ui-icon-paragraph::before { - content: "\f1dd"; -} -.ui-icon-sliders::before { - content: "\f1de"; -} -.ui-icon-share-alt::before { - content: "\f1e0"; -} -.ui-icon-share-alt-square::before { - content: "\f1e1"; -} -.ui-icon-bomb::before { - content: "\f1e2"; -} \ No newline at end of file diff --git a/bt5/erp5_officejs/SkinTemplateItem/portal_skins/erp5_web_officejs_ui/ojscss.less.xml b/bt5/erp5_officejs/SkinTemplateItem/portal_skins/erp5_web_officejs_ui/ojscss.less.xml deleted file mode 100644 index 65ea404c97d970f3fcc4479f10f44be8c15777c7..0000000000000000000000000000000000000000 --- a/bt5/erp5_officejs/SkinTemplateItem/portal_skins/erp5_web_officejs_ui/ojscss.less.xml +++ /dev/null @@ -1,28 +0,0 @@ -<?xml version="1.0"?> -<ZopeData> - <record id="1" aka="AAAAAAAAAAE="> - <pickle> - <global name="File" module="OFS.Image"/> - </pickle> - <pickle> - <dictionary> - <item> - <key> <string>__name__</string> </key> - <value> <string>ojscss.less</string> </value> - </item> - <item> - <key> <string>content_type</string> </key> - <value> <string>text/plain</string> </value> - </item> - <item> - <key> <string>precondition</string> </key> - <value> <string></string> </value> - </item> - <item> - <key> <string>title</string> </key> - <value> <string></string> </value> - </item> - </dictionary> - </pickle> - </record> -</ZopeData>