improvements on loops_layout.css
git-svn-id: svn://svn.cy55.de/Zope3/src/cybertools/trunk@1187 fd906abe-77d9-0310-91a1-e0d9ade77398
This commit is contained in:
helmutm
parent
9202dd7bca
commit
68f732df29
1 changed files with 55 additions and 47 deletions
|
|
@ -14,7 +14,7 @@ body {
|
|||
font: 85% Helvetica, Arial, sans-serif;
|
||||
background: White;
|
||||
/* color: Black; */
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* These work in IE only, changes the look of the scrollbar + textareas */
|
||||
|
|
@ -78,7 +78,7 @@ hr {
|
|||
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
clear: left;
|
||||
font: 100% bold Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
|
|
@ -158,14 +158,14 @@ form {
|
|||
}
|
||||
|
||||
textarea {
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
width: 88%;
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
input {
|
||||
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 1px; /* IE bug fix */
|
||||
padding: 0.1em;
|
||||
|
|
@ -177,8 +177,8 @@ select {
|
|||
}
|
||||
|
||||
abbr, acronym, .explain {
|
||||
border-bottom: 1px dotted #202020;
|
||||
color: #202020;
|
||||
border-bottom: 1px dotted #242424;
|
||||
color: #242424;
|
||||
background-color: transparent;
|
||||
cursor: help;
|
||||
}
|
||||
|
|
@ -197,7 +197,7 @@ blockquote {
|
|||
|
||||
code {
|
||||
font-size: 120%;
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
|
|
@ -205,7 +205,7 @@ pre {
|
|||
font-size: 120%;
|
||||
padding: 1em;
|
||||
border: 1px solid #A0A0A0;
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
|
|
@ -285,7 +285,7 @@ pre {
|
|||
*/
|
||||
|
||||
#top {
|
||||
border-bottom: 0.1em solid #a0a0a0;
|
||||
border-bottom: 0.1em solid #b0b0b0;
|
||||
}
|
||||
|
||||
#top #userDetails {
|
||||
|
|
@ -295,19 +295,22 @@ pre {
|
|||
}
|
||||
|
||||
div#action {
|
||||
height: 18px;
|
||||
width: 100%;
|
||||
/*background-color: #336699;*/
|
||||
background-color: #6d80b0;
|
||||
height: 16px;
|
||||
/*width: 100%;*/
|
||||
background-color: #c8c4ff;
|
||||
border-left: 1px solid #6478b0;
|
||||
border-right: 1px solid #6478b0;
|
||||
}
|
||||
|
||||
div#action ul {
|
||||
line-height: 18px;
|
||||
color: #FFF;
|
||||
line-height: 16px;
|
||||
/*color: #FFF;*/
|
||||
color: #344080;
|
||||
white-space: nowrap;
|
||||
float: right;
|
||||
margin: 0px;
|
||||
padding: 0px 5px 0px 0px;
|
||||
margin-right: 20px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
}
|
||||
|
||||
div#action li {
|
||||
|
|
@ -316,24 +319,25 @@ div#action li {
|
|||
}
|
||||
|
||||
div#action li a {
|
||||
color: #FFF;
|
||||
/*color: #FFF;*/
|
||||
color: #344080;
|
||||
text-decoration: none;
|
||||
border-left: 1px dashed white;
|
||||
border-left: 1px solid #c8c4ff;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
div#action li a:link {
|
||||
color: #FFF:
|
||||
color: #344080;
|
||||
}
|
||||
|
||||
div#action li a:hover {
|
||||
color: #202020;
|
||||
background-color: white;
|
||||
color: #344080;
|
||||
background-color: #e0e0ff;
|
||||
}
|
||||
|
||||
#breadcrumbs {
|
||||
margin: 0;
|
||||
padding: 5px 5px 5px 5px;
|
||||
padding: 5px 5px 5px 8px;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
|
|
@ -344,7 +348,7 @@ div#action li a:hover {
|
|||
}
|
||||
|
||||
#navigators {
|
||||
padding: 10px 20px 0px 5px;
|
||||
padding: 10px 8px 0px 8px;
|
||||
}
|
||||
|
||||
/* slot boxes
|
||||
|
|
@ -352,16 +356,16 @@ div#action li a:hover {
|
|||
|
||||
div.box {
|
||||
background: #CCCCCC;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
border-left: 1px solid #CCCCCC;
|
||||
border-right: 1px solid #6478b0;
|
||||
border-left: 1px solid #6478b0;
|
||||
margin-bottom: 10px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.box h4 {
|
||||
background: #CCCCCC;
|
||||
border: 1px solid #CCCCCC;
|
||||
border-style: solid solid none solid;
|
||||
background: #c8c4ff;
|
||||
border-bottom: 1px solid #6478b0;
|
||||
border-top: 1px solid #6478b0;
|
||||
color: #606060;
|
||||
padding: 0px 5px;
|
||||
display: block;
|
||||
|
|
@ -370,7 +374,7 @@ div.box h4 {
|
|||
|
||||
.box div.body {
|
||||
background: white;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
border-bottom: 1px solid #6478b0;
|
||||
}
|
||||
|
||||
.box div.body div {
|
||||
|
|
@ -381,7 +385,7 @@ div.box h4 {
|
|||
|
||||
.box div.treebody {
|
||||
background: white;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
border-bottom: 1px solid #6478b0;
|
||||
}
|
||||
|
||||
.box div.treebody table {
|
||||
|
|
@ -419,6 +423,7 @@ div.box h4 {
|
|||
|
||||
|
||||
#content {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#context_information {
|
||||
|
|
@ -439,7 +444,7 @@ div.box h4 {
|
|||
}
|
||||
|
||||
#footer {
|
||||
border-bottom: 1px solid #202020;
|
||||
border-bottom: 1px solid #242424;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
|
@ -475,10 +480,11 @@ div.row div.field {
|
|||
}
|
||||
|
||||
div.row div.label {
|
||||
background: #6d80b0;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
/*background: #dddddd;
|
||||
border: 1px solid #dddddd; /* Same as .itemViews */
|
||||
color: #202020;
|
||||
padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
|
||||
border: 1px solid #6d80b0; /* Same as .itemViews */
|
||||
margin: 0;
|
||||
float: left;
|
||||
clear: both;
|
||||
|
|
@ -506,9 +512,9 @@ div.row div.error:before {
|
|||
.itemViews {
|
||||
background: transparent;
|
||||
border-collapse: collapse;
|
||||
border-bottom: 1px solid #6d80b0;
|
||||
border-bottom: 1px solid #6478b0;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-bottom: 0;
|
||||
padding-left: 1em;
|
||||
margin-top: 0.8em;
|
||||
white-space: nowrap;
|
||||
|
|
@ -516,29 +522,31 @@ div.row div.error:before {
|
|||
|
||||
.itemViews a {
|
||||
background: transparent;
|
||||
border: 1px solid #6d80b0;
|
||||
color: #202020;
|
||||
border: 1px solid #6478b0;
|
||||
color: #344080;
|
||||
font-weight: normal;
|
||||
margin-right: 0.5em;
|
||||
padding: 0.1em 0.5em 0.1em 0.5em;
|
||||
padding: 0.1em 0.5em 0 0.5em;
|
||||
}
|
||||
|
||||
.itemViews a.selected {
|
||||
background: #6d80b0;
|
||||
border-bottom: #6d80b0 1px solid;
|
||||
color: White;
|
||||
background: #c8c4ff;
|
||||
border-bottom: #c8c4ff 1px solid;
|
||||
/*color: White;*/
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.itemViews a:hover {
|
||||
background-color: #6d80b0;
|
||||
color: White;
|
||||
background-color: #c8c4ff;
|
||||
/*color: White;*/
|
||||
}
|
||||
|
||||
#viewspace {
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #6478b0;
|
||||
margin: 0;
|
||||
padding: 0 0px 10px 10px;
|
||||
}
|
||||
|
||||
table.listingdescription, table.listing {
|
||||
|
|
@ -636,7 +644,7 @@ div.spacer {
|
|||
div.message {
|
||||
background: #FFCE7B;
|
||||
border: 1px solid #FFA500;
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
font: bold 80% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 2em 0em 1em 0em;
|
||||
padding: 0.5em 1em;
|
||||
|
|
@ -644,7 +652,7 @@ div.message {
|
|||
}
|
||||
|
||||
div.message a {
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
}
|
||||
|
||||
/* Style for page error divs. Use this for displaying errors for a
|
||||
|
|
@ -660,7 +668,7 @@ div.page_error {
|
|||
div.bug {
|
||||
background: #FFCE7B;
|
||||
border: 1px solid #FFA500;
|
||||
color: #202020;
|
||||
color: #242424;
|
||||
font: bold 80% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 2em 1em 1em 0em;
|
||||
padding: 0.5em 1em;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue