Change the screenshots section to be a single screenshot with clickable sections

This commit is contained in:
Joseph Schorr 2014-04-30 21:00:07 -04:00
parent cfcbc44c72
commit 2d18117e68
3 changed files with 83 additions and 28 deletions

View file

@ -4109,4 +4109,49 @@ have a fixed width and height (but it's not required).
.tour-section.tour-header .tour-section-title {
text-align: center;
}
}
.screenshot-feature {
margin-bottom: 20px;
position: relative;
}
.screenshot-feature .fa {
float: left;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
background: #eee;
font-size: 28px;
text-align: center;
margin-right: 20px;
margin-top: 0px;
clear: both;
}
.screenshot-feature.active .fa {
color: white;
background: #428bca;
}
.screenshot-feature .sf-title {
font-size: 20px;
display: inline-block;
margin-bottom: 10px;
margin-top: 6px;
}
.screenshot-feature:hover {
cursor: pointer;
}
.screenshot-feature:hover .sf-title {
text-decoration: underline;
}
.screenshot-feature .sf-text {
margin-left: 70px;
}