Updated LoadRicoClient for asp and php, so all asp and php examples are working again...

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

diff --git a/ricoClient/css/rico.css b/ricoClient/css/rico.css
index 97a7443..a47efe4 100644 (file)
--- a/ricoClient/css/rico.css
+++ b/ricoClient/css/rico.css
@@ -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
@@ -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
@@ -122,10 +132,7 @@ thead.ricoLG_top th, thead.ricoLG_top td, table.ricoLiveGrid td, table.ricoLiveG
   border-style: solid;\r
   border-color: silver;\r
   border-width: 0px 0px 1px 1px;\r
-}\r
-\r
-* html thead.ricoLG_top th, * html thead.ricoLG_top 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,9 +146,9 @@ 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
 .ricoLG_messageDiv {\r
@@ -155,13 +162,12 @@ div.ricoLG_cell, table.ricoLiveGrid td, table.ricoLiveGrid th {
 \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
@@ -175,7 +181,7 @@ span.ricoSessionTimer {
 \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
@@ -185,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
@@ -201,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
@@ -212,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
@@ -237,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
@@ -260,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
@@ -268,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
@@ -295,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
@@ -382,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
@@ -398,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
-}\r
-\r
-a.RicoButtonAnchorNative {\r
-  border:1px solid #888;\r
-  background-color: #DDD;\r
+  font-size: 16px;\r
 }\r
-\r
 a.RicoButtonAnchor span {\r
-  margin: 0 1px;\r
-  float: left;\r
+  display: inline-block;\r
 }\r
 \r
 a.RicoButtonAnchorNative:hover {\r
@@ -436,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
@@ -476,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
@@ -488,51 +491,64 @@ a.RicoButtonAnchorNative:hover {
 \r
 /* ricoCalendar */\r
 \r
-table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt * {\r
-  font-size:8pt !important;\r
+.ricoCalContainer {\r
+  font-size:85%;\r
+  background-color:#eee;\r
 }\r
-\r
-.RicoCalHeading {\r
-  font-size:8pt !important;\r
-  font-weight: bold;\r
-  text-align:center;\r
+.ricoCalBody {\r
+  font-size:70%;\r
 }\r
-\r
-.RicoCalHeading a {\r
-  text-decoration: none;\r
+.ricoCalMonthPrompt {\r
+  font-size:95%;\r
 }\r
-\r
-.ui-datepicker .RicoCalHeadingInner {\r
-  height: 1.8em;\r
-  position: relative;\r
-  width: 16em;\r
+.ricoCalYearPrompt p {\r
+  font-size:70%;\r
 }\r
 \r
-.ricoCalContainer  .RicoCalHeadingInner {\r
-  height: 1.3em;\r
-  position: relative;\r
-  width: 16em;\r
-  padding: 2px;\r
+td.RicoCalHeading {\r
+  text-align: left;\r
+  padding: 0px !important;\r
 }\r
-\r
-.RicoCalHeading  > .RicoCalHeadingInner {\r
-  margin: auto;\r
+* html td.RicoCalHeading {\r
+  position: static !important; /* override Themeroller */\r
 }\r
-\r
-table.ricoCalTab {\r
-  width: auto !important;\r
+* html td.RicoCalHeading table {\r
+  float: left;\r
+}\r
+* html td.RicoCalHeading .RicoCloseAnchor {\r
+  position: static;\r
+  float: right;\r
 }\r
 \r
-.ricoCalContainer table.ricoCalTab, .ricoCalContainer td.ricoCalEmpty, .ricoCalContainer tr.ricoCalDayNames td  {\r
-  background-color:#eee;\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
+  border: 0px none !important;\r
+  font-family: "Lucida Console", Courier, "Courier New", monospace;\r
 }\r
 \r
-.ricoCalContainer  .ricoCalToday {\r
-  font-weight:bold;\r
-  background-color: #33FFFF !important;\r
+.ui-datepicker-header  span {\r
+  text-indent: 0px !important;\r
+  padding: 0px !important;\r
 }\r
 \r
-.ricoCalContainer .ricoSelectedDay {\r
+.ricoCalContainer .ricoCalBody  td.ricoSelectedDay {\r
   font-weight:bold;\r
   background-color: #FFFF66 !important;\r
 }\r
@@ -541,28 +557,6 @@ table.ricoCalTab {
   background-color: #FDD;\r
 }\r
 \r
-span.RicoCalMonthHeading {\r
-  position:absolute;\r
-  left: 0px;\r
-  font-weight:bold;\r
-  margin: 0px 1em !important;\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
-}\r
-\r
 span.Rico_leftArrow {\r
   background-position: -10px -1046px;\r
   display: inline-block;\r
@@ -570,10 +564,16 @@ span.Rico_leftArrow {
   height: 11px;\r
 }\r
 \r
-a.Rico_leftArrow {\r
+.ui-datepicker a.Rico_leftArrow, .ui-datepicker a.Rico_rightArrow {\r
   display: inline-block;\r
-  width: 15px;\r
-  height: 1.1em;\r
+  width: 16px;\r
+  height: 16px;\r
+}\r
+\r
+.ricoCalContainer a.Rico_leftArrow, .ricoCalContainer a.Rico_rightArrow {\r
+  display: inline-block;\r
+  width: 16px;\r
+  height: 14px;\r
 }\r
 \r
 span.Rico_rightArrow {\r
@@ -583,26 +583,20 @@ span.Rico_rightArrow {
   height: 11px;\r
 }\r
 \r
-a.Rico_rightArrow {\r
-  display: inline-block;\r
-  width: 15px;\r
-  height: 1.1em;\r
-}\r
-\r
-table.ricoCalTab thead a.hover {\r
-  cursor:pointer;\r
+.ui-datepicker-header a.ui-dialog-titlebar-close {\r
+  top: 2px;\r
 }\r
 \r
 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
@@ -611,26 +605,19 @@ div.ricoCalYearPrompt {
   vertical-align: middle;\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
-.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
-.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
@@ -638,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
@@ -671,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
@@ -678,7 +669,7 @@ td.ricoCalWeekNum {
 }\r
 \r
 .ricoCalMenu {\r
-  width:12em !important;\r
+  width:12em;\r
   background-color: #FEE;\r
   border-bottom:1px solid #666666;\r
   border-right:1px solid #666666;\r
@@ -693,7 +684,7 @@ td.ricoCalWeekNum {
   display:block;\r
   text-decoration:none;\r
   cursor:pointer;\r
-  font-size:8pt;\r
+  font-size:70%;\r
   text-align: center !important;\r
   color:black;\r
 }\r
@@ -712,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
@@ -937,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
@@ -944,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
@@ -962,7 +958,7 @@ span.RicoCancel {
   cursor: pointer;\r
   position: absolute;\r
   display: block;\r
-  top: 2px;\r
+  top: 5px;\r
   right: 2px;\r
   border: 0px none !important;\r
 }\r