wsrp message
[Date Prev]
| [Thread Prev]
| [Thread Next]
| [Date Next]
--
[Date Index]
| [Thread Index]
| [Elist Home]
Subject: [wsrp][markup] CSS
- From: Chris Braun <cbraun@silverstream.com>
- To: wsrp@lists.oasis-open.org
- Date: Mon, 20 May 2002 11:36:26 -0400
I've done my best to try to bring all of the CSS information together into
one document. The intent of this document is to facilitate the discussion.
Please review and provide comments.
Thanks,
Chris
----- Original Message -----
From: "Thomas Schaeck" <SCHAECK@de.ibm.com>
To: "Chris Braun" <cbraun@silverstream.com>
Sent: Thursday, May 16, 2002 5:20 PM
Subject: RE: [wsrp] CSS styles
Hi Chris,
here's more input for the Markup-Document.
Best regards,
Thomas
Thomas Schaeck
Architect, WebSphere Portal Server
IBM Pervasive Computing Division
Phone: +49-(0)7031-16-3479 Mobile: +49-(0)171-6928407 e-mail:
schaeck@de.ibm.com Fax: +49-(0)7031-16-4888
Address: IBM Deutschland Entwicklung GmbH, Schoenaicher Str. 220, 71032
Boeblingen, Germany
---------------------- Forwarded by Thomas Schaeck/Germany/IBM on
05/16/2002 11:18 PM ---------------------------
"Vadhri, Srinivas" <Srinivas.Vadhri@commerceone.com> on 05/16/2002 12:04:06
AM
Please respond to "Vadhri, Srinivas" <Srinivas.Vadhri@commerceone.com>
To: Thomas Schaeck/Germany/IBM@IBMDE
cc:
Subject: RE: [wsrp] CSS styles
Tom
I have communicated the attached (my additions are in RED) to Rich Thomson
long back. They contain some CSS classes. regards
Srinivas
-----Original Message-----
From: Thomas Schaeck [mailto:SCHAECK@de.ibm.com]
Sent: Wednesday, May 15, 2002 2:19 PM
To: wsrp@lists.oasis-open.org
Subject: Re: [wsrp] CSS styles
Dear WSRP TC Members,
ou may already have seen that in the markup working group we are gathering
CSS styles from different vendors.
I'd like to encourage everybody to submit their CSS styles so that we can
identify a representative set of styles for use in WSRP markup fragments.
Best regards,
Thomas
Chris Braun <cbraun@silverstream.com> on 05/15/2002 07:55:41 PM
Please respond to Chris Braun <cbraun@silverstream.com>
To: wsrp@lists.oasis-open.org
cc:
Subject: [wsrp][markup] CSS styles
I have attached a list of style classes that we use at SilverStream in our
portal product.
I will attempt to combine and weed out the similarities between the three
sets we have. I'll send out an email by the end of the week that can be
used as a starting point for discussion. In the email I'll attempt to
define each class as well as provide an initial naming convention (wsia-?).
I would like to have these classes solidified as a result of our next
conference call.
Chris
----------------------------------------------------------------
To subscribe or unsubscribe from this elist use the subscription
manager: <http://lists.oasis-open.org/ob/adm.pl>
(See attached file: CSS classes_modified.doc)
Title: Links
Links
Proposed |
WSUI |
IBM |
SilverStream |
A.wsia-anchor |
|
A |
A.s3-Anchor |
A.wsia-anchor:visited |
|
A:visited |
A.s3-Anchor:visited |
A.wsia-anchor:active |
|
|
A.s3-Anchor:active |
A.wsia-anchor:link |
|
|
A.s3-Anchor:link |
A.wsia-anchor:hover |
|
A:hover |
A.s3-Anchor:hover |
Comments:
Fonts
Proposed |
WSUI |
IBM |
SilverStream |
.wsia-font |
.wsui-font |
.portletText |
.s3-font |
.wsia-font-x-small |
|
.portletTinyText |
.s3-fontExtraSmall |
.wsia-font-small |
.wsui-font-small |
.portletSmText |
.s3-fontSmall |
.wsia-font-medium |
|
|
.s3-fontMedium |
.wsia-font-large |
.wsui-font-large |
|
.s3-fontLarge |
.wsia-font-x-large |
|
|
.s3-fontExtraLarge |
.wsia-font-error |
.wsui-font-error |
.fieldErrorText |
|
.wsia-font-error-small |
.wsui-font-error-small |
|
|
.wsia-font-dim |
.wsui-font-dim |
|
|
.wsia-font-dim-small |
.wsui-font-dim-small |
|
|
.wsia-font-info |
.wsui-ok |
|
|
.wsia-font-info-small |
.wsui-ok-small |
|
|
|
|
|
|
Comments:
Tables
Proposed |
WSUI |
IBM |
SilverStream |
.wsia-table |
.wsui-table |
|
.s3-table |
.wsia-table-header |
.wsui-table-row-header |
.tableHead |
.s3-table-header |
.wsia-table-section-header |
.wsui-table-row-sectionheader |
|
|
.wsia-table-row-odd |
.wsui-table-row-odd |
|
.s3-table-row-odd |
.wsia-table-row-even |
.wsui-table-row-even |
|
.s3-table-row-even |
|
|
.tableShdRow |
|
.wsia-table-text |
|
.tableText |
|
Comments:
-
Can someone define tableShdRow?
-
Whats the difference between
wsia-table and wsia-table-text? If I want to control the text of the
table, I would simply place a font property in the wsia-table, no?
Sections
Proposed |
WSUI |
IBM |
SilverStream |
.wsia-paragraph-header |
.wsui-section-title |
|
.s3-paragraphTextHeader |
.wsia-paragraph-body |
.wsui-trail |
|
.s3-paragraphTextBody |
|
.wsui-trail-current |
|
|
.wsia-paragraph-footer |
|
|
|
|
|
|
|
|
|
|
|
Comments:
-
What is .wsui-trail-current?
-
I'm not familiar with the word trail, is this a standard
publishing term? Can someone define it?
Forms
Proposed |
WSUI |
IBM |
SilverStream |
.wsia-form-label |
.wsui-form-label |
|
.s3-formFieldLabel |
.wsia-form-field |
|
|
.s3-formField |
.wsia-form-button |
|
.buttonText |
.s3-formButton |
|
|
|
|
Comments:
Menus
Proposed |
WSUI |
IBM |
SilverStream |
.wsia-menu-item |
.wsui-menu |
|
|
.wsia-menu-item-current |
.wsui-menu-current |
|
|
.wsia-menu-back |
|
|
|
.wsia-menu-cascade-item |
|
|
|
.wsia-menu-cascade-item-current |
|
|
|
wsia-menu-cascade-back |
|
|
|
Comments:
-
Are there other areas of a menu that need to be
represented by styles?
-
How about controlling the style of a
cascaded menu? wsia-menu-cascade-item, wsia-menu-cascade-item-current, wsia-menu-cascade-back?
Portlet
Proposed |
WSUI |
IBM |
SilverStream |
.wsia-portlet-head |
|
.portletHead |
|
.wsia-portlet-body |
|
.portletBody |
|
.wsia-portlet-bg |
|
.portletBack |
|
.wsia-portlet-title |
|
.portletTitle |
|
|
|
.portletTitleCust |
|
.wsia-portlet-bg-color |
|
|
|
.wsia-portlet-bg-image |
|
|
|
Comments:
-
Do we need to have a separate class for background color or
can this be represented by the portlet background class?
-
Can we remove the "portlet" prefix, making it implied?
-
What is portletHead used for?
-
Not sure if the portlet needs access to the portlet
title class. Isn't this controlled by the consumer container?
-
What is portletTitleCust used for?
General
Proposed |
WSUI |
IBM |
SilverStream |
|
.wsui-block-bgcolor |
|
|
|
.wsui-page-title |
|
|
.wsia-color1-shade1 ... .wsia-color1-shade10 |
|
|
.s3-color1 ... s3color10 |
.wsia-color2-shade1 ... .wsia-color2-shade10 |
|
|
|
.wsia-background-color1-shade1 ... .wsia-background-color1-shade10 |
|
|
.s3-backgroundColor1 ... .
s3backgroundColor10 |
.wsia-background-color2-shade1 ... .wsia-background-color2-shade10 |
|
|
|
.wsia-border-color1-shade1 ... .wsia-border-color1-shade10 |
|
|
.s3-borderColor1 ... .s3borderColor10 |
.wsia-border-color2-shade1 ... .wsia-border-color2-shade10 |
|
|
|
Comments:
-
It would be nice to provide a color spectrum that
developers can take advantage of. These colors can be arranged by
shade from lightest to darkest. It might be worthwhile to provide more
than one color spectrum. For example: a theme may use 2 or 3 basic
colors. Each color can be represented by a spectrum of x number of
shades.
-
Since each element may have different color attributes
(i.e. "bgcolor" for table cells, "color" for fonts), we need multiple color
classes. Hence background-color, border-color, and color.
-
What does wsui-block-bgcolor represent?
-
Does a portlet need page title? Do we have a use
case where a portlet would need this?
Other Possibilities
Position |
|
Wsui-right
Wsui-left
Wsui-top
Wsui-bottom
Wsui-shape |
This describes
the position of an element |
Media properties |
.wsia-media |
Wsui-media format |
Probably for Audio and Video streaming of
content |
Background properties |
|
Wsui-backgroung color
Wsui-background pic |
Logo? Or Uniform background color |
Margins |
.wsia-margin-left
.wsia-margin-right
.wsia-margin-top
.wsia-margin-bottom |
Wsui-left margin
Wsui-right margin
Wsui-top margin
Wsui-bottom margin |
|
Spacing |
.wsia-line-space |
Wsui-space_between_row (of text) |
spacing |
Comments:
-
Background properties are for the portlet, correct?
Do we need separate classes for background image and color or can these be set
by the background class wsia-portlet-back?
-
Can we get more detail on media formats. A simple
use-case would be good.
|
[Date Prev]
| [Thread Prev]
| [Thread Next]
| [Date Next]
--
[Date Index]
| [Thread Index]
| [Elist Home]
Powered by eList eXpress LLC