Skip to content

Commit

Permalink
moving css around a bit for more structure
Browse files Browse the repository at this point in the history
  • Loading branch information
@dogmatic69
dogmatic69 committed Jan 2, 2010
1 parent 254e5d0 commit 32f2eea
Show file tree
Hide file tree
Showing 5 changed files with 137 additions and 135 deletions.
141 changes: 14 additions & 127 deletions webroot/css/admin.css
View file
Expand Up @@ -2,6 +2,8 @@
@import url('reset.css');
@import url('admin/core.css');
@import url('admin/pagination.css');
@import url('admin/navigation.css');
@import url('admin/form.css');
@import url('/core/css/geshi');

/* main styles */
Expand All @@ -23,21 +25,6 @@ a:hover {text-decoration: underline}
left:20px;
}

/** form */
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;
}

/* Global layout */
/* main container */
Expand Down Expand Up @@ -125,61 +112,6 @@ input.text {
margin:auto;
}


/* Top navigation */
#top-navigation {
position:relative;
top:60px;
left:20px;
list-style:none;
}

#top-navigation li {
float:left;
margin:0 3px 0 0;
height:34px;
background:url(../img/admin/tab.gif) repeat-x top;
}

#top-navigation li a {
float:left;
display:block;
height:20px;
line-height:19px;
color:#606060;
padding:4px 0 0 0;
}

#top-navigation li span {
float:left;
background:url(../img/admin/tab-left.gif) no-repeat left top;
}

#top-navigation li span span {
background:url(../img/admin/tab-right.gif) no-repeat right top;
padding:7px 10px 0 10px;
}

#top-navigation li.active {
padding:0;
height:34px;
background:url(../img/admin/tab-active.gif) repeat-x top;
margin-right:2px;
}

#top-navigation li.active span {
background:url(../img/admin/tab-active-left.gif) no-repeat left top;
height:34px;
}

#top-navigation li.active span span {
background:url(../img/admin/tab-active-right.gif) no-repeat right top;
height:23px;
padding:11px 10px 0 10px;
line-height:19px;
color:#606060;
}

* html #middle {height:584px;}

/* left column styles */
Expand All @@ -194,30 +126,6 @@ input.text {
padding:0 0 0 9px;
}

ul.nav {
margin:0 0 11px 0;
border-bottom:2px solid #FF9600;
background:#ECEFE7;
list-style:none;
padding:0 2px;
}

ul.nav li {
padding:4px 4px 6px 5px;
background:url(../img/admin/bg-dotted.gif) repeat-x bottom;
}

ul.nav a {
padding:0 0 0 12px;
background:url(../img/admin/arrow.gif) no-repeat 0 4px;
}

ul.nav a:hover {
font-weight:bold;
}

ul.nav li.last {background:none;}

#left-column .link {
display:block;
width:142px;
Expand All @@ -230,35 +138,28 @@ ul.nav li.last {background:none;}
color:#60635A;
}

/* center column styles */
/**
Main Content styles
*/
.top-bar {
float:left;
width:603px;
border-left:2px solid #f70;
padding:0 0 0 9px;
margin:0 0 4px 0;
}
/* text page header */
.top-bar h1 {
font:20px/21px verdana,sans-serif;
color:#43729F;
margin:0 0 4px 0;
}

.main-actions{
float:right;
}
/* text page header */
.top-bar h1 {
font:20px/21px verdana,sans-serif;
color:#43729F;
margin:0 0 4px 0;
}

/* bar with select */
.select-bar {
clear:both;
border-top:2px solid #f70;
border-bottom:2px solid #f70;
padding:5px 0 3px 0;
margin:0 0 17px 0;
}
.main-actions{
float:right;
}

.select-bar select {width:145px;margin:0 2px;}

/* table container */
div.table {
Expand Down Expand Up @@ -367,20 +268,6 @@ div.table .select select {
width:99%;
}



#flashMessage{
background: #EBEBEB url(../img/core/icons/actions/16/warning.png) 5px 5px no-repeat;
font-size:120%;
height:20px;
margin:5px auto auto;
padding-left:30px;
padding-top:5px;
text-align:left;
width:250px;
}


.box ul{
margin:0;
padding:0;
Expand Down
16 changes: 15 additions & 1 deletion webroot/css/admin/core.css
View file
Expand Up @@ -153,4 +153,18 @@ img {border:none;}

.filter .left .remove{
background: url( ../../img/admin/button-remove.png ) no-repeat scroll 100% 0 transparent;
}
}

