Skip to content

Commit

Permalink
added styling for the event-listing that was changed for a11y reasons
Browse files Browse the repository at this point in the history
  • Loading branch information
polyester committed May 26, 2012
1 parent f77bc76 commit c12fcf3
Show file tree
Hide file tree
Showing 2 changed files with 47 additions and 1 deletion.
3 changes: 3 additions & 0 deletions CHANGES.txt
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@ Changelog

1.2.2 (unreleased)
------------------
- added styling on the eventlisting, that was changed from a table into headings/paragraphs
for accessibility reasons. Styling uses the classic dtml style to minimize visual changes.
[polyester]

- Set "display: block" on .formHelp in forms.css.dtml to assure that field
help displays as a block even if it is formatted as a span for accessibility.
Expand Down
45 changes: 44 additions & 1 deletion plonetheme/classic/skins/classic_styles/public.css.dtml
Original file line number Diff line number Diff line change
Expand Up @@ -492,7 +492,7 @@ form.searchPage h1.documentFirstHeading .highlightedSearchTerm {
text-decoration: none;
}
.breadcrumbSeparator {
font-size: 120%;
color: #666666;
}
.documentEditable {
padding: 0em 1em 1em 1em !important;
Expand Down Expand Up @@ -853,6 +853,49 @@ table.plain th {
margin: 0 0 0.5em 1em;
}

/* For event view template, changed headerless table to headings and divs,
* for better accessibility. */

#content .eventDetails {
border-collapse: collapse;
border-spacing: 0;
border: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
font-size: &dtml-fontSmallSize;;
width: 22em;
margin: 1em 0em 1em 0em;
}
#content .eventDetails h2 {
background: &dtml-globalBackgroundColor;;
border-bottom: &dtml-borderWidth; &dtml-borderStyle; &dtml-globalBorderColor;;
font-weight: normal;
padding: 0.25em 0.5em;
text-transform: &dtml-textTransform;;
margin-top: 0em;
}
#content .eventDetails .eventDetail {
clear: both;
}
#content .eventDetails .eventDetail h3,
#content .eventDetails .eventDetail div {
padding: 2%;
}
#content .eventDetails .eventDetail h3 {
float: left;
font-size: 100%;
text-align: right ! important;
padding: 0em 0em 1em 0em;
width: 37%;
margin: 0 0 0.5em 0;
}
#content .eventDetails .eventDetail div {
float: left;
width: 55%;
padding: 0em 0.5em 0.25em 0.5em;
}
/* @end */



/* Useful deviations from regular style on elements */

/* List classes without markers */
Expand Down

0 comments on commit c12fcf3

Please sign in to comment.