"Charity Edit"
Bootstrap 3.1.0 Snippet by maksim09

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="http://prodbelgium.beta.gsitechnology.co.uk/cassette.axd/stylesheet/45f0df8126f25fcbaedb1e5f6a3b4bf364f48063/styles" type="text/css" rel="stylesheet">
<div id="header">
<div class="navbar navbar-absolute-top">
<div class="container">
<div class="navbar-header">
<div class="row">
<div class="col-md-9 navbar-brand">
<a href="/default.aspx" title="Philantropie.be">
<div id="logo">
<img alt=" " id="Index" src="http://prodbelgium.beta.gsitechnology.co.uk/Content/images/logoFR.png">
<span class="logoDesc"><span>Agir en connaissance de cause</span></span>
</div>
</a>
</div>
<div class="col-md-3 header-right align-right">
<ul id="LoginPartial" class="nav navbar-nav navbar-top navbar-right">
<li>
<div id="newsletter-button">
<a href="#" id="NewsletterHeader">Newsletter</a>
</div>
<div id="newsletter-content" class="box-content" style="display: none;">
<div class="white-background newsletter">
<div class="newsletter-form">
<form id="newslettersignup" class="form-inline" action="/new/Account/SubscribeNewsletter" autocomplete="off" data-bind="parsleyValidation{onFormValidate:Newsletter},enterKeyPress:Newsletter" novalidate="">
<div class="form-group">
<label class="control-label" for="NewsletterEmail">E-mail</label>
<input class="form-control" data-bind="value: NewsletterEmail" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-type="email" data-parsley-type-email-message="Merci de introduire une adresse e-mail valide" data-parsley-validation-threshold="3" id="NewsletterEmail" name="NewsletterEmail" placeholder="Obligatoire" value="" data-parsley-id="4656" style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==); background-attachment: scroll; background-position: 100% 50%; background-repeat: no-repeat;">
<ul class="parsley-errors-list" id="parsley-id-4656"></ul>
</div>
<button class="btn search-button newsletter-button-submit" id="ContinueButton" type="submit">Continuez</button>
</form>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.clickable
{
cursor: pointer;
}
.clickable .glyphicon
{
background: rgba(0, 0, 0, 0.15);
display: inline-block;
padding: 6px 12px;
border-radius: 4px
}
.panel-heading span
{
margin-top: -23px;
font-size: 15px;
margin-right: -9px;
}
a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }
.panel-heading{
background: #4f950f!important;
}
.entry{
border: solid 3px #F6F6F6;
}
.panel-primary {
border-color: #4f950f!important;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
$(document).on('click', '.panel-heading span.clickable', function (e) {
var $this = $(this);
if (!$this.hasClass('panel-collapsed')) {
$this.parents('.panel').find('.panel-body').slideUp();
$this.addClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
} else {
$this.parents('.panel').find('.panel-body').slideDown();
$this.removeClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');
}
});
$(document).on('click', '.panel div.clickable', function (e) {
var $this = $(this);
if (!$this.hasClass('panel-collapsed')) {
$this.parents('.panel').find('.panel-body').slideUp();
$this.addClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
} else {
$this.parents('.panel').find('.panel-body').slideDown();
$this.removeClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');
}
});
$(function()
{
$(document).on('click', '.btn-add', function(e)
{
e.preventDefault();
var controlForm = $(this).parents('.controls-list'),
currentEntry = $(this).parents('.entry:first'),
newEntry = $(currentEntry.clone()).appendTo(controlForm);
newEntry.find('input').val('');
controlForm.find('.entry:not(:last) .btn-add')
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Dashboard React

Questions / Comments:

kurwa skad tyle scrolow..

megaDEV () - 10 years ago - Reply 0