some CSS fixes for IE
git-svn-id: svn://svn.cy55.de/Zope3/src/cybertools/trunk@1393 fd906abe-77d9-0310-91a1-e0d9ade77398
This commit is contained in:
helmutm
parent
f2ec195a55
commit
9613b18ad2
4 changed files with 669 additions and 2 deletions
|
|
@ -27,7 +27,7 @@ body {
|
|||
#menu,#content,#sub-section {float:left}
|
||||
#menu {width:20%}
|
||||
#content {width:63%}
|
||||
#sub-section {width:17%}
|
||||
#sub-section {width:16%}
|
||||
#footer {clear:left}
|
||||
|
||||
/* more general stuff */
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
</tal:portlet>
|
||||
</div>
|
||||
|
||||
<div id="content" define-macro="content">
|
||||
<div id="content" metal:define-macro="content">
|
||||
<div metal:define-slot="actions"></div>
|
||||
<div metal:define-slot="message"></div>
|
||||
<metal:content define-slot="content">
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@
|
|||
layer="liquid"
|
||||
/>
|
||||
|
||||
<resource name="zope3_tablelayout.css" file="zope3_tablelayout.css" layer="liquid" />
|
||||
<resource name="base.css" file="base.css" layer="liquid" />
|
||||
<resource name="print.css" file="print.css" layer="liquid" />
|
||||
<resource name="custom.css" file="custom.css" layer="liquid" />
|
||||
|
|
|
|||
666
browser/liquid/zope3_tablelayout.css
Normal file
666
browser/liquid/zope3_tablelayout.css
Normal file
|
|
@ -0,0 +1,666 @@
|
|||
/*
|
||||
** Zope3 style sheet for CSS2-capable browsers.
|
||||
** For future skin see zope.app.boston.
|
||||
*/
|
||||
|
||||
/*
|
||||
* { border: 1px dotted red }
|
||||
*/
|
||||
|
||||
|
||||
/* Basic Elements */
|
||||
|
||||
body {
|
||||
font: 85% Helvetica, Arial, sans-serif;
|
||||
background: White;
|
||||
color: Black;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* These work in IE only, changes the look of the scrollbar + textareas */
|
||||
scrollbar-base-color: White;
|
||||
scrollbar-highlight-color: White;
|
||||
scrollbar-track-color: #F8F8F8;
|
||||
scrollbar-darkshadow-color: #F8F8F8;
|
||||
scrollbar-3dlight-color: #369;
|
||||
scrollbar-shadow-color: #369;
|
||||
scrollbar-arrow-color: Black;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #369;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
a[href]:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
img {
|
||||
border: none;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5em 0em 1em 0em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
p a:visited {
|
||||
color: Purple;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
p a:active {
|
||||
color: Red;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
p img {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
hr {
|
||||
clear: both;
|
||||
height: 1px;
|
||||
color: #369;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: Black;
|
||||
clear: left;
|
||||
font: 100% bold Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 0;
|
||||
padding-top: 0.5em;
|
||||
border-bottom: 1px solid #369;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 160%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 140%;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
h6 {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
ul {
|
||||
line-height: 1.5em;
|
||||
/* list-style-image: url("bullet.gif"); */
|
||||
margin-left: 2em;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
ol {
|
||||
line-height: 1.5em;
|
||||
margin-left: 2em;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
dl {
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
dd {
|
||||
line-height: 1.5em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
|
||||
fieldset {
|
||||
border: 1px solid #A0A0A0;
|
||||
/*
|
||||
margin: 2em 0em 1em 0em;
|
||||
padding: 1em 0em;
|
||||
*/
|
||||
margin: 0em 0em 2em 0em;
|
||||
padding: 0 1em 1em 1em;
|
||||
}
|
||||
|
||||
legend {
|
||||
background: White;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
|
||||
form {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
color: Black;
|
||||
width: 88%;
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
input {
|
||||
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
color: Black;
|
||||
vertical-align: middle;
|
||||
margin-bottom: 1px; /* IE bug fix */
|
||||
padding: 0.1em;
|
||||
}
|
||||
|
||||
select {
|
||||
font: normal 100% Verdana, Helvetica, Arial, sans-serif;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
abbr, acronym, .explain {
|
||||
border-bottom: 1px dotted Black;
|
||||
color: Black;
|
||||
background-color: transparent;
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
q {
|
||||
font-family: Times, "Times New Roman", serif;
|
||||
font-style: italic;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
font-family: Times, "Times New Roman", serif;
|
||||
font-style: italic;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
code {
|
||||
font-size: 120%;
|
||||
color: Black;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
pre {
|
||||
font-size: 120%;
|
||||
padding: 1em;
|
||||
border: 1px solid #A0A0A0;
|
||||
color: Black;
|
||||
background-color: #CCCCCC;
|
||||
}
|
||||
|
||||
.netscape4 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* layout table
|
||||
*/
|
||||
|
||||
#layout {
|
||||
width: 100%;
|
||||
table-layout: auto;
|
||||
font-size: 100%;
|
||||
border-collapse: collapse;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#layout td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
#layout td.global {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#layout td.navigators {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#layout td.workspace {
|
||||
}
|
||||
|
||||
|
||||
/* Styles for xmltree
|
||||
*/
|
||||
|
||||
#navtreecontents {
|
||||
padding-right: 35px;
|
||||
}
|
||||
|
||||
#navtreecontents a {
|
||||
cursor: pointer;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
#navtreecontents loading {
|
||||
display: block;
|
||||
padding-left: 31px;
|
||||
height: 18px;
|
||||
}
|
||||
|
||||
#navtreecontents expand {
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 14px;
|
||||
display: inline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#navtreecontents icon {
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 20px;
|
||||
display: inline;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
#navtreecontents collection {
|
||||
display: block;
|
||||
margin-left: 10px;
|
||||
/* border: red solid 1pt; */
|
||||
height: auto;
|
||||
}
|
||||
|
||||
|
||||
/* Structural elements
|
||||
*/
|
||||
|
||||
#top {
|
||||
border-bottom: 0.1em solid black;
|
||||
}
|
||||
|
||||
#top #userDetails {
|
||||
float:right;
|
||||
margin-top: 1.2em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
|
||||
div#action {
|
||||
height: 24px;
|
||||
width: 100%;
|
||||
background-color: #336699;
|
||||
}
|
||||
|
||||
div#action ul {
|
||||
line-height: 24px;
|
||||
color: #FFF;
|
||||
white-space: nowrap;
|
||||
float: right;
|
||||
margin: 0px;
|
||||
padding: 0px 5px 0px 0px;
|
||||
}
|
||||
|
||||
div#action li {
|
||||
list-style-type: none;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
div#action li a {
|
||||
color: #FFF;
|
||||
text-decoration: none;
|
||||
border-left: 1px dashed white;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
div#action li a:link {
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
div#action li a:hover {
|
||||
color: black;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#breadcrumbs {
|
||||
margin: 0;
|
||||
padding: 5px 5px 5px 5px;
|
||||
}
|
||||
|
||||
#navigation {
|
||||
width: 200px;
|
||||
vertical-align: top;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
#navigators {
|
||||
padding: 10px 20px 0px 5px;
|
||||
}
|
||||
|
||||
/* slot boxes
|
||||
*/
|
||||
|
||||
div.box {
|
||||
background: #CCCCCC;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
border-left: 1px solid #CCCCCC;
|
||||
margin-bottom: 10px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
div.box h4 {
|
||||
background: #CCCCCC;
|
||||
border: 1px solid #CCCCCC;
|
||||
border-style: solid solid none solid;
|
||||
color: #808080;
|
||||
padding: 0px 5px;
|
||||
display: block;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
.box div.body {
|
||||
background: white;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.box div.body div {
|
||||
color: #777777;
|
||||
padding: 2px 0px 5px 5px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.box div.treebody {
|
||||
background: white;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
}
|
||||
|
||||
.box div.treebody table {
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
.box div.body div.tip {
|
||||
color: #B30000;
|
||||
padding: 2px 0px 5px 5px;
|
||||
}
|
||||
|
||||
.box div.body div.even {
|
||||
background: #EBEBE2;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.box div.body div.odd {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.box div.body a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.box .content {
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
.box h1,
|
||||
.box h2,
|
||||
.box h3,
|
||||
.box h4 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
#content {
|
||||
}
|
||||
|
||||
#context_information {
|
||||
padding-top: 1em;
|
||||
width: 15%;
|
||||
float: left;
|
||||
padding-left: 0.5em;
|
||||
}
|
||||
|
||||
#workspace {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#helpers {
|
||||
}
|
||||
|
||||
#inspectors {
|
||||
}
|
||||
|
||||
#footer {
|
||||
border-bottom: 1px solid black;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
input.textType {
|
||||
width: 88%; /* Same as textarea */
|
||||
}
|
||||
|
||||
input.editcheck {
|
||||
float:left;
|
||||
position:relative;
|
||||
top:1em;
|
||||
}
|
||||
|
||||
div.row {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
/*
|
||||
div.label {
|
||||
#clear: both;
|
||||
padding-top: 10px;
|
||||
}
|
||||
*/
|
||||
|
||||
/* div.row div.field doesn't appear to be selecting. div.row div
|
||||
is a workaround */
|
||||
/* This seems to work in Firefox 1.0 and IE6. */
|
||||
|
||||
div.row div.field {
|
||||
clear: left;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
div.row div.label {
|
||||
background: #369;
|
||||
color: #fff;
|
||||
padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
|
||||
border: 1px solid #369; /* Same as .itemViews */
|
||||
margin: 0;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
div.row span.error {
|
||||
background: red;
|
||||
color: white;
|
||||
padding: 0.1em 0.5em 0.1em 0.5em; /* Same as .itemViews */
|
||||
border: 1px solid red; /* Same as .itemViews */
|
||||
margin: 0;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
/*
|
||||
div.row div.error:before {
|
||||
content: "\2190 ";
|
||||
}
|
||||
*/
|
||||
|
||||
#metadata .label {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.itemViews {
|
||||
background: transparent;
|
||||
border-collapse: collapse;
|
||||
border-bottom: 1px solid #369;
|
||||
padding-top: 1px;
|
||||
padding-bottom: 1px;
|
||||
padding-left: 1em;
|
||||
margin-top: 0.8em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.itemViews a {
|
||||
background: transparent;
|
||||
border: 1px solid #369;
|
||||
color: Black;
|
||||
font-weight: normal;
|
||||
margin-right: 0.5em;
|
||||
padding: 0.1em 0.5em 0.1em 0.5em;
|
||||
}
|
||||
|
||||
.itemViews a.selected {
|
||||
background: #369;
|
||||
border-bottom: #369 1px solid;
|
||||
color: White;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
|
||||
.itemViews a:hover {
|
||||
background-color: #369;
|
||||
color: White;
|
||||
}
|
||||
|
||||
#viewspace {
|
||||
border-collapse: collapse;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
table.listingdescription, table.listing {
|
||||
/* The default table for document listings. Contains name, document types, modification times etc in a file-browser-like fashion */
|
||||
border-collapse: collapse;
|
||||
border-left: 1px solid #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
margin: 1em 0em 1em 0em;
|
||||
/* clear: both; */
|
||||
}
|
||||
|
||||
table.listingdescription {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table.listingdescription th, table.listing th {
|
||||
background: #CCCCCC;
|
||||
border-top: 1px solid #CCCCCC;
|
||||
border-bottom: 1px solid #CCCCCC;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
color: #808080;
|
||||
font-weight: normal;
|
||||
padding: 0em 1em 0em 1em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
table.listingdescription td.top, table.listing td.top {
|
||||
border-left: 1px solid White;
|
||||
border-top: 1px solid White ! important;
|
||||
border-right: 1px solid White ! important;
|
||||
text-align: right ! important;
|
||||
padding: 0em 0em 1em 0em;
|
||||
/* insane IE row bug workaround */
|
||||
position: relative;
|
||||
left: -1px;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
table.listingdescription tr.odd, table.listing tr.odd {
|
||||
/*every second line should be shaded */
|
||||
background: White;
|
||||
}
|
||||
|
||||
table.listingdescription tr.even, table.listing tr.even {
|
||||
background: #F8F8F8;
|
||||
}
|
||||
|
||||
table.listing td {
|
||||
border-right: 1px solid #CCCCCC;
|
||||
padding: 0em 0.3em;
|
||||
text-align: left;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
table.listingdescription img, table.listing img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table.listingdescription td {
|
||||
border-right: 1px solid #CCCCCC;
|
||||
padding: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
/*colorize the matrix table used in grant.html*/
|
||||
table.matrix td.default {
|
||||
background: green;
|
||||
}
|
||||
|
||||
|
||||
table.matrix td.changed {
|
||||
background: red;
|
||||
}
|
||||
|
||||
|
||||
div.spacer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
|
||||
.registrationSummary {
|
||||
margin-left: 2em;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.registrationSummary .usageSummary {
|
||||
font-weight: bold;
|
||||
}
|
||||
.registrationSummary .modificationLink {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
div.message {
|
||||
background: #FFCE7B;
|
||||
border: 1px solid #FFA500;
|
||||
color: Black;
|
||||
font: bold 80% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 2em 0em 1em 0em;
|
||||
padding: 0.5em 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.message a {
|
||||
color: Black;
|
||||
}
|
||||
|
||||
/* Style for page error divs. Use this for displaying errors for a
|
||||
page as a whole.
|
||||
*/
|
||||
div.page_error {
|
||||
background: #FFCE7B;
|
||||
font: bold 80% Verdana, Helvetica, Arial, sans-serif;
|
||||
padding: 0.5em 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.bug {
|
||||
background: #FFCE7B;
|
||||
border: 1px solid #FFA500;
|
||||
color: Black;
|
||||
font: bold 80% Verdana, Helvetica, Arial, sans-serif;
|
||||
margin: 2em 1em 1em 0em;
|
||||
padding: 0.5em 1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
Loading…
Add table
Reference in a new issue