Changeset 7228 for branches/2.4/prototype/modules/calendar/css/style.css

Timestamp:

09/17/12 14:30:47 (12 years ago)

Author:

douglas

Message:

Ticket #0000 - Copiadas as alterações do Trunk. Versão final da 2.4.2.

Location:

branches/2.4

Files:

• . (modified) (1 prop)
• prototype/modules/calendar/css/style.css (modified) (12 diffs)

branches/2.4/prototype/modules/calendar/css/style.css

@@ -45 +45 @@
 .ui-dialog .ui-button-text-only .ui-button-text { padding: 0.4em 1em; }
 
-.new-event-win fieldset { border: none; margin: 0; padding: 0; }
-.new-event-win fieldset.tab-level2 { padding: 0px 5px; min-height: 310px; max-height: 310px; overflow: auto;}
-.new-event-win .overflow_add_calender { overflow: auto; max-height: 320px; }
-.new-event-win fieldset#calendar_addevent_details7 { overflow: hidden}
-.new-event-win fieldset#calendar_addevent_details5 .button-files-upload{margin: 15px 0 0 0}
-.new-event-win fieldset fieldset, .new-event-win fieldset.tab-level2 fieldset { padding: 5px 0; }
+.new-event-win fieldset, .new-task-win fieldset  { border: none;        margin: 0; padding: 0; }
+.new-event-win fieldset.tab-level2, .new-task-win fieldset.tab-level2 { padding: 0px 5px; min-height: 110px; max-height: 310px; overflow: hidden;}
+.new-event-win .overflow_add_calender, .new-task-win .overflow_add_calender { overflow: auto; max-height: 320px; }
+.new-event-win fieldset#calendar_addevent_details7, .new-task-win fieldset#calendar_addevent_details7 { overflow: hidden}
+.new-event-win fieldset#calendar_addevent_details5 .button-files-upload, .new-task-win fieldset#calendar_addevent_details5 .button-files-upload{margin: 15px 0 0 0}
+.new-event-win fieldset fieldset, .new-event-win fieldset.tab-level2 fieldset, .new-task-win fieldset fieldset, .new-event-win fieldset.tab-level2 fieldset { padding: 5px 0; }
+
+.new-activity-win fieldset { border: none; margin: 0; padding: 0; }
+.new-activity-win fieldset.tab-level2 { padding: 0px 5px; min-height: 250px; max-height: 310px; overflow: auto;}
+
+.new-activity-win .overflow_add_calender { overflow: auto; max-height: 320px; }
+.new-activity-win fieldset#calendar_addevent_details7 { overflow: hidden}
+.new-activity-win fieldset#calendar_addevent_details5 .button-files-upload{margin: 15px 0 0 0}
+.new-activity-win fieldset fieldset, .new-activity-win fieldset.tab-level2 fieldset { padding: 5px 0; }
 
 .hidden {
@@ -92 +100 @@
 
 .ui-dialog .ui-dialog-content { padding: 0; }
-.new-event-win div.div-addevent { padding: 0; width: 700px; border: 0;}
-.new-event-win form.form-addevent { padding: 9px; }
+.new-event-win div.div-addevent{ padding: 0; width: 700px; border: 0;}
+.new-task-win div.div-addtask { padding: 0; width: 774px; border: 0;}
+
+.new-event-win form.form-addevent, 
+.new-task-win form.form-addtask,
+.new-activity-win form.form-addactivity { padding: 9px; }
+
+.new-activity-win input.time{width: 45px;}
+.new-activity-win input.date{width: 80px;}
+
+.new-activity-win div.div-addactivity { padding: 0; width: 734px; border: 0;}
+.new-activity-win form.form-addactivity { padding: 9px; }
 
 .expresso-calendar-container input[type="text"] { height: 18px; }
@@ -116 +134 @@
 
 .expresso-calendar-container input.h1,
-.new-event-win input.h1 {
+.new-event-win input.h1,
+.new-task-win input.h1{
         font-size: 150%;
         font-weight: bold;
@@ -122 +141 @@
         height: 150%;
 }
-
-.new-event-win textarea {
+.new-activity-win input.h1 {
+  font-size: 150%;
+  font-weight: bold;
+  width: 100%;
+  height: 150%;
+}
+
+.expresso-calendar-container input.h1,
+.new-task-win input.h1 {
+        font-size: 150%;
+        font-weight: bold;
+        width: 64%;
+        height: 150%;
+}
+
+.new-event-win textarea, .new-task-win textarea {
         width:600px;
         height: 210px;
@@ -130 +163 @@
 }
 
+.new-activity-win textarea {
+  width:600px;
+  height: 210px;
+  border: 1px solid #CFCFCF;
+  padding: 0px;
+}
 span.input-group { display: block; }
 /*p.input-group label { vertical-align: top; }*/
-.new-event-win p.input-group label { display: inline-block; width: 65px;}
-.new-event-win p.input-group label.input-group { display: inline-block; width: 110px; font-weight: bold;}
+.new-event-win p.input-group label, .new-task-win p.input-group label { display: inline-block; width: 65px;}
+.new-event-win p.input-group label.input-group, .new-task-win p.input-group label.input-group { display: inline-block; width: 110px; font-weight: bold;}
+.new-activity-win p.input-group label { display: inline-block; width: 65px;}
+.new-activity-win p.input-group label.input-group { display: inline-block; width: 110px; font-weight: bold;}
 
 input.number {text-align: right}
@@ -153 +194 @@
 .new-event-win fieldset.event-repeat-container label, 
 .new-event-win p.input-group.event-repeat-weekly label, 
-.new-event-win p.input-group.event-repeat-monthly label {
+.new-event-win p.input-group.event-repeat-monthly label,
+.new-task-win fieldset.task-repeat-container label, 
+.new-task-win p.input-group.task-repeat-weekly label, 
+.new-task-win p.input-group.task-repeat-monthly label
+{
         width: auto; 
+}
+
+.new-activity-win fieldset.event-repeat-container label, 
+.new-activity-win p.input-group.event-repeat-weekly label, 
+.new-activity-win p.input-group.event-repeat-monthly label {
+  width: auto; 
 }
 
@@ -160 +211 @@
 .new-event-win fieldset.search-field,
 .new-event-win fieldset.block-add-attendee-permissions,
-.new-event-win fieldset.block-attendee-list {
+.new-event-win fieldset.block-attendee-list,
+.new-task-win fieldset.input-field-rounded,
+.new-task-win fieldset.search-field,
+.new-task-win fieldset.block-add-attendee-permissions,
+.new-task-win fieldset.block-attendee-list{
         border:1px solid #CFCFCF;
 }
 
+.new-event-win fieldset.block-attendee-list, .new-task-win fieldset.block-attendee-list { width: 300px; max-height:180px; padding: 5px; float: left;}
+.new-event-win fieldset.block-attendee-list ul, .new-task-win fieldset.block-attendee-list ul {  height:160px; overflow: auto;}
+
+.new-activity-win fieldset.input-field-rounded,
+.new-activity-win fieldset.search-field,
+.new-activity-win fieldset.block-add-attendee-permissions,
+.new-activity-win fieldset.block-attendee-list {
+  border:1px solid #CFCFCF;
+}
+/*Duvida*/
 .new-event-win fieldset.block-attendee-list { width: 300px; max-height:180px; padding: 5px; float: left;}
 .new-event-win fieldset.block-attendee-list ul {  height:160px; overflow: auto;}
+
+.new-activity-win fieldset.block-attendee-list { width: 300px; max-height:180px; padding: 5px; float: left;}
+.new-activity-win fieldset.block-attendee-list ul {  height:160px; overflow: auto;}
 
 
@@ -223 +291 @@
 .block-vertical-toolbox .button.add {
     width:190px;
-}
+    margin-bottom: 5px;
+}
+
+div.qtip div.add-simple-task input{width: 188px}
+div.qtip div.add-simple-task textarea{width: 184px}
+
 
 .fc-header .fc-state-active, .fc-header .ui-state-active {
@@ -335 +408 @@
 }
 
-.events-list-win table img {
-  width: 12px;
-  height: 12px;
-  padding: 0 2px;
-}
-
 .events-list-win table span { font-size:12px; }
 .events-list-win table .same-start-date * { border: 0; }
@@ -348 +415 @@
 .events-list-win table th.start-date-multiple-events { border-bottom: 1px solid #ccc; }
 
+.events-list-win .fc-header-right.list-right{width: 26%}
+
 .events-list-win table .title {
     font-size: 150%;
@@ -361 +430 @@
 .expresso-calendar-container .search-field input { border:none;}
 
-.ui-tabs .ui-tabs-panel { padding: 0; margin-top: 10px;}
+.ui-tabs .ui-tabs-panel { padding: 0; margin-top: 11px;}
 
 .ui-tabs .ui-tabs-nav li .ui-icon-close {
@@ -459 +528 @@
 
 input.inputNumber {width:80px; text-align: left;}
+
+.div-addtask #calendar_addtask_details1 .h1{
+  width: 100%;
+}
+
+.div-addtask #calendar_addtask_details2 textarea {
+  width: 670px;
+}
+
+.div-addtask{
+  width: 760px;
+}
+
+.calendar-addevent-details-txt-timezone, .calendar-addtask-details-txt-timezone{width: 217px;} 
+
+.div-addtask #calendar_addtask_details1 .time-prevision { width: 40px; }
+
+.div-addtask #calendar_addtask_details1 .date-prevision{ width: 80px; }
+
+.div-addtask #calendar_addtask_details1 .start-time{ width: 40px; }
+.div-addtask #calendar_addtask_details1 .start-date{ width: 80px; }
+.div-addtask #calendar_addtask_details1 .end-time{ width: 40px; }
+.div-addtask #calendar_addtask_details1 .end-date{ width: 80px; }
+.div-addtask #calendar_addtask_details1 .prevision-termino { margin: 0 0 0 30px; }
+.div-addtask #calendar_addtask_details1 .subitem { margin: 5px; display: block;}
+.div-addtask #calendar_addtask_details1 .subitem .span_done{ margin: 0 30px;}
+.div-addtask #calendar_addtask_details1 .subitem .span_done img{position: relative; top:4px; width:16px; height:16px;}
+.div-addtask #calendar_addtask_details1 .calendar_addevent_details_lnk_timezone { margin: 0 0 0 20px;}
+.div-addtask #calendar_addtask_details1 .subitem .done { width: 45px;}
+
+@-moz-document url-prefix() {.div-addtask #calendar_addtask_details1 .ui-spinner-buttons{ top: -14px !important;}}
+
+@media screen and (-webkit-min-device-pixel-ratio:0){.div-addtask #calendar_addtask_details1 .ui-spinner-buttons{ top: -2px !important;}}
+
+.div-addtask #calendar_addtask_details1 .ui-spinner-buttons .ui-spinner-up{height: 7px !important;}
+.div-addtask #calendar_addtask_details1 .ui-spinner-buttons .ui-spinner-down{height: 8px !important;}
+
+.div-addtask #calendar_addtask_details1 .subitem .span_done.noAction{background-image: url("../img/gray.png"); background-repeat: no-repeat; }
+.div-addtask #calendar_addtask_details1 .subitem .span_done.inProcess{background-image: url("../img/yellow.png"); background-repeat: no-repeat;}
+.div-addtask #calendar_addtask_details1 .subitem .span_done.finished{background-image: url("../img/green.png"); background-repeat: no-repeat;}
+.div-addtask #calendar_addtask_details1 .subitem .span_done.canceled{background-image: url("../img/red.png"); background-repeat: no-repeat;}
+.div-addtask #calendar_addtask_details1 .subitem .span_done label{position: relative; left: 28px;}
+
+.div-addtask fieldset#calendar_addtask_details5.tab-level2{margin: 0}
+
+.div-addtask  #calendar_addtask_details8 .parent {width: 746px; min-height: 208px; float: left;}
+/*.div-addtask  #calendar_addtask_details8 .parent .child-top {width: 745px; height: 20px; background: #E8F4FD; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}*/
+.div-addtask  #calendar_addtask_details8 .parent .child-top {width: 745px; height: 25px; background: #E8F4FD; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom {width: 745px; height: 208px; overflow: auto;  float: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each { height: 20px; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each:hover { background: #FFF2F2; cursor: pointer;}
+
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .date-hour {overflow: hidden; width: 140px; float: left; height: 20px}
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .date-hour span { margin: 8px; float: left; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .user{overflow: hidden; width: 150px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .user span{ margin: 8px; float: left; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .attribute{overflow: hidden; width: 130px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .attribute span{ margin: 8px; float: left; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .beforeValue{overflow: hidden; width: 150px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .beforeValue span{ margin: 8px; float: left; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .afterValue{overflow: hidden; width: 150px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addtask  #calendar_addtask_details8 .parent .child-bottom .child-bottom-each .afterValue span{ margin: 8px; float: left; }
+
+.div-addtask  #calendar_addtask_details8 .parent .child-top .date-hour { width: 140px; float: left; background: #E8F4FD; height: 20px; text-align: center; }
+.div-addtask  #calendar_addtask_details8 .parent .child-top .date-hour span{ display: block; padding: 6px; font-weight: bold; color: #2E6E9E; }
+.div-addtask  #calendar_addtask_details8 .parent .child-top .user { width: 150px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E; text-align: center;}
+.div-addtask  #calendar_addtask_details8 .parent .child-top .user span{display: block; padding: 6px;}
+.div-addtask  #calendar_addtask_details8 .parent .child-top .attribute { width: 130px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
+.div-addtask  #calendar_addtask_details8 .parent .child-top .attribute span{display: block; padding: 6px;}
+.div-addtask  #calendar_addtask_details8 .parent .child-top .beforeValue { width: 150px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
+.div-addtask  #calendar_addtask_details8 .parent .child-top .beforeValue span{display: block; padding: 6px; }
+.div-addtask  #calendar_addtask_details8 .parent .child-top .afterValue { width: 150px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
+.div-addtask  #calendar_addtask_details8 .parent .child-top .afterValue span{display: block; padding: 6px; }
+
+/*Atividades*/
+
+.div-addactivity{ width: 734px;}
+.div-addactivity #group_addactivity_details1 .h1{ width: 100%;}
+.div-addactivity #group_addactivity_details2 textarea { width: 635px; }
+.div-addactivity #group_addactivity_details1 .time-due { width: 40px; }
+.div-addactivity #group_addactivity_details1 .date-due{ width: 80px; }
+
+.div-addactivity #group_addactivity_details1 .start-time{ width: 40px; }
+.div-addactivity #group_addactivity_details1 .start-date{ width: 80px; }
+.div-addactivity #group_addactivity_details1 .end-time{ width: 40px; }
+.div-addactivity #group_addactivity_details1 .end-date{ width: 80px; }
+.div-addactivity #group_addactivity_details1 .prevision-termino { margin: 0 0 0 30px; }
+.div-addactivity #group_addactivity_details1 .subitem { margin: 5px; display: block;}
+.div-addactivity #group_addactivity_details1 .subitem .span_done{ margin: 0 30px;}
+.div-addactivity #group_addactivity_details1 .calendar_addevent_details_lnk_timezone { margin: 0 0 0 20px;}
+.div-addactivity #group_addactivity_details1 .subitem .done { width: 45px;} 
+
+.div-addactivity #group_addactivity_details1 .subitem .span_done.noAction{background-image: url("../img/gray.png"); background-repeat: no-repeat; }
+.div-addactivity #group_addactivity_details1 .subitem .span_done.inProcess{background-image: url("../img/yellow.png"); background-repeat: no-repeat;}
+.div-addactivity #group_addactivity_details1 .subitem .span_done.finished{background-image: url("../img/green.png"); background-repeat: no-repeat;}
+.div-addactivity #group_addactivity_details1 .subitem .span_done.canceled{background-image: url("../img/red.png"); background-repeat: no-repeat;}
+.div-addactivity #group_addactivity_details1 .subitem .span_done label{position: relative; left: 28px;}
+
+.div-addactivity #group_addactivity_details5.tab-level2{margin-top: 2px;}
+.div-addactivity #group_addactivity_details5 .button-files-upload { margin: 0 0 0 5px; }
+
+/**********************************************************************************************************/
+.div-addactivity  #group_addactivity_details6  .parent {width: 695px; min-height: 208px; float: left;}
+/*.div-addactivity  #group_addactivity_details6  .parent .child-top {width: 745px; height: 20px; background: #E8F4FD; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}*/
+.div-addactivity  #group_addactivity_details6  .parent .child-top {width: 695px; height: 25px; background: #E8F4FD; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 1px solid #CCC;}
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom {width: 695px; height: 208px; overflow: auto;  float: left; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each { height: 20px; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each:hover { background: #FFF2F2; cursor: pointer;}
+
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .task { height: 25px; text-align: center; background: #FEFEAD; border-bottom: 1px solid #CCC;}
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .task.left {border-top: 1px solid #CCC;}
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .task span{padding: 5px; display: block;}
+
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .date-hour {overflow: hidden; width: 140px; float: left; height: 20px}
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .date-hour span { margin: 8px; float: left; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .user{overflow: hidden; width: 145px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .user span{ margin: 8px; float: left; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .attribute{overflow: hidden; width: 130px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .attribute span{ margin: 8px; float: left; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .beforeValue{overflow: hidden; width: 130px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .beforeValue span{ margin: 8px; float: left; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .afterValue{overflow: hidden; width: 129px; float: left;  height: 20px; border-left: 1px solid #CCC; }
+.div-addactivity  #group_addactivity_details6  .parent .child-bottom .child-bottom-each .afterValue span{ margin: 8px; float: left; }
+
+.div-addactivity  #group_addactivity_details6  .parent .child-top .date-hour { width: 140px; float: left; background: #E8F4FD; height: 20px; text-align: center; }
+.div-addactivity  #group_addactivity_details6  .parent .child-top .date-hour span{ display: block; padding: 6px; font-weight: bold; color: #2E6E9E; }
+.div-addactivity  #group_addactivity_details6  .parent .child-top .user { width: 145px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E; text-align: center;}
+.div-addactivity  #group_addactivity_details6  .parent .child-top .user span{display: block; padding: 6px; }
+.div-addactivity  #group_addactivity_details6  .parent .child-top .attribute { width: 130px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
+.div-addactivity  #group_addactivity_details6  .parent .child-top .attribute span{display: block; padding: 6px; }
+.div-addactivity  #group_addactivity_details6  .parent .child-top .beforeValue { width: 130px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
+.div-addactivity  #group_addactivity_details6  .parent .child-top .beforeValue span{display: block; padding: 6px; }
+.div-addactivity  #group_addactivity_details6  .parent .child-top .afterValue { width: 129px; float: left; background: #E8F4FD; height: 20px; font-weight: bold; color: #2E6E9E;  text-align: center;}
+.div-addactivity  #group_addactivity_details6  .parent .child-top .afterValue span{display: block; padding: 6px; }