diff --git a/lessc/style-mobile.less b/lessc/style-mobile.less new file mode 100644 index 000000000..2083ed54f --- /dev/null +++ b/lessc/style-mobile.less @@ -0,0 +1,2006 @@ + /* */ +#add_todo_list,div.add_todo_list { + border:1px solid #605D5D; + background-color:#DDE6FF; + padding:0.07%; + position:absolute; + text-align:left; + z-index:1; + width: 480px; + width:30rem; + height:auto; +} +div.welcome { + +} +div.gest_name { + float:left; + margin-left:150px; + margin-top:15px; +} +h2.gest_name { + border-left: 5px solid #403a8d; + border-bottom:1px solid #b4bbc2; + border-top:1px solid #b4bbc2; + border-right:1px solid #b4bbc2; + padding: 5px; + width: 40%; +} +body.op_detail_frame,div.op_detail_frame { + background-color:#e4e7ed; + height:100%; width:100%; +-moz-box-shadow: 10px 10px 5px #888; +-webkit-box-shadow: 10px 10px 5px #888; +box-shadow: 10px 10px 5px #888; + + +} +div.inner_box { + background-color: #DCE1EF; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:2px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + left:10%; + border:1px solid #00008B; +font-size:@def_fnt_size; +width: 85%; +} + +@media only screen and (min-width: 1281px) { +div.inner_box { + width: 85%; + } +} + +@media only screen and (max-width: 1280px) { +div.inner_box { + width: 95%; + left:2%; + margin-bottom: 2%; + } +} +div.op_detail_title { + background-color:#888; + /* width:500;*/ + + +} + +div#div_cat{ + position:absolute; + border:1px solid #000000; + top:15%;left:100; + visibility:hidden; + z-index:2; + width:50em; + background-color:#EDF3FF; + +} + +div.divinfo +{ + color:#FF0000; + text-align:right; + display:block; + width:480px; + width:30rem; + height:13px; + font-weight:bold; +} + +div#search_form +{ + position:absolute; + border:1px solid #000000; + top:15%;left:100px; + z-index:2; + width:50%; + display:none; + background-color:#e4e7ed; + -moz-box-shadow: 10px 10px 5px #888; + -webkit-box-shadow: 10px 10px 5px #888; + box-shadow: 10px 10px 5px #888; + width:90%; +} +@media only screen and (max-width: 995px) { + div#search_form { + width:90%; + margin-left:5%; + left:0px; + } +} + +table.sortable td, table.table_large td, table.result td +{ + padding-left:5px; + padding-right:5px; +} +table.info_op +{ + width:100%; +} +table.info_op tr +{ + background:#FFFFFF; +} +h2#jrn_name +{ + color:#605D5D; + margin-right:30%; + float: right; +} +tr.footer{ + font-style: italic; + font-weight: bold; + +} +span.remain { + font-weight: bold; + color:#000000; +} + div#jrn_name_div + { + float: right; + margin-right:150px; + + + } + #predef_form { + margin-left:20%; + width:60%; + position:absolute; + z-index:2 + } +@media only screen and (min-width: 955px) { + div#jrn_name_div + { + float: right; + margin-right:150px; + + + } + #predef_form { + margin-left:20%; + width:60%; + position:absolute; + z-index:2 + } +} +@media only screen and (max-width: 955px) { + div#jrn_name_div + { + } + #predef_form { + } +} +#direct +{ + display:inline; + float:left; +} +#calc +{ + display:inline; + float:left; +} +div#wait_box +{ + background-color:#DDE6FF; + font-family: arial,verdana,helvetica,arial,sans-serif; + width: 300px; + padding:0px; + margin:0px; + overflow:hidden; + z-index:10; + + position:absolute; + left:30%; + top:30%; + + + border:1px solid #00008B; + + width: 260px; + widt: 260px; +} +#wait_box h2 +{ + /* color:#000000; */ + text-align:center; + /* width: 50%; */ +} +div#div_jrnsearch_op{ + + border:1px solid #000000; + width:800px; + width:50rem; + background-color:#EDF3FF; + z-index: 5; + +} +ul { + padding-left: 110px; +} +a.line,div.content a.line +{ + text-decoration:underline; + display:inline; + /* color: #605D5D; */ +} +a.line:hover,div_content a.line +{ + text-decoration:underline; + display:inline; + color: #FFFFFF; + background-color:#336699; +} +#close_div +{ + + text-decoration:none; + border:0px; + margin-left: 2px; + margin-right:2px; + margin-top:2px; + font-size:@def_fnt_size; + color:red; +} +#close_div:hover +{ + background-color:#DCE1EF ; + +} +#popmeout +{ + background-color:#FFFFFF; + color:#605D5D; + text-decoration:none; + border:1px solid #605D5D; + margin-left: 2px; + margin-right:18px; + font-size:12px; + font-size: 0.75rem; +} +#popmeout:hover +{ + background-color: #F93; +} +table.table_large tr.odd ,table.table_large tr.even { + + height:32px; +} +#calc1 +{ + position:absolute; + display:block; + top:30px; + left:150px; + width:300px; + border:1px solid #000000; + background-color:#aec3e8; + padding: 20px 20px; +} +span.invoice +{ + font-style: italic; + display:block; + margin: 20px; + font-weight: bold; +} +a.nav,div.content a.nav,div.redcontent a.nav { + display:inline; + text-decoration:none; +} +a.nav:hover,div.content a.nav:hover,div.redcontent a.nav:hover { + display:inline; + text-decoration:none; + background-color:#00008B; + color:#FFFFFF; +} +#dossier { + display:inline; + float:left; + width:100%; + top:0px; + text-align: center; + font-variant:small-caps; + font-weight: bolder; + text-transform: full-width; + text-transform: fullwidth; + font-size: 150%; +} +@media only screen and (min-width: 955px) { +#dossier { + display:inline; + float:left; + width:100%; + top:0px; + text-align: center; + font-variant:small-caps; + font-weight: bolder; + text-transform: full-width; + text-transform: fullwidth; + + font-size: 150%; +} +} +@media only screen and (max-width: 955px) { +#dossier { + display:inline; + float:left; + width:100%; + top:0px; + text-align: left; + font-variant:small-caps; + font-weight: bolder; + text-transform: full-width; + } +} + +div.foldercontent { + font-size:14px; + font-size:0.95rem; + width: 80%; + margin-left: 10%; +} + +h1.title { + color: #605D5D; + font-style: italic; + text-align:center; + text-transform: uppercase; +} + +h2.title { + text-align:left; + padding:0.24%; + padding-left:0.48%; + font-size:@def_fnt_size+10%; + font-weight:bold; + font-style:normal; + + +} +h3.title { + color: #605D5D; + margin-left: 30px; +} +h4.title { + color: #605D5D; + margin-left: 45px; + text-decoration: underline; +} +h5.title { + color: #605D5D; + margin-left: 45px; + text-decoration: none; + font-style: italic; +} +div.myfieldset +{ + margin-top: 5px; + margin-left:5px; + margin-right: 5px; + border:#EDF3FF 2px groove; + border-radius: 4px; +} +#info_div { + display:none; + background-color: #FCFFCC; + color:#000000; + z-index: 15; + position: absolute; + top:0px; + left:45%; +} +div.menu2 a.mtitle{ + font-size : @def_fnt_size; + /* color:brown; */ +} +div.menu3 { + font-size:13.60px; + font-size:0.85rem; + +} +#go_submit_id { + +} +.decale { + margin-left:30px; +} +#folder { + border-width:1px; + border-collapse: separate; + margin-left: 5%; + width: 90%; + border-radius: 9px; + border-style:solid; + padding : 5px; + + } + #folder tr { + height: 30px; + } +/*#folder tr.odd,#folder tr.even { + font-size : 1.2em; +}*/ +textarea.itextarea{ + border:solid #605D5D 1px; + width:90%; + margin-left:5%; + height:120px; +} + +div#notice { + position:absolute; + right:5%; + top:200px; + background-color:#FCFFCC; + border: 1px solid #000000; +} + div.name { + position:absolute; + top:0px; + left:0px; + } + div#modele_op_div{ + display: none; + background-color:#e4e7ed; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:0px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + left: 17.5%; + border:1px solid #00008B; + width: 75%; +} +@media only screen and (min-width: 955px) { + div.name { + position:absolute; + top:0px; + left:0px; + } + div#modele_op_div{ + display: none; + background-color:#e4e7ed; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:0px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + left: 17.5%; + border:1px solid #00008B; + width: 75%; +} +} +@media only screen and (max-width: 955px) { + div.name { + position:absolute; + top:0px; + left:0px; + display:none; + } + div#modele_op_div{ + display: none; + background-color:#e4e7ed; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:0px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + left: 10%; + border:1px solid #00008B; + width: 80%; +} +} + +div#box_search_card { + position:absolute; + right:15.625%; + top:115px; +} +div.bxbutton +{ + float:right; + height:10px; + display:block; + margin-top:0.48%; + margin-right:0.48%; +} +div.inner_box tr.odd { + background: #E5E5E5; +} +#modele_op_tab tr.odd { + background: #EDF3FF; +} +div#bookmark_div { + background-color:#e4e7ed; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:2px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + border:1px solid #00008B; + top:32px; + top:2rem; + left:30%; + width:40%; +} +div#preference_div { + background-color:#e4e7ed; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:0px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + border:1px solid #00008B; + top:32px; + top:2rem; + left:20%; + width:50%; +} +#error_div{ + position:absolute; + border:1px solid #000000; + background-color:#DDE6FF; + padding-bottom: 2px; + padding-top: 2px; + padding-left: 2px; + padding-right: 2px; + color:#FF0000; + top:40%;left:25%; + visibility:hidden; + width: 640px; + width:40rem; + z-index:20; +} +#error_div h2 { + background: #FF0000; +} +div#error_content_div { + color:#FF0000; + font-weight: bold; + text-align: center; +} +td.workday ol { + margin:0px; + padding:0px; + list-style-type:none; + text-align:left; +} +input.inum { + text-align:right; + border:1px solid #605D5D; + margin:2px +} +/************************************************************************** +Box dashboard on 3 columns +**************************************************************************/ +div.box { + background-color:#e4e7ed; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + margin-top:10px; + margin-left:3px; + margin-right:3px; + padding:2px; + overflow:hidden; + border:1px solid #00008B; + width:30%; + height:350px; + float:left; + font-size:14px; + font-size:0.90rem; +} +@media only screen and (max-width: 1426px) { +/* Dashboard on 2 cols */ + div.box { + width: 48%; + height: 380px; + } +} +@media only screen and (max-width: 955px) { +/* Dashboard on 1 cols */ + div.box { + width: 95%; + + height: 380px; +} +} +div.box table{ + border-spacing:0px; +} +div.box tr.odd { + background-color: #F2F6FD; + +} +div.box tr.even { + background-color:#e4e7ed; + +} +#jrn_name_div h2{ + font-size:38.4px; + font-size: 2.4rem; +} +#search_account { + width: 70%; +} +fieldset { + border-width: 1px; +} +#tva_select table { + border-spacing: 0px; +} +#mod_predf_op { + width: 80%; + overflow: auto; + overflow-style: panner; +} +/**************************************************************************** + * Tabs + ****************************************************************************/ +ul.tabs { + padding-top: 15px; + display:block; + border-bottom: 1px solid #879ed4; + padding-left: 2px; + margin-bottom: 17px; +} +ul.tabs a { + display:inline; +} +li.tabs_selected { + display:inline; + background: rgb(206,220,231); /* Old browsers */ +background: -moz-linear-gradient(top, rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */ +background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */ +background: -webkit-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */ +background: -o-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */ +background: -ms-linear-gradient(top, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */ +background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */ +filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */ + color:whitesmoke; + margin-left: 2px; + padding: 12px 15px 0px 15px; + vertical-align: top; + + + border:1px #879ed4 solid; + font-weight: bold; + +} +li.tabs { + display:inline; + background-color: inherit; + color:inherit; + margin-left: 2px; + padding: 5px 5px 0px 5px; + border:1px grey solid; + +} +li.tabs:hover { + display:inline; + background-color: grey; + color:wheat;margin-left: 2px; + padding: 5px 5px 0px 5px; + border:1px grey solid; + +} +ul.tabs a { + text-decoration: none; + color:inherit; + display:inline; + white-space: nowrap; + +} +ul.tabs a:hover { + text-decoration: none; + color:white; + display:inline; + background-color: lightblue; + white-space: nowrap; +} +@media only screen and (max-width: 1426px) { + li.tabs_selected { + padding: 8px 10px 10px 10px; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + li.tabs , li.tabs:hover { + padding: 10px 10px 0px 10px; + } +} +/***************************************************************************** + * Table of one column to present menu + * as in CFGLED, FORECAST, REPORT + *****************************************************************************/ +table.vert_mtitle { + text-align:center; + /* border:5px solid #99B1DF; */ + border-radius:5px; + width:80%; + margin-left: 10%; + border-collapse: separate; + border-spacing: 10px; + + +} +table.vert_mtitle td.first { + background-color: #DCE1EF; +} +table.vert_mtitle td { + border : 1px solid #99B1DF; + background-color:#EDEDED; + border-top-radius:20px; +} +table.vert_mtitle td a{ + padding : 20px; + font-weight: bold; +} +table.vert_mtitle td:hover { + border : 1px solid #99B1DF; + background-color: #336699; + color:white; +} +table.vert_mtitle td:hover a{ + color:white; + +} + +/******************************************************************************* + * Tiny button example : -X for remove action, remove link... + *******************************************************************************/ +div.content a.tinybutton,input[type="button"].tinybutton { + color: red; + font-weight: bold; + text-decoration: none; + font-family: arial,verdana,sans-serif,helvetica; + /* background-image: url("image/bg-submit2.gif"); + background-repeat: repeat-x; + background-position: left; */ + font-size: 8px; + font-size: 0.7rem; + padding-bottom: 0px; + padding-top: 0px; + padding-right: 0px; + padding-left: 0px; + margin-top: 3px; + cursor: pointer; + margin: 1px 2px 1px 2px; + border-width: 1px; + border-style: solid; + border-color: orangered; + border-radius: 2px; + display : inline; +} +/*div.content td.mtitle a.mtitle { + color:darkslategrey; + // font-variant: small-caps; + background-color: inherit; +}*/ +/******************************************************************************* + Image Search +*******************************************************************************/ +.image_search { + cursor:pointer; + width:16px; + height:16px; + padding:1px; + border:#000000 1px solid; + vertical-align: top; + background: grey; +} + +/**************************************************************************** + * Aligned button + ****************************************************************************/ +ul.aligned-block { + padding:5px; + display : block; +} +ul.aligned-block li { + display:table-cell; + padding : 10px; + list-style: none; +} +/****************************************************************************** + * Total in confirmation VEN / ACH + ******************************************************************************/ +#total_div_id { + float: right; + margin-right: 150px; + background: snow; + margin-top: 50px; +} +/* Selected cell in the module */ +td.toolselected {background-color: #909BA7; } +/*************************************************************************** + * column in the dashboard + ***************************************************************************/ +td.cut { + max-width: 25%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +td.box { + border-left : #C76626 solid 1px; +} +/**************************************************************************** +* Smoke appearance of modal box + ****************************************************************************/ +.smoke-base { + position: fixed; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; + visibility: hidden; + opacity: 0; + background: rgba(0,0,0,.3); +} + +.smoke-base.smoke-visible { + opacity: 1; + visibility: visible; +} + +.smokebg { + position: fixed; + top: 0px; + left: 0px; + bottom: 0px; + right: 0px; +} + +.smoke-base .dialog { + position: absolute; + top: 25%; + width: 40%; + left: 50%; + margin-left: -20%; +} + +.dialog-prompt { + margin-top: 15px; + text-align: center; +} + +.dialog-buttons { + margin: 20px 0px 5px 0px +} + +.smoke { + text-align: center; + background-color: #DCE1EF; + font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; + font-family: 'openSansRegular'; + + padding:2px; + margin:0px; + overflow:hidden; + z-index:3; + position:absolute; + left:10%; + border:1px solid #00008B; +-moz-box-shadow: 10px 10px 5px #888; +-webkit-box-shadow: 10px 10px 5px #888; +box-shadow: 10px 10px 5px #888; +font-size:14.4px; +font-size:0.90rem; +width: 85%; +} +.dialog-buttons button:hover{ + color:beige; + font-weight: bold; +} +.dialog-buttons button { + color:#FFFFFF; + font-weight: normal; + text-decoration:none; + background: #606c88; /* Old browsers */ + background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */ + background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */ + border-color: #605D5D; + border-width:0px; + padding:4px; + margin:3px; + cursor:pointer; + margin:1px 2px 1px 2px; + border-radius: 5px; + moz-border-radius:5px; + width:7em; + width:7rem; +} + +.dialog-prompt input { + margin: 0; + border: 0; + font-family: sans-serif; + outline: none; + font-family: Menlo, 'Andale Mono', monospace; + border: 1px solid #aaa; + width: 75%; + display: inline-block; + background-color: transparent; + font-size: 16px; + padding: 8px; +} + +.smoke-base .dialog-inner { + padding: 15px; + + color:#202020; +} + +button.cancel { + background-color: rgba(0,0,0,.40); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#444444,endColorstr=#444444); +} + +.queue{ + display:none; +} +/* + * Menu selected when configuring the profile + */ + +td.selectedmenu { + +} +.field_follow_up +{ + margin-top:1px; + white-space: -moz-pre-wrap; + white-space: pre-wrap; + border:1px solid black; + width:95%; +} +/** + * go_up +*/ +#go_up { + background-color: transparent; + border:0px; + font-size:350%; + box-shadow: none; + color:black; + +} +#go_up a ,#go_up a:visited{ + background-image: none; + text-decoration: none; + color:black; +}