Jetspeed now supports the PLT.C styles from the portlet specification.
PLT.C is meant to achieve a common look and feel throughout the portal, providing common style names for portlet fonts, messages, sections and forms.
Enrique has provided 3 PLT.C compliant styles: Jetspeed, Metal and MintyBlue.
Recommend making use of these styles in the Jetspeed administrative portlets when we write them
Thanks Enrique!
Begin forwarded message:
From: [EMAIL PROTECTED]
Date: July 20, 2004 8:58:22 AM PDT
To: [EMAIL PROTECTED]
Subject: cvs commit: jakarta-jetspeed-2/portal/src/webapp/WEB-INF/decorations/layout/html/ jetspeed/css styles.css
Reply-To: "Jetspeed Developers List" <[EMAIL PROTECTED]>
jford 2004/07/20 08:58:22
Modified: portal/src/webapp/WEB-INF/decorations/layout/html/jetspeed/css
styles.css
Log:
Conforming with PLT.C from the Portlet Spec.
PR: JS2-89 Submitted by: Enrique Lara
Revision Changes Path
1.8 +481 -0 jakarta-jetspeed-2/portal/src/webapp/WEB-INF/decorations/layout/html/ jetspeed/css/styles.css
Index: styles.css
===================================================================
RCS file: /home/cvs/jakarta-jetspeed-2/portal/src/webapp/WEB-INF/decorations/ layout/html/jetspeed/css/styles.css,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -r1.7 -r1.8
--- styles.css 10 May 2004 20:16:55 -0000 1.7
+++ styles.css 20 Jul 2004 15:58:22 -0000 1.8
@@ -14,6 +14,7 @@
limitations under the License.
*/
+ .Jetspeed .PTitleLeft { /** @@ -92,6 +93,165 @@ background: url(content/jetspeed/images/bottomright.gif); }
+
+/* --------------------------------- */
+
+
+/* --------------------------------- */
+/* PLT.C.1 Links (Anchor) */
+/* --------------------------------- */
+
+.Jetspeed A:link,
+.Jetspeed A:visited {
+ text-decoration: none;
+}
+
+.Jetspeed A:hover,
+.Jetspeed A:active {
+ text-decoration: underline;
+}
+
+
+
+/* --------------------------------- */
+/* PLT.C.2 Fonts */
+/* --------------------------------- */
+
+.Jetspeed .portlet-font {
+ color: black;
+}
+.Jetspeed .portlet-font-dim {
+ color: gray;
+}
+
+
+
+
+/* --------------------------------- */
+/* PLT.C.3 Messages */
+/* --------------------------------- */
+.Jetspeed .portlet-msg-status {
+ font-style:italic;
+ font-family: courier, serif;
+}
+.Jetspeed .portlet-msg-info {
+}
+.Jetspeed .portlet-msg-error {
+ color:#FF0000;
+}
+.Jetspeed .portlet-msg-alert {
+ color:#CCCC00;
+ font-style:italic;
+}
+.Jetspeed .portlet-msg-success {
+ color:#00CC33;
+}
+
+/* --------------------------------- */
+/* PLT.C.4 Sections */
+/* --------------------------------- */
+.Jetspeed .portlet-section-header {
+ font-weight:bold;
+ background-color:#C0C0C0;
+}
+.Jetspeed .portlet-section-body {
+ background-color:#F0F8FF;
+ text-align:left;
+}
+.Jetspeed .portlet-section-alternate {
+ background-color: #33CCFF;
+ text-align:left;
+}
+.Jetspeed .portlet-section-selected {
+ background-color: #003366;
+ color: #FFFFFF;
+ font-weight:bold;
+ text-align:left;
+}
+.Jetspeed .portlet-section-subheader {
+ font-weight:bold;
+ font-style:italic;
+}
+.Jetspeed .portlet-section-footer {
+ background-color:#C0C0C0;
+ font-family: courier, serif;
+ text-align:center;
+}
+.Jetspeed .portlet-section-text {
+ text-decoration:underline;
+}
+
+/* --------------------------------- */
+/* PLT.C.5 Forms */
+/* --------------------------------- */
+.Jetspeed .portlet-form-label {
+ font-weight:bold;
+}
+.Jetspeed .portlet-form-input-field {
+ font-family: arial, "lucida console", sans-serif;
+ background-color:#F0F8FF;
+}
+.Jetspeed .portlet-form-button {
+ font-family: arial, "lucida console", sans-serif;
+}
+.Jetspeed .portlet-icon-label {
+ /* XXX */
+}
+.Jetspeed .portlet-dlg-icon-label {
+ /* XXX */
+}
+.Jetspeed .portlet-form-field-label {
+ font-family: arial, "lucida console", sans-serif;
+}
+.Jetspeed .portlet-form-field {
+ background-color:transparent;
+}
+
+
+/* --------------------------------- */
+/* PLT.C.6 Menus */
+/* --------------------------------- */
+.Jetspeed .portlet-menu {
+ background-color:#FFFFFF;
+}
+.Jetspeed .portlet-menu-item {
+ background-color:#FFFFFF;
+}
+.Jetspeed .portlet-menu-item-selected {
+ background-color:#CCCC00;
+}
+
+.Jetspeed .portlet-menu-item-hover {
+ background-color: #003366;
+ color: #FFFFFF;
+}
+.Jetspeed .portlet-menu-item-hover-selected {
+ background-color:#FFFF00;
+}
+.Jetspeed .portlet-menu-cascade-item {
+ background-color: #33CCFF;
+ color:black;
+ text-decoration:none;
+}
+.Jetspeed .portlet-menu-cascade-item-selected {
+ background-color:#CCCC00;
+}
+.Jetspeed .portlet-menu-description {
+ background-color:#FFFFFF;
+}
+.Jetspeed .portlet-menu-caption {
+ /* XXX */
+}
+
+/**
+
+The following css styles should be moved into their respective decorators.
+They are being included in this css for simplicity and proof of concept at this time.
+These should be removed when the PageAggregator modifications are completed.
+Also, in order to see these skins, the page decorator should always be set to "Jetspeed".
+
+**/
+
/**
Metal Skin that uses the cascading capability of CSS
**/
@@ -141,6 +301,7 @@
.Metal .PContent
{
padding-left:5px;
+ background-color:#717171;
}
.Metal .PContentRight @@ -171,6 +332,164 @@ background: url(content/metal/images/bottomright.gif); }
+ +/* --------------------------------- */ + + +/* --------------------------------- */ +/* PLT.C.1 Links (Anchor) */ +/* --------------------------------- */ + +.Metal A:link, +.Metal A:visited { + color:#0000FF; + text-decoration: none; +} + +.Metal A:hover, +.Metal A:active { + color:#CC0033; +} + + + +/* --------------------------------- */ +/* PLT.C.2 Fonts */ +/* --------------------------------- */ + +.Metal .portlet-font { + color: black; +} +.Metal .portlet-font-dim { + color:#F0F8FF; +} + + + + +/* --------------------------------- */ +/* PLT.C.3 Messages */ +/* --------------------------------- */ +.Metal .portlet-msg-status { + font-style:italic; + font-family: courier, serif; +} +.Metal .portlet-msg-info { + font-weight:bold; +} +.Metal .portlet-msg-error { + color:#CC0033; + font-weight:bold; +} +.Metal .portlet-msg-alert { + color:#CCCC00; + font-weight:bold; + font-style:italic; +} +.Metal .portlet-msg-success { + color:#00CC33; + font-weight:bold; +} + +/* --------------------------------- */ +/* PLT.C.4 Sections */ +/* --------------------------------- */ +.Metal .portlet-section-header { + background-color: #C0C0C0; + font-weight:bold; +} +.Metal .portlet-section-body { + background-color: white; + text-align:left; +} +.Metal .portlet-section-alternate { + color: black; + background-color:#666633; + text-align:left; +} +.Metal .portlet-section-selected { + background-color: #000000; + color: #FF0000; + font-weight:bold; + text-align:left; +} +.Metal .portlet-section-subheader { + background-color: #C0C0C0; + font-weight:bold; + font-style:italic; +} +.Metal .portlet-section-footer { + background-color: #C0C0C0; + text-align:center; +} +.Metal .portlet-section-text { + text-decoration:underline; +} + +/* --------------------------------- */ +/* PLT.C.5 Forms */ +/* --------------------------------- */ +.Metal .portlet-form-label { + font-weight:bold; +} +.Metal .portlet-form-input-field { + font-family: arial, "lucida console", sans-serif; +} +.Metal .portlet-form-button { + font-family: arial, "lucida console", sans-serif; +} +.Metal .portlet-icon-label { + /* XXX */ +} +.Metal .portlet-dlg-icon-label { + /* XXX */ +} +.Metal .portlet-form-field-label { + font-family: arial, "lucida console", sans-serif; +} +.Metal .portlet-form-field { + background-color:transparent; +} + + +/* --------------------------------- */ +/* PLT.C.6 Menus */ +/* --------------------------------- */ +.Metal .portlet-menu { + background-color: #C0C0C0; +} +.Metal .portlet-menu-item { + background-color: #C0C0C0; +} +.Metal .portlet-menu-item-selected { + background-color:#CCCC00; +} + +.Metal .portlet-menu-item-hover { + background-color: #000000; + color: #FF0000; +} +.Metal .portlet-menu-item-hover-selected { + background-color:#000000; + color:#0000FF; +} +.Metal .portlet-menu-cascade-item { + background-color:#666633; + color:black; + text-decoration:none; +} +.Metal .portlet-menu-cascade-item-selected { + background-color:#CCCC00; +} +.Metal .portlet-menu-description { + background-color: #C0C0C0; +} +.Metal .portlet-menu-caption { + /* XXX */ +} + + + .MintyBlue .PTitleLeft { /** @@ -245,3 +564,165 @@ width:10px; background: url(content/minty-blue/images/bottomright.gif); } + + + +/* --------------------------------- */ + + + +/* --------------------------------- */ +/* PLT.C.1 Links (Anchor) */ +/* --------------------------------- */ + +.MintyBlue A:link, +.MintyBlue A:visited { + text-decoration: none; +} + +.MintyBlue A:hover, +.MintyBlue A:active { + text-decoration: underline; +} + + + +/* --------------------------------- */ +/* PLT.C.2 Fonts */ +/* --------------------------------- */ + +.MintyBlue .portlet-font { + color: black; +} +.MintyBlue .portlet-font-dim { + color: gray; +} + + + + +/* --------------------------------- */ +/* PLT.C.3 Messages */ +/* --------------------------------- */ +.MintyBlue .portlet-msg-status { + font-style:italic; + font-family: courier, serif; +} +.MintyBlue .portlet-msg-info { +} +.MintyBlue .portlet-msg-error { + color:#FF0000; +} +.MintyBlue .portlet-msg-alert { + color:#CCCC00; + font-style:italic; +} +.MintyBlue .portlet-msg-success { + color:#00CC33; +} + +/* --------------------------------- */ +/* PLT.C.4 Sections */ +/* --------------------------------- */ +.MintyBlue .portlet-section-header { + font-weight:bold; + background-color:#0000CC; + color:yellow; + padding:2px; +} +.MintyBlue .portlet-section-body { + background-color:#66FF66; + text-align:left; +} +.MintyBlue .portlet-section-alternate { + background-color:#C0C0C0; + text-align:left; +} +.MintyBlue .portlet-section-selected { + background-color:#0000CC; + color:white; + font-weight:bold; + text-align:left; +} +.MintyBlue .portlet-section-subheader { + background-color:#0066CC; + color:white; + font-weight:bold; + font-style:italic; + padding:1px; +} +.MintyBlue .portlet-section-footer { + background-color:#0066CC; + color:white; + font-family: courier, serif; + text-align:center; +} +.MintyBlue .portlet-section-text { + text-decoration:underline; +} + +/* --------------------------------- */ +/* PLT.C.5 Forms */ +/* --------------------------------- */ +.MintyBlue .portlet-form-label { + font-weight:bold; +} +.MintyBlue .portlet-form-input-field { + font-family: arial, "lucida console", sans-serif; + background-color:#66CCFF; +} +.MintyBlue .portlet-form-button { + font-family: arial, "lucida console", sans-serif; +} +.MintyBlue .portlet-icon-label { + /* XXX */ +} +.MintyBlue .portlet-dlg-icon-label { + /* XXX */ +} +.MintyBlue .portlet-form-field-label { + font-family: arial, "lucida console", sans-serif; +} +.MintyBlue .portlet-form-field { + background-color:transparent; +} + + +/* --------------------------------- */ +/* PLT.C.6 Menus */ +/* --------------------------------- */ +.MintyBlue .portlet-menu { + background-color:#00CC66; +} +.MintyBlue .portlet-menu-item { + background-color:#00CC66; +} +.MintyBlue .portlet-menu-item-selected { + background-color:#0000CC; + color:white; +} + +.MintyBlue .portlet-menu-item-hover { + background-color:#003366; + color:#FFFFFF; +} +.MintyBlue .portlet-menu-item-hover-selected { + background-color:#003366; + color:#FFFFFF; +} +.MintyBlue .portlet-menu-cascade-item { + background-color:#00CC66; + color:black; + text-decoration:none; +} +.MintyBlue .portlet-menu-cascade-item-selected { + background-color:#0000CC; + color:white; +} +.MintyBlue .portlet-menu-description { + background-color:#F0F8FF; +} +.MintyBlue .portlet-menu-caption { + /* XXX */ +} +
--------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
-- David Sean Taylor Bluesunrise Software [EMAIL PROTECTED] [office] +01 707 773-4646 [mobile] +01 707 529 9194
--------------------------------------------------------------------- To unsubscribe, e-mail: [EMAIL PROTECTED] For additional commands, e-mail: [EMAIL PROTECTED]
