X-Git-Url: https://git.infodrom.org/?p=infodrom%2Frico3;a=blobdiff_plain;f=ricoClient%2Fcss%2Frico.css;h=a47efe46e0647af80a6b834ec3a85da8e46bf4b1;hp=2d880ed64739c18dc2d4a4bd322ab251b2705965;hb=4731c1887f4ae857382e35d56211d5b016efd233;hpb=2a831be46800cef31160cd8d37a0b85637a6f760 diff --git a/ricoClient/css/rico.css b/ricoClient/css/rico.css index 2d880ed..a47efe4 100644 --- a/ricoClient/css/rico.css +++ b/ricoClient/css/rico.css @@ -2,6 +2,14 @@ *Rico stylesheet */ +/* reset Themeroller font size */ +div.ui-widget { + font-size: 80%; +} +.ui-dialog { + width: auto !important; +} + /* LiveGrid & SimpleGrid */ .ricoLG_outerDiv { @@ -26,7 +34,6 @@ div.ricoLG_scrollContainerDiv { div.ricoLG_scrollTabDiv { position:absolute; - left:0px; top:0px; overflow:hidden; } @@ -68,8 +75,8 @@ div.ricoLG_mFilter { z-index:200; border: 1px solid #888; } -div.ricoLG_mFilter * { - font-size: 8pt; +div.ricoLG_mFilter { + font-size: 67%; } div.ricoLG_mFilter_content { height: 150px; @@ -77,6 +84,9 @@ div.ricoLG_mFilter_content { overflow: auto; background-color: white; } +div.ricoLG_mFilter_button button{ + font-size: 80%; +} div.ricoLG_mFilter_button { padding: 3px; background-color: #DDD; @@ -122,10 +132,7 @@ thead.ricoLG_top th, thead.ricoLG_top td, table.ricoLiveGrid td, table.ricoLiveG border-style: solid; border-color: silver; border-width: 0px 0px 1px 1px; -} - -* html thead.ricoLG_top th, * html thead.ricoLG_top td, * html table.ricoLiveGrid td, * html table.ricoLiveGrid th { - position: relative; /* IE6 only */ + *position: relative; /* IE6-7 only */ } .ricoLG_bottom th, .ricoLG_bottom td { @@ -139,9 +146,9 @@ div.ricoLG_cell, table.ricoLiveGrid td, table.ricoLiveGrid th { height:1.2em; padding-left: 3px; margin: 0px; - font-size: 10pt; - padding-top:3px; - padding-bottom:3px; + font-size: 80%; + padding-top:3px; + padding-bottom:3px; } .ricoLG_messageDiv { @@ -155,13 +162,12 @@ div.ricoLG_cell, table.ricoLiveGrid td, table.ricoLiveGrid th { p.ricoBookmark { margin-bottom: 3px; - font-size: 10pt; + font-size: 80%; white-space: nowrap; } p.ricoBookmark span { margin-right: 1em; - font-size: 10pt; } span.ricoCaption { @@ -175,7 +181,7 @@ span.ricoSessionTimer { thead.ricoLG_top option, thead.ricoLG_top select, thead.ricoLG_top input { font-weight: normal; - font-size: 8pt !important; + font-size: 90% !important; padding: 1px; } @@ -185,8 +191,8 @@ div.ricoLG_chooserDiv { z-index:200; } div.ricoLG_chooserDiv .ricoContent { - height: 150px; - width: 200px; + height: 13em; + width: 16em; } .ricoContent { padding: 3px; @@ -201,8 +207,8 @@ div.ricoLG_chooserDiv .ricoContent input { /* grid keyword entry */ -div.ricoLG_chooserDiv *, div.ricoLG_keywordDiv * { - font-size: 8pt; +div.ricoLG_chooserDiv, div.ricoLG_keywordDiv { + font-size: smaller; } div.ricoLG_keywordDiv { position:absolute; @@ -212,7 +218,7 @@ div.ricoLG_keywordDiv { div.ricoLG_keywordDiv input { position: relative; - font-size: 9pt; + font-size: 90%; float: left; } @@ -237,10 +243,7 @@ div.ricoLG_editResponseDiv { z-index:300; top:0px; left:0px; -} - -.ricoLG_editDiv *, div.ricoLG_editResponseDiv { - font-size: 10pt; + font-size: 85%; } form .ricoEditLabel sup { @@ -260,7 +263,7 @@ form .ricoEditLabel { } .ricoLG_editDiv div.ButtonBar { - padding: 0.3em 0px; + padding: 0.4em 0px; margin: 3px; } @@ -268,6 +271,10 @@ form .ricoEditLabel { margin:0px; } +.ricoLG_editDiv textarea { + font-size: 100%; +} + .ricoLG_editDiv .tabContent, div.ricoLG_editDiv .noTabContent { overflow: hidden; padding: 4px; @@ -295,20 +302,20 @@ padding:2px; cursor:default; } -div.ricoMenu, div.ricoMenu div.ricoMenuHeading, div.ricoMenu a { +div.ricoMenu { background-color:menu; color: menutext; text-decoration: none; font-family:tahoma,arial,helvetica,sans-serif; -font-size: 8pt; +font-size: 70%; display:block; } -div.ricoMenuSafari, div.ricoMenuSafari div.ricoMenuHeading, div.ricoMenuSafari a { +div.ricoMenuSafari { background-color:#EDEDED; text-decoration: none; font-family:tahoma,arial,helvetica,sans-serif; -font-size: 8pt; +font-size: 70%; display:block; } @@ -399,25 +406,21 @@ a.RicoButton { white-space: nowrap; } -.ui-dialog, .ui-datepicker { - width: auto !important; +a.RicoButtonAnchorNative { + background-color: #DDD; + border: 1px outset; +} +a.RicoButtonAnchorNative span { + vertical-align: middle; } - a.RicoButtonAnchor { padding: 1px; margin: 0px 3px; cursor: pointer; - border: 1px outset; + font-size: 16px; } - -a.RicoButtonAnchorNative { - border:1px solid #888; - background-color: #DDD; -} - a.RicoButtonAnchor span { display: inline-block; - vertical-align: top; } a.RicoButtonAnchorNative:hover { @@ -436,8 +439,8 @@ a.RicoButtonAnchorNative:hover { /* ricoKeywordSearch */ -.ricoKeywordSearch * { - font-size: 8pt; +.ricoKeywordSearch { + font-size: 70%; } @@ -476,8 +479,8 @@ a.RicoButtonAnchorNative:hover { display:block; } -.ricoTreeContainer *, .ricoTree * { - font-size:8pt; +.ricoTreeContainer { + font-size:70%; white-space:nowrap; } @@ -488,53 +491,64 @@ a.RicoButtonAnchorNative:hover { /* ricoCalendar */ -table.ricoCalTab, table.ricoCalTab *, .ricoCalYearPrompt * { - font-size:8pt !important; +.ricoCalContainer { + font-size:85%; + background-color:#eee; } - -.RicoCalHeading { - font-size:8pt !important; - text-align: center; - text-align: left !ie; /* ie6+ie7 */ - padding: 0.3em 0px; +.ricoCalBody { + font-size:70%; } - -.RicoCalHeading a { - text-decoration: none; - font-weight: bold !important; - margin: 0px; - padding: 0px 0.2em; - text-align: center; - border: 0px none !important; +.ricoCalMonthPrompt { + font-size:95%; } - -.ui-datepicker-title > .Rico_leftArrow, .ui-datepicker-title > .Rico_rightArrow { - position:relative; - top:3px; +.ricoCalYearPrompt p { + font-size:70%; } -*+html .ui-datepicker-title > .Rico_leftArrow, *+html .ui-datepicker-title > .Rico_rightArrow { - top:-2px; /* ie7 */ +td.RicoCalHeading { + text-align: left; + padding: 0px !important; } - -.ui-datepicker-title span { - text-indent: 0px; +* html td.RicoCalHeading { + position: static !important; /* override Themeroller */ } - -table.ricoCalTab { - width: auto !important; +* html td.RicoCalHeading table { + float: left; +} +* html td.RicoCalHeading .RicoCloseAnchor { + position: static; + float: right; } -.ricoCalContainer table.ricoCalTab, .ricoCalContainer td.ricoCalEmpty, .ricoCalContainer tr.ricoCalDayNames td { - background-color:#eee; +.ui-datepicker td.RicoCalHeading table{ + width: auto; + margin: 0px 2em !important; +} +.ricoCalContainer td.RicoCalHeading table{ + width: auto; + margin: 2px 2em 0px 2em; +} +td.RicoCalHeading td { + padding: 0.2em 0px; +} +td.RicoCalHeading { + font-size:90%; +} +td.RicoCalHeading table a { + text-decoration: none; + font-weight: bold !important; + margin: 0px !important; + text-align: center; + border: 0px none !important; + font-family: "Lucida Console", Courier, "Courier New", monospace; } -.ricoCalContainer .ricoCalToday { - font-weight:bold; - background-color: #33FFFF !important; +.ui-datepicker-header span { + text-indent: 0px !important; + padding: 0px !important; } -.ricoCalContainer .ricoSelectedDay { +.ricoCalContainer .ricoCalBody td.ricoSelectedDay { font-weight:bold; background-color: #FFFF66 !important; } @@ -543,16 +557,6 @@ table.ricoCalTab { background-color: #FDD; } -span.RicoCalMonthHeading, span.RicoCalYearHeading { - font-weight:bold; - margin: 0px 1em; - padding: 0px; -} - -span.RicoCalMonthHeading { - margin: 0px 1em 0px 3em !ie; -} - span.Rico_leftArrow { background-position: -10px -1046px; display: inline-block; @@ -560,10 +564,16 @@ span.Rico_leftArrow { height: 11px; } -a.Rico_leftArrow { +.ui-datepicker a.Rico_leftArrow, .ui-datepicker a.Rico_rightArrow { display: inline-block; - width: 15px; - height: 1.1em; + width: 16px; + height: 16px; +} + +.ricoCalContainer a.Rico_leftArrow, .ricoCalContainer a.Rico_rightArrow { + display: inline-block; + width: 16px; + height: 14px; } span.Rico_rightArrow { @@ -573,14 +583,8 @@ span.Rico_rightArrow { height: 11px; } -a.Rico_rightArrow { - display: inline-block; - width: 15px; - height: 1.1em; -} - -table.ricoCalTab thead a.hover { - cursor:pointer; +.ui-datepicker-header a.ui-dialog-titlebar-close { + top: 2px; } div.ricoCalYearPrompt { @@ -601,26 +605,19 @@ div.ricoCalYearPrompt { vertical-align: middle; } -table.ricoCalTab tfoot td { +.ricoCalFoot td { + font-size:75% !important; text-align:center; padding: 2px; + text-decoration: underline; cursor:pointer; } -.ricoCalContainer tfoot td { +td.ricoCalFoot { color:#FFF; background-color: #666666; } -table.ricoCalTab tfoot span { - text-decoration: underline; - cursor:pointer; -} - -.ricoCalContainer table.ricoCalTab tbody { - background-color: white; -} - tr.ricoCalDayNames td { font-weight: bold; /* padding: 0px 2px 0px 2px;*/ @@ -628,11 +625,11 @@ tr.ricoCalDayNames td { text-align:right; } -table.ricoCalTab td, table.ricoCalTab th { +.ricoCalBody td { width:2.7em; } -td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday, td.ricoCalEmpty { +td.ricoCal0, td.ricoCal1, td.ricoCal2, td.ricoCal3, td.ricoCal4, td.ricoCal5, td.ricoCal6, td.ricoCalToday { text-align:right; text-decoration:none; } @@ -661,6 +658,10 @@ td.ricoCalToday { font-weight:bold; } +.ricoCalContainer .ricoCalBody td.ricoCalToday { + background-color: #33FFFF; +} + td.ricoCalWeekNum { background-color: #D4D0C8; color:black; @@ -668,7 +669,7 @@ td.ricoCalWeekNum { } .ricoCalMenu { - width:12em !important; + width:12em; background-color: #FEE; border-bottom:1px solid #666666; border-right:1px solid #666666; @@ -683,7 +684,7 @@ td.ricoCalWeekNum { display:block; text-decoration:none; cursor:pointer; - font-size:8pt; + font-size:70%; text-align: center !important; color:black; } @@ -702,7 +703,7 @@ div.ricoColorPicker { div.ricoColorPicker td { width: 12px; height: 12px; - font-size: 10px; + font-size: 60%; } /* tabbed panels and accordion */ @@ -935,17 +936,18 @@ a span { span.ricoClear { display:-moz-inline-box; display:inline-block; + cursor: pointer; } span.RicoCheckmark { - display: block; + display: inline-block; height: 17px; width: 17px; background-position: -10px -85px; } span.RicoCancel { - display: block; + display: inline-block; height: 17px; width: 17px; background-position: -10px -188px; @@ -956,7 +958,7 @@ span.RicoCancel { cursor: pointer; position: absolute; display: block; - top: 2px; + top: 5px; right: 2px; border: 0px none !important; }