You are viewing a plain text version of this content. The canonical link for it is here.
Posted to jetspeed-dev@portals.apache.org by David Sean Taylor <da...@bluesunrise.com> on 2004/07/20 18:22:23 UTC
PLT.C - Portlet Spec - CSS Style Sheet Definitions
Just wanted to point out Enrique Lara's (k957 ;-) contribution of CSS
Style Sheet Definition (PLT.C) support in Jetspeed.
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: jford@apache.org
> Date: July 20, 2004 8:58:22 AM PDT
> To: jakarta-jetspeed-2-cvs@apache.org
> Subject: cvs commit:
> jakarta-jetspeed-2/portal/src/webapp/WEB-INF/decorations/layout/html/
> jetspeed/css styles.css
> Reply-To: "Jetspeed Developers List" <je...@jakarta.apache.org>
>
> 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: jetspeed-dev-unsubscribe@jakarta.apache.org
> For additional commands, e-mail: jetspeed-dev-help@jakarta.apache.org
>
>
--
David Sean Taylor
Bluesunrise Software
david@bluesunrise.com
[office] +01 707 773-4646
[mobile] +01 707 529 9194
---------------------------------------------------------------------
To unsubscribe, e-mail: jetspeed-dev-unsubscribe@jakarta.apache.org
For additional commands, e-mail: jetspeed-dev-help@jakarta.apache.org