Menu
▾
▴
[Web-erp-svn] SF.net SVN: web-erp:[5566] trunk/css
|
From: <dai...@us...> - 2012-07-28 10:13:19
|
Revision: 5566
http://web-erp.svn.sourceforge.net/web-erp/?rev=5566&view=rev
Author: daintree
Date: 2012-07-28 10:13:11 +0000 (Sat, 28 Jul 2012)
Log Message:
-----------
tidy up themese Hindra Joshua
Modified Paths:
--------------
trunk/css/aguapop/images/tick.png
trunk/css/gel/default.css
trunk/css/gel/images/tick.png
trunk/css/professional/default.css
trunk/css/professional/images/tick.png
Removed Paths:
-------------
trunk/css/aguapop/images/Graphique-32.png
trunk/css/aguapop/images/allocation.gif
trunk/css/aguapop/images/back.png
trunk/css/aguapop/images/bank.gif
trunk/css/aguapop/images/bar.png
trunk/css/aguapop/images/body_bg.png
trunk/css/aguapop/images/button_bg.png
trunk/css/aguapop/images/input.png
trunk/css/aguapop/images/inputh.png
trunk/css/aguapop/images/inputhtxt.png
trunk/css/aguapop/images/inputtxt.png
trunk/css/aguapop/images/inquireies.png
trunk/css/aguapop/images/inventory.gif
trunk/css/aguapop/images/maintenance.gif
trunk/css/aguapop/images/reports.gif
trunk/css/aguapop/images/tab_bg.png
trunk/css/aguapop/images/top.png
trunk/css/aguapop/images/transactions.gif
trunk/css/aguapop/images/x-mail-distribution-list.png
trunk/css/gel/images/Graphique-32.png
trunk/css/gel/images/button_bg.png
trunk/css/gel/images/company.gif
trunk/css/gel/images/currency.gif
trunk/css/gel/images/gelbluebutton.png
trunk/css/gel/images/gelblueh.png
trunk/css/gel/images/hoverbuttonblue.png
trunk/css/gel/images/input_bg.png
trunk/css/gel/images/inquiries.png
trunk/css/gel/images/inventory.gif
trunk/css/jelly/
Deleted: trunk/css/aguapop/images/Graphique-32.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/allocation.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/back.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/bank.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/bar.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/body_bg.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/button_bg.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/input.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/inputh.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/inputhtxt.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/inputtxt.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/inquireies.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/inventory.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/maintenance.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/reports.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/tab_bg.png
===================================================================
(Binary files differ)
Modified: trunk/css/aguapop/images/tick.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/top.png
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/transactions.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/aguapop/images/x-mail-distribution-list.png
===================================================================
(Binary files differ)
Modified: trunk/css/gel/default.css
===================================================================
--- trunk/css/gel/default.css 2012-07-28 04:06:45 UTC (rev 5565)
+++ trunk/css/gel/default.css 2012-07-28 10:13:11 UTC (rev 5566)
@@ -1,51 +1,40 @@
-/*--------------------------------------------------\
-| 'gel' Stylesheet |
-| v1.1 |
-|Pretty blue gradients with lighting. |
-|---------------------------------------------------|
-| For use with: |
-| Web-ERP - http://web-erp.sourceforge.net |
-| by Logic Works Ltd |
-|---------------------------------------------------|
-| Developer: |
-| CombatWombat |
-| combatwombat at combatwombat dot 7doves dot com |
-|---------------------------------------------------|
-| Note: |
-| Changes can be made to this CSS that will be |
-| reflected throughout Web-ERP. |
-\--------------------------------------------------*/
-/* $Id$*/
+/***
+New "Gel" Theme for WebERP
+
+by Hindra Joshua
+
+Based from the previous theme "Gel"
+Credits to the original authors.
+
+NOTE:
+This CSS is not yet optimized. Some styles maybe 'redundant' or 'unused',
+but for the obvious one it will be cleaned up.
+To optimized the rest we should examined the whole codes! That would be for
+the next project. :)
+
+***/
+
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
- background-color: #fff;
- margin-left: 0px;
- margin-top: 0px;
- margin-bottom: 0px;
- margin-right: 0px;
- padding: 0px;
+ background-color: white;
+ margin:0;
+ padding:5px;
}
img {
border:none;
+ vertical-align:middle;
}
-
-/*links before selection */
a {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 10px;
font-weight: normal;
text-decoration: none;
- color: #0000FF;
+ color: blue;
}
-
-/*links on any screen when mouse is hovering over them */
a:hover {
- color: #0000AA;
- text-decoration: none;
-
+ color: blue;
+ text-decoration: underline;
}
input:hover{
background: url(images/inputh.png) #eee;
@@ -64,14 +53,15 @@
color:#000;
border: 1px 1px 1px 1px #000 solid;
}
-
table {
background-color: #eee;
border: 0px 0px 2px 2px #222 solid;
background: #eee;
- margin: 0 auto;
+ width:100%;
}
+/***/
+
.dpTbl {
border: solid navy 1px;
}
@@ -98,42 +88,9 @@
outline-width:1px;
}
-.dpTD {
- border: 0;
- width:20px;
- background-color: #EEEEEE;
- text-align:right;
- cursor:pointer;
-}
-
-.dpDayHighlight {
- border: 0;
- width:20px;
- background-color: yellow;
- text-align:right;
- cursor:pointer;
-}
-
-.dpTDHover {
- border: 0;
- width:20px;
- background-color: #CCCCCC;
- text-align:right;
- cursor:pointer;
-}
-
td.number {
text-align: right;
}
-
-.EvenTableRows {
- background-color: #CCCCCC;
-}
-
-.OddTableRows {
- background-color: #EEEEEE;
-}
-
th {
font-weight: normal;
background-color: #ccc;
@@ -148,31 +105,46 @@
font-size: 10px;
color: #330000;
}
-div.error {
+/*** unknown ***/
+
+/*** used ***/
+
+.EvenTableRows {
+ background-color: #CCCCCC;
+}
+
+.OddTableRows {
+ background-color: #EEEEEE;
+}
+
+
+div.error { /*** is this used??? ***/
background-color:red;
color: white;
font-style: italic; font-weight:bold;
border: 3px solid red;
}
-div.warn {
+div.warn {
background-color:#fa0;
color: black;
border: 1px solid black;
}
-div.success {
+div.success { /*** is this used??? ***/
background-color:#b9ecb4;
color: #008000;
border: 1px solid #008000;
}
-div.info {
+div.info { /* ??? */
background-color:#5d70f8;
color: white;
border: 1px solid white;
}
+/*** textbox and buttons ***/
+
input{
background: url(images/input.png) #eee;
color:#000;
@@ -193,7 +165,8 @@
input:hover{
}
-select {background:#eee;
+select {
+ background:#eee;
color:#111;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
@@ -209,41 +182,6 @@
color:red;
}
-#topMenu {
- width: 100%;
- color: black;
- background-color: white;
- border: none;
-}
-
-#trim {
- background: white;
-}
-
-#page {
- width: 100%;
- color: black;
- font-size: 10px;
- white-space: nowrap;
- border: none;
-}
-
-#menuImg {
- vertical-align: top;
- text-align: center;
- margin: 0px;
- padding: 10px;
-}
-
-#mainMenu {
- width: 100%;
- color: black;
- background-color: white;
- border: none;
- margin: 0px;
- padding: 0px;
-}
-
.header {
background-image: url("");
background-repeat: no-repeat;
@@ -269,18 +207,18 @@
textarea:hover{
}
/* Table type is used for UI tables type 1 */
-.table1 {
+.table1 { /*** used ***/
width:90%;
background: #eee;
border: 1px solid #222;
margin: 0 auto;
}
-input.address3 {
+input.address3 { /*** used ***/
text-transform: uppercase;
}
-div.csv {
+div.csv { /*** used ***/
background:lightgray;
color: black;
border: 1px solid black;
@@ -299,259 +237,6 @@
TEXT-ALIGN:center;
}
-.callout_main {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- background-color: white;
- border: none;
- width: 100%;
- margin: 0px;
- padding: 0px;
-}
-
-.main_page {
- background-color: white;
- border: none;
- width: 100%;
- margin: 0px;
- padding: 0px;
- font-size: 10px;
-}
-
-/* Main page heading with quick menu within */
-.quick_menu {
- background-color: #ccc;
- border: none;
- margin: 0px;
- padding: 0px;
- color: #fff;
- border: none;
- text-align: right;
- /* position: relative;
- top: 3px; */
-}
-
-#quick_menu{
- width: 100%;
- background: #00f url(images/gelblue.png) 0px 0px repeat-x;
- /*border-bottom: solid 2px #000;*/
- height:28px;
-}
-/*The main page heading left part before quick menu */
-.quick_menu_left {
- background: none;
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 10px;
- font-weight: bold;
- border: none;
- white-space: nowrap;
- margin: 0px;
- padding-left: 5px;
- color: #eee;
-}
-
-/*the Select Customer / Item / Supplier Menu tabs */
-.quick_menu_tabs{
- background:none;
- border-collapse:collapse;
- height:28px;
- white-space: nowrap;
- border: 0px;
- padding: 0px;
- text-align: right;
-}
-
-.quick_menu_tab{
- background: #00f url(images/gelblue.png) 0px -2px repeat-x;
- height:28px;
- white-space: nowrap;
- border-left: solid 0px #aaa;
- border-right: solid 0px #aaa;
- padding-left: 10px;
- padding-right: 10px;
- text-align: right;
-}
-
-.quick_menu_tab a{
- color:#fff;
- font-weight:bold;
-}
-
-.quick_menu_left a{
- color:#fff;
-}
-
-.quick_menu_tab a:hover{
- color:#ffc;
- text-decoration:none;
- font-weight:bold;
-}
-
-.quick_menu_left a:hover{
- color:#ffc;
- text-decoration:none;
-}
-
-.quick_menu_tab:hover{
- color:#ffd;
- background: url(images/gelblueh.png) 0px -2px repeat-x;
-}
-/*the Select Customer / Item / Supplier Menu tabs */
-.system_menu_tabs {
- background-color: white;
- white-space: nowrap;
- border: none;
- margin-left: 6px;
- margin-right: 6px;
- margin-top: 0px;
- margin-bottom: 0px;
- padding: 0px;
- text-align: center;
-}
-
-.system_menu_tabs a {
- font-size: 10px;
- color: black;
-}
-
-.system_menu_tabs a:hover {
- font-size: 10px;
- color: black;
-}
-
-.main_area {
- border: none;
- width: 100%;
- background-color: white;
-}
-
-.main_menu {
- background:none;
- border: 0px;
- height:28px;
-}
-
-.main_menu table {
- margin-top:5px;
- border: 0px;
- border-collapse: collapse;
- width: 100%;
-}
-
-.main_menu_unselected {
- background: #00f url(images/gelblue.png) 0px -1px repeat-x;
- text-align: center;
- white-space: nowrap;
- height: 28px;
-}
-
-.main_menu_unselected:hover{
- background: #00f url(images/gelblueh.png) 0px -1px repeat-x;
-}
-.main_menu_selected:hover{
- background: #00f url(images/gelblueh.png) 0px -1px repeat-x;
- border: 3px solid #888;
-}
-
-.main_menu_unselected a{
- color: #eee;
- font-weight:bold;
-}
-
-.main_menu_unselected a:hover{
- color: #fff;
- text-decoration: none;
- font-weight:bold;
-}
-
-.main_menu_selected {
- background: #00f url(images/gelblue.png) 0px -1px repeat-x;
- /*border: 0px solid #888;*/
-/* position: relative; */
- text-align: center;
- white-space: nowrap;
- border: 3px solid #dee;
-}
-
-.main_menu_selected a{
- color: #eee;
- font-weight:bold;
-}
-
-.main_menu_selected a:hover{
- color: #fff;
- text-decoration: none;
-}
-
-span.main_menu_nolink {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 10px;
- font-weight: bold;
- color: #fff;
- text-decoration: none;
- white-space: nowrap;
-}
-
-.main_menu a {
-}
-
-.main_menu a:hover {
-}
-
-.menu_group_img {
- background-color: #CCCCCC;
- text-align: center;
- width: 90px;
- position: relative;
- left: 3px;
-}
-
-.menu_group_img img{
- position: relative;
- top: 10px;
-}
-
-.menu_group_area {
- border: none;
-}
-
-.blank_area table {
- border: 0px;
- width: 100%;
-}
-
-.menu_group_headers {
- background: #aaa url(images/menu_bg_white.png) 0px 0px repeat-x;
- width: 25%;
-}
-
-.menu_group_headers table{
- background: #aaa url(images/menu_bg_white.png) 0px -3px repeat-x;
-}
-
-.menu_group_headers_text {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 10px;
- font-weight: bold;
- color: black;
-}
-
-.menu_group_items {
- vertical-align: top;
- border: none;
- padding: 10px;
-}
-
-.menu_group_item {
- padding-top: 2px;
- padding-bottom: 2px;
-}
-
-.menu_group_item p {
- color: #00f; /* This is the color for bullets, I like it to be the same as the anchor color, but it's up to you */
- text-indent: -12px; /* this makes the bullet to appear as the li tag previously used */
- margin: 0 0 0 12px; /* One thing that I didn´t like of the li was that it had no left margin applied */
-}
-
.page_title_text {
font-family: Arial, Verdana, Helvetica, sans-serif;
padding-top: 2px;
@@ -581,7 +266,7 @@
TEXT-ALIGN:center;
}
-DIV.system_check {
+DIV.system_check { /*** is this used??? */
BORDER: #a52a2a 1px solid;
PADDING-LEFT: 3px;
Z-INDEX: 1;
@@ -600,125 +285,305 @@
TEXT-ALIGN:left;
}
-span.menu_group_nolink {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- font-size: 10px;
- font-weight: normal;
- color: #777777;
- text-decoration: none;
+input.big {
+ width: 100px;
}
-.menu_group_item a {
+input.small {
+ width: 50px;
}
-.menu_group_items a:hover {
- color: #00f;
- background:url(images/inputh.png) 0px -2px repeat-x;
- text-decoration: none;
+input.inputerror { /* used */
+ background-color: #fddbdb;
}
-#footer {
- background: #eee url(images/bar.png) 0px 0px repeat-x;
- position: relative;
+textarea.texterror { /* used */
+ background-color: #fddbdb;
+}
+select.selecterror { /* used */
+ background-color: #fddbdb;
}
-a.footer {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- color: black;
+.tableheader { /* used */
font-weight: normal;
- font-size: 8px;
+ background-color: #cccce5;
+ color: #330000;
}
-.footer {
- font-family: Arial, Verdana, Helvetica, sans-serif;
- color: black;
+.notavailable { /* used */
font-weight: normal;
- font-size: 8px;
- text-align: center;
+ font-style:italic;
+ color:#555555;
}
-
-.legal {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 9px;
- color: #333333;
+.label { /* used */
+ font-weight:bold;
+ font-style:normal;
+ font-size:12px;
+ color:black;
+ background-color:#cccccc;
}
-.box1 {
- border-color: #CCCCCC #333333 #333333 #CCCCCC;
- border-width: medium;
- border-style: ridge;
+.OsRow { /* used */
+ background-color: #234567;
+ color: white;
}
-.promo {
- font-family: "Times New Roman", Times, serif;
- color: #000033;
+.table_index { /* used */
+ background-color: #eee;
}
-.titlebar {
- font-family: "Times New Roman", Times, serif;
- font-size: 9px;
- color: white;
- background-color: #336699;
+li { /* ??? */
+ list-style-image: url(bullet.gif);
}
-.dingbat {
- font-family: Arial, Helvetica, sans-serif;
- background-color: #99CC99;
- color: #006666;
- font-weight: bolder;
- font-size: medium;
+/*** CANVAS ***/
+
+#CanvasDiv{
}
+/*** HEADER ***/
-input.big {
- width: 100px;
+#HeaderDiv {
+ overflow:hidden; /* REQUIRED: height according to items contained */
+ background: url(images/gelblue.png) repeat-x blue;
+ background-size:contain;
+ color:white;
+ padding:3px;
+ border:2px outset blue;
+ border-radius:20px;
+ padding:0 5px;
}
-
-input.small {
- width: 50px;
+#HeaderWrapDiv{
}
-input.inputerror {
- background-color: #fddbdb;
+/*** HEADER - APP INFO ***/
+
+#AppInfoDiv{
+ float:left; /* REQUIRED: to the left */
}
+#AppInfoDiv img{
+ vertical-align:middle; /* center image and text vertically */
+}
+#AppInfoCompanyDiv{
+ display:table-cell; /* REQUIRED: as a cell */
+}
+#AppInfoUserDiv{
+ display:table-cell; /* REQUIRED: as a cell */
+}
+#AppInfoUserDiv a{
+ color:white;
+ font-weight:bold;
+ text-decoration:none;
+}
+#AppInfoUserDiv a:hover{
+ color:white;
+ font-weight:bold;
+ text-decoration:underline;
+}
+#AppInfoModuleDiv{
+ padding-left:24px;
+}
-textarea.texterror {
- background-color: #fddbdb;
+/*** HEADER - QUICK MENU ***/
+
+#QuickMenuDiv{
+ float:right; /* to the right side */
+ margin-top:2px;
}
+#QuickMenuDiv ul{
+ list-style:none; /* hide the bullets */
+}
+#QuickMenuDiv li{
+ display:inline; /* items are inline */
+}
-select.selecterror {
- background-color: #fddbdb;
+/*** links as buttons!!! clicking anywhere in the button will activate
+ the link!!! ***HJ***/
+
+#QuickMenuDiv li a{
+ padding:5px; /* links as button */
+ border:2px outset transparent; /* un-pressed state */
+ border-radius:15px;
+ color:white;
+ font-weight:bold;
}
+#QuickMenuDiv li a:hover{
+ padding:5px; /* links as button */
+ border:2px inset steelblue; /* pressed state */
+ text-decoration:none; /* no underline */
+ color:whie;
+ border-radius:15px;
+}
-.tableheader {
- font-weight: normal;
- background-color: #cccce5;
- color: #330000;
+/*** BODY ***/
+
+#BodyDiv {
+ clear:both; /* REQUIRED */
+ overflow:hidden; /* REQUIRED */
+ color:black;
+ background:whitesmoke;
}
+#BodyDiv table {
+ width:auto; /* automatic width */
+ margin: 0 auto;
+ margin-bottom:10px;
+}
+#BodyDiv .centre{
+ margin:0 auto 10px;
+ text-align:center;
+}
-.notavailable {
- font-weight: normal;
- font-style:italic;
- color:#555555;
+/*** BODY - MAIN MENU ***/
+
+#MainMenuDiv{
+ float:left; /* REQUIRED: to the left side */
+ white-space:nowrap; /* don't break text */
+ text-align:center;
+ width:12%;
+ background:url(images/gelbluev.png) repeat-y blue;
+ background-size:contain;
+ border:2px outset blue;
+ border-radius:20px;
+ margin-top:5px;
+ padding:3px;
+
}
-.label {
+#MainMenuDiv ul{
+ list-style:none; /* REQUIRED: hide bullets */
+ padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */
+ margin:0;
+}
+#MainMenuDiv li{
+ list-style:none; /* REQUIRED */
+ padding:0; /* REQUIRED */
+}
+#MainMenuDiv li a{ /* link as button!!! not-pressed state */
+ display:block; /* REQUIRED */
+ padding:3px;
+ border:2px outset transparent;
+ color:white;
font-weight:bold;
- font-style:normal;
- font-size:12px;
- color:black;
- background-color:#cccccc;
+ border-radius:15px;
}
-
-.OsRow {
- background-color: #234567;
- color: white;
+#MainMenuDiv li a:hover{ /* link as button!!! pressed state */
+ text-decoration:none;
+ padding:3px;
+ border:2px inset steelblue;
+ background:none;
+ border-radius:15px;
}
+#MainMenuDiv .main_menu_selected a{ /* the selected button */
+ text-decoration:none;
+ padding:3px;
+ border:2px inset steelblue;
+ background:none;
+ border-radius:15px;
+}
-.table_index {
- background-color: #eee;
+/*** BODY - SUB MENU ***/
+
+#SubMenuDiv{
+ float:right;
+ overflow: hidden;
+ min-width: 86%;
+ margin-top:5px;
}
+#SubMenuDiv ul{
+ list-style-type:none; /* REQUIRED: hide bullets */
+ padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */
+ margin:0;
+}
+#SubMenuDiv li{
+ list-style:none; /* REQUIRED: hide the bullets */
+ width:100%; /* REQUIRED: make item full width */
+ background:#eeeeee;
+}
+#SubMenuDiv li img{
+ vertical-align:middle; /* verticall align icon with the text */
+}
+#SubMenuDiv .menu_group_headers {
+ background:url(images/menu_bg_white.png) repeat-x silver;
+ text-align:center;
+ color:black;
+ padding-top:2px;
+ padding-bottom:2px;
+}
+#SubMenuDiv .menu_group_item p {
+ color: blue; /* This is the color for bullets, I like it to be the same as the anchor color, but it's up to you */
+ text-indent: -10px; /* this makes the bullet to appear as the li tag previously used */
+ margin: 0 0 0 12px; /* One thing that I didn´t like of the li was that it had no left margin applied */
+}
+#SubMenuDiv a:link, a:visited{ /* links */
+ color:blue;
+ text-decoration:none;
+}
+#SubMenuDiv a:hover{
+ color:blue;
+ text-decoration:underline;
+}
+#SubMenuDiv .menu_group_item { /* menu items */
+ padding-top:2px;
+ padding-bottom:2px;
+}
+#SubMenuDiv .menu_group_item:hover {
+ background:#bfd8ff;
+}
+#TransactionsDiv{
+ float:left; /* REQUIRED: to the left side */
+ width:32.5%;
+ border:thin solid black;
+ margin-right:4px;
+}
+#InquiriesDiv{
+ float:left;
+ width:32.5%;
+ border:thin solid black;
+ margin-right:4px;
+}
+#InquiriesDiv div{ /* default div, used for custom report header */
+ background:#dddddd;
+ color:black;
+ padding:2px;
+/* border:thin outset silver;*/
+}
+#MaintenanceDiv{
+ float:left;
+ width:32.5%;
+ border:thin solid black;
+}
-li {
- list-style-image: url(bullet.gif);
+/*** FOOTER ***/
+
+#FooterDiv{
+ clear:both; /* REQUIRED */
+ overflow:hidden;
+ color:gray;
+ background:url(images/bar.png) repeat-x lightgray;
+ border:thin solid lightgray;
}
+#FooterWrapDiv{
+ overflow:hidden;
+ padding:3px;
+}
+#FooterLogoDiv{
+ float:left;
+ background:white;
+ border-radius:8px 8px 8px 8px;
+ padding:3px;
+ margin-left:47%; /* to the center (approx) */
+}
+#FooterLogoDiv img{
+ vertical-align:middle;
+}
+#FooterVersionDiv{
+ clear:both; /* below the logo */
+ float:left;
+ margin-left:47%; /* to the center (approx) */
+}
+#FooterTimeDiv{
+ float:right;
+ margin-top:-22px; /* go up to center */
+}
+
+/*** END ***/
\ No newline at end of file
Deleted: trunk/css/gel/images/Graphique-32.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/button_bg.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/company.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/currency.gif
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/gelbluebutton.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/gelblueh.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/hoverbuttonblue.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/input_bg.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/inquiries.png
===================================================================
(Binary files differ)
Deleted: trunk/css/gel/images/inventory.gif
===================================================================
(Binary files differ)
Modified: trunk/css/gel/images/tick.png
===================================================================
(Binary files differ)
Modified: trunk/css/professional/default.css
===================================================================
--- trunk/css/professional/default.css 2012-07-28 04:06:45 UTC (rev 5565)
+++ trunk/css/professional/default.css 2012-07-28 10:13:11 UTC (rev 5566)
@@ -1,62 +1,45 @@
-/*--------------------------------------------------\
-| | | default.css |
-|---------------------------------------------------|
-| For use with: |
-| Web-ERP - http://web-erp.sourceforge.net |
-| by Logic Works Ltd |
-|---------------------------------------------------|
-| Developer: |
-| Shane Barnaby |
-| Steve Kaill |
-|---------------------------------------------------|
-| Note: |
-| Changes can be made to this CSS that will be |
-| reflected throughout Web-ERP. |
-|
-\--------------------------------------------------*/
-/* $Id$*/
+/***
+New "Professional" Theme for WebERP
+
+by Hindra Joshua
+
+*** This a very clean professional-looking theme - handsome!
+
+Based from the previous theme "SilverWolf"
+Credits to the original authors.
+
+NOTE:
+This CSS is not yet optimized. Some styles maybe 'redundant' or 'unused',
+but for the obvious one it will be cleaned up.
+To optimized the rest we should examined the whole codes! That would be for
+the next project. :)
+
+***/
+
body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10px;
- background-color: #DDDDDD;
- margin-left: 10px;
- margin-top: 5px;
- margin-bottom: 0px;
- margin-right: 10px;
- padding: 0px;
+ background-color: #ddd;
+ margin:0;
+ padding:0;
}
img {
border:none;
+ vertical-align:middle;
}
-
-/*links before selection */
a {
- font-family: Arial, Verdana, Helvetica;
- font-size: 10px;
- font-weight: normal;
- text-decoration: none;
- color: #0000FF;
+ color:blue;
+ text-decoration:none;
}
-
-/*links on any screen when mouse is hovering over them */
a:hover {
- color: #0000AA;
- text-decoration: underline;
+ color:blue;
+ text-decoration:underline;
}
-table {
- background-color: #EEEEFF;
+.centre { /* used */
margin: 0 auto;
-}
-
-.dpTbl {
- border: solid navy 1px;
-}
-
-div.centre {
- margin: 0 auto;
text-align:center;
}
@@ -66,41 +49,9 @@
font-size: 10px;
text-align: left;
}
-
td.select {
background-color:#eee;
}
-
-table.selection {
- background-color:#eee;
- outline-style:solid;
- outline-width:1px;
-}
-
-.dpTD {
- border: 0;
- width:20px;
- background-color: #EEEEEE;
- text-align:right;
- cursor:pointer;
-}
-
-.dpDayHighlight {
- border: 0;
- width:20px;
- background-color: yellow;
- text-align:right;
- cursor:pointer;
-}
-
-.dpTDHover {
- border: 0;
- width:20px;
- background-color: #CCCCCC;
- text-align:right;
- cursor:pointer;
-}
-
td.number {
text-align: right;
}
@@ -108,19 +59,17 @@
.EvenTableRows {
background-color: #CCCCCC;
}
-
.OddTableRows {
background-color: #EEEEEE;
}
-th {
+th { /* table heading */
font-weight: normal;
font-size: 10px;
background-color: #cccce5;
color: #330000;
text-align: center;
}
-
th.number {
font-weight: normal;
font-size: 10px;
@@ -140,87 +89,75 @@
color: maroon;
border: 1px solid maroon;
}
-
div.success {
background-color:#b9ecb4;
color: darkgreen;
border: 1px solid darkgreen;
}
-
div.info {
background-color:#c7ccf6;
color: navy;
border: 1px solid navy;
}
+/* input as button or text */
+/* NOTE: input for button should have different class, one for 'normal' and one for 'input button inside a table,
+which should have the same width as the column where it is located
+e.g.: class input_button, input_column_button, input_text */
input {
font-family: Arial, Verdana, Helvetica;
font-size: 10px;
}
-
input.number{
text-align: right;
}
-
input.image {
border-width:0px;
background-color: transparent;
}
-
input:hover{
+ background:lightblue;
}
+input.big {
+ width: 100px;
+}
+input.small {
+ width: 50px;
+}
+input.inputerror {
+ background-color: #fddbdb;
+}
+/* for buttons ***HJ***/
+button{
+ font-size:10px;
+}
+button:hover{
+ background:lightblue;
+}
+
+/* dropdown box */
+
select {
font-family: Arial, Verdana, Helvetica;
font-size: 10px;
}
+select.selecterror {
+ background-color: #fddbdb;
+}
+select:hover{
+ background:lightblue;
+}
p.good {
font-weight: bold;
color: green;
}
-
p.bad {
font-weight: bold;
color:red;
}
-#topMenu {
- width: 100%;
- color: black;
- background-color: white;
- border: none;
- border-bottom: 1px solid #999999;
-}
-
-#trim {
- background: white;
-}
-
-#page {
- width: 100%;
- color: black;
- font-size: 10px;
- white-space: nowrap;
- border: none;
-}
-
-#menuImg {
- vertical-align: top;
- text-align: center;
- margin: 0px;
- padding: 10px;
-}
-
-#mainMenu {
- width: 100%;
- color: black;
- background-color: white;
- border: none;
- margin: 0px;
- padding: 0px;
-}
-
.header {
background-image: url("");
background-repeat: no-repeat;
@@ -230,18 +167,13 @@
padding: 0px;
}
-.login {
- background-color: white;
- border: none;
-}
-
-textarea{
+textarea{ /* default style for textarre */
font-family: Arial, Verdana, Helvetica;
font-size: 10px;
}
-
textarea:hover{
}
+
/* Table type is used for UI tables type 1 */
.table1 {
width:90%;
@@ -273,417 +205,289 @@
TEXT-ALIGN:center;
}
-.callout_main {
+.page_title_text { /* used */
font-family: Arial, Verdana, Helvetica;
- background-color: white;
- border: none;
- width: 100%;
- margin: 0px;
- padding: 0px;
+ padding-top: 2px;
+ padding-bottom: 2px;
+ font-weight: bold;
+ font-size: 10px;
+ color: black;
+ TEXT-ALIGN:center;
}
-.main_page {
- background-color: white;
- border: none;
- width: 100%;
- margin: 0px;
- padding: 0px;
- font-size: 10px;
+DIV.page_help_text {
+ background: lightgrey url(images/help.png) top left no-repeat;
+ BORDER: #a52a2a 1px solid;
+ padding-top:2px;
+ padding-bottom: 2px;
+ PADDING-LEFT: 10px;
+ Z-INDEX: 1;
+ width: 80%;
+ FLOAT: none;
+ VISIBILITY: visible;
+ MARGIN: 0 auto;
+ POSITION: static;
+ font-family: Arial, Verdana, Helvetica;
+ font-weight: normal;
+ font-size: 10px;
+ color: black;
+ TEXT-ALIGN:center;
}
-/* Main page heading with quick menu within */
-.quick_menu {
- width: 100%;
- background-color: white;
- border: none;
- margin: 0px;
- padding: 0px;
- color: #eee;
- border-top: 2px #AAAAAA solid;
- border-left: 2px #AAAAAA solid;
- border-right: 2px white solid;
- border-bottom: 4px white solid;
- text-align: right;
- /* position: relative;
- top: 3px; */
+.menu_group_item a {
}
-
-#quick_menu{
+.menu_group_items a:hover {
+ color: #0000aa;
+ text-decoration: underline;
}
-/*The main page heading left part before quick menu */
-.quick_menu_left {
- font-family: Arial, Verdana, Helvetica;
- font-size: 10px;
- font-weight: bold;
- border: 0px;
- white-space: nowrap;
- margin: 2px;
- padding: 2px;
- color: black;
-}
-/*the Select Customer / Item / Supplier Menu tabs */
-.quick_menu_tabs {
- background-color: white;
- white-space: nowrap;
- border: none;
- margin: 0px;
- padding: 0px;
- text-align: right;
-}
-.quick_menu_tab{
- background: #EEEEFF;
- height:28pt;
- white-space: nowrap;
- border-left: solid 1px #aaa;
- border-right: solid 1px #aaa;
- padding-left: 10px;
- padding-right: 10px;
- text-align: right;
+textarea.texterror {
+ background-color: #fddbdb;
}
-.quick_menu_tab a{ /*The quick menu links */
- color:blue;
- font-weight:bold;
-}
-.quick_menu_left a{ /*The links to the user settings */
- color:black;
-}
-.quick_menu_tab a:hover{
- color:#ffc;
- text-decoration:none;
- font-weight:bold;
+.tableheader {
+ font-weight: normal;
+ background-color: #cccce5;
+ color: #330000;
}
-.quick_menu_left a:hover{
- color:blue;
- text-decoration:none;
+.notavailable {
+ font-weight:lighter;
+ font-style:italic;
+ color:#555555;
}
-.quick_menu_tab:hover{
- color:#ffd;
+.label { /* used */
+ font-weight:bold;
+ font-style:normal;
+ font-size:12px;
+ color:black;
+ background-color:#cccccc;
}
-/*the Select Customer / Item / Supplier Menu tabs */
-.system_menu_tabs {
- background-color: white;
- white-space: nowrap;
- border: none;
- margin-left: 6px;
- margin-right: 6px;
- margin-top: 0px;
- margin-bottom: 0px;
- padding: 0px;
- text-align: center;
-}
-.system_menu_tabs a {
- font-size: 10px;
- color: black;
+.OsRow {
+ background-color: #234567;
+ color: white;
}
-.system_menu_tabs a:hover {
- font-size: 10px;
- color: black;
+.table_index {
+ background-color: #F1FFDD;
}
-.main_area {
- border: 2px inset white;
- width: 100%;
- background-color: white;
+li {
+ list-style-image: url(bullet.gif);
}
-.main_menu {
- border: 2px inset white;
-}
+/*** CANVAS ***/
-.main_menu table {
- border: 0px;
- width: 100%;
- margin-top: 2px;
- margin-bottom: 2px;
+#CanvasDiv{
+ background:#fff;
+ margin:5px;
+ border:thin inset #ddd;
}
-.main_menu_unselected {
- background-color: #CCCCCC;
- border: 2px outset white;
-/* position: relative; */
- text-align: center;
- white-space: nowrap;
-}
+/*** HEADER ***/
-.main_menu_unselected:hover{
+#HeaderDiv {
+ overflow:hidden; /* REQUIRED: height according to items contained */
+ color:black;
+ padding-left:3px;
}
-.main_menu_selected:hover{
+#HeaderWrapDiv{
}
-.main_menu_unselected a{
-}
+/*** HEADER - APP INFO ***/
-.main_menu_unselected a:hover{
+#AppInfoDiv{
+ float:left; /* REQUIRED: to the left */
}
-
-.main_menu_selected {
- background-color: #CCCCCC;
- border: 2px inset white;
-/* position: relative; */
- text-align: center;
- white-space: nowrap;
+#AppInfoDiv img{
+ vertical-align:middle; /* center image and text vertically */
}
-
-.main_menu_selected a{
- color: #eee;
- font-weight:bold;
+#AppInfoCompanyDiv{
+ display:table-cell; /* REQUIRED: as a cell */
}
-
-.main_menu_selected a:hover{
- color: #fff;
- text-decoration: none;
+#AppInfoUserDiv{
+ display:table-cell; /* REQUIRED: as a cell */
}
-
-span.main_menu_nolink {
- font-family: Arial, Verdana, Helvetica;
- font-size: 10px;
- font-weight: bold;
- color: #777777;
- text-decoration: none;
- white-space: nowrap;
+#AppInfoUserDiv a{
+ color:black;
}
-
-.main_menu a {
- font-weight: normal;
+#AppInfoUserDiv a:hover{
+ color:blue;
+ text-decoration:underline;
}
-
-.main_menu a:hover {
- color: #0000aa;
- text-decoration: underline;
+#AppInfoModuleDiv{
}
-.menu_group_img {
- background-color: #CCCCCC;
- text-align: center;
- width: 90px;
- position: relative;
- left: 3px;
-}
+/*** HEADER - QUICK MENU ***/
-.menu_group_img img{
- position: relative;
- top: 10px;
+#QuickMenuDiv{
+ float:right; /* to the right side */
+ margin-top:3px;
}
-
-.menu_group_area {
- border: 2px inset white;
+#QuickMenuDiv ul{
+ list-style:none; /* hide the bullets */
}
-
-.blank_area table {
- border: 0px;
- width: 100%;
+#QuickMenuDiv li{
+ display:inline; /* items are inline */
}
-.menu_group_headers {
- border: 2px outset #AAAAAA;
- width: 25%;
+/*** links as buttons!!! clicking anywhere in the button will activate
+ the link!!! ***HJ***/
+
+#QuickMenuDiv li a{
+ padding:3px; /* links as button */
+ border:thin outset #ddd; /* un-pressed state */
+ background:#ddd;
}
-
-.menu_group_headers table{
+#QuickMenuDiv li a:hover{
+ padding:3px; /* links as button */
+ border:thin inset #ddd; /* pressed state */
+ text-decoration:none; /* no underline */
+ color:blue;
}
-.menu_group_headers_text {
- font-family: Arial, Verdana, Helvetica;
- font-size: 10px;
- font-weight: bold;
- color: black;
-}
+/*** BODY ***/
-.menu_group_items {
- vertical-align: top;
- background-color: white;
- border: 2px outset #AAAAAA;
- padding: 10px;
+#BodyDiv {
+ clear:both; /* REQUIRED */
+ overflow:hidden; /* REQUIRED */
+ color:black;
+ background:white;
}
-
-.menu_group_item {
- background-color: white;
- padding-top: 2px;
- padding-bottom: 2px;
+#BodyDiv table {
+ width:auto; /* automatic width */
+ margin: 0 auto;
+ margin-bottom:10px;
}
-
-.menu_group_item p {
- color: #00f; /* This is the color for bullets, I like it to be the same as the anchor color, but it's up to you */
- text-indent: -12px; /* this makes the bullet to appear as the li tag previously used */
- margin: 0 0 0 12px; /* One thing that I didn´t like of the li was that it had no left margin applied */
+#BodyDiv table.selection {
+ background:#eee;
+ padding:5px;
+ border:thin outset #eee;
}
+/*#BodyDiv .centre{
+ margin:0 auto 10px;
+ text-align:center;
+}*/
-.page_title_text {
- font-family: Arial, Verdana, Helvetica;
- padding-top: 2px;
- padding-bottom: 2px;
- font-weight: bold;
- font-size: 10px;
- color: black;
- TEXT-ALIGN:center;
-}
+/*** BODY - MAIN MENU ***/
-DIV.page_help_text {
- background: lightgrey url(images/help.png) top left no-repeat;
- BORDER: #a52a2a 1px solid;
- padding-top:2px;
- padding-bottom: 2px;
- PADDING-LEFT: 10px;
- Z-INDEX: 1;
- width: 80%;
- FLOAT: none;
- VISIBILITY: visible;
- MARGIN: 0 auto;
- POSITION: static;
- font-family: Arial, Verdana, Helvetica;
- font-weight: normal;
- font-size: 10px;
- color: black;
- TEXT-ALIGN:center;
+#MainMenuDiv{
+ float:left; /* REQUIRED: to the left side */
+ white-space:nowrap; /* don't break text */
+ text-align:center;
+ width:11%;
+ background:#ddd;
}
-
-DIV.system_check {
- BORDER: #a52a2a 1px solid;
- PADDING-LEFT: 3px;
- Z-INDEX: 1;
- width: 40%;
- FLOAT: none;
- VISIBILITY: visible;
- MARGIN: 0 auto;
- POSITION: static;
- background: lightgray;
- font-family: Arial, Verdana, Helvetica;
- padding-top: 1px;
- padding-bottom: 1px;
- font-weight: normal;
- font-size: 10px;
- color: black;
- TEXT-ALIGN:left;
+#MainMenuDiv ul{
+ list-style:none; /* REQUIRED: hide bullets */
+ padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */
+ margin:0;
}
-
-span.menu_group_nolink {
- font-family: Arial, Verdana, Helvetica;
- font-size: 10px;
- font-weight: normal;
- color: #777777;
- text-decoration: none;
+#MainMenuDiv li{
+ list-style:none; /* REQUIRED */
+ padding:0; /* REQUIRED */
}
-
-.menu_group_item a {
+#MainMenuDiv li a{ /* link as button!!! not-pressed state */
+ display:block; /* REQUIRED */
+ padding:3px;
+ border:thin outset #ddd;
+ color:blue;
}
-
-.menu_group_items a:hover {
- color: #0000aa;
- text-decoration: underline;
+#MainMenuDiv li a:hover{ /* link as button!!! pressed state */
+ text-decoration:none;
+ padding:3px;
+ border:thin inset #ddd;
+ background:#ddd;
}
-
-#footer {
- position: relative;
- bottom: -3px;
+#MainMenuDiv .main_menu_selected a{ /* the selected button */
+ border:thin inset #ccc;
+ background:#ccc;
+ color:blue;
+ text-decoration:none;
}
-a.footer {
- font-family: Arial, Verdana, Helvetica;
- color: black;
- font-weight: normal;
- font-size: 8px;
-}
+/*** BODY - SUB MENU ***/
-.footer {
- font-family: Arial, Verdana, Helvetica;
- color: black;
- font-weight: normal;
- font-size: 8px;
- text-align: center;
+#SubMenuDiv{
+ display:table; /* display as table, sub menu will auto adjust width */
+ width:89%; /* main menu is 10% */
}
-
-.legal {
- font-family: Arial, Helvetica, sans-serif;
- font-size: 9px;
- color: #333333;
+#SubMenuDiv ul{
+ list-style-type:none; /* REQUIRED: hide bullets */
+ padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */
+ margin-top:0px;
+ margin-left:3px;
+ border:thin outset #ddd;
}
-
-.box1 {
- border-color: #CCCCCC #333333 #333333 #CCCCCC;
- border-width: medium;
- border-style: ridge;
+#SubMenuDiv li{
+ /*list-style:none;*/ /* REQUIRED: hide the bullets */
+ background:#eee;
+ padding:2px;
}
-
-.promo {
- font-family: "Times New Roman", Times, serif;
- color: #000033;
+#SubMenuDiv li img{
+ vertical-align:middle; /* verticall align icon with the text */
}
-
-.titlebar {
- font-family: "Times New Roman", Times, serif;
- font-size: 9px;
- color: white;
- background-color: #336699;
+#SubMenuDiv .menu_group_headers {
+ background:#ddd;
+ outline:thin outset #ddd;
+ text-align:center;
+ color:black;
}
-
-.dingbat {
- font-family: Arial, Helvetica, sans-serif;
- background-color: #99CC99;
- color: #006666;
- font-weight: bolder;
- font-size: medium;
+#TransactionsDiv{
+ display:table-cell;
}
-
-
-input.big {
- width: 100px;
+#InquiriesDiv{
+ display:table-cell;
}
-
-input.small {
- width: 50px;
+#InquiriesDiv div{ /* default div, used for custom report header */
+ background:#ddd;
+ color:black;
+ padding:2px;
+ border:thin outset #ddd;
}
-
-input.inputerror {
- background-color: #fddbdb;
+#InquiriesDiv body{
+ background:#eee;
+ color:red;
+ padding:2px;
}
-
-textarea.texterror {
- background-color: #fddbdb;
+#MaintenanceDiv{
+ display:table-cell;
+/* float:left;*/
+/* width:32.5%;
+ border:thin solid black;*/
+
}
-
-select.selecterror {
- background-color: #fddbdb;
+.menu_group_item p {
+ color: #00f; /* This is the color for bullets, I like it to be the same as the anchor color, but it's up to you */
+ text-indent: -10px; /* this makes the bullet to appear as the li tag previously used */
+ margin: 0 0 0 12px; /* One thing that I didnÃÂôt like of the li was that it had no left margin applied */
}
-.tableheader {
- font-weight: normal;
- background-color: #cccce5;
- color: #330000;
-}
+/*** FOOTER ***/
-.notavailable {
- font-weight:lighter;
- font-style:italic;
- color:#555555;
+#FooterDiv{
+ clear:both; /* REQUIRED */
+ overflow:hidden;
+ color:gray;
}
-
-.label {
- font-weight:bold;
- font-style:normal;
- font-size:12px;
- color:black;
- background-color:#cccccc;
+#FooterWrapDiv{
+ overflow:hidden;
+ padding:3px;
}
-
-.OsRow {
- background-color: #234567;
- color: white;
+#FooterLogoDiv{
+ float:right; /* right side */
}
-
-.table_index {
- background-color: #F1FFDD;
+#FooterVersionDiv{
+ float:left; /* left side */
}
-
-li {
- list-style-image: url(bullet.gif);
+#FooterTimeDiv{
+ clear:left; /* below */
}
+
+/*** END ***/
\ No newline at end of file
Modified: trunk/css/professional/images/tick.png
===================================================================
(Binary files differ)
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
