Skip to content
Snippets Groups Projects
Commit 519778ef authored by Denis Walker's avatar Denis Walker
Browse files

Makes box curves use border-radius rather than images for all but IE

parent 7fae5f6f
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
htdocs/css/ie.css
+ 60
− 0
View file @ 519778ef
......@@ -105,3 +105,63 @@
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
padding: 0.2em 0.5em;
}
/* --------------------------------------------------
Content box (e.g. for news items)
-------------------------------------------------- */
.box .boxhead {
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
}
.box .hollowhead {
background: #ffffff url('/images/border-bottom.png') repeat-x top;
height: 5px;
margin: 0;
padding: 0;
border: none;
}
.box .hollowhead div {
background: url('/images/border-top-left.png') no-repeat top left;
height: 100%;
}
.box .hollowhead div div {
background: url('/images/border-top-right.png') no-repeat top right;
height: 100%;
}
.box .boxhead h2, .box .boxhead h3, .error .errorhead h3 {
background: url('/images/menu-top-right.png') no-repeat top right;
}
.box .boxfoot {
background: #e76808 url('/images/menu-bottom-left.png') no-repeat bottom left;
}
.box .boxfoot p {
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
}
.box .hollowfoot {
background: #ffffff url('/images/border-bottom.png') repeat-x bottom;
height: 5px;
margin: 0;
padding: 0;
}
.box .hollowfoot div {
background: url('/images/border-bottom-left.png') no-repeat bottom left;
height: 100%;
}
.box .hollowfoot div div {
background: url('/images/border-bottom-right.png') no-repeat bottom right;
height: 100%;
}
/* --------------------------------------------------
Error box
-------------------------------------------------- */
.error .errorhead {
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
}
htdocs/css/sucs.css
+ 38
− 39
View file @ 519778ef
......@@ -282,6 +282,8 @@ ul#valid {
.box {
background: #ffffff;
border-radius: 7px;
-moz-border-radius: 7px;
}
.box div.boxcontent {
......@@ -295,54 +297,47 @@ ul#valid {
}
.box .boxhead {
background: #e76808 url('/images/menu-top-left.png') no-repeat top left;
background: #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.box .hollowhead {
background: #ffffff url('/images/border-bottom.png') repeat-x top;
background: #ffffff;
border-top: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
height: 5px;
margin: 0;
padding: 0;
}
.box .hollowhead div {
background: url('/images/border-top-left.png') no-repeat top left;
height: 100%;
}
.box .hollowhead div div {
background: url('/images/border-top-right.png') no-repeat top right;
height: 100%;
}
.box .boxhead h2, .box .boxhead h3, .error .errorhead h3 {
background: url('/images/menu-top-right.png') no-repeat top right;
}
.box .boxfoot {
background: #e76808 url('/images/menu-bottom-left.png') no-repeat bottom left;
}
.box .boxfoot p {
background: url('/images/menu-bottom-right.png') no-repeat bottom right;
background: #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
.box .hollowfoot {
background: #ffffff url('/images/border-bottom.png') repeat-x bottom;
background: #ffffff;
height: 5px;
margin: 0;
padding: 0;
}
.box .hollowfoot div {
background: url('/images/border-bottom-left.png') no-repeat bottom left;
height: 100%;
}
.box .hollowfoot div div {
background: url('/images/border-bottom-right.png') no-repeat bottom right;
height: 100%;
border-bottom: 2px solid #e76808;
border-left: 2px solid #e76808;
border-right: 2px solid #e76808;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
}
/* --------------------------------------------------
......@@ -357,6 +352,11 @@ ul#valid {
.error div.errorcontent {
background: #ffffff;
border: 2px solid #ff0000;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
-moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
padding-bottom: 0.5em;
}
.error .errorhead h3 {
......@@ -364,7 +364,11 @@ ul#valid {
}
.error .errorhead {
background: #ff0000 url('/images/menu-top-left.png') no-repeat top left;
background: #ff0000;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
}
.errorbar, .navbar, .infobar {
......@@ -419,11 +423,6 @@ ul#valid {
Tables
-------------------------------------------------- */
table.border {
border-radius: 7px;
-moz-border-radius: 7px;
}
table.border th {
background: #e76808;
color: #ffc62b;
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment