Moved features page indicators to bottom of module.

This commit is contained in:
Samuel Clay 2010-07-07 17:20:37 -04:00
parent fa1d44ee95
commit c293ec7665
2 changed files with 34 additions and 8 deletions

View file

@ -1954,6 +1954,14 @@ background: transparent;
padding: 8px 12px 6px;
}
.NB-account .NB-module .NB-module-header-left {
float: left;
}
.NB-account .NB-module .NB-module-header-center {
text-align: center;
margin: 0 auto;
width: 132px;
}
.NB-account .NB-module .NB-module-header-right {
font-size: 13px;
line-height: 16px;
@ -2047,6 +2055,18 @@ background: transparent;
/* = How it Works Module = */
/* ======================= */
.NB-module-howitworks {
position: relative;
}
.NB-module-howitworks .NB-howitworks-page-indicators {
position: absolute;
width: 132px;
height: 20px;
right: 64px;
bottom: 0px;
}
.NB-module-howitworks .NB-howitworks-page {
display: none;
overflow: hidden;
@ -2071,6 +2091,8 @@ background: transparent;
float: left;
line-height: 30px;
font-size: 22px;
color: #303030;
text-shadow: 1px 1px 0px #F0F0F0;
}
.NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-description td {

View file

@ -81,19 +81,23 @@
<div class="NB-module NB-module-howitworks">
<h5 class="NB-module-header">
How It Works
<div class="NB-module-header-left">
How It Works
</div>
<div class="NB-module-header-right">
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 0 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 1 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 2 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 3 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 4 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 5 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-direction NB-module-previous-page {% if howitworks_page == 0 %}NB-disabled{% endif %}"></a>
<a href="#" class="NB-module-direction NB-module-next-page {% if howitworks_page == 5 %}NB-disabled{% endif %}"></a>
</div>
</h5>
<div class="NB-howitworks-page-indicators">
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 0 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 1 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 2 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 3 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 4 %}NB-active{% endif %}"></a>
<a href="#" class="NB-module-page-indicator {% if howitworks_page == 5 %}NB-active{% endif %}"></a>
</div>
<div class="NB-howitworks-page {% if howitworks_page == 0 %}NB-active{% endif %}">
<div class="NB-howitworks-page-image">