Changed field error messages, made fields wider
This commit is contained in:
Siarhei Puhach
parent
82ad7db0f7
commit
290bfe272f
|
|
@ -26,7 +26,7 @@ h6 {
|
|||
/*blue light #5A74AF*/
|
||||
/*blue dark #29427A*/
|
||||
.topnav {
|
||||
font-size: 14px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.lead {
|
||||
|
|
@ -271,7 +271,7 @@ h6 {
|
|||
|
||||
.intro-message > h3 {
|
||||
font-weight: 300;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.intro-pricing{
|
||||
|
|
@ -337,7 +337,7 @@ h6 {
|
|||
.split-section.left{
|
||||
background: -webkit-linear-gradient(#f0f4f7, #fff) no-repeat;
|
||||
background: -o-linear-gradient(#f0f4f7, #fff) no-repeat;
|
||||
background: linear-gradient(#f0f4f7, #fff) no-repeat;
|
||||
background: linear-gradient(#f0f4f7, #fff) no-repeat;
|
||||
}
|
||||
|
||||
.split-section.left .split-description{
|
||||
|
|
@ -806,7 +806,7 @@ tech-sub-sec h2 {
|
|||
.price-calc-section .card .description .select-number{
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
width: 60px;
|
||||
width: 85px;
|
||||
}
|
||||
.price-calc-section .card .description i{
|
||||
color: #29427A;
|
||||
|
|
@ -907,7 +907,7 @@ color: #eb4d5c;
|
|||
}
|
||||
|
||||
}
|
||||
@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
|
||||
@media screen and (min-device-width: 480px) and (max-device-width: 767px) {
|
||||
.logo-wrap {
|
||||
width: 50%;
|
||||
padding: 15px 30px !important;
|
||||
|
|
@ -915,7 +915,7 @@ color: #eb4d5c;
|
|||
}
|
||||
.logo-wrap-1 {
|
||||
width: 50%;
|
||||
padding: 15px 30px !importantx;
|
||||
padding: 15px 30px !important;
|
||||
min-height: 179px;
|
||||
}
|
||||
.landscape-xs-6{
|
||||
|
|
@ -1014,7 +1014,7 @@ line-height: 40px;
|
|||
color: #777;
|
||||
}
|
||||
.nav-language:hover{
|
||||
height: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.navbar-transparent .nav-language .select-language {
|
||||
color: #777;
|
||||
|
|
@ -1141,7 +1141,8 @@ line-height: 40px;
|
|||
.price-calc-section .card .description .select-number{
|
||||
font-size: 17px;
|
||||
text-align: center;
|
||||
width: 60px;
|
||||
width: 85px;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -1243,17 +1244,17 @@ p.copyright {
|
|||
|
||||
a#forgotpassword {
|
||||
color: #ffffff;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.topnav a:focus {
|
||||
outline: none;
|
||||
outline: none;
|
||||
outline-offset: 0;
|
||||
}
|
||||
|
||||
.topnav .btn:focus {
|
||||
outline: none !important;
|
||||
outline: none !important;
|
||||
outline-offset: 0;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
(function($){
|
||||
"use strict"; // Start of use strict
|
||||
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------
|
||||
Scripts initialization
|
||||
--------------------------------------------- */
|
||||
|
|
@ -24,30 +24,30 @@
|
|||
'id': 'storageValue',
|
||||
'value': 10,
|
||||
'min': 10,
|
||||
'max': 500,
|
||||
'max': 2000,
|
||||
'interval': 10
|
||||
}
|
||||
}
|
||||
};
|
||||
$(window).load(function(){
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
verifiedUrl();
|
||||
_navScroll();
|
||||
_initScroll();
|
||||
_initNavUrl();
|
||||
_initPricing();
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
$(window).resize(function(){
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
|
||||
|
||||
|
||||
/* ---------------------------------------------
|
||||
|
|
@ -62,11 +62,11 @@
|
|||
} else {
|
||||
/* the viewport is less than 400 pixels wide */
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function _initScroll(){
|
||||
$(window).scroll(function(){
|
||||
$(window).scroll(function(){
|
||||
_navScroll();
|
||||
});
|
||||
|
||||
|
|
@ -107,7 +107,7 @@
|
|||
|
||||
$('.fa-minus-circle.left').click(function(event){
|
||||
var data = $(this).data('minus');
|
||||
|
||||
|
||||
if(cardPricing[data].value > cardPricing[data].min){
|
||||
cardPricing[data].value = Number(cardPricing[data].value) - cardPricing[data].interval;
|
||||
}
|
||||
|
|
@ -136,7 +136,7 @@
|
|||
}
|
||||
|
||||
function _calcPricing(){
|
||||
var total = (cardPricing['cpu'].value * 5) + (2* cardPricing['ram'].value) + (0.6* cardPricing['storage'].value);
|
||||
var total = (cardPricing['cpu'].value * 5) + (2* cardPricing['ram'].value) + (0.6* cardPricing['storage'].value);
|
||||
total = parseFloat(total.toFixed(2));
|
||||
|
||||
$("#total").text(total);
|
||||
|
|
@ -148,7 +148,7 @@
|
|||
function _calculate(numbers, price){
|
||||
$('#valueTotal').text(numbers*price*31);
|
||||
}
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
||||
|
||||
|
||||
})(jQuery);
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
<div class="form-group">
|
||||
<div class="description input">
|
||||
<i class="fa fa-minus-circle left" data-minus="cpu" aria-hidden="true"></i>
|
||||
<input class="input-price select-number" type="number" min="1" max="42" id="coreValue" name="cpu" data-error="{% trans 'Please enter a value greater than or equal to 1.' %}" required>
|
||||
<input class="input-price select-number" type="number" min="1" max="48" id="coreValue" name="cpu" data-error="{% trans 'Please enter a value in range 1 - 48' %}" required>
|
||||
<span> Core</span>
|
||||
<i class="fa fa-plus-circle right" data-plus="cpu" aria-hidden="true"></i>
|
||||
</div>
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
<div class="form-group">
|
||||
<div class="description input">
|
||||
<i class="fa fa-minus-circle left" data-minus="ram" aria-hidden="true"></i>
|
||||
<input id="ramValue" class="input-price select-number" type="number" min="2" max="200" name="ram" data-error="{% trans 'Please enter a value greater than or equal to 2.' %}" required>
|
||||
<input id="ramValue" class="input-price select-number" type="number" min="2" max="200" name="ram" data-error="{% trans 'Please enter a value in range 2-200.' %}" required>
|
||||
<span> GB RAM</span>
|
||||
<i class="fa fa-plus-circle right" data-plus="ram" aria-hidden="true"></i>
|
||||
</div>
|
||||
|
|
@ -36,7 +36,7 @@
|
|||
<div class="form-group">
|
||||
<div class="description input">
|
||||
<i class="fa fa-minus-circle left" data-minus="storage" aria-hidden="true"></i>
|
||||
<input id="storageValue" class="input-price select-number" type="number" min="10" max="500" step="10" name="storage" data-error="{% trans 'Please enter a value greater than or equal to 10.' %}" required>
|
||||
<input id="storageValue" class="input-price select-number" type="number" min="10" max="2000" step="10" name="storage" data-error="{% trans 'Please enter a value in range 10 - 2000.' %}" required>
|
||||
<span>{% trans "GB Storage (SSD)" %}</span>
|
||||
<i class="fa fa-plus-circle right" data-plus="storage" aria-hidden="true"></i>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue