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; text-align: center;
} }
.intro-page .title > span { .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: 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 */ background: rgba(255,255,255,0.8); /* Gives WCAG contrast ratio of 5.6:1 with the current font color */
} }
.intro-page .introduction { .intro-page .introduction {
font-size: 1.25em; font-size: 1.25em;
margin: 0 1em; margin: 0 1em;
border-radius: 0.25em;
background: rgb(255,255,255); /* Fallback for browsers not supporting rgba */ 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 */ 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 /* 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 */ on description field, aswell as getting same padding on top and bottom of field */