[+] BO : new backoffice style and icons
git-svn-id: http://dev.prestashop.com/svn/v1/branches/1.5.x@9783 b9a71923-0436-4b27-9f14-aed3839534dd
This commit is contained in:
vKham
@@ -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}
|
||||
Reference in New Issue
Block a user