admin center re-design

[poole3003]

there is still a couplt of things i cant find to edit like side bar colours and then on main page i have oragne boxs i want to change them as well any ideas what im missing

[Shepred]

I am almost certain that changes to the admin center will be overwritten in updates, don't quote me on that though.. You can modify the CSS of the admin center, and therefore the colours, by navigating to and editing this file:

admin\lib\layout\styles.css

[poole3003]

well thats the same for SHEPERD i have edited all my admin centre and all the colours in the .css file have been changed but i still have whitebars

[Shepred]

If you post the related code, I might be able to help you. If not, I'm afraid I can't.

... Don't worry about the name, it's all intentional.

[poole3003]

body {
background: #29000C url('images/body-single.png') repeat-x scroll top left;
margin:0;
padding:0;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #D0A234;
}
body.homepage {
background: #29000c url('images/body.png') repeat-x scroll top left;
}
body.noheader {
background: #29000c url('images/body-noheader.png') repeat-x scroll top left;
}
* {
margin:0;
padding:0;
}
/** element defaults **/
table {
width: 100%;
text-align: left;
}
th, td {
padding: 10px 10px;
}
th {
color: #D0A234;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
text-shadow:-1px -1px #29000C;
background: #D0A234 url('images/frontpage-link.png') repeat-x scroll top left;
}
td {
border-bottom: 1px solid #D0A234;
}
code, blockquote {
display: block;
border-left: 5px solid #29000C;
padding: 10px;
margin-bottom: 20px;
}
code {
background-color: #29000C;
color:#D0A234;
border: none;
}
blockquote {
border-left: 5px solid #D0A234;
}
blockquote p {
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0;
color: #D0A234;
height: 1%;
}
p {
line-height: 1.9em;
margin-bottom: 20px;
font-size: 12px;
color: #D0A234;
}
a {
color: #D0A234;
}
a:hover {
color: #D0A234;
}
a:focus {
outline: none;
}
fieldset {
display: block;
border: none;
border-top: 1px solid #29000C;
}
fieldset legend {
font-weight: bold;
font-size: 13px;
padding-right: 10px;
color: #D0A234;
}
fieldset form {
padding-top: 15px;
}
fieldset p label {
float: left;
width: 150px;
}
form input, form select, form textarea {
padding: 5px;
color: #D0A234;
border: 1px solid #29000C;
border-right:1px solid #29000C;
border-bottom:1px solid #29000C;
background-color:#29000C;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
form input.formbutton {
color: #D0A234;
font-weight: bold;
padding: 6px 8px;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
text-shadow:-1px -1px #CE5709;
background: #29000C url('images/frontpage-link.png') repeat-x scroll top left;
border: none;
width: auto;
overflow: visible;
}
fieldset form input.formbutton {
margin-left: 150px;
}
form.searchform p {
margin: 5px 0;
}

span.required {
color: #D0A234;
}
h1 {
color: #D0A234;
font-size: 35px;
font-family: Arial, Helvetica, sans-serif;
padding: 0;
background: none;
border-bottom: none;
text-transform: none;
line-height: 1.0em;
padding: 0 0 5px;
}
#body h1 {
color: #D5570A;
}
h1 strong {
font-weight: normal;
}
h2 {
color: #D0A234;
font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
font-size: 30px;
letter-spacing: -0.25px;
font-weight: bold;
padding: 0 0 5px;
margin: 0;
}
#body h2 {
font-weight: normal;
}
h3 {
color: #D0A234;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
}
h4 {
padding-bottom: 10px;
font-size: 15px;
color: #29000C;
}
h5 {
padding-bottom: 10px;
font-size: 13px;
color: #29000C;
}
ul, ol {
margin: 0 0 35px 35px;
}
li {
padding-bottom: 5px;
}
li ol, li ul {
font-size: 1.0em;
margin-bottom: 0;
padding-top: 5px;
}
ul.styledlist {
list-style: none;
margin-left: 20px;
}
ul.styledlist li {
background: #D0A234 url('images/list-item.gif') no-repeat scroll left center;
padding-left: 15px;
padding-bottom: 0;
margin-bottom: 5px;
}

