moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

narbar problem, line in the modal, modal center, footer readable

Browse source
This commit is contained in:
unknown 2016-12-09 11:11:41 -04:00
commit e124169596
5 changed files with 151 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

26
digitalglarus/templates/digitalglarus/login.html
View file

@ -13,7 +13,7 @@
text-align: center;
margin: 30px auto 30px;
color: #88c7d7;
}
.price2 {
@ -25,8 +25,8 @@
cancel-subscription-modal .modal-body {
max-height: 800px;
}
}
}
@media screen and (min-width: 780px) {
cancel-subscription-modal .modal-dialog {width:1000px;}
@ -38,6 +38,7 @@
margin: 30px auto 30px;
color: #88c7d7;
}
.price2 {
@ -46,11 +47,14 @@
}
cancel-subscription-modal .modal-body {
max-height: 800px;
}
}
</style>
<section id="price">
<div class="signup-container">
@ -130,18 +134,17 @@
</div>
</section>
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true">
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<section id="price2">
<div class="container">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<!--<div class="row col-md-2 text-center wow fadeInDown"></div> -->
<div class="row col-xs-12 col-sm-12 col-lg-6 text-center wow fadeInDown">
<div class="row col-xs-12 col-sm-12 col-lg-10 text-center wow fadeInDown">
<div class="price-box">
<span class="glyphicon glyphicon-flag"></span>
<h2 class="section-heading">General Terms & Conditions of Digital Glarus Membership</h2>
@ -191,4 +194,7 @@
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
{% endblock %}

7
digitalglarus/templates/digitalglarus/membership_payment.html
View file

@ -29,7 +29,7 @@
text-align: center;
margin: 30px auto 30px;
color: #88c7d7;
}
.price2 {
@ -40,6 +40,7 @@
}
</style>
<section id="price">
@ -213,13 +214,11 @@
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<section id="price2">
<div class="container">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<!--<div class="row col-md-2 text-center wow fadeInDown"></div> -->
<div class="row col-xs-12 col-sm-12 col-lg-10 text-center wow fadeInDown">
<div class="price-box">

45
digitalglarus/templates/digitalglarus/membership_pricing.html
View file

@ -7,9 +7,16 @@
<style type="text/css">
@media screen and (min-width: 768px) {
cancel-subscription-modal .modal-dialog {width:550px;}
cancel-subscription-modal .modal-dialog {width:350px;}
position: relative;
top: -200px;
width: 400px;
z-index: 1000;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.glyphicon-calendar{
font-size: 42px;
@ -26,6 +33,28 @@
}
.cancel-subscription-modal{
position: absolute;
top: -200px;
width: 400px;
z-index: 1000;
margin: 0 auto;
border-radius: 10px;
-webkit-border-radius: 10px;
}
.btn-primary-text {
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight: 400;
color: #0F1221;
letter-spacing: 1px;
padding-right: 10px;
}
</style>
<section id="price">
@ -53,7 +82,7 @@
</div>
<div class="text-center">
<br>
<a data-toggle="modal" data-target="#cancel-subscription-modal" target="_blank">How to pay?</a>
<a class="btn btn-primary-text" data-toggle="modal" data-target="#cancel-subscription-modal" target="_blank">How to pay?</a>
</div>
</div>
@ -105,17 +134,15 @@
</section>
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true">
<div class="modal fade bs-example-modal-sm" id="cancel-subscription-modal" tabindex="-1" role="dialog" aria-hidden ="true" >
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
<section id="price2">
<div class="signup-container">
<div class="col-xs-12 col-sm-3 col-lg-4 text-center wow fadeInDown"> </div>
<div class="col-xs-12 col-sm-12 col-lg-12 text-center wow fadeInDown">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<div class="col-xs-12 col-sm-3 col-lg-4 text-center wow fadeInDown" margin-top:0;> </div>
<div class="col-xs-12 col-sm-12 col-lg-12 text-center wow fadeInDown" margin-top:0;>
<div class="signup-box">
<span class="glyphicon glyphicon-calendar"></span>
<h2 class="section-heading">How the pricing works</h2>