Skip to content

Commit

Permalink
updating css for slimmer admin layout and new menus
Browse files Browse the repository at this point in the history
  • Loading branch information
dogmatic69 committed Jan 28, 2010
1 parent fab5f5d commit 8a86396
Show file tree
Hide file tree
Showing 4 changed files with 312 additions and 169 deletions.
98 changes: 16 additions & 82 deletions webroot/css/admin.css
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@

/* main styles */
body {
background:#BBD9EE;
color:#000;
font-family:tahoma,arial,sans-serif;
font-size:11px;
Expand All @@ -27,7 +26,7 @@ a:hover {text-decoration: underline}

/* Global layout */
/* main container */
#main {
#wrap {
width:100%;
margin:0 auto;
height:100%;
Expand All @@ -36,104 +35,34 @@ a:hover {text-decoration: underline}
/* header */
#header {
width:100%;
height:106px;
background: url(../img/header-middle.jpg) repeat-x left bottom;
height:35px;
}
#header .left, #header .right{
width:19px;
height:106px;
}

#header .left{
background:url(../img/header-left.jpg) no-repeat left bottom;
}

#header .right{
float:right;
background:url(../img/header-right.jpg) no-repeat right bottom;
}

/* main body */
#middle {
padding-left:15px;
background:#FFFFFF url(../img/middle-left.jpg) repeat-y;
#content {
margin: 0 15px;
}
#middle #wrap {
background:url(../img/middle-right.jpg) repeat-y scroll 100% 0;
width:100%;
float:right;
}
/* left column */
#left-column {
float:left;
padding:1px 14px 0 12px;
width:151px;
}

/* right column */
.right-column {
float:right;
margin-right:25px;
width:180px;
}

/* center column */
#center-column {
float:left;
min-height:584px;
padding:12px 16px 0 13px;
width:78%;
}

/* footer */
#footer {
width:100%;
height:15px;
background:url(../img/footer-middle.jpg) repeat-x;
clear:both;
}
#footer .left, #footer .right{
width:19px;
height:15px;
}

#footer .left{
background:url(../img/footer-left.jpg) no-repeat left bottom;
}

#footer .right{
float:right;
background:url(../img/footer-right.jpg) no-repeat right bottom;
}

#bottom-credits{
width:99%;
margin:auto;
}


/* left column styles */
#left-column a {color:#3E3E3E;}
#left-column h3 {
font-size:11px;
margin:0;
color:#fff;
background:url(../img/bg-left-header.gif) no-repeat left top;
height:25px;
line-height:23px;
padding:0 0 0 9px;
.data {
width: 70%;
float: left;
}

#left-column .link {
display:block;
width:142px;
height:25px;
background:url(../img/bg-left-link.gif);
margin:0 0 4px 0;
font-weight:bold;
padding:0 0 0 9px;
line-height:25px;
color:#60635A;
.config {
width: 29%;
float: right;
}

/**
Expand Down Expand Up @@ -177,7 +106,12 @@ table.listing th {
border-top:0 !important;
}

table.listing th.full {border-left:0;border-right:0 !important;text-align:left;text-transform:uppercase;}
table.listing th.full {
border-left:0;
border-right:0 !important;
text-align:left;
text-transform:uppercase;
}

div.table img.left {
position:absolute;
Expand Down
2 changes: 2 additions & 0 deletions webroot/css/core.css
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@ img {
*/
.niceBox{
margin-bottom: 10px;
overflow:auto;
}
.niceBox .top{
background:url("../img/niceBox/border.png") repeat-x scroll 0 0 transparent;
Expand Down Expand Up @@ -60,6 +61,7 @@ img {
border-right: 1px solid #ccc;
padding: 5px 10px;
background-color: #F8F8F8;
overflow:auto;
}

.niceBox .bottom {
Expand Down
75 changes: 40 additions & 35 deletions webroot/css/form.css
Original file line number Diff line number Diff line change
@@ -1,45 +1,50 @@
/* FORM STYLES */
form {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#333;}
fieldset {border:1px solid #999;}
fieldset fieldset {border:none;}
fieldset fieldset legend {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000;}
legend {font:1.5em/1 "Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#000;}
.textfield input, .file input, .dropdown select, .textarea textarea, div input.innertextfield {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000; border:1px solid #999; background:#ececec;}
.textfield input:hover, .file input:hover, .dropdown select:hover, .textarea textarea:hover, div input.innertextfield:hover {border-color:orange;}
.textfield input:focus, .file input:focus, .dropdown select:focus, .textarea textarea:focus, div input.innertextfield:hover {border-color:#333;}
.textfield input:active, .file input:active, .dropdown select:active, .textarea textarea:active, div input.innertextfield:active {border-color:#333;}
.textfield input:focus:hover, .file input:focus:hover, .dropdown select:focus:hover, .textarea textarea:focus:hover, div input.innertextfield:focus:hover {border-color:orange;}
.checkbox input, .radio input {border:none; background:transparent;}
button {font:1.2em/1 Verdana,Geneva,Kalimati,sans-serif; border:1px solid #666; background:#666; color:#fff;}
button:hover {border-color:#000; color:orange;}
optgroup {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif;}
option {font:1em/1 Verdana,Geneva,Kalimati,sans-serif;}

input {
vertical-align:middle;
}
input.text,
select,
textarea {
font-family:arial,sans-serif;
color:#333;
font-size:12px;
vertical-align:middle;
}
input.text {
padding:1px 0 0 4px;
height:14px;
font-weight:normal;
}

.filter-form{
float: left;
}
.filter-form label{
float: left;
padding-right: 5px;
}
.filter-form input{
float:left;
clear:none;
margin-right:10px;
}
/* FORM LAYOUT */
form {}
fieldset {margin-bottom:3em; padding:10px;}
fieldset fieldset {padding:0;}
legend {margin-bottom:1em;}
.textfield, .textarea, .file, .dropdown, .radio, .checkbox, .buttons, fieldset fieldset {margin-bottom:1em;}
.textfield input, .file input, .dropdown select, .textarea textarea, input.innertextfield {padding:2px 5px;}
.textfield input, .file input, .dropdown select, .textarea textarea {width:250px;}
textarea {height:6em;}
.textfield input, .file input, .dropdown select, .textarea textarea {display:block; margin:0.1em 0 0 0;}
.checkbox input, .radio input {margin-right:5px;}
div input.innertextfield {display:inline; margin-right:0;}
.buttons {}
button {padding:4px;}
optgroup {}
option {padding:1px 3px;}

label{
float:left;
width:140px;
width:100px;
}
.filter label{

.config label{
float:left;
width:auto;
width:100px;
text-align:right;
padding-right:10px;
}

form h2{
margin-top:10px;
color: #FF7200;
margin-bottom:5px;
input{
margin:1px;
}

0 comments on commit 8a86396

Please sign in to comment.