updating default layout

git-svn-id: https://svn.cakephp.org/repo/branches/1.2.x.x@5840 3807eeeb-6ff5-0310-8944-8be069107fe0
This commit is contained in:
gwoo 2007-10-21 23:49:28 +00:00
parent c3a735a2c1
commit 77d77c3f78
12 changed files with 88 additions and 138 deletions

View file

@ -5,9 +5,11 @@ padding:0;
/* General Style Info */ /* General Style Info */
body { body {
background-color: #2C6877; background-color: #003d4c;
color: #fff; color: #333;
font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
font-size:13px;
margin: 0;
} }
a { a {
background-color: inherit; background-color: inherit;
@ -29,18 +31,20 @@ h1, h2, h3, h4 {
} }
h1 { h1 {
color: #003d4c; color: #003d4c;
font-size: 160%; font-size: 130%;
margin: 0.1em 0; margin: 0.1em 0;
} }
h2 { h2 {
color: #2C6877; color: #e32;
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 160%; font-size: 160%;
margin: 0.3em 0; margin: 0.3em 0;
padding-top: 1em; padding-top: 1em;
} }
h3 { h3 {
color: #c6c65b; color: #c6c65b;
font-size: 120%; font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 150%;
padding-top: 2em; padding-top: 2em;
} }
h4 { h4 {
@ -58,25 +62,24 @@ ul, li {
} }
#header{ #header{
background-color: #2C6877; padding: 10px 20px;
padding: 10px 20px 0 20px;
height: 5em;
} }
#header h1 { #header h1 {
background: url('../img/cake.icon.gif') no-repeat left;
color: #ffffff; color: #ffffff;
background: url('../img/cake.icon.png') no-repeat; font-size: 110%;
padding: 5px 50px; padding: 0px 30px;
height: 5em;
} }
#header h1 a { #header h1 a {
color: #ffffff; color: #ffffff;
background: #2C6877; background: #003d4c;
font-weight: normal;
text-decoration: none; text-decoration: none;
} }
#header h1 a:hover { #header h1 a:hover {
color: #ffffff; color: #ffffff;
background: #003d4c; background: #003d4c;
text-decoration: none; text-decoration: underline;
} }
#content{ #content{
background-color: #fff; background-color: #fff;
@ -163,7 +166,7 @@ div.paging div.disabled {
dl { dl {
line-height: 2em; line-height: 2em;
margin: 0em 0em; margin: 0em 0em;
width: 50%; width: 60%;
} }
dl.altrow { dl.altrow {
background: #f4f4f4; background: #f4f4f4;
@ -192,7 +195,7 @@ fieldset {
padding: 16px 20px; padding: 16px 20px;
} }
fieldset legend { fieldset legend {
color: #2C6877; color: #e32;
font-size: 160%; font-size: 160%;
font-weight: bold; font-weight: bold;
} }
@ -206,13 +209,13 @@ form div {
padding: .5em; padding: .5em;
vertical-align: text-top; vertical-align: text-top;
} }
form div.input {
color: #444;
}
form div.required { form div.required {
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
form div.optional, form div.input {
color: #444;
}
form div.submit { form div.submit {
border: 0; border: 0;
clear: both; clear: both;
@ -252,21 +255,24 @@ input[type=checkbox] {
} }
input[type=submit] { input[type=submit] {
display: inline; display: inline;
font-size: 110%;
padding: 2px 5px; padding: 2px 5px;
width: auto; width: auto;
font-size: 110%;
vertical-align: bottom; vertical-align: bottom;
} }
/* Notices and Errors */ /* Notices and Errors */
div.message, p.error, div.error-message { div.message {
clear: both;
color: #900; color: #900;
font-size: 140%; font-size: 140%;
font-weight: bold; font-weight: bold;
margin: 8px 0px; margin: 1em 0;
} }
div.error-message { div.error-message {
clear: both; clear: both;
color: #900;
font-weight: bold;
} }
div.error em { div.error em {
font-size: 140%; font-size: 140%;
@ -280,67 +286,36 @@ span.notice {
padding: 0.5em; padding: 0.5em;
margin: 1em 0; margin: 1em 0;
} }
/* Nav & Actions */
div.nav {
text-align: left;
position: absolute;
top: 9em;
left: 60%;
}
div.nav ul li a {
display: block;
background: #fff;
color: #003d4c;
padding: 3px 8px;
text-decoration: none;
}
div.nav ul {
background: #003d4c;
margin: 0;
padding: 0;
list-style-type: none;
}
div.nav li {
list-style-type: none;
margin: 0;
padding: 0;
}
div.nav ul li a {
background: #fff;
color: #003d4c;
padding: 3px 8px;
text-decoration: none;
}
div.nav ul li a:hover {
background: #003d4c;
color: #fff;
}
/* Actions */ /* Actions */
div.actions { div.index div.actions {
clear: both; clear: both;
margin-top: .2em; margin-top: .4em;
text-align: left; text-align: left;
} }
div.view div.actions {
clear: both;
margin-top: .4em;
text-align: left;
width: 60%;
}
div.actions ul { div.actions ul {
margin: 0; margin: 0px 0;
padding: 0; padding: 0;
} }
div.actions li { div.actions li {
display: inline; display: inline;
list-style-type: none; list-style-type: none;
line-height: 2em;
margin: 0 2em 0 0; margin: 0 2em 0 0;
padding: 0; white-space: nowrap;
} }
div.actions ul li a { div.actions ul li a {
background: #fff;
color: #003d4c; color: #003d4c;
text-decoration: none; text-decoration: none;
} }
div.actions ul li a:hover { div.actions ul li a:hover {
background: #003d4c; color: #333;
color: #fff; text-decoration: underline;
} }
/* Related */ /* Related */
@ -356,7 +331,7 @@ pre {
padding: 1em; padding: 1em;
} }
pre.cake_debug { pre.cake-debug {
background: #ffcc00; background: #ffcc00;
font-size: 120%; font-size: 120%;
line-height: 18px; line-height: 18px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 299 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 321 B

View file

@ -5,9 +5,11 @@ padding:0;
/* General Style Info */ /* General Style Info */
body { body {
background-color: #2C6877; background-color: #003d4c;
color: #fff; color: #333;
font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif; font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
font-size:13px;
margin: 0;
} }
a { a {
background-color: inherit; background-color: inherit;
@ -29,18 +31,20 @@ h1, h2, h3, h4 {
} }
h1 { h1 {
color: #003d4c; color: #003d4c;
font-size: 160%; font-size: 130%;
margin: 0.1em 0; margin: 0.1em 0;
} }
h2 { h2 {
color: #2C6877; color: #e32;
font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 160%; font-size: 160%;
margin: 0.3em 0; margin: 0.3em 0;
padding-top: 1em; padding-top: 1em;
} }
h3 { h3 {
color: #c6c65b; color: #c6c65b;
font-size: 120%; font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
font-size: 150%;
padding-top: 2em; padding-top: 2em;
} }
h4 { h4 {
@ -58,25 +62,24 @@ ul, li {
} }
#header{ #header{
background-color: #2C6877; padding: 10px 20px;
padding: 10px 20px 0 20px;
height: 5em;
} }
#header h1 { #header h1 {
background: url('../img/cake.icon.gif') no-repeat left;
color: #ffffff; color: #ffffff;
background: url('../img/cake.icon.png') no-repeat; font-size: 110%;
padding: 5px 50px; padding: 0px 30px;
height: 5em;
} }
#header h1 a { #header h1 a {
color: #ffffff; color: #ffffff;
background: #2C6877; background: #003d4c;
font-weight: normal;
text-decoration: none; text-decoration: none;
} }
#header h1 a:hover { #header h1 a:hover {
color: #ffffff; color: #ffffff;
background: #003d4c; background: #003d4c;
text-decoration: none; text-decoration: underline;
} }
#content{ #content{
background-color: #fff; background-color: #fff;
@ -163,7 +166,7 @@ div.paging div.disabled {
dl { dl {
line-height: 2em; line-height: 2em;
margin: 0em 0em; margin: 0em 0em;
width: 50%; width: 60%;
} }
dl.altrow { dl.altrow {
background: #f4f4f4; background: #f4f4f4;
@ -192,7 +195,7 @@ fieldset {
padding: 16px 20px; padding: 16px 20px;
} }
fieldset legend { fieldset legend {
color: #2C6877; color: #e32;
font-size: 160%; font-size: 160%;
font-weight: bold; font-weight: bold;
} }
@ -206,13 +209,13 @@ form div {
padding: .5em; padding: .5em;
vertical-align: text-top; vertical-align: text-top;
} }
form div.input {
color: #444;
}
form div.required { form div.required {
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
form div.optional, form div.input {
color: #444;
}
form div.submit { form div.submit {
border: 0; border: 0;
clear: both; clear: both;
@ -252,21 +255,24 @@ input[type=checkbox] {
} }
input[type=submit] { input[type=submit] {
display: inline; display: inline;
font-size: 110%;
padding: 2px 5px; padding: 2px 5px;
width: auto; width: auto;
font-size: 110%;
vertical-align: bottom; vertical-align: bottom;
} }
/* Notices and Errors */ /* Notices and Errors */
div.message, p.error, div.error-message { div.message {
clear: both;
color: #900; color: #900;
font-size: 140%; font-size: 140%;
font-weight: bold; font-weight: bold;
margin: 8px 0px; margin: 1em 0;
} }
div.error-message { div.error-message {
clear: both; clear: both;
color: #900;
font-weight: bold;
} }
div.error em { div.error em {
font-size: 140%; font-size: 140%;
@ -280,67 +286,36 @@ span.notice {
padding: 0.5em; padding: 0.5em;
margin: 1em 0; margin: 1em 0;
} }
/* Nav & Actions */
div.nav {
text-align: left;
position: absolute;
top: 9em;
left: 60%;
}
div.nav ul li a {
display: block;
background: #fff;
color: #003d4c;
padding: 3px 8px;
text-decoration: none;
}
div.nav ul {
background: #003d4c;
margin: 0;
padding: 0;
list-style-type: none;
}
div.nav li {
list-style-type: none;
margin: 0;
padding: 0;
}
div.nav ul li a {
background: #fff;
color: #003d4c;
padding: 3px 8px;
text-decoration: none;
}
div.nav ul li a:hover {
background: #003d4c;
color: #fff;
}
/* Actions */ /* Actions */
div.actions { div.index div.actions {
clear: both; clear: both;
margin-top: .2em; margin-top: .4em;
text-align: left; text-align: left;
} }
div.view div.actions {
clear: both;
margin-top: .4em;
text-align: left;
width: 60%;
}
div.actions ul { div.actions ul {
margin: 0; margin: 0px 0;
padding: 0; padding: 0;
} }
div.actions li { div.actions li {
display: inline; display: inline;
list-style-type: none; list-style-type: none;
line-height: 2em;
margin: 0 2em 0 0; margin: 0 2em 0 0;
padding: 0; white-space: nowrap;
} }
div.actions ul li a { div.actions ul li a {
background: #fff;
color: #003d4c; color: #003d4c;
text-decoration: none; text-decoration: none;
} }
div.actions ul li a:hover { div.actions ul li a:hover {
background: #003d4c; color: #333;
color: #fff; text-decoration: underline;
} }
/* Related */ /* Related */
@ -356,7 +331,7 @@ pre {
padding: 1em; padding: 1em;
} }
pre.cake_debug { pre.cake-debug {
background: #ffcc00; background: #ffcc00;
font-size: 120%; font-size: 120%;
line-height: 18px; line-height: 18px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 214 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3 KiB