{ "node": { "margin": "10px 0px", "overflow": "hidden", "background-color": "#fff", "magin-top": "60px", //"position": "absolute", "width": "100%", // "top": "0px", // "left": "200px", "display": "block", "opacity": "0" }, "scrollNode" : { "overflow-x": "hidden", "overflow-y": "scroll" }, "contentWarpNode" : { //"width": "1170px", "margin" : "0px auto 20px auto", "overflow" : "hidden" }, "contentContainerNode" : { "height" : "100%", "overflow": "hidden" }, "contentNode" : { "background-color": "#FFF", "-webkit-user-select": "none", "-moz-user-select": "none" }, "calendarTitleNode": { "height": "50px", "overflow": "hidden", "border-bottom": "1px solid #CCC" }, "calendarBodyNode": { "overflow": "hidden" }, "calendarPrevMonthNode": { "height": "30px", "width": "24px", "margin": "12px 0px 10px 40px", "color": "#999", "font-size": "24px", // "background": "url(../x_component_Calendar/$MonthView/default/icon/left24_gray.png) no-repeat center center", "cursor": "pointer", "float": "left" }, "calendarPrevMonthNode_over": { "color": "#4990e2" // "background": "url(../x_component_Calendar/$MonthView/default/icon/left24_blue.png) no-repeat center center" }, "calendarPrevMonthNode_down": { // "background": "url(../x_component_Calendar/$MonthView/default/icon/left24_blue.png) no-repeat center center" }, "calendarNextMonthNode": { "height": "30px", "width": "24px", "margin": "12px 0px 10px 0px", "color": "#999", "font-size": "24px", // "background": "url(../x_component_Calendar/$MonthView/default/icon/right24_gray.png) no-repeat center center", "cursor": "pointer", "float": "left" }, "calendarNextMonthNode_over": { "color": "#4990e2" // "background": "url(../x_component_Calendar/$MonthView/default/icon/right24_blue.png) no-repeat center center" }, "calendarNextMonthNode_down": { // "background": "url(../x_component_Calendar/$MonthView/default/icon/right24_blue.png) no-repeat center center" }, "calendarTitleTextNode": { "line-height": "48px", "color" : "#333", "margin": "0px 10px", "font-size": "20px", "float": "left", "cursor": "pointer" }, "calendarTitleTextNode_over": { "color": "#4990e2" }, "calendarTitleTextNode_down": { "color": "#4990e2" }, "calendarMonthSelectNode": { "width": "260px", "height": "310px", "background-color": "#FFF", "position": "absolute", "text-align": "center", "box-shadow": "0 0 8px 0 rgba(0,0,0,0.25)", "border-radius" : "8px" }, "calendarMonthSelectTitleNode": { "color" : "#666", "background-color": "#f7f7f7", "overflow": "hidden" }, "calendarMonthSelectTitlePrevYearNode": { "height": "50px", "line-height": "50px", "width": "20px", "padding-left": "10px", "padding-right": "10px", "float": "left", "color": "#999", "font-size": "15px", // "background": "url(../x_component_Calendar/$MonthView/default/icon/icon_left.png) no-repeat center center", "cursor": "pointer" }, "calendarMonthSelectTitleNextYearNode": { "height": "50px", "line-height": "50px", "width": "20px", "padding-left": "10px", "padding-right": "10px", "float": "right", "color": "#999", "font-size": "15px", // "background": "url(../x_component_Calendar/$MonthView/default/icon/icon_right.png) no-repeat center center", "cursor": "pointer" }, "calendarMonthSelectTitleTextNode": { "text-align": "center", "margin": "0px 40px", "height": "50px", "font-size": "20px", "line-height": "50px" }, "calendarMonthSelectCurrentNode" : { "color" : "#4990e2", "cursor": "pointer", "font-size": "14px", "height" : "30px", "line-height" : "30px", "border-radius" : "100px", "width" : "30px", "border" : "1px solid #4990e2", "background-color" : "#fff", "margin" : "auto" }, "calendarMonthSelectTodayNode" : { "color" : "#fff", "cursor": "pointer", "font-size": "14px", "height" : "30px", "line-height" : "30px", "border-radius" : "100px", "width" : "30px", "border" : "1px solid #4990e2", "background-color" : "#4990e2", "margin" : "auto" }, "calendarMonthSelectTdNode": { "cursor": "pointer", "height" : "30px", "width" : "30px", "color": "#333", "font-size": "14px" }, "calendarMonthSelectTdNode_over": { "color": "#4990e2" }, "calendarMonthSelectTdNode_down": { "color": "#8894e9" }, "calendarMonthSelectBottomNode": { "height": "50px", "font-size": "18px", "line-height": "40px", "cursor": "pointer", "color": "#333" }, "calendarMonthSelectBottomNode_over": { "color": "#4990e2" }, "calendarTitleTableContainer": { "table-layout" : "fixed", "height": "40px", "overflow": "hidden", "margin": "0px auto 0px 12px" }, "calendarTable": { "table-layout" : "fixed", "font-size" : "12px", "width": "100%", "border-left": "1px solid #dfdfdf" }, "calendarTableTitleTr": { "height": "40px" }, "calendarTableTh": { "width": "14.28%", "background-color" : "#f0f0f0", "color": "#333", "font-size": "18px", "font-weight" : "normal", "min-width": "120px", "border-bottom": "1px solid #CCC", "text-align" : "center" }, "calendarTableTh_pre": { "background-color" : "#f0f0f0", "color": "#666", "font-size": "18px", "font-weight" : "normal", //"min-width": "120px", "border-bottom": "1px solid #CCC", "border-left": "1px solid #f0f0f0", "text-align" : "center", "overflow" : "hidden" }, "calendarTableCell_thisMonth": { "width": "14.28%", "min-width": "120px", // "margin": "7px", "overflow": "hidden", "color" : "#ccc", "background-color": "transparent", "border-right": "1px solid #dfdfdf", "border-bottom": "1px solid #dfdfdf", // "border-radius": "4px", "height" : "140px" }, "calendarTableCell_otherMonth": { "width": "14.28%", "min-width": "120px", // "margin": "7px", "overflow": "hidden", "background-color": "transparent", "border-right": "1px solid #dfdfdf", "border-bottom": "1px solid #dfdfdf", // "border-radius": "4px", "height" : "140px" }, "calendarTableCell_today": { "width": "14.28%", "min-width": "120px", // "margin": "7px", "overflow": "hidden", "background-color": "#F8FBFF", "border-right": "1px solid #dfdfdf", "border-bottom": "1px solid #dfdfdf", // "border-radius": "4px", "height" : "140px" }, "dayTitle_thisMonth": { "padding" : "5px 0px 5px 5px", "height": "20px", "cursor": "pointer", "line-height": "20px"//, // "background-color": "#FFF" }, "dayTitle_otherMonth": { "padding" : "5px 0px 5px 5px", "height": "20px", "cursor": "pointer", "line-height": "20px"//, // "background-color": "#FFF" }, "dayTitle_today": { "padding" : "5px 0px 5px 5px", "height": "20px", "cursor": "pointer", "line-height": "20px"//, // "background-color": "#F8FBFF" }, "dayTitleDay_thisMonth": { "font-size" : "14px", "height": "20px", "width" : "20px", "float": "left", "color": "#333" }, "dayTitleDay_otherMonth": { "color" : "#ccc", "font-size" : "14px", "height": "20px", "width" : "20px", "float": "left", "color": "#ccc" }, "dayTitleDay_today": { "margin-top" : "3px", "font-size" : "14px", "background": "#3C76B7", "border-radius": "100px", "text-align" : "center", "width": "20px", "height": "20px", "float": "left", "color": "#fff" }, "dayTitleInfor_thisMonth": { "margin-right": "10px", "height": "20px", "font-size" : "14px", "line-height": "20px", "text-align": "right", "color": "#3C76B7" }, "dayTitleInfor_otherMonth": { "margin-right": "10px", "height": "20px", "font-size" : "14px", "line-height": "20px", "text-align": "right", "color": "#999" }, "dayTitleInfor_today": { "margin-right": "10px", "height": "20px", "font-size" : "14px", "line-height": "20px", "text-align": "right", "color": "#3C76B7" }, "dayContentNode": { "overflow": "hidden", //"border-top": "1px solid #ccc", "margin": "0px 5px 0px 0px" }, "calendarNode_today": { "height": "30px", "background-color": "#F8FBFF", "margin": "0px", "cursor": "pointer", "font-size": "14px", "color": "#333", "line-height": "30px" }, "calendarNode": { "height": "30px", "background-color": "#FFF", "margin": "0px", "cursor": "pointer", "font-size": "14px", "color": "#333", "line-height": "30px" }, "calendarNode_over" : { "background-color": "#F8F8F8", "color" : "#3C76B7" }, "calendarIconNode": { "height": "30px", "width": "20px", "float": "left" }, "calendarTextNode": { "margin-left": "20px", "margin-right": "48px", "height": "30px", "overflow": "hidden" }, "calendarTimeNode":{ "height": "30px", "width": "40px", "color" : "#999", "font-size": "14px", "float": "right" } }