Updated LoadRicoClient for asp and php, so all asp and php examples are working again...
[infodrom/rico3] / ricoClient / css / rico.css
index f876431..a47efe4 100644 (file)
@@ -2,6 +2,14 @@
  *Rico stylesheet\r
  */\r
 \r
+/* reset Themeroller font size */ \r
+div.ui-widget {\r
+  font-size: 80%;\r
+}\r
+.ui-dialog {\r
+  width: auto !important;\r
+}\r
+\r
 /* LiveGrid & SimpleGrid */\r
  \r
 .ricoLG_outerDiv {\r
@@ -26,7 +34,6 @@ div.ricoLG_scrollContainerDiv {
 \r
 div.ricoLG_scrollTabDiv {\r
   position:absolute;\r
-  left:0px;\r
   top:0px;\r
   overflow:hidden;\r
 }\r
@@ -44,7 +51,7 @@ div.ricoLG_highlightDiv {
   border: 2px solid black;\r
 }\r
 \r
-.ricoLG_table, table.ricoLiveGrid {\r
+.ricoLG_table, .ricoLG_scrollTab, table.ricoLiveGrid {\r
   margin: 0px;\r
   padding: 0px;\r
   border-right: 1px solid silver;\r
@@ -68,8 +75,8 @@ div.ricoLG_mFilter {
   z-index:200;\r
   border: 1px solid #888;\r
 }\r
-div.ricoLG_mFilter {\r
-  font-size: 8pt;\r
+div.ricoLG_mFilter {\r
+  font-size: 67%;\r
 }\r
 div.ricoLG_mFilter_content {\r
   height: 150px;\r
@@ -77,6 +84,9 @@ div.ricoLG_mFilter_content {
   overflow: auto;\r
   background-color: white;\r
 }\r
+div.ricoLG_mFilter_button  button{\r
+  font-size: 80%;\r
+}\r
 div.ricoLG_mFilter_button {\r
   padding: 3px;\r
   background-color: #DDD;\r
@@ -96,11 +106,11 @@ div.ricoLG_col {
   width:100px;\r
 }\r
 \r
-table.ricoLG_top thead div.ricoLG_col {\r
+thead.ricoLG_top div.ricoLG_col {\r
   position:relative;\r
 }\r
 \r
-table.ricoLG_top thead div.ricoLG_Resize {\r
+thead.ricoLG_top div.ricoLG_Resize {\r
   position:absolute;\r
   width:5px;\r
   height:100%;\r
@@ -114,18 +124,15 @@ table.ricoLG_top thead div.ricoLG_Resize {
   border-width: 0px 0px 1px 0px;\r
 }\r
 \r
-table.ricoLG_top, table.ricoLiveGrid  {\r
+table.ricoLG_table, table.ricoLiveGrid  {\r
   border-top: 1px solid silver;\r
 }\r
 \r
-table.ricoLG_top thead th, table.ricoLG_top thead td, table.ricoLiveGrid td, table.ricoLiveGrid th {\r
+thead.ricoLG_top th, thead.ricoLG_top td, table.ricoLiveGrid td, table.ricoLiveGrid th {\r
   border-style: solid;\r
   border-color: silver;\r
   border-width: 0px 0px 1px 1px;\r
-}\r
-\r
-* html table.ricoLG_top thead th, * html table.ricoLG_top thead td, * html table.ricoLiveGrid td, * html table.ricoLiveGrid th {\r
-  position: relative; /* IE6  only */\r
+  *position: relative; /* IE6-7  only */\r
 }\r
 \r
 .ricoLG_bottom th, .ricoLG_bottom td {\r
@@ -139,54 +146,42 @@ div.ricoLG_cell, table.ricoLiveGrid td, table.ricoLiveGrid th {
   height:1.2em;\r
   padding-left: 3px;\r
   margin: 0px;\r
-  font-size: 10pt;\r
-       padding-top:3px;\r
-       padding-bottom:3px;\r
+  font-size: 80%;\r
+  padding-top:3px;\r
+  padding-bottom:3px;\r
 }\r
 \r
-div.ricoLG_messageDiv {\r
+.ricoLG_messageDiv {\r
   font-weight:bold;\r
   font-size:larger;\r
   text-align:center;\r
   padding:1em;\r
+  background-color: #EEE;\r
   opacity:0.8;\r
 }\r
 \r
 p.ricoBookmark {\r
   margin-bottom: 3px;\r
-  font-size: 10pt;\r
+  font-size: 80%;\r
   white-space: nowrap;\r
 }\r
 \r
 p.ricoBookmark span {\r
   margin-right: 1em;\r
-  font-size: 10pt;\r
 }\r
 \r
 span.ricoCaption {\r
   font-weight: bold;\r
 }\r
 \r
-div.alignleft {\r
-  text-align: left;\r
-}\r
-\r
-div.aligncenter {\r
-  text-align: center;\r
-}\r
-\r
-div.alignright {\r
-  text-align: right;\r
-}\r
-\r
 span.ricoSessionTimer {\r
   background-color:black;\r
   color:white;\r
 }\r
 \r
-table.ricoLG_top thead option, table.ricoLG_top thead select, table.ricoLG_top thead input {\r
+thead.ricoLG_top option, thead.ricoLG_top select, thead.ricoLG_top input {\r
   font-weight: normal;\r
-  font-size: 8pt !important;\r
+  font-size: 90% !important;\r
   padding: 1px;\r
 }\r
 \r
@@ -196,8 +191,8 @@ div.ricoLG_chooserDiv {
   z-index:200;\r
 }\r
 div.ricoLG_chooserDiv  .ricoContent {\r
-  height: 150px;\r
-  width: 200px;\r
+  height: 13em;\r
+  width: 16em;\r
 }\r
 .ricoContent {\r
   padding: 3px;\r
@@ -212,8 +207,8 @@ div.ricoLG_chooserDiv .ricoContent input {
 \r
 /* grid keyword entry */\r
 \r
-div.ricoLG_chooserDiv  *, div.ricoLG_keywordDiv * {\r
-  font-size: 8pt;\r
+div.ricoLG_chooserDiv, div.ricoLG_keywordDiv  {\r
+  font-size: smaller;\r
 }\r
 div.ricoLG_keywordDiv {\r
   position:absolute;\r
@@ -223,7 +218,7 @@ div.ricoLG_keywordDiv {
 \r
 div.ricoLG_keywordDiv input {\r
   position: relative;\r
-  font-size: 9pt;\r
+  font-size: 90%;\r
   float: left;\r
 }\r
 \r
@@ -248,10 +243,7 @@ div.ricoLG_editResponseDiv {
   z-index:300;\r
   top:0px;\r
   left:0px;\r
-}\r
-\r
-.ricoLG_editDiv *, div.ricoLG_editResponseDiv {\r
-  font-size: 10pt;\r
+  font-size: 85%;\r
 }\r
 \r
 form .ricoEditLabel sup {\r
@@ -271,7 +263,7 @@ form .ricoEditLabel {
 }\r
 \r
 .ricoLG_editDiv div.ButtonBar {\r
-  padding: 0.3em 0px;\r
+  padding: 0.4em 0px;\r
   margin: 3px;\r
 }\r
 \r
@@ -279,6 +271,10 @@ form .ricoEditLabel {
   margin:0px;\r
 }\r
 \r
+.ricoLG_editDiv textarea {\r
+  font-size: 100%;\r
+}\r
+\r
 .ricoLG_editDiv .tabContent, div.ricoLG_editDiv .noTabContent {\r
   overflow: hidden;\r
   padding: 4px;\r
@@ -306,20 +302,20 @@ padding:2px;
 cursor:default;\r
 }\r
 \r
-div.ricoMenu, div.ricoMenu div.ricoMenuHeading, div.ricoMenu a {\r
+div.ricoMenu {\r
 background-color:menu;\r
 color: menutext;\r
 text-decoration: none;\r
 font-family:tahoma,arial,helvetica,sans-serif;\r
-font-size: 8pt;\r
+font-size: 70%;\r
 display:block;\r
 }\r
 \r
-div.ricoMenuSafari, div.ricoMenuSafari div.ricoMenuHeading, div.ricoMenuSafari a {\r
+div.ricoMenuSafari {\r
 background-color:#EDEDED;\r
 text-decoration: none;\r
 font-family:tahoma,arial,helvetica,sans-serif;\r
-font-size: 8pt;\r
+font-size: 70%;\r
 display:block;\r
 }\r
 \r
@@ -393,6 +389,7 @@ overflow:hidden;
 a.RicoButton {\r
   -moz-border-radius: 6px;\r
   -webkit-border-radius: 6px;\r
+  border-radius: 6px;\r
 }\r
 \r
 \r
@@ -409,26 +406,21 @@ a.RicoButton {
   white-space: nowrap;\r
 }\r
 \r
-.ui-dialog, .ui-datepicker {\r
-  width: auto !important;\r
+a.RicoButtonAnchorNative {\r
+  background-color: #DDD;\r
+  border: 1px outset;\r
+}\r
+a.RicoButtonAnchorNative  span {\r
+  vertical-align: middle;\r
 }\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
+  font-size: 16px;\r
 }\r
-\r
-a.RicoButtonAnchorNative {\r
-  border:1px solid #888;\r
-  background-color: #DDD;\r
-}\r
-\r
 a.RicoButtonAnchor span {\r
-  margin: 0 1px;\r
-  float: left;\r
+  display: inline-block;\r
 }\r
 \r
 a.RicoButtonAnchorNative:hover {\r
@@ -447,8 +439,8 @@ a.RicoButtonAnchorNative:hover {
 \r
 \r
 /* ricoKeywordSearch */\r
-.ricoKeywordSearch {\r
-  font-size: 8pt;\r
+.ricoKeywordSearch {\r
+  font-size: 70%;\r
 }\r
 \r
 \r
@@ -487,8 +479,8 @@ a.RicoButtonAnchorNative:hover {
   display:block;\r
 }\r
 \r
-.ricoTreeContainer *, .ricoTree * {\r
-  font-size:8pt;\r
+.ricoTreeContainer {\r
+  font-size:70%;\r
   white-space:nowrap;\r
 }\r
 \r
@@ -499,151 +491,133 @@ a.RicoButtonAnchorNative:hover {
 \r
 /* ricoCalendar */\r
 \r
-table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt *, div.ricoTreeContainer * {\r
-  font-size:8pt !important;\r
+.ricoCalContainer {\r
+  font-size:85%;\r
+  background-color:#eee;\r
 }\r
-\r
-table.ricoCalTab {\r
-  width: auto !important;\r
+.ricoCalBody {\r
+  font-size:70%;\r
 }\r
-\r
-div.ricoCalContainer table.ricoCalTab, div.ricoCalContainer td.ricoCalEmpty, div.ricoCalContainer tr.ricoCalDayNames td  {\r
-  background-color:#eee;\r
+.ricoCalMonthPrompt {\r
+  font-size:95%;\r
 }\r
-\r
-div.ricoCalContainer  .ricoCalToday {\r
-  font-weight:bold;\r
-  background-color: #33FFFF !important;\r
+.ricoCalYearPrompt p {\r
+  font-size:70%;\r
 }\r
 \r
-div.ricoCalContainer .ricoSelectedDay {\r
-  font-weight:bold;\r
-  background-color: #FFFF66 !important;\r
+td.RicoCalHeading {\r
+  text-align: left;\r
+  padding: 0px !important;\r
 }\r
-\r
-div.ricoCalContainer tbody td.hover {\r
-  background-color: #FDD;\r
+* html td.RicoCalHeading {\r
+  position: static !important; /* override Themeroller */\r
 }\r
-\r
-table.ricoCalTab thead a {\r
-  text-decoration: none;\r
+* html td.RicoCalHeading table {\r
+  float: left;\r
+}\r
+* html td.RicoCalHeading .RicoCloseAnchor {\r
+  position: static;\r
+  float: right;\r
 }\r
 \r
-span.RicoCalMonthHeading {\r
-  position:relative;\r
-  margin: 0px 1.6em;\r
-  display: block;\r
-  padding: 0px;\r
-  width: 6em;\r
+.ui-datepicker td.RicoCalHeading  table{\r
+  width: auto;\r
+  margin: 0px 2em !important;\r
+}\r
+.ricoCalContainer td.RicoCalHeading  table{\r
+  width: auto;\r
+  margin: 2px 2em 0px 2em;\r
+}\r
+td.RicoCalHeading td {\r
+  padding: 0.2em 0px;\r
+}\r
+td.RicoCalHeading {\r
+  font-size:90%;\r
+}\r
+td.RicoCalHeading table a {\r
+  text-decoration: none;\r
+  font-weight: bold !important;\r
+  margin: 0px !important;\r
   text-align: center;\r
-  float: left;\r
+  border: 0px none !important;\r
+  font-family: "Lucida Console", Courier, "Courier New", monospace;\r
 }\r
 \r
-span.RicoCalYearHeading {\r
-  position:relative;\r
-  display: block;\r
-  width: 7em;\r
-  text-align: center;\r
-  float: left;\r
+.ui-datepicker-header  span {\r
+  text-indent: 0px !important;\r
+  padding: 0px !important;\r
 }\r
 \r
-span.Rico_leftArrow {\r
-  background-position: -10px -1046px;\r
-  position: absolute;\r
-  top: 4px;\r
-  left: 0px;\r
-  width: 11px;\r
-  height: 11px;\r
+.ricoCalContainer .ricoCalBody  td.ricoSelectedDay {\r
+  font-weight:bold;\r
+  background-color: #FFFF66 !important;\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
+.ricoCalContainer tbody td.hover {\r
+  background-color: #FDD;\r
 }\r
 \r
-span.Rico_rightArrow {\r
-  background-position: -10px -1108px;\r
-  position: absolute;\r
-  top: 4px;\r
-  right: 0px;\r
-  width: 11px;\r
+span.Rico_leftArrow {\r
+  background-position: -10px -1046px;\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
+.ui-datepicker a.Rico_leftArrow, .ui-datepicker a.Rico_rightArrow {\r
+  display: inline-block;\r
+  width: 16px;\r
+  height: 16px;\r
 }\r
 \r
-table.ricoCalTab thead img {\r
-  border:none;\r
-/*  padding-left: 0.3em;\r
-  padding-right: 0.3em;*/\r
+.ricoCalContainer a.Rico_leftArrow, .ricoCalContainer a.Rico_rightArrow {\r
+  display: inline-block;\r
+  width: 16px;\r
+  height: 14px;\r
 }\r
 \r
-table.ricoCalTab thead a.hover {\r
-  cursor:pointer;\r
+span.Rico_rightArrow {\r
+  background-position: -10px -1108px;\r
+  display: inline-block;\r
+  width: 10px;\r
+  height: 11px;\r
 }\r
 \r
-.ricoCalYearPrompt td {\r
-  white-space: nowrap;\r
+.ui-datepicker-header a.ui-dialog-titlebar-close {\r
+  top: 2px;\r
 }\r
 \r
 div.ricoCalYearPrompt {\r
   margin: 0px;\r
   padding: 3px;\r
-}\r
-\r
-div.ricoCalContainer  div.ricoCalYearPrompt {\r
   border:1px solid #666666;\r
   background-color: #FEE;\r
 }\r
 \r
-div.ricoCalContainer  .ricoCalYearPrompt img {\r
+.ricoCalYearPrompt p {\r
+  margin: 0px;\r
+  padding: 3px;\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
+.ricoCalFoot td {\r
+  font-size:75% !important;\r
   text-align:center;\r
   padding: 2px;\r
+  text-decoration: underline;\r
   cursor:pointer;\r
 }\r
 \r
-div.ricoCalContainer  tfoot td {\r
+td.ricoCalFoot {\r
   color:#FFF;\r
   background-color: #666666;\r
 }\r
 \r
-table.ricoCalTab tfoot span {\r
-  text-decoration: underline;\r
-  cursor:pointer;\r
-}\r
-\r
-div.ricoCalContainer table.ricoCalTab tbody {\r
-  background-color: white;\r
-}\r
-\r
 tr.ricoCalDayNames td {\r
   font-weight: bold;\r
 /*  padding: 0px 2px 0px 2px;*/\r
@@ -651,11 +625,11 @@ tr.ricoCalDayNames td {
   text-align:right;\r
 }\r
 \r
-table.ricoCalTab td, table.ricoCalTab th {\r
+.ricoCalBody td {\r
   width:2.7em;\r
 }\r
 \r
-td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday, td.ricoCalEmpty {\r
+td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday {\r
   text-align:right;\r
   text-decoration:none;\r
 }\r
@@ -667,13 +641,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
@@ -684,6 +658,10 @@ td.ricoCalToday {
   font-weight:bold;\r
 }\r
 \r
+.ricoCalContainer  .ricoCalBody  td.ricoCalToday {\r
+  background-color: #33FFFF;\r
+}\r
+\r
 td.ricoCalWeekNum {\r
   background-color: #D4D0C8;\r
   color:black;\r
@@ -691,15 +669,13 @@ td.ricoCalWeekNum {
 }\r
 \r
 .ricoCalMenu {\r
-  width:12em !important;\r
-}\r
-div.ricoCalContainer .ricoCalMenu {\r
+  width:12em;\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
@@ -708,15 +684,12 @@ div.ricoCalContainer .ricoCalMenu td {
   display:block;\r
   text-decoration:none;\r
   cursor:pointer;\r
-  font-size:8pt;\r
+  font-size:70%;\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
@@ -730,7 +703,7 @@ div.ricoColorPicker {
 div.ricoColorPicker td {\r
   width: 12px;\r
   height: 12px;\r
-  font-size: 10px;\r
+  font-size: 60%;\r
 }\r
 \r
 /* tabbed panels and accordion */\r
@@ -955,6 +928,11 @@ 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
@@ -962,14 +940,14 @@ span.ricoClear {
 }\r
 \r
 span.RicoCheckmark {\r
-  display: block;\r
+  display: inline-block;\r
   height: 17px;\r
   width: 17px;\r
   background-position: -10px -85px;\r
 }\r
 \r
 span.RicoCancel {\r
-  display: block;\r
+  display: inline-block;\r
   height: 17px;\r
   width: 17px;\r
   background-position: -10px -188px;\r
@@ -979,7 +957,8 @@ span.RicoCancel {
 .RicoCloseAnchor {\r
   cursor: pointer;\r
   position: absolute;\r
-  top: 1px;\r
+  display: block;\r
+  top: 5px;\r
   right: 2px;\r
   border: 0px none !important;\r
 }\r
@@ -989,3 +968,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