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]
