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 {}