From: <dai...@us...> - 2012-08-08 09:10:00
|
Revision: 5590 http://web-erp.svn.sourceforge.net/web-erp/?rev=5590&view=rev Author: daintree Date: 2012-08-08 09:09:46 +0000 (Wed, 08 Aug 2012) Log Message: ----------- Modified Paths: -------------- trunk/css/aguapop/login.css trunk/css/default/default.css trunk/css/default/login.css trunk/css/fresh/default.css trunk/css/fresh/login.css trunk/css/gel/default.css trunk/css/gel/login.css trunk/css/professional/default.css trunk/css/professional/login.css trunk/css/professional-rtl/default.css trunk/css/professional-rtl/login.css trunk/css/silverwolf/default.css trunk/css/silverwolf/login.css trunk/css/wood/default.css trunk/css/wood/login.css trunk/includes/session.inc Modified: trunk/css/aguapop/login.css =================================================================== --- trunk/css/aguapop/login.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/aguapop/login.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -80,3 +80,7 @@ width:50%; box-shadow:3px 3px 4px black inset; } + +#demo_text{ + padding:10px; +} \ No newline at end of file Modified: trunk/css/default/default.css =================================================================== --- trunk/css/default/default.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/default/default.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -4,866 +4,421 @@ ***/ -body { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - background-color: #CCCCDD; - margin:0; - padding:0 +body{ +background-color:#ccd; +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:10px; +margin:0; +padding:0 } -img { - border:none; - vertical-align:middle; +a{ +color:blue; +text-decoration:none; } - -/*links before selection */ -a { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - font-weight: normal; - text-decoration: none; - color: black; +a:hover{ +color:blue; +text-decoration:underline; } -/*links on any screen when mouse is hovering over them */ -a:hover { - background:#fff; - color: #2D8628; - text-decoration: underline; +img{ +border:none; +vertical-align:middle; } -table { - background-color: #587BA6; - margin: 0 auto; - width:100%; +.page_title_text{ +padding:5px; +font-weight:bold; +color:black; +TEXT-ALIGN:center; } - - -/*** CANVAS ***/ - -#CanvasDiv { +p.good{ +font-weight:bold; +color:green; } - -/*** HEADER ***/ - -#HeaderDiv { - color:white; - background:#588BB6; - overflow:hidden; +p.bad{ +font-weight:bold; +color:red; } -#HeaderDiv a{ - color:white; +table{ +margin:0 auto; +width:auto; +max-width:90%; +padding-bottom:5px; } -#HeaderDiv a:hover{ - color:black; - background:white; - text-decoration:underline; +table.selection{ +padding-bottom:5px; } -#HeaderWrapDiv{ +th{ +font-weight:normal; +background-color:#B06161; +color:white; } - -/*** HEADER - APP INFO ***/ - -#AppInfoDiv{ - display:table; - float:left; - padding: +th.number{ +text-align:right; +font-weight:normal; +background-color:#B06161; +color:white; } -#AppInfoDiv img{ - vertical-align:middle; +td{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:10px; +text-align:left; } -#AppInfoCompanyDiv{ - display:table-cell; +td.select{ +background-color:#eee; } -#AppInfoUserDiv{ - display:table-cell; +td.number{ +text-align:right; } -#AppInfoModuleDiv{ - display:table-row-group; +div.centre{ +margin:0 auto; +text-align:center; +padding:5px; } - -/*** HEADER - QUICK MENU ***/ - -#QuickMenuDiv{ - float:right; +input{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:10px; } -#QuickMenuDiv ul{ +input.number{ +text-align:right; } -#QuickMenuDiv ul li{ - display:inline; - border-left:thin ridge #588BB6; - padding:10px; +input.image{ +border-width:0px; +background-color:transparent; } - -/*** BODY ***/ - -#BodyDiv { - clear:both; -/* margin-left:5px; - margin-right:5px;*/ - color:black; - background:#588BB6; - overflow:hidden; +input:hover{ } -#BodyDiv table { - width:90%; - text-align:center; +select{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:10px; } - -#BodyWrapDiv{ - background:#CCCCCC; +textarea{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:10px; } - -/*** BODY - MAIN MENU ***/ - -#MainMenuDiv{ - float:left; - width:11%; - white-space:nowrap; - text-align:center; - border:thin solid gray; +textarea:hover{ } -#MainMenuDiv ul{ - margin:0; - padding:0; +.EvenTableRows{ +background-color:#CCCCCC; } -#MainMenuDiv li{ - list-style:none; +.OddTableRows{ +background-color:#EEEEEE; } -#MainMenuDiv li a:link, a:visited{ -/* color:black; - font-weight:bold;*/ +div.error{ +background-color:#fddbdb; +color:red; +border:1px solid red; } -#MainMenuDiv li a:hover{ - color:black; - background:white; - text-decoration:underline; +div.warn{ +background-color:#f5dbfd; +color:maroon; +border:1px solid maroon; } - -.main_menu_unselected{ - background:#40FC40; - padding:2px; +div.success{ +background-color:#b9ecb4; +color:darkgreen; +border:1px solid darkgreen; } -.main_menu_unselected:hover{ - background:white; +div.info{ +background-color:#c7ccf6; +color:navy; +border:1px solid navy; } -.main_menu_unselected a{ +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, sans-serif; +font-weight:normal; +font-size:10px; +color:black; +TEXT-ALIGN:center; } -.main_menu_unselected a:hover{ +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, sans-serif; +padding-top:1px; +padding-bottom:1px; +font-weight:normal; +font-size:10px; +color:black; +TEXT-ALIGN:left; } -.main_menu_selected { - background-color: white; - border:thin solid gray; - font-weight: normal; - text-align: center; - white-space: nowrap; - padding:2px; -} -.main_menu_selected:hover{ -} -.main_menu_selected a{ -} -.main_menu_selected a:hover{ -} -/*** BODY - SUB MENU ***/ - -#SubMenuDiv{ - display:table; - float:right; - overflow: hidden; - min-width: 88%; +.dpTbl { /* date picker background */ +border:thin solid black; +background:white; +box-shadow: 3px 3px 4px #000; /* shadow on modern browsers */ } -#SubMenuDiv ul{ - margin:0; - padding:0; +.dpTD{ +border:0; +width:20px; +background-color:#EEEEEE; +text-align:right; +cursor:pointer; } -#SubMenuDiv li{ - list-style:none; +.dpDayHighlight{ +border:0; +width:20px; +background-color:yellow; +text-align:right; +cursor:pointer; } -#SubMenuDiv a{ +.dpTDHover{ +border:0; +width:20px; +background-color:#CCCCCC; +text-align:right; +cursor:pointer; } -#SubMenuDiv a:hover{ - color:green; - text-decoration:underline; -} -#TransactionsDiv{ - float:left; - list-style:none; - width:33%; - border:thin solid black; - background:#EEEEEE; -/* display:table-cell; */ -} -#InquiriesDiv{ - float:left; - list-style:none; - width:33%; - border:thin solid black; - background:#EEEEEE; -/* display:table-cell; */ -} -#MaintenanceDiv{ - float:left; - list-style:none; - width:33%; - border:thin solid black; - background:#EEEEEE; -/* display:table-cell; */ -} -.menu_group_headers { - text-align:center; - color:black; - background:#EEEEEE; - border: thin outset #EEEEEE; -} -/*.menu_group_headers table{ -}*/ -/*.menu_group_headers_text { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - font-weight: normal; - color: white; -} -*/ -/*.menu_group_items { - background-color: white; - font-weight: normal; - padding: 15px; - border-top: 0px #AAAAAA solid; - border-left: 0px #AAAAAA solid; - border-right: 0px white solid; - border-bottom: 0px white solid; -}*/ -.menu_group_item { - background-color: white; - padding: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 */ -} -/*** FOOTER ***/ - -#FooterDiv{ - clear:both; - color:#CCCCCC; - background:#588BB6; - overflow:hidden; -} -#FooterWrapDiv{ - overflow:hidden; - padding:5px; -} -#FooterLogoDiv{ - background:white; - border-radius:8px 8px 8px 8px; - float:left; - padding:5px; -} -#FooterVersionDiv{ - float:left; - margin-left:10px; - margin-top:15px; - -} -#FooterTimeDiv{ - float:right; - margin-top:15px; -} - -/*** MISC ***/ - -div.centre { - margin: 0 auto; - text-align:center; -} - - - -/* -.dpTbl { - border: solid navy 1px; -} - -/*table detail items default format */ -td { - font-family: Arial, Verdana, Helvetica, sans-serif; - 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; -} - -.EvenTableRows { - background-color: #CCCCCC; -} - -.OddTableRows { - background-color: #EEEEEE; -} - -th { - font-weight: normal; - background-color: #800000; - color: white; -} - -th.number { - text-align: right; - font-weight: normal; - background-color: #800000; - color: white; -} - -div.error { - background-color:#fddbdb; - color: red; - border: 1px solid red; -} - -div.warn { - background-color:#f5dbfd; - 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 { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; -} - -input.number{ - text-align: right; -} - -input.image { - border-width:0px; - background-color: transparent; -} - -input:hover{ -} - -select { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; -} - -p.good { - font-weight: bold; - color: green; -} - -p.bad { - font-weight: bold; - color:red; -} - -#topMenu { - width: 100%; - color: black; - background-color: #E2E9EB; - border: none; - border-bottom: 1px solid #999999; -} - -#trim { - background: #CCCCCC; -} - -#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: #E3EBE2; - border: none; - margin: 0px; - padding: 0px; -} - -.header { - background-image: url(""); - background-repeat: no-repeat; - background-attachment: fixed; - border: none; - margin: 0px; - padding: 0px; -} - -.login { - background-color: white; - border: none; -} - -textarea{ - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; -} - -textarea:hover{ -} /* Table type is used for UI tables type 1 */ -.table1 { - width:90%; - background: #eee; - border: 0px 0px 2px 2px #222 solid; - margin: 0 auto; +.table1{ +width:90%; +background:#eee; +border:0px 0px 2px 2px #222 solid; +margin:0 auto; } /* Table type is used for UI tables type 2 */ -.table2 { - width:90%; - background: #eee; - border: 0px 0px 2px 2px #222 solid; - margin: 0 auto; -} +/*.table2{ +width:90%; +background:#eee; +border:0px 0px 2px 2px #222 solid; +margin:0 auto; +}*/ -input.address3 { - text-transform: uppercase; +.tableheader{ +font-weight:normal; +background-color:#800000; +color:white; } - -div.csv { - background:lightgray; - color: black; - border: 1px solid black; - PADDING-LEFT: 3px; - Z-INDEX: 1; - width: 50%; - FLOAT: none; - VISIBILITY: visible; - MARGIN: 0 auto; - POSITION: static; - font-family: Arial, Verdana, Helvetica, sans-serif; - padding-top: 1px; - padding-bottom: 1px; - font-weight: normal; - font-size: 10px; - TEXT-ALIGN:center; +.notavailable{ +font-weight:lighter; +font-style:italic; +color:#555555; } - -.callout_main { - font-family: Arial, Verdana, Helvetica, sans-serif; - background-color: white; - border: none; - width: 100%; - margin: 0px; - padding: 0px; +.label{ +font-weight:bold; +font-style:normal; +font-size:12px; +color:black; +background-color:#cccccc; } - -.main_page { - background-color: white; - border: none; - width: 100%; - margin: 0px; - padding: 0px; - font-size: 10px; +.table_index{ +background-color:#F1FFDD; } -/* Main page heading with quick menu within */ -.quick_menu { - width: 100%; - background-color: #588BB6; - border: none; - margin: 0px; - padding: 0px; - color: black; - border-top: 0px #AAAAAA solid; - border-left: 0px #AAAAAA solid; - border-right: 0px white solid; - border-bottom: 0px white solid; - text-align: right; - /* position: relative; - top: 3px; */ +.header{ +background-image:url(""); +background-repeat:no-repeat; +background-attachment:fixed; +border:none; +margin:0px; +padding:0px; } - -#quick_menu{ +input.inputerror{ +background-color:#fddbdb; } - -/*The main page heading left part before quick menu */ -.quick_menu_left { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - font-weight: bold; - border: 0px; - white-space: nowrap; - margin: 2px; - padding: 2px; - color: white; - text-align: left; +textarea.texterror{ +background-color:#fddbdb; } - -/*the Select Customer / Item / Supplier Menu tabs */ -.quick_menu_tabs { - background-color: #588BB6; - white-space: nowrap; - border: none; - margin: 0px; - padding: 0px; - text-align: right; +select.selecterror{ +background-color:#fddbdb; } - -.quick_menu_tab{ - background: #588BB6; - height:28pt; - white-space: nowrap; - border-left: solid 1px #aaa; - border-right: solid 1px #aaa; - padding-left: 10px; - padding-right: 10px; - text-align: right; +.OsRow{ +background-color:#234567; +color:white; } -.quick_menu_tab a{ - color:#fff; - font-weight:bold; -} +/*** CANVAS ***/ -.quick_menu_left a{ - color:#fff; +#CanvasDiv{ + background:#588BB6; } -.quick_menu_tab a:hover{ - color:#ffc; - text-decoration:none; - font-weight:bold; -} +/*** HEADER ***/ -.quick_menu_left a:hover{ - color:#ffc; - text-decoration:none; +#HeaderDiv{ +color:white; +/*background:#588BB6;*/ +/*overflow:hidden;*/ } - -.quick_menu_tab:hover{ - color:#ffd; +#HeaderDiv a{ +color:white; } -/*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; +#HeaderDiv a:hover{ +text-decoration:underline; } - -.system_menu_tabs a { - font-size: 10px; - color: black; +#HeaderWrapDiv{ } -.system_menu_tabs a:hover { - font-size: 10px; - color: black; -} +/*** HEADER - APP INFO ***/ -.main_area { - border: 2px inset white; - width: 100%; - background-color: white; +#AppInfoDiv{ +float:left; +padding:0; } - -.main_menu { - background-color: #40FC40; - font-size: 10px; - border-top: 0px #AAAAAA solid; - border-bottom: 0px #AAAAAA solid; - font-weight: normal; - margin-top: 2px; - width: 100%; +#AppInfoCompanyDiv,#AppInfoUserDiv{ +display:table-cell; } - -.main_menu table { - border: 0px; - width: 100%; - margin-top: 2px; - margin-bottom: 2px; +#AppInfoModuleDiv{ } +/*** HEADER - QUICK MENU ***/ - -span.main_menu_nolink { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - font-weight: bold; - color: #777777; - text-decoration: none; - white-space: nowrap; +#QuickMenuDiv{ +float:right; +margin-top:2px; } - -.main_menu a { - color: black; - font-weight: bold; - text-decoration: none; - white-space: nowrap; +#QuickMenuDiv ul{ } - -.main_menu a:hover { - color: black; - text-decoration: underline; +#QuickMenuDiv li{ +display:inline; +border-left:thin ridge #588BB6; +padding:14px 12px; } -.menu_group_img { - background-color: #CCCCCC; - text-align: center; - width: 90px; - position: relative; - left: 3px; -} +/*** BODY ***/ -.menu_group_img img{ - position: relative; - top: 10px; +#BodyDiv{ +clear:both; } - -.menu_group_area { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - border: 2px inset white; - color: #cc6600; - background-color: #CCCCCC; - font-weight: normal; +#BodyWrapDiv{ +background:#CCCCCC; +/*border:thin solid #ccc;*/ +clear:both; } -.blank_area table { - border: 0px; - width: 100%; -} +/*** BODY - MAIN MENU ***/ - - -.page_title_text { - font-family: Arial, Verdana, Helvetica, sans-serif; - padding-top: 2px; - padding-bottom: 2px; - font-weight: bold; - font-size: 10px; - color: black; - TEXT-ALIGN:center; +#MainMenuDiv{ +float:left; +width:11%; +border:thin solid #000; +text-align:center; +white-space:nowrap; } - -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, sans-serif; - font-weight: normal; - font-size: 10px; - color: black; - TEXT-ALIGN:center; +#MainMenuDiv ul{ +margin:0; +padding:0; } - -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, sans-serif; - padding-top: 1px; - padding-bottom: 1px; - font-weight: normal; - font-size: 10px; - color: black; - TEXT-ALIGN:left; +#MainMenuDiv li{ +list-style:none; } -span.menu_group_nolink { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - font-weight: normal; - color: #777777; - text-decoration: none; +#MainMenuDiv li a{ +color:black; } - -.menu_group_item a { +#MainMenuDiv li a:hover{ +color:black; +text-decoration:underline; } - -.menu_group_items a:hover { - color: #0000aa; - text-decoration: underline; +.main_menu_unselected{ +background:#8EDE8D; +padding:2px; } - -#footer { - position: relative; - bottom: -3px; +.main_menu_unselected:hover{ +background:white; } - -a.footer { - font-family: Arial, Verdana, Helvetica, sans-serif; - color: black; - font-weight: normal; - font-size: 8px; +.main_menu_selected{ +background-color:white; +padding:2px; } -.footer { - font-family: Arial, Verdana, Helvetica, sans-serif; - color: #CCCCCC; - font-weight: normal; - font-size: 9px; - text-align: center; -} +/*** BODY - SUB MENU ***/ -.legal { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 9px; - color: #333333; +#SubMenuDiv{ +display:table; +float:right; +overflow:hidden; +width:88.5%; } - -.box1 { - border-color: #CCCCCC #333333 #333333 #CCCCCC; - border-width: medium; - border-style: ridge; +#SubMenuDiv ul{ +margin:0; +padding:0; +background:#fff; +border:thin solid black; +margin-left:3px; } - -.promo { - font-family: "Times New Roman", Times, serif; - color: #000033; +#SubMenuDiv li{ +list-style:none; } - -.titlebar { - font-family: "Times New Roman", Times, serif; - font-size: 9px; - color: white; - background-color: #336699; +#SubMenuDiv a{ +color:blue; } - -.dingbat { - font-family: Arial, Helvetica, sans-serif; - background-color: #99CC99; - color: #006666; - font-weight: bolder; - font-size: medium; +#SubMenuDiv a:hover{ +color:blue; +text-decoration:underline; } - -input.big { - width: 100px; +#TransactionsDiv, +#InquiriesDiv, +#MaintenanceDiv{ +display:table-cell; } - -input.small { - width: 50px; +.menu_group_headers{ +text-align:center; +color:black; +background:#eee; +border-bottom:thin solid black; } - -input.inputerror { - background-color: #fddbdb; +.menu_group_item{ +background-color:white; +padding:2px; } - -textarea.texterror { - 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:-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 */ } - -select.selecterror { - background-color: #fddbdb; +#InquiriesDiv div{ /* header for standard reports/forms, custom reports */ +border-top:thin solid black; +border-bottom:thin solid black; +background:#eee; +color:black; +padding:2px; } -.tableheader { - font-weight: normal; - background-color: #800000; - color: white; -} +/*** FOOTER ***/ -.notavailable { - font-weight:lighter; - font-style:italic; - color:#555555; +#FooterDiv{ +clear:both; +overflow:hidden; +color:#CCCCCC; +padding:3px 2px; } +#FooterWrapDiv{ -.label { - font-weight:bold; - font-style:normal; - font-size:12px; - color:black; - background-color:#cccccc; } - -.OsRow { - background-color: #234567; - color: white; +#FooterLogoDiv{ +background:white; +border-radius:7px; +float:left; +padding:3px; } +#FooterVersionDiv{ +float:left; +margin-left:10px; +margin-top:15px; -.table_index { - background-color: #F1FFDD; } - -li { - list-style-image: url(bullet.gif); +#FooterTimeDiv{ +float:right; +margin-top:15px; } Modified: trunk/css/default/login.css =================================================================== --- trunk/css/default/login.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/default/login.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -1,72 +1,65 @@ +/*** + +"Default" Login theme for WebERP + +by Hindra Joshua + +***/ + + /* $Id$*/ body { - padding: 0px; - margin: 0px; - text-align: center; - font: 14px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; - background: #fff url(images/stripe.png) repeat; - color: #777; +background:#ccd; +color:black; +font:14px "Lucida Grande","Arial","Helvetica","Verdana","sans-serif"; +text-align:center; } +img{ +vertical-align:middle; +} + #container { - text-align: left; - margin-top: 0px; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1000; - width: 300px; - background: #fff; +background:#588BB6; +border:thin solid black; +margin-left:auto; +margin-right:auto; +margin-top:50px; +width:300px; +z-index:1000; } #login_logo { - width: 200px; - height: 75px; - margin-left: 50px; - margin-top: 70px; - padding-top: 10px; - margin-bottom: 20px; - background: #fff url(../webERP.gif) repeat-x left bottom; +background:url("../webERP.gif") no-repeat scroll center center #FFFFFF; +border:medium outset gray; +border-radius:19px 19px 19px 19px; +height:44px; +margin:10% auto; +padding:12px; +width:190px; } -input{ - width: 200px; - border: solid #e3e3e3 1px; - height:25px; - background:url(images/input_bg.png) repeat-x left top; - padding:4px 0; - vertical-align:middle; - margin-left:50px; - margin-bottom:10px; -} - -input:hover { - border: solid #aad4e3 1px; - background-position:left bottom; -} - input.button { - font-weight: bold; - color: #fff; - background:url(images/menu_bg.png) 0px -8px repeat-x; - border: solid #e3e3e3 1px; - padding: 0px; - margin-top: 10px; - margin-bottom: 30px; +background:none repeat scroll 0 0 transparent; +border:thick outset #588BB6; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +font-weight:bold; +box-shadow:3px 3px 4px; } input.button:hover { - background:url(images/menu_bg_dblue.png) 0px -8px repeat-x; +background:none repeat scroll 0 0 transparent; +border:thick inset #588BB6; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +box-shadow:3px 3px 4px inset; } -span{ - width:200px; - padding-top:7px; - padding-left:50px; -} - #demo_text{ - margin-left:50px; - width:200px; -} - + padding:10px; +} \ No newline at end of file Modified: trunk/css/fresh/default.css =================================================================== --- trunk/css/fresh/default.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/fresh/default.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -25,11 +25,6 @@ } /*** default styles ***/ - -img { - border:none; - vertical-align:middle; -} a { color:blue; text-decoration:none; @@ -38,58 +33,38 @@ color:blue; text-decoration: underline; } -table { - background-color: #ffffff; - margin: 0 auto; - width:100% + +img { + border:none; + vertical-align:middle; } -/*table detail items default format */ -td { - font-family: Arial, Verdana, Helvetica, sans-serif;; +p.page_title_text { + font-family: Arial, Verdana, Helvetica, sans-serif; + padding-top: 2px; + padding-bottom: 2px; + font-weight: bold; font-size: 10px; - text-align: left; + color: black; + background-color: #C9D392; + width: 30%; + TEXT-ALIGN:center; + margin: 10px auto; } - -/*** calendar picker ***/ - -#calendar{ - +p.good { /***/ + font-weight: bold; + color: green; } -.dpTbl { - border: solid navy 1px; +p.bad { /***/ + font-weight: bold; + color:red; } -.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; -} - -/*** /calendar picker ***/ - -div.centre { /* centering buttons / links */ +table { + background-color: #ffffff; margin: 0 auto; - text-align:center; + width:100% } - table.selection { } - th { font-weight: normal; font-size: 10px; @@ -103,42 +78,21 @@ background-color: #800000; color: white; } - +td { + font-family: Arial, Verdana, Helvetica, sans-serif;; + font-size: 10px; + text-align: left; +} td.select { background-color:#eee; } td.number { text-align: right; } - -.EvenTableRows { - background-color: #72824D; +div.centre { /* centering buttons / links */ + margin: 0 auto; + text-align:center; } -.OddTableRows { - background-color: #CAF17C; -} - -div.error { - background-color:#fddbdb; - color: red; - border: 1px solid red; -} -div.warn { - background-color:#f5dbfd; - 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: 0px solid navy; -} - input { font-family: Arial, Verdana, Helvetica, sans-serif;; font-size: 10px; @@ -152,94 +106,43 @@ } input:hover{ } - select { font-family: Arial, Verdana, Helvetica, sans-serif;; font-size: 10px; } - -p.good { /***/ - font-weight: bold; - color: green; -} -p.bad { /***/ - font-weight: bold; - color:red; -} - -.header { - background-image: url(""); - background-repeat: no-repeat; - background-attachment: fixed; - border: none; - margin: 0px; - padding: 0px; -} - -.login { - background-color: #ffffff; - border: none; -} - textarea{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; } - textarea:hover{ } - -/* Table type is used for UI tables type 1 */ -.table1 { - width:90%; - background: #eee; - border: 0px 0px 2px 2px #222 solid; - margin: 0 auto; +.EvenTableRows { + background-color: #72824D; } -/* Table type is used for UI tables type 2 */ -.table2 { - width:90%; - background: #eee; - border: 0px 0px 2px 2px #222 solid; - margin: 0 auto; +.OddTableRows { + background-color: #CAF17C; } -input.address3 { - text-transform: uppercase; +div.error { + background-color:#fddbdb; + color: red; + border: 1px solid red; } - -div.csv { - background:lightgray; - color: black; - border: 1px solid black; - PADDING-LEFT: 3px; - Z-INDEX: 1; - width: 50%; - FLOAT: none; - VISIBILITY: visible; - MARGIN: 0 auto; - POSITION: static; - font-family: Arial, Verdana, Helvetica, sans-serif; - padding-top: 1px; - padding-bottom: 1px; - font-weight: normal; - font-size: 10px; - TEXT-ALIGN:center; +div.warn { + background-color:#f5dbfd; + color: maroon; + border: 1px solid maroon; } - -p.page_title_text { - font-family: Arial, Verdana, Helvetica, sans-serif; - padding-top: 2px; - padding-bottom: 2px; - font-weight: bold; - font-size: 10px; - color: black; - background-color: #C9D392; - width: 30%; - TEXT-ALIGN:center; - margin: 10px auto; +div.success { + background-color:#b9ecb4; + color: darkgreen; + border: 1px solid darkgreen; } - +div.info { + background-color:#c7ccf6; + color: navy; + border: 0px solid navy; +} DIV.page_help_text { background: lightgrey url(images/help.png) top left no-repeat; BORDER: #a52a2a 1px solid; @@ -259,44 +162,93 @@ TEXT-ALIGN:center; } -input.inputerror { - background-color: #fddbdb; +/*** calendar picker ***/ +#calendar{ + } -textarea.texterror { - background-color: #fddbdb; +.dpTbl { + border: solid navy 1px; } -select.selecterror { - background-color: #fddbdb; +.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; +} +/*** /calendar picker ***/ +/* Table type is used for UI tables type 1 */ +.table1 { + width:90%; + background: #eee; + border: 0px 0px 2px 2px #222 solid; + margin: 0 auto; +} +/* Table type is used for UI tables type 2 */ +.table2 { + width:90%; + background: #eee; + border: 0px 0px 2px 2px #222 solid; + margin: 0 auto; +} .tableheader { font-weight: normal; background-color: #777C59; color: white; } - .notavailable { font-weight:lighter; font-style:italic; color:#555555; } - .label { font-weight:bold; font-style:normal; font-size:12px; color:black; } +.table_index { + background-color: #F1FFDD; +} + +.header { + background-image: url(""); + background-repeat: no-repeat; + background-attachment: fixed; + border: none; + margin: 0px; + padding: 0px; +} +input.inputerror { + background-color: #fddbdb; +} +textarea.texterror { + background-color: #fddbdb; +} +select.selecterror { + background-color: #fddbdb; +} .OsRow { background-color: #234567; color: white; } -.table_index { - background-color: #F1FFDD; -} - /*li { list-style-image: url(bullet.gif); }*/ @@ -381,6 +333,7 @@ color:black; background:white; padding:5px; + text-align:center; } #BodyDiv table { width:auto; /* automatic width */ @@ -438,6 +391,7 @@ #SubMenuDiv{ display:table; /* display as table, sub menu will auto adjust width */ width:89%; /* main menu is 10% */ + text-align:left; } #SubMenuDiv a:link, a:visited{ color:#5A5F00; Modified: trunk/css/fresh/login.css =================================================================== --- trunk/css/fresh/login.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/fresh/login.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -1,71 +1,65 @@ +/*** + +"Default" Login theme for WebERP + +by Hindra Joshua + +***/ + + /* $Id$*/ body { - padding: 0px; - margin: 0px; - text-align: center; - font: 14px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; - background: #fff; - color: #777; +background:#fff; +color:black; +font:14px "Lucida Grande","Arial","Helvetica","Verdana","sans-serif"; +text-align:center; } +img{ +vertical-align:middle; +} + #container { - text-align: left; - margin-top: 0px; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1000; - width: 300px; - background: #F1FFDD; +background:#C9D392; +border:thin solid black; +margin-left:auto; +margin-right:auto; +margin-top:50px; +width:300px; +z-index:1000; } #login_logo { - width: 200px; - height: 75px; - margin-left: 50px; - margin-top: 70px; - padding-top: 10px; - margin-bottom: 20px; - background: #fff url(../webERP.gif) repeat-x left bottom; +background:url("../webERP.gif") no-repeat scroll center center #FFFFFF; +border:medium outset gray; +border-radius:19px 19px 19px 19px; +height:44px; +margin:10% auto; +padding:12px; +width:190px; } -input{ - width: 200px; - border: solid #e3e3e3 1px; - height:25px; -/* background:url(images/input_bg.png) repeat-x left top; */ - padding:4px 0; - vertical-align:middle; - margin-left:50px; - margin-bottom:10px; -} - -input:hover { - border: solid #aad4e3 1px; - background-position:left bottom; -} - input.button { - font-weight: bold; - color: #000; - background:#777C59; - border: solid #e3e3e3 1px; - padding: 0px; - margin-top: 10px; - margin-bottom: 30px; +background:none repeat scroll 0 0 transparent; +border:thick outset #C9D392; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +font-weight:bold; +box-shadow:3px 3px 4px; } input.button:hover { - background: #feeC59; +background:none repeat scroll 0 0 transparent; +border:thick inset #C9D392; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +box-shadow:3px 3px 4px inset; } -label{ - width:200px; - padding-top:7px; - padding-left:50px; -} - #demo_text{ - margin-left:50px; - width:200px; -} + padding:10px; +} \ No newline at end of file Modified: trunk/css/gel/default.css =================================================================== --- trunk/css/gel/default.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/gel/default.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -23,10 +23,6 @@ padding:5px; } -img { - border:none; - vertical-align:middle; -} a { font-weight: normal; text-decoration: none; @@ -36,61 +32,38 @@ color: blue; text-decoration: underline; } -input:hover{ - background: url(images/inputh.png) #eee; - color:#000; - border: 1px 1px 1px 1px #000 solid; +img { + border:none; + vertical-align:middle; } -textarea{ - background: url(images/inputtxt.png) #eee; - color:#000; - border: 0px 0px 1px 1px #000 dashed; - font-family: Verdana, Arial, Helvetica; +.page_title_text { + font-family: Arial, Verdana, Helvetica, sans-serif; + padding-top: 2px; + padding-bottom: 2px; + font-weight: bold; font-size: 10px; - } -textarea:hover{ - background: url(images/inputhtxt.png) #eee; - color:#000; - border: 1px 1px 1px 1px #000 solid; + color: black; + TEXT-ALIGN:center; } +p.good { + font-weight: bold; + color: green; +} +p.bad { + font-weight: bold; + color:red; +} table { background-color: #eee; border: 0px 0px 2px 2px #222 solid; background: #eee; width:100%; } - -/***/ - -.dpTbl { - border: solid navy 1px; -} - -div.centre { - margin: 0 auto; - text-align:center; -} - -/*table detail items default format */ -td { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 10px; - text-align: left; -} - -td.select { - background-color:#eee; -} - table.selection { background-color:#eee; outline-style:solid; outline-width:1px; } - -td.number { - text-align: right; -} th { font-weight: normal; background-color: #ccc; @@ -105,46 +78,21 @@ font-size: 10px; color: #330000; } -/*** unknown ***/ - -/*** used ***/ - -.EvenTableRows { - background-color: #CCCCCC; +td { + font-family: Arial, Verdana, Helvetica, sans-serif; + font-size: 10px; + text-align: left; } - -.OddTableRows { - background-color: #EEEEEE; +td.select { + background-color:#eee; } - - -div.error { /*** is this used??? ***/ - background-color:red; - color: white; - font-style: italic; font-weight:bold; - border: 3px solid red; +td.number { + text-align: right; } - -div.warn { - background-color:#fa0; - color: black; - border: 1px solid black; +div.centre { + margin: 0 auto; + text-align:center; } - -div.success { /*** is this used??? ***/ - background-color:#b9ecb4; - color: #008000; - border: 1px solid #008000; -} - -div.info { /* ??? */ - background-color:#5d70f8; - color: white; - border: 1px solid white; -} - -/*** textbox and buttons ***/ - input{ background: url(images/input.png) #eee; color:#000; @@ -152,50 +100,24 @@ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; } - +input:hover{ + background: url(images/inputh.png) #eee; + color:#000; + border: 1px 1px 1px 1px #000 solid; +} input.number{ text-align: right; } - input.image { border-width:0px; background-color: transparent; } - -input:hover{ -} - select { background:#eee; color:#111; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; } - -p.good { - font-weight: bold; - color: green; -} - -p.bad { - font-weight: bold; - color:red; -} - -.header { - background-image: url(""); - background-repeat: no-repeat; - background-attachment: fixed; - border: none; - margin: 0px; - padding: 0px; -} - -.login { - background-color: white; - border: none; -} - textarea{ background: url(images/input.png) #eee; color:#000; @@ -203,114 +125,120 @@ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; } - textarea:hover{ } -/* Table type is used for UI tables type 1 */ -.table1 { /*** used ***/ - width:90%; - background: #eee; - border: 1px solid #222; - margin: 0 auto; +.EvenTableRows { + background-color: #CCCCCC; } - -input.address3 { /*** used ***/ - text-transform: uppercase; +.OddTableRows { + background-color: #EEEEEE; } - -div.csv { /*** used ***/ - background:lightgray; - color: black; - border: 1px solid black; - PADDING-LEFT: 3px; - Z-INDEX: 1; - width: 50%; - FLOAT: none; - VISIBILITY: visible; - MARGIN: 0 auto; - POSITION: static; - font-family: Arial, Verdana, Helvetica, sans-serif; - padding-top: 1px; - padding-bottom: 1px; - font-weight: normal; - font-size: 10px; - TEXT-ALIGN:center; -} - -.page_title_text { - font-family: Arial, Verdana, Helvetica, sans-serif; - padding-top: 2px; - padding-bottom: 2px; - font-weight: bold; +textarea{ + background: url(images/inputtxt.png) #eee; + color:#000; + border: 0px 0px 1px 1px #000 dashed; + font-family: Verdana, Arial, Helvetica; font-size: 10px; + } +textarea:hover{ + background: url(images/inputhtxt.png) #eee; + color:#000; + border: 1px 1px 1px 1px #000 solid; +} +div.error { /*** is this used??? ***/ + background-color:red; + color: white; + font-style: italic; font-weight:bold; + border: 3px solid red; +} +div.warn { + background-color:#fa0; color: black; - TEXT-ALIGN:center; + border: 1px solid black; } - -div.page_help_text { +div.success { /*** is this used??? ***/ + background-color:#b9ecb4; + color: #008000; + border: 1px solid #008000; +} +div.info { /* ??? */ + background-color:#5d70f8; + color: white; + border: 1px solid white; +} +DIV.page_help_text { background: lightgrey url(images/help.png) top left no-repeat; - border: #a52a2a 1px solid; + BORDER: #a52a2a 1px solid; padding-top:2px; - padding-bottom: 2px; - padding-left: 10px; - z-index: 1; + padding-bottom: 2px; + PADDING-LEFT: 10px; + Z-INDEX: 1; width: 80%; - float: none; - visibility: visible; - margin: 0 auto; - position: static; + FLOAT: none; + VISIBILITY: visible; + MARGIN: 0 auto; + POSITION: static; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: black; - text-align:center; + TEXT-ALIGN:center; } - -div.system_check { /*** is this used??? */ - border: #a52a2a 1px solid; - padding-left: 3px; - z-index: 1; +DIV.system_check { /*** is this used??? */ + BORDER: #a52a2a 1px solid; + PADDING-LEFT: 3px; + Z-INDEX: 1; width: 40%; - float: none; - visibility: visible; - margin: 0 auto; - position: static; + FLOAT: none; + VISIBILITY: visible; + MARGIN: 0 auto; + POSITION: static; background: lightgray; - font-family: arial, verdana, helvetica, sans-serif; + font-family: Arial, Verdana, Helvetica, sans-serif; padding-top: 1px; padding-bottom: 1px; font-weight: normal; font-size: 10px; color: black; - text-align:left; + TEXT-ALIGN:left; } -input.big { - width: 100px; +.dpTbl { + border: solid navy 1px; } - -input.small { - width: 50px; +.dpTD{ +border:0; +width:20px; +background-color:#EEEEEE; +text-align:right; +cursor:pointer; } - -input.inputerror { /* used */ - background-color: #fddbdb; +.dpDayHighlight{ +border:0; +width:20px; +background-color:yellow; +text-align:right; +cursor:pointer; } - -textarea.texterror { /* used */ - background-color: #fddbdb; +.dpTDHover{ +border:0; +width:20px; +background-color:#CCCCCC; +text-align:right; +cursor:pointer; } -select.selecterror { /* used */ - background-color: #fddbdb; +.table1 { /*** used ***/ + width:90%; + background: #eee; + border: 1px solid #222; + margin: 0 auto; } - .tableheader { /* used */ font-weight: normal; background-color: #cccce5; color: #330000; } - .notavailable { /* used */ font-weight: normal; font-style:italic; @@ -323,16 +251,31 @@ color:black; background-color:#cccccc; } +.table_index { /* used */ + background-color: #eee; +} +.header { + background-image: url(""); + background-repeat: no-repeat; + background-attachment: fixed; + border: none; + margin: 0px; + padding: 0px; +} +input.inputerror { /* used */ + background-color: #fddbdb; +} +textarea.texterror { /* used */ + background-color: #fddbdb; +} +select.selecterror { /* used */ + background-color: #fddbdb; +} .OsRow { /* used */ background-color: #234567; color: white; } - -.table_index { /* used */ - background-color: #eee; -} - li { /* ??? */ list-style-image: url(bullet.gif); } @@ -423,6 +366,7 @@ overflow:hidden; /* REQUIRED */ color:black; background:whitesmoke; + text-align:center; } #BodyDiv table { width:auto; /* automatic width */ @@ -440,8 +384,8 @@ float:left; /* REQUIRED: to the left side */ white-space:nowrap; /* don't break text */ text-align:center; - width:12%; - background:url(images/gelblue.png) repeat-y blue; + width:11%; + background:url(images/gelbluev.png) repeat-y blue; background-size:contain; border:2px outset blue; border-radius:20px; @@ -484,15 +428,19 @@ /*** BODY - SUB MENU ***/ #SubMenuDiv{ - float:right; - overflow: hidden; - min-width: 86%; - margin-top:5px; + display:table; + margin-left:auto; + margin-right:auto; + padding-top:5px; + width:87%; + text-align:left; } #SubMenuDiv ul{ list-style-type:none; /* REQUIRED: hide bullets */ padding:0; /* REQUIRED: remove extra gaps (ex-bullets) */ margin:0; + border:thin solid black; + margin-left:3px; } #SubMenuDiv li{ list-style:none; /* REQUIRED: hide the bullets */ @@ -530,16 +478,10 @@ background:#bfd8ff; } #TransactionsDiv{ - float:left; /* REQUIRED: to the left side */ - width:32.5%; - border:thin solid black; - margin-right:4px; + display:table-cell; } #InquiriesDiv{ - float:left; - width:32.5%; - border:thin solid black; - margin-right:4px; + display:table-cell; } #InquiriesDiv div{ /* default div, used for custom report header */ background:#dddddd; @@ -548,9 +490,7 @@ /* border:thin outset silver;*/ } #MaintenanceDiv{ - float:left; - width:32.5%; - border:thin solid black; + display:table-cell; } /*** FOOTER ***/ Modified: trunk/css/gel/login.css =================================================================== --- trunk/css/gel/login.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/gel/login.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -1,74 +1,68 @@ +/*** + +"Gel" Login theme for WebERP + +by Hindra Joshua + +***/ + + /* $Id$*/ body { - padding: 0px; - margin: 0px; - text-align: center; - font: 14px "Arial", "Helvetica", "Verdana", "sans-serif"; - background: #fff url(images/back.png) repeat; - color: #000; +background:#fff; +color:white; +font:14px "Lucida Grande","Arial","Helvetica","Verdana","sans-serif"; +text-align:center; } +img{ +vertical-align:middle; +} + #container { - text-align: left; - margin-top: 0px; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1000; - width: 300px; - background: #eee; +background:url("images/gelblue.png") repeat-x blue; +background-size:contain; +border:medium outset blue; +border-radius:15px 15px 15px 15px; +box-shadow:5px 5px 6px; +margin-left:auto; +margin-right:auto; +margin-top:50px; +width:300px; +z-index:1000; +box-shadow:5px 5px 7px black; } #login_logo { - width: 200px; - height: 75px; - margin-left: 50px; - margin-top: 70px; - padding-top: 10px; - margin-bottom: 20px; - background: #fff url(../webERP.gif) repeat-x left bottom; - border: solid #000 2px;border-top:#ccc 1px solid;border-left:#aaa 1px solid; +background:url("../webERP.gif") no-repeat scroll center center #FFFFFF; +border:medium outset gray; +border-radius:19px 19px 19px 19px; +height:44px; +margin:10% auto; +padding:12px; +width:190px; } - -input{ - width: 200px; - border: solid #000 1px; - height:25px; - background:url(images/input.png) 0px -1px repeat-x; - padding:4px 0; - vertical-align:middle; - margin-left:50px; - margin-bottom:10px; - color:#000; - border-top:#ccc 1px solid;border-left:#aaa 1px solid; +input.button{ +background:none repeat scroll 0 0 transparent; +border:thick outset blue; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +box-shadow:3px 3px 4px black; +color:white; } -input:hover { - border: solid #000 1px;border-top:#ccc 1px solid;border-left:#aaa 1px solid; - background-position:top left; -} - -input.button { - font-weight: bold; - color: #000; - background:url(images/input.png) 0px -1px repeat-x; - border: solid #000 1px;border-top:#ccc 1px solid;border-left:#aaa 1px solid; - padding: 0px; - margin-top: 10px; - margin-bottom: 30px; -} - input.button:hover { - background:url(images/inputh.png) 0px -1px repeat-x; +background:none repeat scroll 0 0 transparent; +border:thick inset blue; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +box-shadow:3px 3px 4px black inset; } -span{ - width:200px; - padding-top:7px; - padding-left:50px; -} - #demo_text{ - margin-left:50px; - width:200px; -} +padding:10px; +} \ No newline at end of file Modified: trunk/css/professional/default.css =================================================================== --- trunk/css/professional/default.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/professional/default.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -52,6 +52,33 @@ td.select { background-color:#eee; } +.dpTbl { + border: solid navy 1px; + background:white; +} +.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; } @@ -278,9 +305,9 @@ background-color: #F1FFDD; } -li { +/*li { list-style-image: url(bullet.gif); -} +}*/ /*** CANVAS ***/ @@ -359,6 +386,7 @@ overflow:hidden; /* REQUIRED */ color:black; background:white; + text-align:center; } #BodyDiv table { width:auto; /* automatic width */ @@ -417,6 +445,7 @@ #SubMenuDiv{ display:table; /* display as table, sub menu will auto adjust width */ width:89%; /* main menu is 10% */ + text-align:left; } #SubMenuDiv ul{ list-style-type:none; /* REQUIRED: hide bullets */ Modified: trunk/css/professional/login.css =================================================================== --- trunk/css/professional/login.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/professional/login.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -1,71 +1,65 @@ +/*** + +"Default" Login theme for WebERP + +by Hindra Joshua + +***/ + + /* $Id$*/ body { - padding: 0px; - margin: 0px; - text-align: center; - font: 14px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; - background: #fff; - color: #777; +background:#fff; +color:black; +font:14px "Lucida Grande","Arial","Helvetica","Verdana","sans-serif"; +text-align:center; } +img{ +vertical-align:middle; +} + #container { - text-align: left; - margin-top: 0px; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1000; - width: 300px; - background: #cdf; +background:#ddd;; +border:thin solid black; +margin-left:auto; +margin-right:auto; +margin-top:50px; +width:300px; +z-index:1000; } #login_logo { - width: 200px; - height: 75px; - margin-left: 50px; - margin-top: 70px; - padding-top: 10px; - margin-bottom: 20px; - background: #fff url(../webERP.gif) repeat-x left bottom; +background:url("../webERP.gif") no-repeat scroll center center #FFFFFF; +border:medium outset gray; +border-radius:19px 19px 19px 19px; +height:44px; +margin:10% auto; +padding:12px; +width:190px; } -input{ - width: 200px; - border: solid #e3e3e3 1px; - height:25px; -/* background:url(images/input_bg.png) repeat-x left top; */ - padding:4px 0; - vertical-align:middle; - margin-left:50px; - margin-bottom:10px; -} - -input:hover { - border: solid #aad4e3 1px; - background-position:left bottom; -} - input.button { - font-weight: bold; - color: #000; - background:#27f; - border: solid #e3e3e3 1px; - padding: 0px; - margin-top: 10px; - margin-bottom: 30px; +background:none repeat scroll 0 0 transparent; +border:thick outset #ddd; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +font-weight:bold; +box-shadow:3px 3px 4px; } input.button:hover { - background: #f11; +background:none repeat scroll 0 0 transparent; +border:thick inset #ddd; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +box-shadow:3px 3px 4px inset; } -span{ - width:200px; - padding-top:7px; - padding-left:50px; -} - #demo_text{ - margin-left:50px; - width:200px; -} + padding:10px; +} \ No newline at end of file Modified: trunk/css/professional-rtl/default.css =================================================================== --- trunk/css/professional-rtl/default.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/professional-rtl/default.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -54,6 +54,33 @@ td.select { background-color:#eee; } +.dpTbl { + border: solid navy 1px; + background:white; +} +.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; } @@ -362,6 +389,7 @@ overflow:hidden; /* REQUIRED */ color:black; background:white; + text-align:center; } #BodyDiv table { width:auto; /* automatic width */ @@ -420,6 +448,7 @@ #SubMenuDiv{ display:table; /* display as table, sub menu will auto adjust width */ width:89%; /* main menu is 10% */ + text-align:left; } #SubMenuDiv ul{ list-style-type:none; /* REQUIRED: hide bullets */ Modified: trunk/css/professional-rtl/login.css =================================================================== --- trunk/css/professional-rtl/login.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/professional-rtl/login.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -1,71 +1,65 @@ +/*** + +"Default" Login theme for WebERP + +by Hindra Joshua + +***/ + + /* $Id$*/ body { - padding: 0px; - margin: 0px; - text-align: center; - font: 14px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif"; - background: #fff; - color: #777; +background:#fff; +color:black; +font:14px "Lucida Grande","Arial","Helvetica","Verdana","sans-serif"; +text-align:center; } +img{ +vertical-align:middle; +} + #container { - text-align: left; - margin-top: 0px; - margin-left: auto; - margin-right: auto; - position: relative; - z-index: 1000; - width: 300px; - background: #cdf; +background:#ddd;; +border:thin solid black; +margin-left:auto; +margin-right:auto; +margin-top:50px; +width:300px; +z-index:1000; } #login_logo { - width: 200px; - height: 75px; - margin-left: 50px; - margin-top: 70px; - padding-top: 10px; - margin-bottom: 20px; - background: #fff url(../webERP.gif) repeat-x left bottom; +background:url("../webERP.gif") no-repeat scroll center center #FFFFFF; +border:medium outset gray; +border-radius:19px 19px 19px 19px; +height:44px; +margin:10% auto; +padding:12px; +width:190px; } -input{ - width: 200px; - border: solid #e3e3e3 1px; - height:25px; -/* background:url(images/input_bg.png) repeat-x left top; */ - padding:4px 0; - vertical-align:middle; - margin-left:50px; - margin-bottom:10px; -} - -input:hover { - border: solid #aad4e3 1px; - background-position:left bottom; -} - input.button { - font-weight: bold; - color: #000; - background:#27f; - border: solid #e3e3e3 1px; - padding: 0px; - margin-top: 10px; - margin-bottom: 30px; +background:none repeat scroll 0 0 transparent; +border:thick outset #ddd; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +font-weight:bold; +box-shadow:3px 3px 4px; } input.button:hover { - background: #f11; +background:none repeat scroll 0 0 transparent; +border:thick inset #ddd; +border-radius:15px 15px 15px 15px; +padding:10px; +vertical-align:middle; +width:50%; +box-shadow:3px 3px 4px inset; } -span{ - width:200px; - padding-top:7px; - padding-left:50px; -} - #demo_text{ - margin-left:50px; - width:200px; -} + padding:10px; +} \ No newline at end of file Modified: trunk/css/silverwolf/default.css =================================================================== --- trunk/css/silverwolf/default.css 2012-08-08 08:27:42 UTC (rev 5589) +++ trunk/css/silverwolf/default.css 2012-08-08 09:09:46 UTC (rev 5590) @@ -7,7 +7,7 @@ Based from the previous theme "SilverWolf" Credits to the original authors. -NOTE: +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 @@ -16,340 +16,268 @@ ***/ -body { - font-family:Arial, Verdana, Helvetica, sans-serif; - font-size:10px; - background-color:white; - margin:0; - padding:5px; +body{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:10px; +background:url(images/stripe.png) white; +margin:0; +padding:5px; } -form { +a{ +color:#5B5B68; +text-decoration:none; } -img { - border:none; - vertical-align:middle; +a:hover{ +color:#000; +text-decoration:underline; } -a { - font-weight: normal; - text-decoration: none; - color: #5B5B68; +form{ } -a:hover { - color: #000; - text-decoration: underline; +img{ +border:none; +vertical-align:middle; } -table { - background-color: #fff; - width:100%; +p.good{ +font-weight:bold; +color:green; } -th { - font-weight: normal; - background-color: #C3C3C3; - font-size: 100%; - color: #300; - text-align: center; - vertical-align: middle; +p.bad{ +font-weight:bold; +color:red; } -th.number { - font-weight: normal; - background-color: #cccce5; - font-size: 100%; - color: #300; - text-align: right; - vertical-align: middle; +p.page_title_text{ /* page title, used in many *.php */ +background:gainsboro; +font-size:12px; +margin:10px auto; +padding:5px; +text-align:center; } -.tableheader { - font-weight: normal; - background-color: #cccce5; - color: #300; +table{ +width:auto; /* automatic width */ +max-width:90%; +margin:0 auto; +margin-bottom:10px; } - -/*table detail items default format */ -td { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 100%; - text-align: left; +table.selection{ } -td.select { - background-color:#eee; +th{ +font-weight:normal; +background-color:#C3C3C3; +font-size:100%; +color:#300; +text-align:center; +vertical-align:middle; } -table.selection { - background-color:#DCDCDC; - outline-style:solid; - outline-color: #8e8a8a; - outline-width:1px; +th.number{ +font-weight:normal; +background-color:#cccce5; +font-size:100%; +color:#300; +text-align:right; +vertical-align:middle; } -td.number { - text-align: right; +td{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:100%; +text-align:left; } -.EvenTableRows { - background-color: #ccc; +td.select{ +background-color:#eee; } -.OddTableRows { - background-color: #eee; +td.number{ +text-align:right; } - -.dpTbl { - border: solid navy 1px; +.centre{ +margin:0 auto 10px; +text-align:center; } -.dpTD { - border: 0; - width:20px; - background-color: #eee; - 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: #ccc; - text-align:right; - cursor:pointer; -} -/*** for messages ***/ - -div.error { - background-color: #fddbdb; - color: red; - border: 1px solid red; - width: 80%; - text-align: center; - margin: 0 auto; +input{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:100%; +background-color:#e3e1e1; +border-width:1px; +border-bottom-color:gray; +border-bottom-style:solid; +border-top-color:gray; +border-top-style:solid; +border-left-color:gray; +border-left-style:solid; +border-right-color:gray; +border-right-style:solid; } -div.warn { - background-color: #f5dbfd; - color: maroon; - border: 1px solid maroon; - width: 80%; - text-align: center; - margin: 0 auto; +input:hover{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:100%; +background-color:#e3e5f5; +border-width:1px; +border-bottom-color:gray; +border-bottom-style:solid; +border-top-color:gray; +border-top-style:solid; +border-left-color:gray; +border-left-style:solid; +border-right-color:gray; +border-right-style:solid; } -div.success { - background-color: #b9ecb4; - color: #006400; /* darkgreen is not a w3c css valid color */ - border: 1px solid #006400; /* darkgreen is not a w3c css valid color */ - width: 80%; - text-align: center; - margin: 0 auto; +input.number{ +text-align:right; } -div.info { - background-color: #c7ccf6; - color: navy; - border: 1px solid navy; - width: 80%; - text-align: center; - margin: 0 auto; +input.image{ +border-width:0px; +background-color:transparent; } -textarea { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 100%; - background-color: #e3e1e1; - border-width:1px; - border-bottom-color: gray; - border-bottom-style: solid; - border-top-color: gray; - border-top-style: solid; - border-left-color: gray; - border-left-style: solid; - border-right-color: gray; - border-right-style: solid; +select{ +font-family:Arial, Verdana, Helvetica, sans-serif; +font-size:100%; } - - -/*** text input and buttons ***/ - -input { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 100%; - background-color: #e3e1e1; - border-width:1px; - border-bottom-color: gray; - border-bottom-style: solid; - border-top-color: gray; - border-top-style: solid; - border-left-color: gray; - border-left-style: solid; - border-right-color: gray; - border-right-style: solid; +.EvenTableRows{ +background-color:#ccc; } - -input:hover { - font-family: Arial, Verdana, Helvetica, sans-serif; - font-size: 100%; - background-color: #e3e5f5; - border-width:1px; - border-bottom-color: gray; - border-bottom-style: solid; - border-top-color: gray; - border-top-style: solid; - border-left-color: gray; - border-left-style: solid; - border-right-color: gray; - border-right-style: solid; +.OddTableRows{ +background-color:#eee; } -input.number { - text-align: right; +div.error{ +background-color:#fddbdb; +color:red; +border:1px solid red; +width:80%; +text-align:center; +margin:0 auto; } - -input.image { - border-width:0px; - background-color: transparent;... [truncated message content] |