[gatein-commits] gatein SVN: r5658 - portal/branches/branch-GTNPORTAL-1731/examples/skins/simpleskin/src/main/webapp/skin/Portlet.

do-not-reply at jboss.org do-not-reply at jboss.org
Tue Dec 28 05:02:25 EST 2010


Author: kien_nguyen
Date: 2010-12-28 05:02:25 -0500 (Tue, 28 Dec 2010)
New Revision: 5658

Modified:
   portal/branches/branch-GTNPORTAL-1731/examples/skins/simpleskin/src/main/webapp/skin/Portlet/Stylesheet.css
Log:
GTNPORTAL-1050 simpleskin should use a custom portlet css classes

Modified: portal/branches/branch-GTNPORTAL-1731/examples/skins/simpleskin/src/main/webapp/skin/Portlet/Stylesheet.css
===================================================================
--- portal/branches/branch-GTNPORTAL-1731/examples/skins/simpleskin/src/main/webapp/skin/Portlet/Stylesheet.css	2010-12-28 09:55:54 UTC (rev 5657)
+++ portal/branches/branch-GTNPORTAL-1731/examples/skins/simpleskin/src/main/webapp/skin/Portlet/Stylesheet.css	2010-12-28 10:02:25 UTC (rev 5658)
@@ -46,7 +46,7 @@
    font-family: Verdana, Arial, Helvetica, Sans-Serif, sans-serif;
    font-size: 12px;
    font-style: normal;
-   color: #336699;
+   color: #058bb6;
 }
 
 /* Help messages, general additional information, etc. */
@@ -97,16 +97,17 @@
 }
 
 .portlet-section-selected {
-   background-color: #CBD4E6;
+   background-color: #d9d8d9;
 }
 
 .portlet-section-subheader {
    font-weight: bold;
-   font-size: 10px;
+   padding: 5px 0px;
 }
 
 .portlet-section-footer {
    font-size: 11px;
+   border-top: 1px solid #F2F2F2;
 }
 
 /* Text that belongs to the table but does not fall in one of the other categories
@@ -121,40 +122,45 @@
 
 /* Table header */
 .portlet-table-header {
-   background-color: #eef;
-   padding: 0 5px 5px 5px;
+   background-color: #e9e8ed;
+   padding: 0 0px 0px 5px;
    font-weight: bold;
    color: #333333;
    font-size: 12px;
    border-bottom: 1px solid #d5d5d5;
+   line-height: 20px;
 }
 
 /* Normal text in a table cell */