/**
messages
*/
#flashMessage{
background: #EBEBEB url(../img/core/icons/actions/16/warning.png) 5px 5px no-repeat;
font-size:120%;
height:20px;
margin:5px auto auto;
padding-left:30px;
padding-top:5px;
text-align:left;
width:250px;
}
17 changes: 17 additions & 0 deletions webroot/css/admin/form.css
View file
@@ -0,0 +1,17 @@

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;
}
84 changes: 84 additions & 0 deletions webroot/css/admin/navigation.css
View file
@@ -0,0 +1,84 @@
/**
Top navigation
*/
#top-navigation {
position:relative;
top:60px;
left:20px;
list-style:none;
}

#top-navigation li {
float:left;
margin:0 3px 0 0;
height:34px;
background:url(../../img/admin/tab.gif) repeat-x top;
}

#top-navigation li a {
float:left;
display:block;
height:20px;
line-height:19px;
color:#606060;
padding:4px 0 0 0;
}

#top-navigation li span {
float:left;
background:url(../../img/admin/tab-left.gif) no-repeat left top;
}

#top-navigation li span span {
background:url(../../img/admin/tab-right.gif) no-repeat right top;
padding:7px 10px 0 10px;
}

#top-navigation li.active {
padding:0;
height:34px;
background:url(../../img/admin/tab-active.gif) repeat-x top;
margin-right:2px;
}

#top-navigation li.active span {
background:url(../../img/admin/tab-active-left.gif) no-repeat left top;
height:34px;
}

#top-navigation li.active span span {
background:url(../../img/admin/tab-active-right.gif) no-repeat right top;
height:23px;
padding:11px 10px 0 10px;
line-height:19px;
color:#606060;
}


/**
left navigation
*/
ul.nav {
margin:0 0 11px 0;
border-bottom:2px solid #FF9600;
background:#ECEFE7;
list-style:none;
padding:0 2px;
}

ul.nav li {
padding:4px 4px 6px 5px;
background:url(../../img/admin/bg-dotted.gif) repeat-x bottom;
}

ul.nav a {
padding:0 0 0 12px;
background:url(../../img/admin/arrow.gif) no-repeat 0 4px;
}

ul.nav a:hover {
font-weight:bold;
text-decoration:none;
}

ul.nav li.last {background:none;}
14 changes: 7 additions & 7 deletions webroot/css/admin/pagination.css
View file
Expand Up @@ -43,11 +43,11 @@
height: 22px;
}
.pagination .button2-right{
background: url( ../img/admin/button-right.png ) no-repeat scroll 100% 0 transparent;
background: url( ../../img/admin/button-right.png ) no-repeat scroll 100% 0 transparent;
}

.pagination .button2-left{
background: url( ../img/admin/button-left.png ) no-repeat scroll 0 0 transparent;
background: url( ../../img/admin/button-left.png ) no-repeat scroll 0 0 transparent;
}

.pagination .start,
Expand All @@ -58,15 +58,15 @@
}

.pagination .button2-right .start{
background: url( ../img/admin/button-first.png ) no-repeat scroll 0 0 transparent;
background: url( ../../img/admin/button-first.png ) no-repeat scroll 0 0 transparent;
}
.pagination .button2-right .prev{
background: url( ../img/admin/button-first.png ) no-repeat scroll 0 0 transparent;
background: url( ../../img/admin/button-first.png ) no-repeat scroll 0 0 transparent;
float:left;
}

.pagination .numbers{
background: url( ../img/admin/button-right-cap.png ) no-repeat scroll 100% 0 transparent;
background: url( ../../img/admin/button-right-cap.png ) no-repeat scroll 100% 0 transparent;
}

.pagination .last,
Expand All @@ -77,9 +77,9 @@
}

.pagination .button2-left .next{
background: url( ../img/admin/button-next.png ) no-repeat scroll 100% 0 transparent;
background: url( ../../img/admin/button-next.png ) no-repeat scroll 100% 0 transparent;
}

.pagination .button2-left .last{
background: url( ../img/admin/button-next.png ) no-repeat scroll 100% 0 transparent;
background: url( ../../img/admin/button-next.png ) no-repeat scroll 100% 0 transparent;
}

0 comments on commit 32f2eea

Please sign in to comment.