Changes to Rico 3 as a result of regression testing with IE6, IE7, and IE8.
[infodrom/rico3] / ricoClient / css / rico.css
index f876431..897eb83 100644 (file)
@@ -499,138 +499,136 @@ a.RicoButtonAnchorNative:hover {
 \r
 /* ricoCalendar */\r
 \r
-table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt *, div.ricoTreeContainer * {\r
+table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt * {\r
   font-size:8pt !important;\r
 }\r
 \r
+.RicoCalHeading {\r
+  font-size:8pt !important;\r
+  font-weight: bold;\r
+  text-align:center;\r
+}\r
+\r
+.RicoCalHeading a {\r
+  text-decoration: none;\r
+}\r
+\r
+.ui-datepicker .RicoCalHeadingInner {\r
+  height: 1.8em;\r
+  position: relative;\r
+  width: 16em;\r
+}\r
+\r
+.ricoCalContainer  .RicoCalHeadingInner {\r
+  height: 1.3em;\r
+  position: relative;\r
+  width: 16em;\r
+  padding: 2px;\r
+}\r
+\r
+.RicoCalHeading  > .RicoCalHeadingInner {\r
+  margin: auto;\r
+}\r
+\r
 table.ricoCalTab {\r
   width: auto !important;\r
 }\r
 \r
-div.ricoCalContainer table.ricoCalTab, div.ricoCalContainer td.ricoCalEmpty, div.ricoCalContainer tr.ricoCalDayNames td  {\r
+.ricoCalContainer table.ricoCalTab, .ricoCalContainer td.ricoCalEmpty, .ricoCalContainer tr.ricoCalDayNames td  {\r
   background-color:#eee;\r
 }\r
 \r
-div.ricoCalContainer  .ricoCalToday {\r
+.ricoCalContainer  .ricoCalToday {\r
   font-weight:bold;\r
   background-color: #33FFFF !important;\r
 }\r
 \r
-div.ricoCalContainer .ricoSelectedDay {\r
+.ricoCalContainer .ricoSelectedDay {\r
   font-weight:bold;\r
   background-color: #FFFF66 !important;\r
 }\r
 \r
-div.ricoCalContainer tbody td.hover {\r
+.ricoCalContainer tbody td.hover {\r
   background-color: #FDD;\r
 }\r
 \r
-table.ricoCalTab thead a {\r
-  text-decoration: none;\r
-}\r
-\r
 span.RicoCalMonthHeading {\r
-  position:relative;\r
-  margin: 0px 1.6em;\r
-  display: block;\r
+  position:absolute;\r
+  left: 0px;\r
+  font-weight:bold;\r
+  margin: 0px 1em !important;\r
   padding: 0px;\r
-  width: 6em;\r
+  display: block;\r
+  width: 6.5em;\r
   text-align: center;\r
-  float: left;\r
 }\r
 \r
 span.RicoCalYearHeading {\r
-  position:relative;\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
-  float: left;\r
 }\r
 \r
 span.Rico_leftArrow {\r
   background-position: -10px -1046px;\r
-  position: absolute;\r
-  top: 4px;\r
-  left: 0px;\r
-  width: 11px;\r
+  display: inline-block;\r
+  width: 10px;\r
   height: 11px;\r
 }\r
 \r
 a.Rico_leftArrow {\r
-  position: absolute;\r
-  top: -3px !important;\r
-  left: 0px !important;\r
-  width: 12px;\r
-  height: 1.6em;\r
+  display: inline-block;\r
+  width: 15px;\r
+  height: 1.1em;\r
 }\r
 \r
 span.Rico_rightArrow {\r
   background-position: -10px -1108px;\r
-  position: absolute;\r
-  top: 4px;\r
-  right: 0px;\r
-  width: 11px;\r
+  display: inline-block;\r
+  width: 10px;\r
   height: 11px;\r
 }\r
 \r
 a.Rico_rightArrow {\r
-  position: absolute;\r
-  top: -3px !important;\r
-  right: 0px !important;\r
-  width: 12px;\r
-  height: 1.6em;\r
-}\r
-\r
-table.ricoCalTab thead img {\r
-  border:none;\r
-/*  padding-left: 0.3em;\r
-  padding-right: 0.3em;*/\r
+  display: inline-block;\r
+  width: 15px;\r
+  height: 1.1em;\r
 }\r
 \r
 table.ricoCalTab thead a.hover {\r
   cursor:pointer;\r
 }\r
 \r
-.ricoCalYearPrompt td {\r
-  white-space: nowrap;\r
-}\r
-\r
 div.ricoCalYearPrompt {\r
   margin: 0px;\r
   padding: 3px;\r
-}\r
-\r
-div.ricoCalContainer  div.ricoCalYearPrompt {\r
+  display: block;\r
   border:1px solid #666666;\r
   background-color: #FEE;\r
 }\r
 \r
-div.ricoCalContainer  .ricoCalYearPrompt img {\r
+.ricoCalYearPrompt td {\r
+  white-space: nowrap;\r
+}\r
+\r
+.ricoCalYearPrompt img {\r
   border: 1px solid black;\r
   margin-left: 3px;\r
   vertical-align: middle;\r
 }\r
 \r
-div.ricoCalContainer table.ricoCalTab thead th {\r
-  background-color: #D4D0C8;\r
-  font-weight: bold;\r
-  text-align:center;\r
-  padding: 2px;\r
-}\r
-\r
-.RicoCalHeading {\r
-  position: relative;\r
-  padding: 1px 0px;\r
-  height: 1%;\r
-}\r
-\r
 table.ricoCalTab tfoot td {\r
   text-align:center;\r
   padding: 2px;\r
   cursor:pointer;\r
 }\r
 \r
-div.ricoCalContainer  tfoot td {\r
+.ricoCalContainer  tfoot td {\r
   color:#FFF;\r
   background-color: #666666;\r
 }\r
@@ -640,7 +638,7 @@ table.ricoCalTab tfoot span {
   cursor:pointer;\r
 }\r
 \r
-div.ricoCalContainer table.ricoCalTab tbody {\r
+.ricoCalContainer table.ricoCalTab tbody {\r
   background-color: white;\r
 }\r
 \r
@@ -667,13 +665,13 @@ td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td
 }\r
 \r
 /* Monday-Friday */\r
-div.ricoCalContainer td.ricoCal1, div.ricoCalContainer td.ricoCal2, div.ricoCalContainer td.ricoCal3, div.ricoCalContainer td.ricoCal4, div.ricoCalContainer td.ricoCal5 {\r
+.ricoCalContainer td.ricoCal1, .ricoCalContainer td.ricoCal2, .ricoCalContainer td.ricoCal3, .ricoCalContainer td.ricoCal4, .ricoCalContainer td.ricoCal5 {\r
   color:black;\r
   background-color:#fff;\r
 }\r
 \r
 /* Sunday, Saturday */\r
-div.ricoCalContainer td.ricoCal0, div.ricoCalContainer td.ricoCal6 {\r
+.ricoCalContainer td.ricoCal0, .ricoCalContainer td.ricoCal6 {\r
   color:#999;\r
   background-color:#fff;\r
 }\r
@@ -692,14 +690,12 @@ td.ricoCalWeekNum {
 \r
 .ricoCalMenu {\r
   width:12em !important;\r
-}\r
-div.ricoCalContainer .ricoCalMenu {\r
   background-color: #FEE;\r
   border-bottom:1px solid #666666;\r
   border-right:1px solid #666666;\r
 }\r
 \r
-div.ricoCalContainer .ricoCalMenu td {\r
+.ricoCalMenu td {\r
   border-top:1px solid #666666;\r
   border-left:1px solid #666666;\r
 }\r
@@ -710,13 +706,10 @@ div.ricoCalContainer .ricoCalMenu td {
   cursor:pointer;\r
   font-size:8pt;\r
   text-align: center !important;\r
-}\r
-\r
-div.ricoCalContainer .ricoCalMenu a {\r
   color:black;\r
 }\r
 \r
-div.ricoCalContainer .ricoCalMenu a:hover {\r
+.ricoCalMenu a:hover {\r
   background-color: #FCC;\r
 }\r
 \r
@@ -979,7 +972,8 @@ span.RicoCancel {
 .RicoCloseAnchor {\r
   cursor: pointer;\r
   position: absolute;\r
-  top: 1px;\r
+  display: block;\r
+  top: 2px;\r
   right: 2px;\r
   border: 0px none !important;\r
 }\r
@@ -989,3 +983,14 @@ span.RicoClose {
   width: 16px;\r
   background-position: -10px -122px;\r
 }\r
+\r
+/* ie6 only */\r
+* html iframe.RicoShim {\r
+  position: absolute;\r
+  display:block;\r
+  top: 0px;\r
+  left: 0px;\r
+  width: expression( this.previousSibling.offsetWidth+'px' );\r
+  height: expression( this.previousSibling.offsetHeight+'px' );\r
+  z-index: 1;\r
+}\r