Assignment 4
Solution
movie-list {
display: block;
font-size: 14pt;
font-family: sans-serif;
margin: 12pt;
}
movie {
display: block;
margin-bottom: 6pt;
padding-bottom: 6pt;
border-bottom: 2px solid black;
}
heading {
display: block;
font-size: 12pt;
}
title, rating {
font-size: 18pt;
}
rating {
color: red;
}
technical-details {
display: block;
font-size: 12pt;
}
synopsis {
display: block;
margin: 0.5em;
margin-left: 2em;
margin-right: 2em;
padding: 0.5em;
border: 1px solid black;
}
ref {
font-style: italic;
background-color: #ffffcc;
color: blue;
}
para {
display: block;
text-indent: 1em;
}
*[special] {
font-weight: bold;
}
actor[special] {
font-weight: normal;
color: green;
}
credits {
display: block;
margin-top: 0.25em;
margin-bottom: 0.25em;
}
actors {
display: block;
margin: .25em 0;
}
actors:before {
content: "The Cast: ";
font-size: 16pt;
font-style: italic;
text-decoration: underline;
}
actor[type="lead"] {
font-size: 125%;
}
writer, director, photography, music, production-design {
display:block;
}
writer:before {
content: "Writer: ";
}
director:before {
content: "Director: ";
}
music:before {
content: "Music Director: ";
}
photography:before {
content: "Photography: ";
}
production-design:before {
content: "Production Design: ";
}
reviews:before {
content: "Reviews";
text-decoration: underline;
}
reviews {
display: block;
}
review {
display: block;
margin: 0.5em 2em 1em 2em;
}
reviewer {
display:block;
margin-right: 3em;
text-align: right;
}
reviewer[type="periodical"] {
font-style: italic;
}