#container {
width: 960px;
margin: 0 auto;
padding: 0px;
}
#header {
padding: 0px 15px;
margin: 0 auto;
height: 111px;
color: #29000c
}
#header h1 {
padding: 0;
color: #29000c
}
#header h1 a {
color: #D0A234;
padding-top: 40px;
font-size: 40px;
font-weight: normal;
font-family: Lucida,"Lucida Sans",Geneva,Arial,sans-serif;
text-decoration: none;
letter-spacing: -3px;
float: left;
text-shadow: 1px 1px #29000C;
}
#header h1 a strong {
color: #D0A234;
}
#header h2 {
color: #D0A234;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 0;
margin-left: 5px;
margin-top: 50px;
padding-bottom: 0;
padding-left: 4px;
}
#nav {
height: 50px;
width: 960px;
position: relative;
z-index: 999;
}
#nav ul {
list-style: none;
padding: 0;
margin: 0;
height: 50px;
}
#nav ul ul {
padding-top: 0;
}
#nav ul li {
display: block;
float: left;
}
#nav ul li a {
display: block;
color: #D0A234;
display: block;
border-top: 3px solid #29000C;
font-size: 14px;
font-weight: bold;
float: left;
letter-spacing: 0.5px;
font-family: Arial, Helvetica, sans-serif;
padding: 17px 15px 17px;
text-decoration: none;
}
#nav ul li a.has_submenu {
background: transparent url('images/submenu-item.gif') no-repeat scroll right center;
padding-right: 30px;
}
#nav ul li a.has_submenu:hover, #nav ul li.sfHover a.has_submenu {
background-image: url('images/submenu-item-hover.gif');
}

#nav ul ul li a {
float: none;
width: 170px;
}
#nav ul li.selected li a {
text-decoration: none;
}
#nav ul li.selected a, #nav ul li.selected a:hover, #nav ul li.selected li.selected a  {
color: #D0A234;
border-top: 3px solid #29000C;
}
#nav ul ul li.selected a, #nav ul ul li.selected a:hover {
text-decoration: underline;
}
#nav ul li a:hover, #nav ul li.sfHover a, #nav ul ul a {
color: #D0A234;
background-color: #29000C;
border-top: 3px solid #29000C;
}
#nav ul li li a:hover, #nav ul li.sfHover li a:hover {
border-top: 3px solid #29000;
background-color: #;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
margin:   0;
padding:  0;
list-style:  none;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position:  absolute;
top:   -999em;
width:   200px; /* left offset of submenus need to match (see below) */
margin-top:  10px;
padding-top: 0;
}
.sf-menu ul li {
width:   100%;
}
.sf-menu li:hover {
visibility:  inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float:   left;
position:  relative;
}
.sf-menu a {
display:  block;
position:  relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left:   0;
top:   49px; /* match top ul list item height */
z-index:  99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top:   -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left:   200px; /* match ul width */
top:   0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top:   -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left:   10em; /* match ul width */
top:   0;
}

/* front page slider styles */
div#jFlowSlide {
margin:0 auto;
}
div#slides-static {
padding: 40px 55px 0;
width: 850px;
}
div.slides-container {
height: 271px;
overflow: hidden;
width: 960px;
padding-top: 40px;
}
div.slides-container div#jFlowSlide {
height: 315px;
}
div.slides-container div.jFlowSlideContainer img {
margin:auto;
}
div.slides-container div.jFlowSlideContainer div {
}
div.slides-container div.jFlowSlideContainer div.slide-image {
float:left;
width: 370px;
padding-top: 0px;
}
span.jFlowPrev, span.jFlowNext {
background-image:url('images/slide-prev.gif');
background-repeat:no-repeat;
display:block;
height:41px;
width:24px;
float:left;
margin:0;
cursor:pointer;
}
span.jFlowPrev span, span.jFlowNext span { display:none; }
span.jFlowNext {
background-image:url('images/slide-next.gif');
float:right;
}
div.slides-container div.controls {
position:relative;
top:-220px;
width:960px;
margin:0 auto;
}
div.slides-container p {
padding-top: 10px;
color: #eee;
}
div.slides-container a {
color: #eee;
}
div.slides-container h2, div#sub-header h2 {
font-family: 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif;
color: #D0A234;
text-shadow: 1px 1px #D0A234;
font-weight: normal;
}
div.slide-text {
padding-top: 10px;
}
p.frontpage-button a {
padding: 17px 20px;
color: #D0A234;
font-size: 14px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-transform: uppercase;
text-shadow:-1px -1px #D0A234;
background: #F87B27 url('images/frontpage-link.png') repeat-x scroll top left;
border: 1px solid #29000C;
}
p.frontpage-button a:hover {
background: #29000C none;
color: #D0A234;
}
.hidden { display:none;  }
div#sub-header {
height: 101px;
}
div#sub-header h2 {
padding-top: 27px;
}
#body {
background: none;
margin:0 auto;
padding: 20px 0 0;
width: 960px;
}
#content {
float: left;
width: 635px;
}
.box {
margin: 0;
padding: 0 5px;
background-color: #29000C;
}
.sidebar {
width: 280px;
padding: 25px 0 0;
float: right;
}

