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 @@ ...@@ -105,3 +105,63 @@
background: url('/images/menu-bottom-right.png') no-repeat bottom right; background: url('/images/menu-bottom-right.png') no-repeat bottom right;
padding: 0.2em 0.5em; 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 { ...@@ -282,6 +282,8 @@ ul#valid {
.box { .box {
background: #ffffff; background: #ffffff;
border-radius: 7px;
-moz-border-radius: 7px;
} }
.box div.boxcontent { .box div.boxcontent {
...@@ -295,54 +297,47 @@ ul#valid { ...@@ -295,54 +297,47 @@ ul#valid {
} }
.box .boxhead { .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 { .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; height: 5px;
margin: 0; margin: 0;
padding: 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 { .box .boxfoot {
background: #e76808 url('/images/menu-bottom-left.png') no-repeat bottom left; background: #e76808;
} border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
.box .boxfoot p { -moz-border-radius-bottomleft: 7px;
background: url('/images/menu-bottom-right.png') no-repeat bottom right; -moz-border-radius-bottomright: 7px;
} }
.box .hollowfoot { .box .hollowfoot {
background: #ffffff url('/images/border-bottom.png') repeat-x bottom; background: #ffffff;
height: 5px; height: 5px;
margin: 0; margin: 0;
padding: 0; padding: 0;
} border-bottom: 2px solid #e76808;
border-left: 2px solid #e76808;
.box .hollowfoot div { border-right: 2px solid #e76808;
background: url('/images/border-bottom-left.png') no-repeat bottom left; border-bottom-left-radius: 7px;
height: 100%; border-bottom-right-radius: 7px;
} -moz-border-radius-bottomleft: 7px;
-moz-border-radius-bottomright: 7px;
.box .hollowfoot div div {
background: url('/images/border-bottom-right.png') no-repeat bottom right;
height: 100%;
} }
/* -------------------------------------------------- /* --------------------------------------------------
...@@ -357,6 +352,11 @@ ul#valid { ...@@ -357,6 +352,11 @@ ul#valid {
.error div.errorcontent { .error div.errorcontent {
background: #ffffff; background: #ffffff;
border: 2px solid #ff0000; 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 { .error .errorhead h3 {
...@@ -364,7 +364,11 @@ ul#valid { ...@@ -364,7 +364,11 @@ ul#valid {
} }
.error .errorhead { .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 { .errorbar, .navbar, .infobar {
...@@ -419,11 +423,6 @@ ul#valid { ...@@ -419,11 +423,6 @@ ul#valid {
Tables Tables
-------------------------------------------------- */ -------------------------------------------------- */
table.border {
border-radius: 7px;
-moz-border-radius: 7px;
}
table.border th { table.border th {
background: #e76808; background: #e76808;
color: #ffc62b; 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