Commit 9445c40e by Mei Romauli Sagala

Membuat css dan js

parent 3d28b584
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
/*!
* BootstrapValidator (http://bootstrapvalidator.com)
* The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
*
* @version v0.5.0, built on 2014-07-14 4:31:02 PM
* @author https://twitter.com/nghuuphuoc
* @copyright (c) 2013 - 2014 Nguyen Huu Phuoc
* @license MIT
*/
.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}
\ No newline at end of file
.navbar-header img{
width: 200px;
height: 50px;
}
h1,h2,h3,h4,h5,h6{
text-align: center;
}
.thumbnail img {
width: 50%;
}
.item img {
margin: 0px auto;
}
#success_message{
display: none;
}
legend {
text-align: center;
}
h5{
color: #f2f2f2;
}
h4{
color :#FFA500;
}
.nav {
border-radius: 5px;
}
.thumbnail a img{
width: 200px;
height: 210px;
}
.footer {
padding-left: 0px;
padding-right: 0px;
}
.thumbnail a:hover {
text-decoration: none;
}
.thumbnail:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.jarak {
margin-bottom: 100px;
}
#myCarousel ol li.active {
background-color:#000a1a;
}
.table>tbody>tr>td, .table>tfoot>tr>td{
vertical-align: middle;
}
@media screen and (max-width: 600px) {
table#cart tbody td .form-control{
width:10%;
display: inline !important;
}
.actions .btn{
width:36%;
margin:1.5em 0;
}
.actions .btn-info{
float:left;
}
.actions .btn-danger{
float:right;
}
table#cart thead
{
display: none;
}
table#cart tbody td
{
display: block;
padding: .6rem;
min-width:320px;
}
table#cart tbody tr td:first-child {
background: #333; color: #fff;
}
table#cart tbody td:before
{
content: attr(data-th); font-weight: bold;
display: inline-block; width: 8rem;
}
table#cart tfoot td
{
display:block;
}
table#cart tfoot td .btn
{
display:block;
}
}
#back-to-top {
padding-top: 10px;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 9999;
width: 50px;
height: 50px;
text-align: center;
line-height: 30px;
background: #ccc;
color: #444;
cursor: pointer;
border: 0;
border-radius: 2px;
text-decoration: none;
transition: opacity 0.2s ease-out;
opacity: 0;
}
#back-to-top:hover {
background: #e9ebec;
}
#back-to-top.show {
opacity: 1;
}
#content {
height: 2000px;
}
#stocks {
overflow: hidden;
}
#stocks ul {
display: inline-block;
list-style: none;
width: 940px;
margin: 0 24px;
padding: 0;
}
#stocks ul li {
float: left;
color: #646b85;
font-family: 'HammersmithOneRegular';
font-size: 14px;
line-height: 24px;
width: 169px;
margin: 80px 80px ;
position: relative;
}
#stocks ul li img {
border: 1px solid #d2cecf;
width:200px;
height:200px;
}
#stocks ul li em {
color: #959394;
display: block;
font-size: 12px;
}
#stocks ul li a {
background-color: #b8dcdd;
color: #7c9e9f;
font-size: 12px;
font-style: italic;
padding: 2px 4px 0;
text-decoration: none;
}
#stocks ul li a:hover {
background-color: #c7eeef;
}
#stocks ul li span {
float: right;
color: #e3b612;
}
#stocks .btn-cart {
background-color: #e5b614;
color: #fcffff;
padding: 2px 5px 0;
}
#stocks .btn-cart:hover {
background-color: #d2941d;
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed. Click to expand it.
$(document).ready(function() {
$('#contact_form').bootstrapValidator({
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
submitHandler: function(validator, form, submitButton) {
$('#success_message').slideDown({ opacity: "show" }, "slow") // Do something ...
$('#contact_form').data('bootstrapValidator').resetForm();
var bv = form.data('bootstrapValidator');
$.post(form.attr('action'), form.serialize(), function(result) {
console.log(result);
}, 'json');
},
fields: {
first_name: {
validators: {
stringLength: {
min: 2,
},
notEmpty: {
message: 'Isi Nama Depan'
}
}
},
last_name: {
validators: {
stringLength: {
min: 2,
},
notEmpty: {
message: 'Isi Nama Belakang'
}
}
},
email: {
validators: {
notEmpty: {
message: 'Isi E-mail Anda'
},
emailAddress: {
message: 'Isi E-mail Anda Dengan Benar'
}
}
},
phone: {
validators: {
notEmpty: {
message: 'Isi Nomor Anda'
}
}
},
address: {
validators: {
stringLength: {
min: 8,
},
notEmpty: {
message: 'Isi Alamat Anda'
}
}
},
password: {
validators: {
stringLength: {
min: 4,
},
notEmpty: {
message: 'Isi password Anda'
}
}
},
state: {
validators: {
notEmpty: {
message: 'Pilih Provinsi'
}
}
},
zip: {
validators: {
notEmpty: {
message: 'Isi Zip kode'
},
}
},
sex:{
validators:{
notEmpty:{
message: 'Pilih Jenis Kelamin'
}
}
}
}
})
$('#contact_form').data('bootstrapValidator').resetForm();
});
\ No newline at end of file
// This file is autogenerated via the `commonjs` Grunt task. You can require() this file in a CommonJS environment.
require('../../js/transition.js')
require('../../js/alert.js')
require('../../js/button.js')
require('../../js/carousel.js')
require('../../js/collapse.js')
require('../../js/dropdown.js')
require('../../js/modal.js')
require('../../js/tooltip.js')
require('../../js/popover.js')
require('../../js/scrollspy.js')
require('../../js/tab.js')
require('../../js/affix.js')
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment