Commit 3d330a58 authored by Aria Givi's avatar Aria Givi
Browse files

Über uns Block nach unten verschoben

parent c5cf8b57
......@@ -7,8 +7,7 @@
@section('content')
<h1>{!! trans('spende.headline.1') !!}</h1>
<h2 class="subheading">{!! trans('spende.headline.2') !!}</h2>
<div class="col">
<div id="left" class="col-lg-6 col-md-12 col-sm-12 others">
<div id="left" >
<h3>{!! trans('spende.bankinfo.1') !!}</h3>
<p>{!! trans('spende.bankinfo.2') !!}</p>
<p class="text-muted">{!! trans('spende.bankinfo.3') !!}</p>
......@@ -74,6 +73,12 @@
<style>
#right {
width: 75%;
margin-left: auto;
margin-right: auto;
}
#right label {
display: block;
vertical-align: middle;
......@@ -88,7 +93,6 @@
}
#right label::after {
font-weight: bold;
font-size: 15px;
content: "▼";
width: 20px;
......@@ -97,16 +101,16 @@
}
#expand {
height: 0px;
max-height: 0px;
overflow: hidden;
-webkit-transition: height 0.2s; /* Chrome 1-25, Safari 3.2+ */
-moz-transition: height 0.2s; /* Firefox 4-15 */
-o-transition: height 0.2s; /* Opera 10.50–12.00 */
transition: height 0.2s;
-webkit-transition: max-height 0.2s; /* Chrome 1-25, Safari 3.2+ */
-moz-transition: max-height 0.2s; /* Firefox 4-15 */
-o-transition: max-height 0.2s; /* Opera 10.50–12.00 */
transition: max-height 0.2s;
}
#toggle:checked ~ #expand {
height: 100%;
max-height: 900px;
}
#toggle {
......@@ -119,7 +123,7 @@
</style>
<div class="col-lg-6 col-md-12 col-sm-12 others" id="right">
<div id="right">
<input id="toggle" type="checkbox">
<label for="toggle">{!! trans('spende.about.1') !!}</label>
<div id="expand" >
......@@ -130,5 +134,4 @@
</div>
</div>
<div class="clearfix"></div>
</div>
@endsection
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