Author: nbelaevski Date: 2008-03-03 19:00:31 -0500 (Mon, 03 Mar 2008) New Revision: 6516 Modified: management/design/userComponentCSS/markup/rich-styles.css Log: Updated std. components skinning styles committed Modified: management/design/userComponentCSS/markup/rich-styles.css =================================================================== --- management/design/userComponentCSS/markup/rich-styles.css 2008-03-03 23:52:49 UTC (rev 6515) +++ management/design/userComponentCSS/markup/rich-styles.css 2008-03-04 00:00:31 UTC (rev 6516) @@ -1,107 +1,85 @@ /*border color styles*/ -.rich-box-border-1{ border-color : #4A75B5 /*headerBackgroundColor*/} -.rich-box-border-2{ border-color : #FFFFFF /*headerTextColor*/} -.rich-box-border-3{ border-color : #F3F2F2 /*generalBackgroundColor*/} -.rich-box-border-4{ border-color : #000000 /*generalTextColor*/} -.rich-box-border-5{ border-color : #EAF0F8 /*additionalBackgroundColor*/} -.rich-box-border-6{ border-color : #C0C0C0 /*panelBorderColor*/} -.rich-box-border-7{ border-color : #9FBDEB /*tabBackgroundColor*/} -.rich-box-border-8{ border-color : #6A92CF /*tabDisabledTextColor*/} -.rich-box-border-9{ border-color : #C6D6EA /*trimColor*/} -.rich-box-border-10{ border-color : #FAE6B0 /*tipBackgroundColor*/} -.rich-box-border-11{ border-color : #E5973E /*tipBorderColor*/} -.rich-box-border-12{ border-color : #E79A00 /*selectControlColor*/} -.rich-box-border-13{ border-color : #0078D0 /*generalLinkColor*/} -.rich-box-border-14{ border-color : #0090FF /*hoverLinkColor*/} -.rich-box-border-15{ border-color : #0090FF /*visitedLinkColor*/} -.rich-box-border-16{ border-color : #FFFFFF /*tableBackgroundColor*/} -.rich-box-border-17{ border-color : #cccccc /*tableFooterBackgroundColor*/} -.rich-box-border-18{ border-color : #f1f1f1 /*tableSubfooterBackgroundColor*/} -.rich-box-border-19{ border-color : #C0C0C0 /*tableBorderColor*/} -.rich-box-border-20{ border-color : #F1F1F1 /*editorBackgroundColor*/} -.rich-box-border-21{ border-color : #FEFFDA /*editBackgroundColor*/} - +.rich-box-border-color-control-select { border-color : #E79A00 /*selectControlColor*/} +.rich-box-border-color-subborder { border-color : #FFFFFF /*subBorderColor*/} +.rich-box-border-color-header { border-color : #4A75B5 /*headerBackgroundColor*/} +.rich-box-border-color-general { border-color : #F3F2F2 /*generalBackgroundColor*/} +.rich-box-border-color-additional{ border-color : #EAF0F8 /*additionalBackgroundColor*/} +.rich-box-border-color-panel { border-color : #C0C0C0 /*panelBorderColor*/} +.rich-box-border-color-tip{ border-color : #E5973E /*tipBorderColor*/} +.rich-box-border-color-table{ border-color : #C0C0C0 /*tableBorderColor*/} + +.rich-box-border-control-select { border-color : #E79A00 /*selectControlColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-subborder { border-color : #FFFFFF /*subBorderColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-header { border-color : #4A75B5 /*headerBackgroundColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-general { border-color : #F3F2F2 /*generalBackgroundColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-additional{ border-color : #EAF0F8 /*additionalBackgroundColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-panel { border-color : #C0C0C0 /*panelBorderColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-tip{ border-color : #E5973E /*tipBorderColor*/; border-style: solid; border-width: 1px;} +.rich-box-border-table{ border-color : #C0C0C0 /*tableBorderColor*/; border-style: solid; border-width: 1px;} + + + /*background color styles*/ -.rich-box-background-1{ background-color : #4A75B5 /*headerBackgroundColor*/} -.rich-box-background-2{ background-color : #FFFFFF /*headerTextColor*/} -.rich-box-background-3{ background-color : #F3F2F2 /*generalBackgroundColor*/} -.rich-box-background-4{ background-color : #000000 /*generalTextColor*/} -.rich-box-background-5{ background-color : #EAF0F8 /*additionalBackgroundColor*/} -.rich-box-background-6{ background-color : #C0C0C0 /*panelbackgroundColor*/} -.rich-box-background-7{ background-color : #9FBDEB /*tabBackgroundColor*/} -.rich-box-background-8{ background-color : #6A92CF /*tabDisabledTextColor*/} -.rich-box-background-9{ background-color : #C6D6EA /*trimColor*/} -.rich-box-background-10{ background-color : #FAE6B0 /*tipBackgroundColor*/} -.rich-box-background-11{ background-color : #E5973E /*tipbackgroundColor*/} -.rich-box-background-12{ background-color : #E79A00 /*selectControlColor*/} -.rich-box-background-13{ background-color : #0078D0 /*generalLinkColor*/} -.rich-box-background-14{ background-color : #0090FF /*hoverLinkColor*/} -.rich-box-background-15{ background-color : #0090FF /*visitedLinkColor*/} -.rich-box-background-16{ background-color : #FFFFFF /*tableBackgroundColor*/} -.rich-box-background-17{ background-color : #cccccc /*tableFooterBackgroundColor*/} -.rich-box-background-18{ background-color : #f1f1f1 /*tableSubfooterBackgroundColor*/} -.rich-box-background-19{ background-color : #C0C0C0 /*tablebackgroundColor*/} -.rich-box-background-20{ background-color : #F1F1F1 /*editorBackgroundColor*/} -.rich-box-background-21{ background-color : #FEFFDA /*editBackgroundColor*/} +.rich-box-bgcolor-header { background-color : #4A75B5 /*headerBackgroundColor*/} +.rich-box-bgcolor-general { background-color : #F3F2F2 /*generalBackgroundColor*/} +.rich-box-bgcolor-additional { background-color : #EAF0F8 /*additionalBackgroundColor*/} +.rich-box-bgcolor-panel { background-color : #C0C0C0 /*panelbackgroundColor*/} +.rich-box-bgcolor-tab { background-color : #9FBDEB /*tabBackgroundColor*/} +.rich-box-bgcolor-trim { background-color : #C6D6EA /*trimColor*/} +.rich-box-bgcolor-tip { background-color : #FAE6B0 /*tipBackgroundColor*/} +.rich-box-bgcolor-table { background-color : #FFFFFF /*tableBackgroundColor*/} +.rich-box-bgcolor-table-footer { background-color : #cccccc /*tableFooterBackgroundColor*/} +.rich-box-bgcolor-table-subfooter { background-color : #f1f1f1 /*tableSubfooterBackgroundColor*/} +.rich-box-bgcolor-editor{ background-color : #F1F1F1 /*editorBackgroundColor*/} +.rich-box-bgcolor-edit { background-color : #FEFFDA /*editBackgroundColor*/} /*text color styles*/ +.rich-text-color-header{ color : #FFFFFF /*headerTextColor*/} +.rich-text-color-general{ color : #000000 /*generalTextColor*/} +.rich-text-color-tab-disabled{ color : #6A92CF /*tabDisabledTextColor*/} +.rich-text-color-control-select{ color : #E79A00 /*selectControlColor*/} -.rich-text-color-1{ color : #4A75B5 /*headerBackgroundColor*/} -.rich-text-color-2{ color : #FFFFFF /*headerTextColor*/} -.rich-text-color-3{ color : #F3F2F2 /*generalBackgroundColor*/} -.rich-text-color-4{ color : #000000 /*generalTextColor*/} -.rich-text-color-5{ color : #EAF0F8 /*additionalBackgroundColor*/} -.rich-text-color-6{ color : #C0C0C0 /*panelbackgroundColor*/} -.rich-text-color-7{ color : #9FBDEB /*tabBackgroundColor*/} -.rich-text-color-8{ color : #6A92CF /*tabDisabledTextColor*/} -.rich-text-color-9{ color : #C6D6EA /*trimColor*/} -.rich-text-color-10{ color : #FAE6B0 /*tipBackgroundColor*/} -.rich-text-color-11{ color : #E5973E /*tipbackgroundColor*/} -.rich-text-color-12{ color : #E79A00 /*selectControlColor*/} -.rich-text-color-13{ color : #0078D0 /*generalLinkColor*/} -.rich-text-color-14{ color : #0090FF /*hoverLinkColor*/} -.rich-text-color-15{ color : #0090FF /*visitedLinkColor*/} -.rich-text-color-16{ color : #FFFFFF /*tableBackgroundColor*/} -.rich-text-color-17{ color : #cccccc /*tableFooterBackgroundColor*/} -.rich-text-color-18{ color : #f1f1f1 /*tableSubfooterBackgroundColor*/} -.rich-text-color-19{ color : #C0C0C0 /*tablebackgroundColor*/} -.rich-text-color-20{ color : #F1F1F1 /*editorBackgroundColor*/} -.rich-text-color-21{ color : #FEFFDA /*editBackgroundColor*/} - +.rich-text-color-link-general{ color : #0078D0 /*generalLinkColor*/} +.rich-text-color-link-hover{ color : #0090FF /*hoverLinkColor*/} +.rich-text-color-link-visited{ color : #0090FF /*visitedLinkColor*/} /*font size styles*/ -.rich-font-size-1{ font-size : 11px /*generalSizeFont*/} -.rich-font-size-2{ font-size : 11px /*headerSizeFont*/} -.rich-font-size-3{ font-size : 11px /*buttonSizeFont=*/} +.rich-font-size-general { font-size : 11px /*generalSizeFont*/} +.rich-font-size-header { font-size : 11px /*headerSizeFont*/} - /*font family styles*/ -.rich-font-family-1{ font-family : Arial, Verdana, sans-serif /*generalFamilyFont*/} -.rich-font-family-1{ font-family : Arial, Verdana, sans-serif /*headerFamilyFont*/} -.rich-font-family-1{ font-family : Arial, Verdana, sans-serif /*buttonFamilyFont*/} +.rich-font-family-general { font-family : Arial, Verdana, sans-serif /*generalFamilyFont*/} +.rich-font-family-header { font-family : Arial, Verdana, sans-serif /*headerFamilyFont*/} +/* text styles */ +.rich-text-general { font-size : 11px /*generalSizeFont*/; font-family : Arial, Verdana, sans-serif /*generalFamilyFont*/; color : #000000 /*generalTextColor*/} +.rich-text-header { font-size : 11px /*headerSizeFont*/; font-family : Arial, Verdana, sans-serif /*headerFamilyFont*/; color : #FFFFFF /*headerTextColor*/} +.rich-text-tab-disabled{ font-size : 11px /*generalSizeFont*/; font-family : Arial, Verdana, sans-serif /*generalFamilyFont*/; color : #6A92CF /*tabDisabledTextColor*/} +.rich-text-control-select{ font-size : 11px /*headerSizeFont*/; font-family : Arial, Verdana, sans-serif /*headerFamilyFont*/; color : #E79A00 /*selectControlColor*/} + + /*gradient styles*/ -.rich-gradient-1{ background-image : url(path); background-repeat : repeat-x /*headerBackgroundColor > headerGradientColor*/} -.rich-gradient-2{ background-image : url(path); background-repeat : repeat-x /*headerGradientColor > headerBackgroundColor*/} -.rich-gradient-3{ background-image : url(path); background-repeat : repeat-x /*tabBackgroundColor > generalBackgroundColor*/} -.rich-gradient-4{ background-image : url(path); background-repeat : repeat-x /*generalBackgroundColor > tabBackgroundColor*/} -.rich-gradient-5{ background-image : url(path); background-repeat : repeat-x /*additionalBackgroundColor > controlBackgroundColor*/} -.rich-gradient-6{ background-image : url(path); background-repeat : repeat-x /*controlBackgroundColor > generalBackgroundColor*/} -.rich-gradient-7{ background-image : url(path); background-repeat : repeat-x /*additionalBackgroundColor > tabBackgroundColor*/} -.rich-gradient-8{ background-image : url(path); background-repeat : repeat-x /*tabBackgroundColor > additionalBackgroundColor*/} -.rich-gradient-9{ background-image : url(path); background-repeat : repeat-x /*tabBackgroundColor > controlBackgroundColor*/} -.rich-gradient-10{ background-image : url(path); background-repeat : repeat-x /*controlBackgroundColor > tabBackgroundColor*/} +.rich-gradient-header-inverse { background-image : url(path); background-repeat : repeat-x /*headerBackgroundColor > headerGradientColor*/} +.rich-gradient-header { background-image : url(path); background-repeat : repeat-x /*headerGradientColor > headerBackgroundColor*/} +.rich-gradient-tab { background-image : url(path); background-repeat : repeat-x /*tabBackgroundColor > generalBackgroundColor*/} +.rich-gradient-tab-inverse { background-image : url(path); background-repeat : repeat-x /*generalBackgroundColor > tabBackgroundColor*/} +.rich-gradient-input { background-image : url(path); background-repeat : repeat-x /*additionalBackgroundColor > controlBackgroundColor*/} +.rich-gradient-menu-inverse { background-image : url(path); background-repeat : repeat-x /*additionalBackgroundColor > tabBackgroundColor*/} +.rich-gradient-menu { background-image : url(path); background-repeat : repeat-x /*tabBackgroundColor > additionalBackgroundColor*/} +.rich-gradient-button-inverse { background-image : url(path); background-repeat : repeat-x /*trimColor > additionalBackgroundColor*/} +.rich-gradient-button { background-image : url(path); background-repeat : repeat-x /*additionalBackgroundColor > trimColor*/} + .rich-field{ border-width: 1px; border-style : inset;