From 2f01fe57a8d37767827d6db42850aef86a767c53 Mon Sep 17 00:00:00 2001 From: Andrew Dolgov Date: Mon, 15 Nov 2010 10:39:52 +0300 Subject: add dijit/dojo stuff; initial ui mockup --- lib/dijit/themes/claro/Calendar.css | 206 ++++++++++++++++++++++++++++++++++++ 1 file changed, 206 insertions(+) create mode 100644 lib/dijit/themes/claro/Calendar.css (limited to 'lib/dijit/themes/claro/Calendar.css') diff --git a/lib/dijit/themes/claro/Calendar.css b/lib/dijit/themes/claro/Calendar.css new file mode 100644 index 000000000..3a3256ef0 --- /dev/null +++ b/lib/dijit/themes/claro/Calendar.css @@ -0,0 +1,206 @@ + +.claro .dijitCalendar { + border:solid 1px #b5bcc7; + background-color:#d4ebff; + background-image:url("images/calendarContainerImages.png"); + background-position:0px -448px; + background-repeat:repeat-x; + text-align:center; + padding:6px 5px 3px 5px; + -moz-border-radius:4px; + -webkit-border-radius:4px; +} +.dj_ie6 .claro .dijitCalendar { + background-image:none; +} +.claro .dijitCalendar img { + border:none; +} +.claro .dijitCalendarHover, +.claro .dijitCalendarActive { + background-color: #b7dcff; + border:solid 1px #769dc0; +} +.claro .dijitCalendarMonthContainer th { + text-align:center; + padding-bottom:4px; + vertical-align:middle; +} +.claro .dijitCalendarMonthLabelSpacer { + display:none; +} +.claro .dijitCalendarMonthLabel { + color:#000000; + font-size: 1.091em; + display: block; +} +.claro .dijitCalendarIncrementControl { + width:18px; + height:16px; + background-image: url("images/calendarArrows.png"); + background-repeat: no-repeat; +} +.dj_ie6 .claro .dijitCalendarIncrementControl { + background-image: url("images/calendarArrows8bit.png"); +} +.claro .dijitCalendarIncrease { + background-position:-18px 0px; +} +.claro .dijitCalendarArrowHover .dijitCalendarDecrease { + background-position:-36px 0px; +} +.claro .dijitCalendarArrowHover .dijitCalendarIncrease { + background-position:-55px 0px; +} +.claro .dijitCalendarArrowActive .dijitCalendarDecrease { + background-position:-72px 0px; +} +.claro .dijitCalendarArrowActive .dijitCalendarIncrease { + background-position:-91px 0px; +} +.claro .dijitA11ySideArrow { + + display: none; +} +.claro .dijitDayLabels th { + padding:0px 4px 0px 4px; + border-bottom:solid 1px #99b5cd; + font-weight:bold; + text-align:center; +} +.claro .dijitCalendarDayLabelTemplate { + padding-bottom:0em; + text-align:center; + border-bottom:1px solid #99B5CD; + font-size:0.909em; + padding:0 3px 2px; +} +.claro .dijitCalendarDateTemplate { + text-align:center; + background-color:#fff; + background-image:url("images/calendarContainerImages.png"); + background-position:0px 0px; + background-repeat:repeat-x; + border-bottom: 1px solid #dadde1; + padding-top:0px; + font-size:0.909em; + font-family: Arial; + font-weight:bold; + letter-spacing:.05em; + text-align:center; +} +.dj_ie6 .claro .dijitCalendarDateTemplate { + background-image: none; +} +.claro .dijitCalendarPreviousMonth, +.claro .dijitCalendarNextMonth { + background-color:#ebf3f9; + background-image:none; + border-bottom:solid 1px #d2dae8; + color:#547da1; +} +.claro .dijitCalendarDateTemplate .dijitCalendarDateLabel { + text-decoration:none; + display:block; + padding:3px 5px 3px 4px; + border:solid 1px #fff; + color:#1e1e1e; + background-color:rgba(171,212,251,0); + -webkit-transition-property:background-color, border; + -webkit-transition-duration:.35s; +} +.claro .dijitCalendarPreviousMonth .dijitCalendarDateLabel, +.claro .dijitCalendarNextMonth .dijitCalendarDateLabel{ + color:#547da1; + border-color:#ebf3f9; +} +.claro .dijitCalendarYearContainer { + vertical-align:middle; +} +.claro .dijitCalendarYearControl { + padding: 1px 2px 2px 2px; +} +.claro .dijitCalendarYearLabel { + padding:2px 0px 0px 0px; + margin:0; +} +.claro .dijitCalendarYearLabel span { + + vertical-align:middle; +} +.claro .dijitCalendarSelectedYear { + padding:0px 3px; +} +.claro .dijitCalendarNextYear, +.claro .dijitCalendarPreviousYear { + padding: 1px 6px 1px 6px; + font-size:0.909em; +} +.claro .dijitCalendarSelectedYear { + font-size:1.091em; + color:#000; +} +.claro .dijitCalendarHoveredDate .dijitCalendarDateLabel{ + background-color:#abd4fb; + border:solid 1px #729dc2; + color:#000; + -webkit-transition-duration:.2s; +} +.claro .dijitCalendarNextYearHover, +.claro .dijitCalendarPreviousYearHover { + color:#000; + border:solid 1px #fefefe; + padding: 0px 5px 0px 5px; + background-color:#eaf4fe; +} +.claro .dijitCalendarNextYearActive, +.claro .dijitCalendarPreviousYearActive { + border: solid 1px #87b3d9; + padding: 0px 5px 0px 5px; + background-color:#90bde6; +} +.claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:url("images/calendarContainerImages.png"); + background-position:0px -300px; + background-color:#75b5f0; + border:solid 1px #fff; + -webkit-transition-duration:.1s; +} +.dj_ie6 .claro .dijitCalendarActiveDate .dijitCalendarDateLabel { + background-image:none; +} +.claro .dijitCalendarSelectedDate .dijitCalendarDateLabel { + color:#000; + background-color:#e7f4ff; + border-color:#accfed; +} +.claro .dijitCalendarDisabledDate .dijitCalendarDateLabel { + text-decoration:line-through; + + + background-color: transparent; + border-width: 0px; + padding: 4px 6px 4px 5px; + color: #547DA1; +} +.claro .dijitCalendarMonthContainer .dijitMenu{ + + top: 20px !important; + left: 0px; + border-color: #769dc0; + background-color: #fff; + text-align:center; + background-image: none; +} +.claro .dijitCalendarMonthContainer .dijitMenu .dijitCalendarMonthLabel{ + border-top: solid 1px #fff; + border-bottom: solid 1px #fff; + padding: 2px 20px; +} +.claro .dijitCalendarMonthContainer .dijitMenu .dijitMenuItemHover { + background-color: #abd6ff; + border-color: #769dc0; + border-width:1px 0px; + background-image: url("images/commonHighlight.png"); + background-repeat:repeat-x; +} -- cgit v1.2.3