.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar ul li {
margin-bottom: 20px;
line-height: 1.9em;
}
.sidebar li ul {
padding: 10px;
}
.sidebar li ul li {
display: block;
border-top: none;
padding: 6px 2px;
margin: 0;
line-height: 1.5em;
font-size: 13px;
border: none;
}
.sidebar li ul li a {
font-weight: normal;
color: #D0A234;
}
.sidebar li ul li a:hover {
color: #D;
}
.sidebar li ul.blocklist {
padding: 0;
}
.sidebar li ul.blocklist li {
padding: 0;
display: inline;
}
.sidebar li ul.blocklist li a {
display: block;
border-bottom:1px solid #D0A234;
padding: 8px 10px;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
font-family: Lucida,"Lucida Sans",Geneva,Arial,sans-serif;
font-size: 12px;
}
.sidebar li ul.blocklist li a:hover {
color: #D0A234;
}

.sidebar h4  {
color: #D0A234;
font-family: Lucida, "Lucida Sans", Geneva, Arial, sans-serif;
font-size: 16px;
text-transform:uppercase;
margin: 0;
line-height: 1.9em;
padding: 0px 0px 15px 5px;
font-weight: bold;
background: transparent url('images/h4.png') no-repeat scroll left bottom;
}
.sidebar h4 strong {
color: #D0A234;
}
.clear {
clear: both;
}
#footer {
margin:0 auto;
background: #29000C url('images/footer.jpg') repeat-x scroll bottom left;
padding: 30px 5px 0;
}
.footer-content {
width: 960px;
margin: 0 auto;
display: block;
padding-bottom: 30px;
color: #29000C;
}
#footer a {
color: #D0A234;
text-decoration: underline;
}
#footer h4 {
color: #D0A234;
font-size: 18px;
font-weight: normal;
font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif;
}
#footer p {
text-align: left;
color: #D0A234;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#footer form {
margin: 0;
padding: 0;
}
#footer form input#searchbutton {
margin: 0;
border-bottom: none;
overflow:visible;
width:auto;
}
#footer form input#searchquery {
background-color: #D0A234;
color: #D0A234;
font-family: Arial, Helvetica, sans-serif;
border: none;
padding: 6px 3px;
}
#footer ul {
margin: 0;
padding: 0;
list-style: none;
border-top: 1px solid #29000C;
}
#footer ul li {
padding: 0;
}
#footer ul li a  {
display: inline-block; /* for IE 6, 7 */
}
#footer ul li a {
text-decoration: none;
display: block;
font-size: 11px;
padding: 7px 10px;
border-bottom: 1px solid #29000C;
}
#footer ul li a:hover {
background-color: #29000C;
}
.footer-box {
width: 220px;
margin-right: 26px;
float: left;
color: #29000C;
}
.end-footer-box {
margin-right: 0;
color: #29000C;
}
#footer-links {
background-color: #D0A234;
color: #D0A234;
padding: 5px;
}
div#footer-links p {
text-align: right;
padding: 0;
margin: 0 auto;
font-size: 10px;
width: 960px;
display: block;
}
#footer-links a {
color: #29000C;
font-weight: bold;
text-decoration: underline;
}

i have the white bars in admin centre and orange ones still on some of the modules like hub transfer

Edited June 2, 2014 by servetas
Put the part of code inside code brackets.

[Shepred]

Could you post the HTML as well, please? Preferably here.

[poole3003]

which html the page_htlm or the index_html or the link to the website

[Shepred]

Which ever part contains the HTML of the content you wish to change.

[poole3003]

well its the admin centre bars and the ornage bars that are on some of the moduels could you take a look so you know as i dont kno im still learning lol ]

etihadvirtualairways.co.uk

things like the top pilot module bars and airmail

[Shepred]

As I can't access your admin panel, I can't tell from your site. Also, I can't really tell from your webpage which files you use, you would have to tell me I'm afraid. Although I must admit, I don't see why you would edit the colours, as no one will be able to access them apart from your admins.

[poole3003]

ok the airmail module tables are ornage and the admin panel on the side bar they are still white and the header for my website is black but i have changed all the colours in the .css and cant find them any where else