diff --git a/admin-dev/themes/default/admin.css b/admin-dev/themes/default/admin.css index fefe712f7..720faf539 100644 --- a/admin-dev/themes/default/admin.css +++ b/admin-dev/themes/default/admin.css @@ -1,91 +1,64 @@ body {font-family: Arial, Helvetica, sans-serif;} -h1, h2, h3, h4, h5, h6 {font-family: Arial, Helvetica, sans-serif;} + +h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; margin-bottom:.5em; line-height:1.4em; } +h2 { font-size:1.7em; } +h3 { font-size:1.25em; } +h4 { font-size:1.05em; } +h6 { font-size:1em; } +/*LIST*/ +ul,ol {list-style:none;} -ul li {list-style-type:none;} - +/*FORM*/ +label {color:#585a69;text-shadow:0 1px 0#fff;} +fieldset{background-color:#EBEDF4; border:1px solid #CCCED7;font-size:1.1em;margin:0;padding:1em} +legend{background:#EBEDF4;border:1px solid #CCCED7;font-weight:700;margin:0;padding:.2em .5em;text-align:left} +input[type="text"],input[type="password"],input[type="file"],textarea {border:1px solid #ccc;} +select { border:1px solid #ccc;} +select[disabled="disabled"], input[disabled="disabled"],textarea[disabled="disabled"] {border: 1px solid #CCCCCC;color: #AAAAAA} +.header_module{background:url(header_module.png);padding-left: 0.5em;padding-top: 0.8em;height:20px;color: #812143;border:solid 1px #CCC;} +/*BUTTON*/ +.button{background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;border-color: #CCCCCC #BBBBBB #A0A0A0;border-left: 1px solid #BBBBBB;border-radius: 3px 3px 3px 3px;border-right: 1px solid #BBBBBB;border-style: solid;border-width: 1px;color: #000000;margin: 0; outline: medium none;padding: 3px 8px;text-align: center;vertical-align: middle;white-space: nowrap;} +.button[disabled=disabled]{color:#8C8C8C} +input.button[disabled=disabled]:hover{background-color:#FFF6D3} +.button:hover{border:1px solid #939393;} #top_container{margin:0;padding:0} - /*HEADER*/ -#header { background-color: #3d3d3d; height:94px;} -#header_infos{float:left;font-size:10px;margin:10px 20px 4px 0;width:380px;} -#header_infos #header_shopname span{display:block;font-size:24px;height:28px;overflow:hidden;margin-bottom:-8px; color:#fff;} -#header_infos #header_logout{text-decoration:underline} -#header_infos #header_foaccess{text-decoration:none} -#header_search{float:right;height:39px;width:356px} -#header_search #bo_query{float:left;height:16px;line-height:16px;margin:8px 2px 0 30px;vertical-align:middle;width:140px} -#header_search #bo_search_type{float:left;height:21px;line-height:21px;margin:8px 2px 0 0;vertical-align:middle;width:90px} -#header_search #bo_search_submit{cursor:pointer;float:left;font-weight:700;margin:7px 0 0 2px;width:79px} -#header_quick{float:right;height:39px;margin-right:1px;width:175px} -#header_quick #quick_select{margin:8px 0 0 20px;vertical-align:middle;width:140px} -#header_shoplist{float: right;clear:right} -#header_myaccount{background:url(bg-lang.png) no-repeat;display:block;float:right;height:16px;margin:8px 1px 0 0;width:16px} +#header { background-color: #3d3d3d; height:114px; } +#header #header_infos{ position:relative; margin: 0; padding:0; height:84px; } +#header #header_shopname {float: left; margin:15px 0 0 20px;} +#header #employee_links {float: right; display:block; margin:15px 15px 0 15px; } +#header #employee_links a{ float:left; color:#fff; text-transform:capitalize;} +#header #employee_links .employee_name { float:left; color:#fff;} +#header .separator { background: transparent url(separator.png) no-repeat scroll center top; display: block;float: left;height: 19px; width: 16px;} +#header #header_infos #header_shopname span{display:block; font-size:24px; height:28px; overflow:hidden;margin:0; color:#fff;} +#header #header_infos #header_logout { background: transparent url(logout.png) no-repeat scroll left top; float:left; padding-left:20px; color:#fff !important; } +#header #header_infos #header_logout a { color:#fff !important;} +#header #header_infos #header_logout a span {color:#fff;} +#header #header_infos #header_foaccess{ text-decoration:none} +#header #header_search{ float:left; margin-top:15px; } +#header #header_search #bo_query{float:left;background: none repeat scroll 0 0 #fff; border-color: #666666 #CCCCCC #CCCCCC; + border-style:solid dotted solid solid; + border-width: 1px; color: #333; font: 13px Arial,sans-serif; padding: 4px 1px 4px 4px; width: 180px; + box-shadow: 0 1px 0 #444444;} +#header #header_search #bo_search_type{float:left; margin:0; padding:3px 0 4px; vertical-align:middle;width:auto; border-color: #666666 #CCCCCC #CCCCCC; + border-style:solid solid solid none; + border-width: 1px;} +#header #header_search #bo_search_submit{ border-color: #CCCCCC #BBBBBB; float:left;font-weight:normal; margin:0; padding: 4px 8px 3px; cursor:pointer; text-shadow: 0 1px 0 #fff; border-bottom-left-radius: 0; border-left: 0 none; border-top-left-radius: 0; } +#header #header_quick{float:right; display:block; margin-top:15px;} +#header #header_quick #quick_select{margin:0; padding:3px 0 4px; vertical-align:middle;width:140px} +#header #header_shoplist{ background-image:none; clear:both; float: right; color:#fff; margin-top:10px; margin-right:15px;} +#header #header_shoplist span { float:left; padding:3px;} +#header #header_myaccount{background:url(bg-lang.png) no-repeat;display:block;float:right;height:16px;margin:8px 1px 0 0;width:16px} + + .path_bar {display:none;} -.button{background-color:#FFF6D3;border:1px solid #DFD5AF;border-left:1px solid #FFF6D3;border-top:1px solid #FFF6D3;color:#268CCD;padding:3px} -.button[disabled=disabled]{color:#8C8C8C} -input.button[disabled=disabled]:hover{background-color:#FFF6D3} -.button:hover{background-color:#F0EBD6} -.table{border:1px solid #DFD5C3;padding:0} -.table th a{text-decoration:underline} -.table a:hover{text-decoration:none} -.table tr th{background:#F4E6C9 url(news-bg.gif) repeat-x top left;padding:4px 6px} -.table tr td{border-bottom:1px solid #DEDEDE;color:#963;font-size:.9em;height:23px;padding:0 4px 0 6px} -.table tr.action_details td{background:#FAFAFA;} -.table tr.alt_row.action_details td{background:#E8E8E8;} -.table tr td.empty{border-bottom:none;background:white!important} -.table tr td.first{border-left:1px solid #DEDEDE} -.table tr td.last{border-right:1px solid #DEDEDE} -.table tr.small td{height:15px} -.table tr.last td{border-bottom:none} -.alt_row{background-color:#EFEFEF} -.path_bar{background-color:#E2EBEE;border:1px solid #999999;font-family:Trebuchet,Arial,Helvetica,sans-serif;font-size:13px;margin-bottom:20px;padding:5px} -.path_bar a{font-weight:700} -.cat_bar{background-color:#F4E8CD;border:1px solid #999999;font-family:Trebuchet,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;margin-bottom:20px;padding:5px} -.cat_bar a{font-weight:700} -fieldset{background:#FFFFF0;border:1px solid #DFD5C3;font-size:1.1em;margin:0;padding:1em} -legend{background:#FFF6D3;border:1px solid #DFD5C3;font-weight:700;margin:0;padding:.2em .5em;text-align:left} - -/*MENU*/ -#menu{ background-color: #f8f8f8; border-bottom:1px solid #e5e5e5; float:left;height:36px;line-height:normal;margin:10px 0;*margin:0;padding:0;width:100%;} -#menu li.maintab{float:left;height:29px;list-style:none;margin:0 1px 0 0;list-style:none;display:block; border-left:1px solid #fff; border-right:1px solid #ccc;} -#menu li.submenu_size .title{color:#000;display:block;height:20px;padding:8px 6px 4px 0;font-weight:normal;font-size:0.95em;} -#menu li.submenu_size .title{_display:inline;_padding:6px 5px 4px 0} -#menu li{_height:32px;_padding-top:3px} -#menu img{display:inline;padding:0 3px 0 6px;vertical-align:top;width:16px;height:16px} -#menu li.active,#menu li:hover{background-position:0 -38px;white-space:nowrap;} -#menu li.active a{color:#000} -.submenu{background:#ECEADE;clear:both;color:#666;margin:0;padding:0;border:1px solid #999999;z-index:9999} -.withLeftBorder{background:transparent url(separator_subnav.png) no-repeat 0 5px} -.submenu li{list-style:none;margin:0;padding-left:7px;padding-right:7px;margin-top:8px;float:left;height:16px;} -.submenu li a{text-decoration:underline} -hr {height: 1px;color:#E0D0B1;background-color:#E0D0B1} -#footer {height:40px;background:#ECEADE url(footer-bg.png) repeat-x scroll left bottom;border:1px solid #999999;font-size:12px;clear:both;font-size:0.9em;color:#666666} -#content {} -input[type="text"],input[type="password"],input[type="file"],textarea {border:1px solid #ccc;} -select {border: 1px solid #E0D0B1} -select[disabled="disabled"], input[disabled="disabled"],textarea[disabled="disabled"] {border: 1px solid #CCCCCC;color: #AAAAAA} -.header_module{background:url(header_module.png);padding-left: 0.5em;padding-top: 0.8em;height:20px;color: #812143;border:solid 1px #CCC;} -a.action_module{color: #268CCD;text-decoration: underline;} -a.header_module_toggle{font-weight: bold;color: #268CCD;display:block;} -a.module_toggle_all{color: #268CCD;} -.nbr_module{float:right;margin-right:10px;font-style:italic;font-size:12px;color: #268CCD;} - -.autoupgradeSteps div { line-height: 30px; } -.upgradestep { margin-right: 5px;padding-left: 10px; padding-right: 5px;} -#upgradeNow.stepok, .autoupgradeSteps a.stepok { background-image: url("../img/admin/enabled.gif");background-position: left center;background-repeat: no-repeat;padding-left: 15px;} -#upgradeNow {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right: 1px solid #DFD5AF;border-style: solid;border-width: 1px;color: #268CCD;font-size: medium;padding: 5px;} -.button-autoupgrade {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right: 1px solid #DFD5AF;border-style: solid;border-width: 1px;color: #268CCD;font-size: medium;padding: 5px;} -.processing {overflow: auto;} - -#header_infos {width: 445px;} -#header_shopname {float: left;width: 300px;} -#employee_links {float: left;clear: both;margin-top: 10px;} -#notifs_icon_wrapper {float: left;position: relative;margin-top: 8px;} +#notifs_icon_wrapper {float: left;position: relative;margin-top: 20px;} .notifs {float: left;position: relative; cursor: pointer;margin: 0px 5px;width: 18px;height: 15px;} #orders_notif {background: url("notif_order.png") no-repeat left top;} #customers_notif {background: url("notif_customer.png") no-repeat left top;} @@ -99,11 +72,68 @@ a.module_toggle_all{color: #268CCD;} #header_infos .notifs_wrapper a {font-weight: bold;color: black;} .notifs_wrapper p {font-size: 12px;padding-top:8px;margin:0;border-top: 2px solid #E0E0E0;} .notifs_wrapper p.no_notifs {border: none;} + + +/*MENU*/ +#header #menu{ background-color: #f8f8f8; border-bottom:1px solid #e5e5e5; float:left;line-height:normal;margin:0;padding:0;width:100%;} +#header #menu li.maintab{float:left;height:29px;list-style:none;margin:0 1px 0 0;list-style:none;display:block; border-left:1px solid #fff; border-right:1px solid #ccc;} +#header #menu li#maintab1 { margin-left:20px;} +#header #menu li.submenu_size .title{color:#000;display:block; padding:8px 6px 4px 0;font-weight:normal;font-size:12px;} +#header #menu li.submenu_size .title{_display:inline;_padding:6px 5px 4px 0} +#header #menu li{_height:32px;_padding-top:3px} +#header #menu img{display:inline;padding:0 3px 0 6px; margin-top:-4px; vertical-align:middle;width:16px;height:16px} +#header #menu li.active, #header #menu li:hover{background-position:0 -38px;white-space:nowrap;} +#header #menu li.active a{} +#header #menu li:hover, #header #menu li.active {background-color:#49B2FF; } +#header #menu li.active span.title, #header #menu li:hover span.title {color:#fff; text-shadow: -1px -1px 0 #3293D6;} +#header #menu .withLeftBorder{background:transparent url(separator_subnav.png) no-repeat 0 5px} +#header #menu .submenu{background:#f8f8f8;clear:both;margin:0;padding:0;border:1px solid #d9d9d9;z-index:9999; box-shadow: 1px 5px 10px #CCCCCC; -moz-box-shadow:1px 5px 10px #CCCCCC; -webkit-box-shadow:1px 5px 10px #CCCCCC;} +#header #menu .submenu li{list-style:none;margin:0;padding:0;display:block;} +#header #menu .submenu li a{ font-size:12px;display:block;padding: 5px 15px 5px 10px; color:#666666;border-top:1px solid #fff; border-bottom:1px solid #ccc;} +#header #menu .submenu li a:hover { background-color:#eee; text-shadow:0 1px 0 #fff;} + +/*SEPARATION*/ +.separation { background-color:#ccc;border-bottom:1px solid #fff; width:100%; height:1px; margin:10px 0;} + +/*TABLE*/ +.table_grid {width:100%;} +.table{ background-color:#fff;border:1px solid #ccc;padding:0: border-radius:3px; -moz-border-radius:3px;-webkit-border-radius:3px;} +.filter {background-color:#f1f9ff;} +.table th a{text-decoration:underline} +.table a:hover{text-decoration:none} +.table tr th{ background-color: #F1F1F1; text-shadow:0 1px 0 #fff; background-image: -moz-linear-gradient(center top , #F9F9F9, #ECECEC);padding:4px 6px} +.table tr td{border-bottom:1px solid #ccc;color:#333;font-size:.9em;height:23px;padding:0 4px 0 6px} +.table tr.action_details td{background:#FAFAFA;} +.table tr.alt_row.action_details td{background:#E8E8E8;} +.table tr td.empty{border-bottom:none;background:white!important} +.table tr td.first{border-left:1px solid #DEDEDE} +.table tr td.last{border-right:1px solid #DEDEDE} +.table tr.small td{height:15px} +.table tr.last td{border-bottom:none} +td.col-left {vertical-align:top; padding-right:10px;} +td.col-left label { display:block; width:100%; text-align:right;} +.alt_row{background-color:#f8f8f8} +.path_bar{background-color:#E2EBEE;border:1px solid #999999;font-family:Trebuchet,Arial,Helvetica,sans-serif;font-size:13px;margin-bottom:20px;padding:5px} +.path_bar a{font-weight:700} +.cat_bar{background-color:#F4E8CD;border:1px solid #999999;font-family:Trebuchet,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;margin-bottom:20px;padding:5px} +.cat_bar a{font-weight:700} + +a.action_module{color: #268CCD;text-decoration: underline;} +a.header_module_toggle{font-weight: bold;color: #268CCD;display:block;} +a.module_toggle_all{color: #268CCD;} +.nbr_module{float:right;margin-right:10px;font-style:italic;font-size:12px;color: #268CCD;} + +.autoupgradeSteps div { line-height: 30px; } +.upgradestep { margin-right: 5px;padding-left: 10px; padding-right: 5px;} +#upgradeNow.stepok, .autoupgradeSteps a.stepok { background-image: url("../img/admin/enabled.gif");background-position: left center;background-repeat: no-repeat;padding-left: 15px;} +#upgradeNow {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right: 1px solid #DFD5AF;border-style: solid;border-width: 1px;color: #268CCD;font-size: medium;padding: 5px;} +.button-autoupgrade {-moz-border-bottom-colors: none;-moz-border-image: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #FFF6D3 #DFD5AF #DFD5AF #FFF6D3;border-right: 1px solid #DFD5AF;border-style: solid;border-width: 1px;color: #268CCD;font-size: medium;padding: 5px;} +.processing {overflow: auto;} + /*toolbarBox*/ -.toolbarBox { margin-bottom:10px;} +.toolbarBox { background-color: #F8F8F8; border: 1px solid #CCCCCC; margin-bottom:10px; padding:10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .toolbarBox .pageTitle { line-height:48px} .toolbarBox .pageTitle h3 {font-size: 2em; font-weight: bold; line-height: 48px; margin: 0; padding: 0;} - .toolbarBox ul.cc_button {float:right;margin:0;padding:0;} .toolbarBox ul.cc_button li {color: #666666; float: left; height: 48px; list-style: none outside none; padding: 1px 1px 3px 4px; text-align: center;} .toolbarBox a.toolbar_btn { border-color: #cccccc #bbbbbb #a0a0a0; border-left: 1px solid #bbbbbb; border-radius: 3px 3px 3px 3px; border-right: 1px solid #bbbbbb; border-style: solid; border-width: 1px;font-size:11px;cursor: pointer; display: block; float: left; padding: 1px 5px; white-space: nowrap; text-shadow: 0 1px 0 #ffffff; @@ -120,11 +150,9 @@ a.module_toggle_all{color: #268CCD;} .toolbarBox .process-icon-save { background-image: url(process-icon-save.png);} .toolbarBox .process-icon-save-and-stay { background-image: url(process-icon-save-and-stay.png);} - /*productBox*/ #productBox { position:relative; width:100%; float:left;} - /*tab-pane*/ form#product{ background-color:#ebedf4; border:1px solid #ccced7; min-height:300px; padding: 5px 10px 10px; margin-left:140px;} form.defaultForm{ background-color:#ebedf4; border:1px solid #ccced7; min-height:300px; padding: 5px 10px 10px;} @@ -140,9 +168,5 @@ form.defaultForm{ background-color:#ebedf4; border:1px solid #ccced7; min-heig .productTabs ul li.tab-row a.selected { background-color:#EBEDF4;font-weight:bold;color:#000; border-right:none;} .product-tab-content h4.tab { display:none;} - - - -ul.cc_button {float:right;margin:0;padding:6px 0;} -ul.cc_button li {float:left;text-decoration: none;list-style: none;font-size:12px;padding:5px 0;} -.table_grid{width:100%} +/*FOOTER*/ +#footer {height:40px;background:#ECEADE url(footer-bg.png) repeat-x scroll left bottom;border:1px solid #999999;font-size:12px;clear:both;font-size:0.9em;color:#666666} \ No newline at end of file diff --git a/admin-dev/themes/default/logout.png b/admin-dev/themes/default/logout.png new file mode 100644 index 000000000..3c0a16934 Binary files /dev/null and b/admin-dev/themes/default/logout.png differ diff --git a/admin-dev/themes/default/separator.png b/admin-dev/themes/default/separator.png new file mode 100644 index 000000000..06f12b95e Binary files /dev/null and b/admin-dev/themes/default/separator.png differ diff --git a/css/admin.css b/css/admin.css index 6b4728850..f93bb79cf 100644 --- a/css/admin.css +++ b/css/admin.css @@ -80,24 +80,18 @@ h1 { margin: 0 0 .67em 0; } h2 { - font-size: 1.4em; - margin: 0 0 .83em 0; - color: #268CCD; + font-size: 1.4em;; } h3 { font-size: 1.1em; - margin: 0 0 .83em 0; } h4 { - margin: 1.33em 0; } h5 { font-size: 0.83em; - margin: 1.67em 0; } h6 { font-size: 0.67em; - margin: 2.33em 0; } h3.blue { @@ -231,8 +225,9 @@ label.t { clear: none; padding: 0px; margin: 0px; - font-weight: bold; + font-weight: normal; font-size: 12px; + text-shadow:none; } label.child { float: none; @@ -327,6 +322,7 @@ select optgroup option { /* STRUCTURE */ #container { + margin: 0 auto 2em auto; text-align: left; } @@ -1714,44 +1710,4 @@ div.progressBarImage } #menu .submenu_size .submenu { display: none; position:absolute} #menu .submenu_size:hover > .submenu { display: block; } -.submenu li{float:none;clear:left;} -#customer_part #customers ul { - float:left; -} -#customer_part #customers ul li { - display:inline; - list-style-type: none; - float:left; - margin:10px; -} -#customer_part #customers ul li .id_customer { - font-weight:bold; - color:green; -} -#products_part #products_found { - display:none; -} -#vouchers_part #voucher_list { - display:none; -} -#vouchers_part #vouchers_err { - display:none; -} -#loader_container { - display:none; - z-index: 100; - position: absolute; - top: 0; - left: 0; - height: 100%; - width: 100%; - background:transparent url('../img/bg_loader.png') repeat 0 0; -} -#loader { - display:none; - margin: 0 auto; - height:24px; - width:24px; - color:#fff; - background:url(../img/loader.gif); -} \ No newline at end of file +.submenu li{float:none;clear:left;} \ No newline at end of file diff --git a/img/t/AdminCatalog.png b/img/t/AdminCatalog.png new file mode 100755 index 000000000..3417c82e4 Binary files /dev/null and b/img/t/AdminCatalog.png differ diff --git a/img/t/AdminCustomers.png b/img/t/AdminCustomers.png new file mode 100755 index 000000000..7477dcdb1 Binary files /dev/null and b/img/t/AdminCustomers.png differ diff --git a/img/t/AdminEmployees.png b/img/t/AdminEmployees.png new file mode 100755 index 000000000..6f7995dc3 Binary files /dev/null and b/img/t/AdminEmployees.png differ diff --git a/img/t/AdminModules.png b/img/t/AdminModules.png new file mode 100755 index 000000000..096e098b4 Binary files /dev/null and b/img/t/AdminModules.png differ diff --git a/img/t/AdminOrders.png b/img/t/AdminOrders.png new file mode 100755 index 000000000..b7f73bf9a Binary files /dev/null and b/img/t/AdminOrders.png differ diff --git a/img/t/AdminPayment.png b/img/t/AdminPayment.png new file mode 100644 index 000000000..064ab370c Binary files /dev/null and b/img/t/AdminPayment.png differ diff --git a/img/t/AdminPreferences.png b/img/t/AdminPreferences.png new file mode 100755 index 000000000..aa65d2f52 Binary files /dev/null and b/img/t/AdminPreferences.png differ diff --git a/img/t/AdminShipping.png b/img/t/AdminShipping.png new file mode 100755 index 000000000..07e238fbe Binary files /dev/null and b/img/t/AdminShipping.png differ diff --git a/img/t/AdminShop.png b/img/t/AdminShop.png new file mode 100755 index 000000000..8df234ff8 Binary files /dev/null and b/img/t/AdminShop.png differ diff --git a/img/t/AdminStats.png b/img/t/AdminStats.png new file mode 100755 index 000000000..2cec9fd81 Binary files /dev/null and b/img/t/AdminStats.png differ diff --git a/img/t/AdminStock.png b/img/t/AdminStock.png new file mode 100755 index 000000000..e24a47c17 Binary files /dev/null and b/img/t/AdminStock.png differ diff --git a/img/t/AdminTools.png b/img/t/AdminTools.png new file mode 100755 index 000000000..013f021d7 Binary files /dev/null and b/img/t/AdminTools.png differ