HTML and CSS Reference
In-Depth Information
}
}
/**
* Movie list
*/
.movie-list {
li {
background: #A5CCEB;
border-bottom-color: #FFFFFF;
.more {
display: block;
height: 100%;
overflow: hidden;
text-decoration: none;
h2 {
margin: 0 0 10px;
color: #BF2628;
}
p {
margin: 0;
color: #000000;
}
}
}
li:nth-child(odd) {
background: #97B2D9;
}
}
With this in place, reload your mobile browser and perform another search. The
results view will look like Figure 8-4. You can now move on to style the movie
view.
