Other recent changes had broken the Rico calendar on IE6-8. This update fixes all...

[infodrom/rico3] / ricoClient / css / rico.css

diff --git a/ricoClient/css/rico.css b/ricoClient/css/rico.css
index 97a7443..2d880ed 100644 (file)
--- a/ricoClient/css/rico.css
+++ b/ricoClient/css/rico.css
@@ -382,6 +382,7 @@ overflow:hidden;
 a.RicoButton {\r
   -moz-border-radius: 6px;\r
   -webkit-border-radius: 6px;\r
+  border-radius: 6px;\r
 }\r
 \r
 \r
@@ -403,11 +404,10 @@ a.RicoButton {
 }\r
 \r
 a.RicoButtonAnchor {\r
-  padding: 1px 0;\r
-  margin: 1px;\r
-  position: relative;\r
+  padding: 1px;\r
+  margin: 0px 3px;\r
   cursor: pointer;\r
-  float: left;\r
+  border: 1px outset;\r
 }\r
 \r
 a.RicoButtonAnchorNative {\r
@@ -416,8 +416,8 @@ a.RicoButtonAnchorNative {
 }\r
 \r
 a.RicoButtonAnchor span {\r
-  margin: 0 1px;\r
-  float: left;\r
+  display: inline-block;\r
+  vertical-align: top;\r
 }\r
 \r
 a.RicoButtonAnchorNative:hover {\r
@@ -494,29 +494,31 @@ table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt * {
 \r
 .RicoCalHeading {\r
   font-size:8pt !important;\r
-  font-weight: bold;\r
-  text-align:center;\r
+  text-align: center;\r
+  text-align: left !ie;  /* ie6+ie7 */\r
+  padding: 0.3em 0px;\r
 }\r
 \r
 .RicoCalHeading a {\r
   text-decoration: none;\r
+  font-weight: bold !important;\r
+  margin: 0px;\r
+  padding: 0px 0.2em;\r
+  text-align: center;\r
+  border: 0px none !important;\r
 }\r
 \r
-.ui-datepicker .RicoCalHeadingInner {\r
-  height: 1.8em;\r
-  position: relative;\r
-  width: 16em;\r
+.ui-datepicker-title  > .Rico_leftArrow, .ui-datepicker-title > .Rico_rightArrow {\r
+  position:relative; \r
+  top:3px;\r
 }\r
 \r
-.ricoCalContainer  .RicoCalHeadingInner {\r
-  height: 1.3em;\r
-  position: relative;\r
-  width: 16em;\r
-  padding: 2px;\r
+*+html .ui-datepicker-title  > .Rico_leftArrow, *+html .ui-datepicker-title  > .Rico_rightArrow {\r
+  top:-2px;  /* ie7 */\r
 }\r
 \r
-.RicoCalHeading  > .RicoCalHeadingInner {\r
-  margin: auto;\r
+.ui-datepicker-title  span {\r
+  text-indent: 0px;\r
 }\r
 \r
 table.ricoCalTab {\r
@@ -541,26 +543,14 @@ table.ricoCalTab {
   background-color: #FDD;\r
 }\r
 \r
-span.RicoCalMonthHeading {\r
-  position:absolute;\r
-  left: 0px;\r
+span.RicoCalMonthHeading, span.RicoCalYearHeading {\r
   font-weight:bold;\r
-  margin: 0px 1em !important;\r
+  margin: 0px 1em;\r
   padding: 0px;\r
-  display: block;\r
-  width: 6.5em;\r
-  text-align: center;\r
 }\r
 \r
-span.RicoCalYearHeading {\r
-  position:absolute;\r
-  right: 0px;\r
-  font-weight:bold;\r
-  margin: 0px 1em !important;\r
-  padding: 0px;\r
-  display: block;\r
-  width: 7em;\r
-  text-align: center;\r
+span.RicoCalMonthHeading {\r
+  margin: 0px 1em 0px 3em !ie;\r
 }\r
 \r
 span.Rico_leftArrow {\r
@@ -596,13 +586,13 @@ table.ricoCalTab thead a.hover {
 div.ricoCalYearPrompt {\r
   margin: 0px;\r
   padding: 3px;\r
-  display: block;\r
   border:1px solid #666666;\r
   background-color: #FEE;\r
 }\r
 \r
-.ricoCalYearPrompt td {\r
-  white-space: nowrap;\r
+.ricoCalYearPrompt p {\r
+  margin: 0px;\r
+  padding: 3px;\r
 }\r
 \r
 .ricoCalYearPrompt img {\r
@@ -937,10 +927,14 @@ div.ricoCorner div {
   height: 17px;\r
   background-position: -10px -186px;\r
 }\r
+\r
+a span {\r
+  cursor: pointer;\r
+}\r
+\r
 span.ricoClear {\r
   display:-moz-inline-box;\r
   display:inline-block;\r
-  cursor: pointer;\r
 }\r
 \r
 span.RicoCheckmark {\r