Y:\CFAST_DEV\web\css\common.

css

gioved 24 ottobre 2013 16:43

@import @import @import @import @import

"jq/ced-light-blue/jquery-ui-1.10.1.custom.min.css"; "jq/jquery-ui-datetimepicker.min.css"; "jq/ui.jqgrid.css"; "layouts.css"; "combobox.css";

article, aside, footer, header, hgroup, nav, section { display: block; }

/* * Blu Cedacri: #014377; */ html,body{ height:100%; margin:0; } body { /*background: url(images/bg.png) repeat;*/ /*font: 12px "Courier New", Courier, mono;*/ font: 11px Tahoma; letter-spacing: 1px; margin: 0; padding: 0; } /*---------------------- gestione left menu ---------------------*/ #left-menu { float: left; height:100%; min-height: 100%; width: 155px; background-color: #E7E7E7; vertical-align: top; background: #E7E7E7 url('images/bg-menuSx.png') repeat-y top right; } #leftMenuTree { height: 100%; scrollbar-arrow-color: blue; scrollbar-face-color: #e7e7e7; overflow: hidden; scrollbar-darkshadow-color: #888888; scrollbar-3dlight-color: #a0a0a0; } #leftMenuTree ul { margin: 0; padding: 0; float: none; } #leftMenuTree ul li { display: block; padding: 0; margin: 0; width: 100%; float: none; }

-1-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

#leftMenuTree ul li a { display: block; float: none; color: #0597F3; text-decoration: none; padding: 3px 0 3px 15px; margin: 0; font-family: Tahoma; font-size: 11px; font-style: normal; color: #336699; cursor: pointer; } .leftMenuItem { display: block; float: none; color: #0597F3; text-decoration: none; padding: 3px 0 3px 15px !important; margin: 0; font-family: Tahoma; font-size: 11px; font-style: normal; color: #336699; cursor: pointer; } .leftMenuItem:hover { color: #0597F3; } #leftMenuTree ul li a:hover { color: #0597F3; } .menuSxTitle { background-color: #C4C4C4; font-weight: bold; color: #062F64; padding: 0 5px; height: 26px; } .menuSxTitle span { float: left; line-height: 20px; height: 20px; padding-top: 2px; } .multifunzione { background: url(images/bg-content.png) repeat-x top left #FFFFFF; height: 23px; } .multifunzione-section-l { float: left; } .multifunzione-element { padding: 0; margin: 0;
-2-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

height: 23px; display: inline-block; } .closeMenuImg { width: 22px; height: 22px; margin: 0 2px 0 0; background-position: 0 0px; background: url(images/ico-opecloseMenu.png) no-repeat top left; display: block; float: left; } .closeMenuImg.open { background-position: 0 -44px; } /*---------------------- fine gestione left menu ---------------------*/ ul { list-style: none; margin: 0; padding: 0; } ul li { } /** * Page Sections */ #wrapper { /*margin: 0 auto;*/ /* padding-top: 20px;*/ /* background: #fff;*/ /*width: 1100px;*/ width: 100%; border-top-left-radius: 13px; border-top-right-radius: 13px; /* box-shadow: 0 0 20px #eee;*/ overflow: hidden; } .ced-ui-header { display: block; /*margin: 0 auto;*/ width: 100%; height: 70px; } .ced-ui-header-logo { position: relative; /*top: -5px;*/ /*left: 0;*/ width: 100%; height: 83px; } #nomeutente { position: absolute;
-3-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.25); /*left: 300px;*/ right: 0px; bottom: 0px; padding: 5px 5px 5px 20px; /*background: #C4C4C4;*/ /*width: 500px;*/ } #cedacrilogo { background: url(images/logo_256x50.gif) 10px 10px no-repeat; position: absolute; text-shadow: -1px -1px 0 rgba(255, 255, 255, 0.25); /*left: 300px;*/ right: 0px; width: 256px; height: 50px; bottom: 0px; padding: 30px 5px 5px 20px; /*background: #C4C4C4;*/ /*width: 500px;*/ } #console { position: fixed; display: none; bottom: 0; left: 0; width: 99%; height: 32px; background: #C00; padding-left: 1%; line-height: 20px; padding-top: 4px; padding-bottom: 4px; color: #fff; } #console span.close { position: absolute; right: 0; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; border-left: 1px solid #FFF; border-bottom: 1px solid #FFF; cursor: pointer; } #app_version { position: absolute; top: 8px; right: 17px; color: #fff; }

