Made rounded corners for background (title/description on intro page)

d3summaryChart
Pål Jørgensen 2014-04-03 15:07:50 +02:00
parent 9179f6209a
commit ae8af678a2
1 changed files with 4 additions and 2 deletions

View File

@ -66,16 +66,18 @@
text-align: center;
}
.intro-page .title > span {
padding: 0 0.2em;
padding: 0.125em 0.5em;
border-radius: 0.125em;
background: rgb(255,255,255); /* Fallback for browsers not supporting rgba */
background: rgba(255,255,255,0.8); /* Gives WCAG contrast ratio of 5.6:1 with the current font color */
}
.intro-page .introduction {
font-size: 1.25em;
margin: 0 1em;
border-radius: 0.25em;
background: rgb(255,255,255); /* Fallback for browsers not supporting rgba */
background: rgba(255,255,255,0.8); /* Gives WCAG contrast ratio of 5.6:1 with the current font color */
padding: 0.2em;
padding: 0.25em 0.5em;
}
/* Overrides whatever margins have been set in site-CSS, to avoid too much spacing
on description field, aswell as getting same padding on top and bottom of field */