cco/cybertools
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

improvements on loops_layout.css

Browse source 
git-svn-id: svn://svn.cy55.de/Zope3/src/cybertools/trunk@1187 fd906abe-77d9-0310-91a1-e0d9ade77398
This commit is contained in:
helmutm 2006-04-29 13:03:16 +00:00
parent 9202dd7bca
commit 68f732df29
1 changed files with 55 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

102
browser/loops/loops_layout.css
View file

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