-.portlet-table-body {}
+.portlet-table-body {
+	padding: 10px;
+}
 
 /* Text in every other row in the table */
 .portlet-table-alternate {
-   background-color: #E6E8E5;
+   background-color: #e7e6eb;
    border-bottom: 1px solid #d5d5d5;
+   padding: 5px 10px;
 }
 
 /* Text in a selected cell range */
 .portlet-table-selected {
    color: #000;
-   font-size: 12px;
-   background-color: #CBD4E6;
+   background-color: #dddddd;
+   padding: 5px 10px;
 }
 
 /* Text of a subheading */
 .portlet-table-subheader {
    font-weight: bold;
-   color: #000;
+   color: #777777;
    font-size: 12px;
+   padding: 5px;
 }
 
 /* Table footer */
 .portlet-table-footer {
-   padding: 5px 5px 0 5px;
+   padding: 5px;
    font-weight: bold;
    color: #333333;
    font-size: 12px;
@@ -170,7 +176,6 @@
 
 /** FORMS **/
 .portlet-form-label {
-   font-size: 10px;
    color: #333333;
 }
 
@@ -182,14 +187,15 @@
 
 /* Form Button Style */
 .portlet-form-button {
-   font-size: 10px;
-   font-weight: bold;
-   color: #FFFFFF;
-   background-color: #5078aa;
-   border-top: 1px solid #97B7C6;
-   border-left: 1px solid #97B7C6;
-   border-bottom: 1px solid #254869;
-   border-right: 1px solid #254869;
+   font-size: 11px;
+   color: #5c5c5c;
+   background-color: #cfcfcf;
+   border-top: 1px solid #dadada;
+   border-left: 1px solid #dadada;
+   border-bottom: 1px solid #9a9a9a;
+   border-right: 1px solid #9a9a9a;
+   line-height: 22px;
+   padding: 0px 20px;
 }
 
 /* Text that appears beside a context dependent action icon */
@@ -231,60 +237,161 @@
 /** MENUS **/
 
 /*General menu settings such as background color, margins, etc. */
-.portlet-menu {}
+.portlet-menu {
+}
 
 /* Normal, unselected menu item. */
 .portlet-menu-item {
-   color: #242424;
-   text-decoration: none;
-   font-family: Verdana, Arial, Helvetica, sans-serif;
-   font-size: 12px;
+	background: #dddddd;
+	color: #2e2e2e;
+	text-decoration: none;
+	margin-bottom: 1px;
+	line-height: 22px;
+	padding: 0px 5px;
 }
 
 /* Selected menu item. */
-.portlet-menu-item-selected {}
+.portlet-menu-item-selected {
+	background: #dddddd;
+	color: #058bb6;
+	margin-bottom: 1px;
+	line-height: 22px;
+	padding: 0px 5px;
+}
 
 .portlet-menu-item-hover {
-   color: #5699B7;
-   text-decoration: none;
-   font-family: Verdana, Arial, Helvetica, sans-serif;
-   font-size: 12px;
+	background: #dddddd;
+	color: #058bb6;
+	text-decoration: none;
+	margin-bottom: 1px;
+	line-height: 22px;
+	padding: 0px 5px;
 }
 
 /* Selected menu item when the mouse hovers over it. */
-.portlet-menu-item-hover-selected {}
+.portlet-menu-item-hover-selected {
+	background: #dddddd;
+	color: #058bb6;
+	line-height: 22px;
+	margin-bottom: 1px;
+	padding: 0px 5px;
+}
 
 /* Normal, unselected menu item that has sub-menus. */
-.portlet-menu-cascade-item {}
+.portlet-menu-cascade-item {
+	background: #e9e8ed;
+	color: #636363;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 20px;
+	border-bottom: 1px solid #dddddd;
+}
 
 /* Selected sub-menu item that has sub-menus */
-.portlet-menu-cascade-item-selected {}
+.portlet-menu-cascade-item-selected {
+	background: #e9e8ed;
+	color: #252525;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 20px;
+	border-bottom: 1px solid #dddddd;
+}
 
-.porlet-menu-cascade {}
+.porlet-menu-cascade {
+	background: #e9e8ed;
+	color: #636363;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 20px;
+	border-bottom: 1px solid #dddddd;
+}
 
-.portlet-menu-cascade-item-hover {}
+.portlet-menu-cascade-item-hover {
+	background: #e9e8ed;
+	color: #252525;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 20px;
+	border-bottom: 1px solid #dddddd;
+}
 
-.portlet-menu-cascade-item-hover-selected {}
+.portlet-menu-cascade-item-hover-selected {
+	background: #e9e8ed;
+	color: #252525;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 20px;
+	border-bottom: 1px solid #dddddd;
+}
 
-.portlet-menu-separator {}
+.portlet-menu-separator {
+}
 
 .portlet-menu-cascade-separator {}
 
-.portlet-menu-content {}
+.portlet-menu-content {
+	background: #f6f6f6;
+	color: #717171;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 30px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-content-selected {}
+.portlet-menu-content-selected {
+	background: #f6f6f6;
+	color: #272727;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 30px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-content-hover {}
+.portlet-menu-content-hover {
+	background: #f6f6f6;
+	color: #272727;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 30px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-content-hover-selected {}
+.portlet-menu-content-hover-selected {
+	background: #f6f6f6;
+	color: #272727;
+	text-decoration: none;
+	line-height: 22px;
+	padding: 0px 30px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-indicator {}
+.portlet-menu-indicator {
+	color: #8b8b8b;
+	line-height: 22px;
+	padding: 0px 40px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-indicator-selected {}
+.portlet-menu-indicator-selected {
+	color: #606060;
+	line-height: 22px;
+	padding: 0px 40px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-indicator-hover {}
+.portlet-menu-indicator-hover {
+	color: #606060;
+	line-height: 22px;
+	padding: 0px 40px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
-.portlet-menu-indicator-hover-selected {}
+.portlet-menu-indicator-hover-selected {
+	color: #606060;
+	line-height: 22px;
+	padding: 0px 40px;
+	border-bottom: 1px solid #e9e8ed;
+}
 
 .portlet-menu-description {}
 



More information about the gatein-commits mailing list