Changeset 6167 for trunk/prototype/modules/calendar/css
- Timestamp:
- 05/11/12 16:46:18 (12 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/prototype/modules/calendar/css/layout.css
r5901 r6167 794 794 #dialog input, #dialog textarea { width: 95%; } 795 795 */ 796 797 /*Antigo style.css*/ 798 799 /* 800 Document : style.css 801 Created on : 10/09/2011, 10:13:12 802 Author : prognus 803 Description: contains all styles related to elements look-and-feel 804 */ 805 806 807 #tabs { 808 background-color: transparent; 809 } 810 811 .tip { line-height: 1.3em; } 812 813 .expresso-calendar-container a { 814 text-decoration: none; 815 } 816 .expresso-calendar-container ul, 817 .expresso-calendar-container dl, 818 .expresso-calendar-container ol { 819 margin: 5px 0; padding: 0; 820 list-style: none; 821 } 822 .expresso-calendar-container #trash { 823 color: #ADADAD; 824 } 825 .expresso-calendar-container #trash.empty { 826 background-image: url(../img/trash-empty.png); 827 background-repeat: no-repeat; 828 background-position: bottom center; 829 } 830 831 .expresso-calendar-container #trash.full { 832 background-image: url(../img/trash-full.png); 833 background-repeat: no-repeat; 834 background-position: bottom center; 835 } 836 837 .expresso-calendar-container #trash label { 838 display: none; 839 } 840 841 .ui-dialog { padding: 0; } 842 .ui-dialog .ui-dialog-content { background-color: #fff; } 843 .ui-dialog .ui-dialog-title { margin:0; } 844 .ui-dialog .ui-button-text-only .ui-button-text { padding: 0.4em 1em; } 845 846 .new-event-win fieldset { border: none; margin: 0; padding: 0; } 847 .new-event-win fieldset.tab-level2 { padding: 0px 5px; } 848 .new-event-win fieldset fieldset, .new-event-win fieldset.tab-level2 fieldset { padding: 5px 0; } 849 850 .hidden { 851 display: none; 852 visibility: hidden; 853 } 854 855 .header-menu-container, .footer-menu-container, 856 .menu-container.header-container, .menu-container.footer-container { 857 display:block; 858 width: 100%; 859 margin: 0; 860 padding: 10px 0; 861 background-color: #E0EEEE; 862 text-align: right; 863 } 864 865 .preferences-win .header-menu-container, 866 .configure-calendars-win .header-menu-container { 867 margin: -10px 0 10px; 868 } 869 870 .preferences-win .header-menu-container, 871 .configure-calendars-win .header-menu-container { 872 -moz-box-shadow: 0 3px 4px #AAAAAA; 873 -webkit-box-shadow: 0 3px 4px #AAAAAA; 874 box-shadow: 0 3px 4px #AAAAAA; 875 } 876 877 .preferences-win .footer-menu-container, 878 .configure-calendars-win .footer-menu-container { 879 margin: 10px 0 10px; 880 } 881 882 .preferences-win .footer-menu-container, 883 .configure-calendars-win .footer-menu-container { 884 -moz-box-shadow: 0 3px 4px #AAAAAA; 885 -webkit-box-shadow: 0 3px 4px #AAAAAA; 886 box-shadow: 0 3px 4px #AAAAAA; 887 } 888 889 .ui-dialog .ui-dialog-content { padding: 0; } 890 .new-event-win div.div-addevent { padding: 0; width: 700px; border: 0;} 891 .new-event-win form.form-addevent { padding: 9px; } 892 893 .expresso-calendar-container input[type="text"] { height: 18px; } 894 .expresso-calendar-container input[type="text"], 895 .expresso-calendar-container textarea, 896 .expresso-calendar-container select { 897 border: 1px solid #CFCFCF; 898 font-size: 12px; 899 height: 20px; 900 } 901 902 .expresso-calendar-container textarea, 903 .expresso-calendar-container select { 904 /* vertical-align: super; */ 905 vertical-align: middle; 906 } 907 908 .expresso-calendar-container input.date, 909 .expresso-calendar-container input.time { 910 width:80px; 911 } 912 913 .expresso-calendar-container input.h1, 914 .new-event-win input.h1 { 915 font-size: 150%; 916 font-weight: bold; 917 width: 64%; 918 height: 150%; 919 } 920 921 .new-event-win textarea { 922 width:600px; 923 height: 210px; 924 border: 1px solid #CFCFCF; 925 padding: 0px; 926 } 927 928 span.input-group { display: block; } 929 /*p.input-group label { vertical-align: top; }*/ 930 .new-event-win p.input-group label { display: inline-block; width: 65px;} 931 .new-event-win p.input-group label.input-group { display: inline-block; width: 110px; font-weight: bold;} 932 933 input.number {text-align: right} 934 input.input-tiny, input.tiny {width: 40px;} 935 input.input-small, input.small {width: 80px;} 936 input.input-medium, input.medium {width: 160px;} 937 input.input-large, input.large {width: 260px;} 938 939 label.label-tiny, label.tiny {width: 40px;} 940 label.label-small, label.small {width: 80px;} 941 label.label-medium, label.medium {width: 160px;} 942 label.label-large, label.large {width: 260px;} 943 944 select.select-tiny, select.tiny {width: 40px;} 945 select.select-small, select.small {width: 80px;} 946 select.select-medium, select.medium {width: 160px;} 947 select.select-large, select.large {width: 260px;} 948 949 .new-event-win fieldset.event-repeat-container label, 950 .new-event-win p.input-group.event-repeat-weekly label, 951 .new-event-win p.input-group.event-repeat-monthly label { 952 width: auto; 953 } 954 955 .new-event-win fieldset.input-field-rounded, 956 .new-event-win fieldset.search-field, 957 .new-event-win fieldset.block-add-attendee-permissions, 958 .new-event-win fieldset.block-attendee-list { 959 border:1px solid #CFCFCF; 960 } 961 962 .new-event-win fieldset.block-attendee-list { width: 300px; max-height:180px; padding: 5px; float: left;} 963 .new-event-win fieldset.block-attendee-list ul { height:160px; overflow: auto;} 964 965 966 /* # add attendee */ 967 968 #tabs.ui-widget-content { 969 border:none; 970 } 971 #tabs .ui-widget-header { 972 background: none; 973 background-image: none; 974 border: none; 975 border-bottom: 1px solid #4297D7; 976 margin-bottom: 5px; 977 } 978 979 #calendar.ui-tabs-panel { 980 padding: 0; 981 } 982 983 .mini-calendar .ui-datepicker { width: auto; background: none repeat scroll 0 0 transparent; } 984 .mini-calendar .ui-datepicker table{width:190px;} 985 .mini-calendar .ui-widget-content { border: none; background-color: transparent; } 986 .mini-calendar .ui-widget-header { background: transparent; color: #000; border: 0 none;} 987 988 /* fc custumize */ 989 990 .blocked-event div, .blocked-event-permision div{ 991 background: -moz-linear-gradient(-45deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.1) 5%, rgba(0,0,0,0) 9%, rgba(0,0,0,0) 13%, rgba(0,0,0,0.1) 17%, rgba(0,0,0,0) 21%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.1) 29%, rgba(0,0,0,0) 33%, rgba(0,0,0,0) 37%, rgba(0,0,0,0.1) 41%, rgba(0,0,0,0) 45%, rgba(0,0,0,0) 49%, rgba(0,0,0,0.1) 53%, rgba(0,0,0,0) 57%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.1) 65%, rgba(0,0,0,0) 69%, rgba(0,0,0,0) 73%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,0.01) 81%, rgba(0,0,0,0) 85%, rgba(0,0,0,0.1) 89%, rgba(0,0,0,0) 93%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%); /* FF3.6+ */ 992 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(5%,rgba(0,0,0,0.1)), color-stop(9%,rgba(0,0,0,0)), color-stop(13%,rgba(0,0,0,0)), color-stop(17%,rgba(0,0,0,0.1)), color-stop(21%,rgba(0,0,0,0)), color-stop(25%,rgba(0,0,0,0)), color-stop(29%,rgba(0,0,0,0.1)), color-stop(33%,rgba(0,0,0,0)), color-stop(37%,rgba(0,0,0,0)), color-stop(41%,rgba(0,0,0,0.1)), color-stop(45%,rgba(0,0,0,0)), color-stop(49%,rgba(0,0,0,0)), color-stop(53%,rgba(0,0,0,0.1)), color-stop(57%,rgba(0,0,0,0)), color-stop(61%,rgba(0,0,0,0)), color-stop(65%,rgba(0,0,0,0.1)), color-stop(69%,rgba(0,0,0,0)), color-stop(73%,rgba(0,0,0,0)), color-stop(77%,rgba(0,0,0,0.1)), color-stop(81%,rgba(0,0,0,0.01)), color-stop(85%,rgba(0,0,0,0)), color-stop(89%,rgba(0,0,0,0.1)), color-stop(93%,rgba(0,0,0,0)), color-stop(97%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ 993 background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 5%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.1) 17%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.1) 29%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.1) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0.01) 81%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.1) 89%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */ 994 background: -o-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 5%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.1) 17%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.1) 29%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.1) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0.01) 81%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.1) 89%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */ 995 background: -ms-linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 5%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.1) 17%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.1) 29%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.1) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0.01) 81%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.1) 89%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* IE10+ */ 996 background: linear-gradient(-45deg, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.1) 5%,rgba(0,0,0,0) 9%,rgba(0,0,0,0) 13%,rgba(0,0,0,0.1) 17%,rgba(0,0,0,0) 21%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.1) 29%,rgba(0,0,0,0) 33%,rgba(0,0,0,0) 37%,rgba(0,0,0,0.1) 41%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 49%,rgba(0,0,0,0.1) 53%,rgba(0,0,0,0) 57%,rgba(0,0,0,0) 61%,rgba(0,0,0,0.1) 65%,rgba(0,0,0,0) 69%,rgba(0,0,0,0) 73%,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0.01) 81%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.1) 89%,rgba(0,0,0,0) 93%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); /* W3C */ 997 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ 998 } 999 1000 .blocked-event-permision {cursor: hand} 1001 1002 .fc-state-default .fc-button-effect span { 1003 background: none; 1004 border:none; 1005 } 1006 1007 .fc-header-title h2 { 1008 color:#555; 1009 } 1010 .fc-state-default, .fc-state-default .fc-button-inner { 1011 color: #555555; 1012 text-transform: capitalize; 1013 } 1014 1015 .fc-state-active, .fc-state-active .fc-button-inner { 1016 color: #FFFFFF; 1017 } 1018 1019 .block-vertical-toolbox .button.add { 1020 width:190px; 1021 } 1022 1023 .fc-header .fc-state-active, .fc-header .ui-state-active { 1024 z-index: auto; 1025 } 1026 1027 .fc-year-monthly-header { 1028 font-weight: bold; 1029 } 1030 1031 .fc-year-have-event { 1032 background: none repeat scroll 0 0 transparent !important; 1033 1034 } 1035 .fc-year-have-event .fc-day-number { 1036 background: #F3F3F3; 1037 box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); 1038 border-color: #CCC #BBB #AAA; 1039 border-style: solid; 1040 border-width: 1px; 1041 border-radius: 4px; 1042 -moz-border-radius:4px; 1043 -webkit-border-radius:4px; 1044 } 1045 1046 .fc-year-main-table div:hover .fc-day-number { 1047 cursor: pointer; 1048 font-weight: bold; 1049 } 1050 1051 /* preferences */ 1052 1053 .expresso-calendar-container h3 { 1054 border-bottom: 2px solid #E17009; 1055 font-size: 170%; 1056 margin-bottom: 10px; 1057 padding-bottom: 2px; 1058 } 1059 1060 .expresso-calendar-container fieldset legend {/*font-size:1.3em;*/ font-weight:bold;} 1061 1062 .preferences-win a { 1063 text-decoration: underline; 1064 font-weight:bold; 1065 font-size:1.05em; 1066 cursor:pointer; 1067 } 1068 1069 .preferences-win ul li {list-style: none;} 1070 1071 1072 .preferences-win fieldset { 1073 border:1px solid #CFCFCF; 1074 } 1075 1076 .preferences-win fieldset.no-legend { 1077 margin: 0; 1078 padding: 5px 0; 1079 border: none; 1080 } 1081 1082 .preferences-win hr { 1083 margin: 10px 0; 1084 padding: 0 10px; 1085 /*background:#FFFF85; 1086 border: 1px solid #FFE74D;*/ 1087 } 1088 1089 .preferences-win #preferences_especific_calendar_details fieldset { 1090 border: 0 none; 1091 } 1092 1093 1094 /* Geral */ 1095 fieldset.background-fields { 1096 background:#FFFF85; 1097 border: 2px solid #FFE74D; 1098 -moz-border-radius: 15px; 1099 -webkit-border-radius: 15px; 1100 } 1101 1102 .button.small.ui-button-text-only .ui-button-text { 1103 font-size: 0.9em; 1104 padding: 0.1em 0.6em; 1105 } 1106 1107 .attendees-list dd.attedee-organizer { 1108 border-bottom: 1px solid #BFBFBF; 1109 margin-bottom: 5px; 1110 } 1111 1112 /* Events List */ 1113 .events-list-win th, .events-list-win td { 1114 padding: 15px 0px 15px 0; 1115 vertical-align: middle; 1116 border-bottom: 1px solid #ccc; 1117 } 1118 1119 .events-list-win .last-row th, .events-list-win .last-row td { 1120 border-bottom: 1px solid #ccc; 1121 } 1122 1123 .events-list-win table { 1124 width: 100%; 1125 float: left; 1126 } 1127 1128 .events-list-win table a { 1129 color: rgb(48, 72, 126) !important; 1130 cursor: pointer; 1131 } 1132 1133 .events-list-win table img { 1134 width: 12px; 1135 height: 12px; 1136 padding: 0 2px; 1137 } 1138 1139 .events-list-win table span { font-size:12px; } 1140 .events-list-win table .same-start-date * { border: 0; } 1141 .events-list-win table tr.last-event-same-start-date, 1142 .events-list-win table tr.last-event-same-start-date th, 1143 .events-list-win table tr.last-event-same-start-date td { border-bottom: 1px solid #ccc;} 1144 .events-list-win table th.start-date-multiple-events { border-bottom: 1px solid #ccc; } 1145 1146 .events-list-win table .title { 1147 font-size: 150%; 1148 font-weight: bold; 1149 } 1150 1151 .events-list-win .pagination-events { 1152 margin: 10px 0; 1153 text-align: center; 1154 } 1155 1156 .expresso-calendar-container .search-field { background-color: #FFF;} 1157 .expresso-calendar-container .search-field input { border:none;} 1158 1159 .ui-tabs .ui-tabs-panel { padding: 0; margin-top: 10px;} 1160 1161 .ui-tabs .ui-tabs-nav li .ui-icon-close { 1162 float: right; 1163 margin: 5px 5px 0 -5px; 1164 } 1165 1166 .cal_day { 1167 display: inline; 1168 background: url("assets/day.png") no-repeat scroll center top transparent; 1169 float: left; 1170 height: 95px; 1171 margin: 0 4px 4px 0 !important; 1172 position: relative; 1173 width: 128px; 1174 } 1175 .cal_day .day_heading { 1176 color: #FFFFFF; 1177 float: left; 1178 font: 14px Arial; 1179 height: 16px; 1180 padding: 6px; 1181 position: relative; 1182 text-transform: uppercase; 1183 width: 40px; 1184 } 1185 .cal_day .day_number { 1186 clear: left; 1187 color: #2B2B2B; 1188 font: bold 52px Arial; 1189 height: 95px; 1190 text-align: center; 1191 width: 100%; 1192 z-index: 999; 1193 } 1194 1195 1196 /* Events List */ 1197 .details-event-list { 1198 background-color: #FFF; 1199 } 1200 1201 /* Import and Export*/ 1202 1203 .import-export-win .ui-widget-header { 1204 background: none; 1205 } 1206 1207 .import-export-win .ui-tabs-nav { 1208 border: none; 1209 border-bottom: 1px solid #4297D7 !important; 1210 } 1211 1212 .configure-calendars-win fieldset.user-calendar fieldset { 1213 border:1px solid #CCC; 1214 margin: 0 0 10px 0; 1215 padding: 5px; 1216 -moz-border-radius:5px; 1217 -webkit-border-radius:5px; 1218 border-radius:5px; 1219 } 1220 1221 .ui-datepicker-buttonpane button.ui-datepicker-current { 1222 display : none; 1223 } 1224 1225 .ui_tpicker_time{ 1226 display : none; 1227 } 1228 .ui_tpicker_time_label{ 1229 display : none; 1230 } 1231 .block-vertical-toolbox .ui-datepicker-month, 1232 .block-vertical-toolbox .ui-datepicker-year { 1233 cursor: pointer; 1234 } 1235 /*Normaliza de todos os inputs disabled para fonte-color #333*/ 1236 textarea:disabled, input:disabled{color: #333 !important;} 1237 1238 1239 .map-event{ 1240 border-style: dashed; 1241 border-width: 2px; 1242 border-color: #36C; 1243 background-color: transparent; 1244 color: black; 1245 } 1246 1247 1248 #new_event_map .map-event .fc-event-head.fc-event-skin,.fc-event-inner.fc-event-skin{ 1249 border-color: transparent; 1250 } 1251 1252 #new_event_map .map-event .fc-event-head,#new_event_map .map-event .fc-event-content{ 1253 color: transparent; 1254 }
Note: See TracChangeset
for help on using the changeset viewer.