*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
\r
div.ricoLG_scrollTabDiv {\r
position:absolute;\r
- left:0px;\r
top:0px;\r
overflow:hidden;\r
}\r
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
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
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
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
\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
\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
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
\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
\r
div.ricoLG_keywordDiv input {\r
position: relative;\r
- font-size: 9pt;\r
+ font-size: 90%;\r
float: left;\r
}\r
\r
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
}\r
\r
.ricoLG_editDiv div.ButtonBar {\r
- padding: 0.3em 0px;\r
+ padding: 0.4em 0px;\r
margin: 3px;\r
}\r
\r
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
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
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;\r
margin: 0px 3px;\r
cursor: pointer;\r
- border: 1px outset;\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
display: inline-block;\r
- vertical-align: top;\r
}\r
\r
a.RicoButtonAnchorNative:hover {\r
\r
\r
/* ricoKeywordSearch */\r
-.ricoKeywordSearch * {\r
- font-size: 8pt;\r
+.ricoKeywordSearch {\r
+ font-size: 70%;\r
}\r
\r
\r
display:block;\r
}\r
\r
-.ricoTreeContainer *, .ricoTree * {\r
- font-size:8pt;\r
+.ricoTreeContainer {\r
+ font-size:70%;\r
white-space:nowrap;\r
}\r
\r
\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
- text-align: center;\r
- text-align: left !ie; /* ie6+ie7 */\r
- padding: 0.3em 0px;\r
+.ricoCalBody {\r
+ font-size:70%;\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
+.ricoCalMonthPrompt {\r
+ font-size:95%;\r
}\r
-\r
-.ui-datepicker-title > .Rico_leftArrow, .ui-datepicker-title > .Rico_rightArrow {\r
- position:relative; \r
- top:3px;\r
+.ricoCalYearPrompt p {\r
+ font-size:70%;\r
}\r
\r
-*+html .ui-datepicker-title > .Rico_leftArrow, *+html .ui-datepicker-title > .Rico_rightArrow {\r
- top:-2px; /* ie7 */\r
+td.RicoCalHeading {\r
+ text-align: left;\r
+ padding: 0px !important;\r
}\r
-\r
-.ui-datepicker-title span {\r
- text-indent: 0px;\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
background-color: #FDD;\r
}\r
\r
-span.RicoCalMonthHeading, span.RicoCalYearHeading {\r
- font-weight:bold;\r
- margin: 0px 1em;\r
- padding: 0px;\r
-}\r
-\r
-span.RicoCalMonthHeading {\r
- margin: 0px 1em 0px 3em !ie;\r
-}\r
-\r
span.Rico_leftArrow {\r
background-position: -10px -1046px;\r
display: inline-block;\r
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
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
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
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
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
}\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
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
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
span.ricoClear {\r
display:-moz-inline-box;\r
display:inline-block;\r
+ cursor: pointer;\r
}\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
cursor: pointer;\r
position: absolute;\r
display: block;\r
- top: 2px;\r
+ top: 5px;\r
right: 2px;\r
border: 0px none !important;\r
}\r