-4-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

.ced-ui-header-linksContainer { position: relative; /*right: 5%;*/ /*top: 60px;*/ /*padding: 0 10px;*/ /*margin: 0 5px;*/ /*min-width: 600px;*/ width: 100%; height: 30px; background: url(images/menu_bg.png) repeat-x; } .ced-ui-menu { padding-left: 10px; /* border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -moz-border-radius-bottomleft: 12px; -moz-border-radius-bottomright: 12px; box-shadow: 0 0 5px #777; -webkit-box-shadow: 0 0 5px #777; -moz-box-shadow: 0 0 5px #777; background: #E4E7EC; background-color: #EFF0F3; background-image: -moz-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: -ms-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9FA), to(#E0E2E8)); background-image: -webkit-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: -o-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: linear-gradient(top, #F9F9FA, #E0E2E8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#e0e2e8', GradientType=0); background-color: #EFF0F3; background-image: -moz-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: -ms-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9FA), to(#E0E2E8)); background-image: -webkit-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: -o-linear-gradient(top, #F9F9FA, #E0E2E8); background-image: linear-gradient(top, #F9F9FA, #E0E2E8); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9fa', endColorstr='#e0e2e8', GradientType=0); */ } .ced-ui-submenu { position: absolute; display: none; top: 30px; left: 0px; width: 200px; z-index: 10;

-5-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

/*border-bottom-left-radius: 12px;*/ /*border-bottom-right-radius: 12px;*/ /*-webkit-border-bottom-left-radius: 12px;*/ /*-webkit-border-bottom-right-radius: 12px;*/ /*-moz-border-radius-bottomleft: 12px;*/ /*-moz-border-radius-bottomright: 12px;*/ background: #FFF; box-shadow: 0 1px 2px #777; -webkit-box-shadow: 0 1px 2px #777; -moz-box-shadow: 0 1px 2px #777; overflow: hidden; } .ced-ui-link { /*height: 40px; line-height: 40px; position: relative; float: right; color: #465567; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-left: 1px solid #aeaeae; border-right: 1px solid #fff; padding: 0 12px; width: 100px;*/ height: 30px; line-height: 30px; position: relative; color: #FFF; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-left: 1px solid #063977; border-right: 1px solid #396CAA; padding: 0 12px; font-weight: bold; /*width: 100px;*/ float: left; cursor: pointer; } .ced-ui-submenu .ced-ui-link { color: #0753B2; font-weight: normal; border: 0 !important; background: #fff; width: 100%; } .ced-ui-submenu .ced-ui-link:hover { background: #fff !important; } .ced-ui-submenu .ced-ui-link:hover a { color: #0597F3 !important; }
-6-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

.ced-ui-menu .ced-ui-link:hover { background: url(images/menu_bg_active.gif) repeat-x; text-decoration: none; } .ced-ui-menu .ced-ui-link:hover a { color: #0753B2; } .ced-ui-submenu .ced-ui-link:hover a { color: #0753B2; } .ced-ui-link:last-child { /*border-right: none !important;*/ /*margin-right: 0;*/ } .ced-ui-link:first-child { border-left: none !important; } .ced-ui-menu .ced-ui-link a { color: #fff; text-decoration: none; } .ced-ui-link-logout { cursor: pointer; }

div.ced-ui-pages-wrapper { /*display: block;*/ /*margin: 0 auto;*/ /*width: 1100px;*/ float: left; overflow: hidden; } #pages { width: 11000px; } .ced-ui-page { float: left; width: 1100px; height: 100%; } .ced-ui-section { /* margin-top: 1em;*/ margin-bottom: 1em; padding: 0 50px;
-7-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

} .ced-ui-section-title { margin: 3em 0 2em 0; color: #014377; text-shadow: 0px 0px 1px #eee; } .ced-ui-section-title:first-letter { color: #C02828; font-size: 1.1em; font-weight: bold; letter-spacing: 2px; } /** * Lists */ .ui-jqgrid { margin: 0 auto; } .ced-ui-list-wrapper { margin: 0 auto; } .ced-ui-list-wrapper .ui-icon { display: inline-block; } .ced-ui-list { padding: 0 !important; } /* ul.ced-ui-list-header { border: 0; height: 2em; } ul.ced-ui-list-header li{ width: 100%; color: #fff; text-shadow: 0 1px 1px #111795; height: 2em; line-height: 1.5em; border: 0; } ul.ced-ui-list-header li div { text-align: center; border-right: 1px solid #eee; } .ced-ui-list-item-wrapper { display: table; width: 100%;
-8-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

} .ced-ui-list-item-wrapper div { display: table-cell; padding: 4px 20px; } ul.ced-ui-list-content { overflow: auto; height: 15em; } ul.ced-ui-list-content li { height: 2em; border: 1px #aeaeae solid; } ul.ced-ui-list-content li:hover { background-color: rgba(255,255,200,.86); cursor: default; } */ /** * */

Forms

.ced-ui-form { box-shadow: 0 1px 1px #999; -webkit-box-shadow: 0 1px 1px #999; -moz-box-shadow: 0 1px 1px #999; padding: 0 1%; border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .ced-ui-form ul { display: block; } .ced-ui-form ul li { display: inline-block; width: 100%; margin: 8px 0; clear: none; /*width: 100%;*/ } .ced-ui-form input[data-type=date] { width: 248px; /*110*/ }

-9-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

.ced-ui-form input[data-type=datetime] { width: 248px; /*140*/ } /** * */

Dialogs

.ced-ui-dialog { width: 600px; height: 400px; } .ced-ui-dialog ul li { border: 0; margin: .4em 1em; } .ced-ui-dialog .ced-ui-form-parameter-label { width: 25%; vertical-align: top; } .ced-ui-dialog input.ced-ui-form-parameter { width: 71%; } .ced-ui-dialog select.ced-ui-form-parameter { width: 72%; } .ced-ui-dialog textarea.ced-ui-form-parameter { width: 69%; height: 60px; } .ced-ui-dialog span.ced-ui-form-parameter { width: 72%; } .ced-ui-dialog span.ced-ui-form-parameter input.custom-combobox-input{ width: 72%; } .ced-ui-dialog .layout-2-columns ul li, .ced-ui-dialog li.layout-2-columns { width: 45% !important; margin: 1em; } .ced-ui-dialog .layout-2-columns select { width: 70%; } .ced-ui-dialog .layout-2-columns .ced-ui-form-parameter-label { width: 36%; } .ced-ui-dialog .layout-2-columns input[type=text] {
-10-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

width: 60%; } .ced-ui-dialog .ced-ui-form-column-label { display: inline-block; width: 36%; margin-right: 2%; } .ced-ui-dialog .ced-ui-form-column-field { display: inline-block; width: 60%; clear: none; } .ced-ui-dialog .ced-ui-form-column-field input, .ced-ui-dialog .ced-ui-form-column-field select { width: 98%; } /** * */

Tabs

.ced-ui-tabs {} .ced-ui-tab-container { margin: 1em auto; } .ced-ui-tab-container section { padding: 0 !important; } .ced-ui-tab-container section h2.ced-ui-section-title { display: none; } /** * */

Buttons

.ced-ui-button-container { margin: 0 auto; width: 97%; text-align: center; position: absolute; bottom: 0px; border-top: 1px solid #DDD; } .ced-ui-form-buttons-container { /* font-family: sans-serif;*/ font-size: 12px; color: #333; margin: 10px auto; padding-bottom: 10px;
-11-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

text-align: center; } .ced-ui-form-buttons-container li { display: inline-block; width: auto !important; text-align: center; } .ced-ui-form-buttons-container-in-title { display: inline-block; margin: 0 1em; } .ced-ui-button { display: inline-block; border-radius: 8px; background: #fff; color: #333; text-align: center; line-height: 32px; box-shadow: 0px 0px 5px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc; cursor: pointer; /*padding: 0 8px;*/ margin: 0 10px; padding: 3px 20px; } .ced-ui-form-buttons-container .ced-ui-button { height: 32px; } .ced-ui-form-buttons-container-in-title .ced-ui-button { font-size: 11px; width: auto; height: 20px; padding: 3px 10px; line-height: 20px; } .ced-ui-button-mini { width: 32px !important; } .ced-ui-button-medium { min-width: 130px !important; } .ced-ui-button-large { min-width: 170px !important; } .ced-ui-button.green { background: #a2dd49; /* Old browsers */ background: -moz-linear-gradient(top, #a2dd49 0%, #4fbf00 100%); /* FF3.6+ */
-12-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a2dd49), color-stop(100%,#4fbf00)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a2dd49 0%,#4fbf00 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a2dd49 0%,#4fbf00 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a2dd49 0%,#4fbf00 100%); /* IE10+ */ background: linear-gradient(to bottom, #a2dd49 0%,#4fbf00 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2dd49', endColorstr= '#4fbf00',GradientType=0 ); /* IE6-9 */ color: #fff; text-shadow: 1px 1px 1px #333; } .ced-ui-button.gray {

background: #d4d6c2; /* Old browsers */ background: -moz-linear-gradient(top, #d4d6c2 0%, #9ca08d 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d6c2), color-stop(100%,#9ca08d)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d4d6c2 0%,#9ca08d 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d4d6c2 0%,#9ca08d 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d4d6c2 0%,#9ca08d 100%); /* IE10+ */ background: linear-gradient(to bottom, #d4d6c2 0%,#9ca08d 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d6c2', endColorstr= '#9ca08d',GradientType=0 ); /* IE6-9 */ color: #fff; text-shadow: 1px 1px 1px #333; } .ced-ui-button.blue { background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(#94C3FF 0%, #1339D1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(#94C3FF 0%, #1339D1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */ background: linear-gradient(#94C3FF 0%, #1339D1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr= '#7db9e8',GradientType=0 ); /* IE6-9 */ color: #fff; text-shadow: 1px 1px 1px #333; } .ced-ui-button-add { background-image: -webkit-linear-gradient(#ddd 0%, #999 100%); background-image: -moz-linear-gradient(#ddd 0%, #999 100%); background-image: linear-gradient(#ddd 0%, #999 100%); background: #70FF5C; color: #fff; text-shadow: 1px 1px 1px #333;
-13-

Y:\CFAST_DEV\web\css\common.css

gioved 24 ottobre 2013 16:43

} .ced-ui-button-help { width: 18px; height: 18px; background: url(images/help.png) 0px 1px; /*float: left;*/ display: inline-block; margin: 0 3px; cursor: pointer; }

div[ced-data=TASK_GUID] { width: 33%; } div[ced-data=TASK_PROPERTY] { width: 33%; } div[ced-data=TASK_PROPERTY_VALUE] { width: 33%; }

/** * Google Visualization */ .ced-google-graph-container { overflow: auto; }

/** * Loading */ #loading { position: absolute; display: none; left: 0; top: 0; height: 100%; width: 100%; background: rgba(33,33,33,.12) url(images/loading.gif) center center no-repeat; }

-14-