Commit e55029f5 authored by Aria Givi's avatar Aria Givi
Browse files

styles in staticpages.less verschoben

parent 0eb3ad15
......@@ -351,7 +351,7 @@ div#right {
background-color: @div-right-background-color;
border-radius: 5px;
padding: 20px;
padding-top: 0;
padding-top: 5px;
p {
white-space: normal;
border-bottom: 1px solid @div-right-p-border-bottom-color;
......@@ -364,6 +364,53 @@ div#left {
padding-right: 35px;
}
div#right {
width: 75%;
margin-left: auto;
margin-right: auto;
}
div#right label {
display: block;
vertical-align: middle;
text-align: center;
font-size: 18px;
color: #666;
}
div#right label:hover {
color: #000;
}
div#right label::after {
font-size: 18px;
content: "▼";
width: 20px;
height: 20px;
margin-left: 3px;
}
div#expand {
max-height: 0px;
overflow: hidden;
-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;
}
input#toggle:checked ~ #expand {
max-height: 900px;
}
input#toggle {
display: none;
visibility: hidden;
}
input#toggle:checked ~ label::after {
content: "▲";
}
textarea#message {
height: 200px;
}
......
......@@ -70,59 +70,6 @@
</form>
<p>{!! trans('spende.lastschrift.10') !!}</p>
</div>
<style>
#right {
width: 75%;
margin-left: auto;
margin-right: auto;
}
#right label {
display: block;
vertical-align: middle;
text-align: center;
margin-top: 8px;
font-size: 18px;
color: #666;
}
#right label:hover {
color: #000;
}
#right label::after {
font-size: 15px;
content: "▼";
width: 20px;
height: 20px;
margin-left: 3px;
}
#expand {
max-height: 0px;
overflow: hidden;
-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 {
max-height: 900px;
}
#toggle {
display: none;
visibility: hidden;
}
#toggle:checked ~ label::after {
content: "▲";
}
</style>
<div id="right">
<input id="toggle" type="checkbox">
<label for="toggle">{!! trans('spende.about.1') !!}</label>
......
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