Merge branch 'responsivness' of Disroot/Howto into master

This commit is contained in:
antilopa 2020-03-02 09:34:52 +00:00 committed by Gitea
commit c7f103407e
9 changed files with 126 additions and 134 deletions

View File

@ -1,16 +0,0 @@
---
title: Account-Verwaltung
published: true
visible: true
taxonomy:
category:
- docs
page-toc:
active: false
---
### How-to:
#### [Den eigenen Account verwalten](ussc/)
#### [Email-Alias beantragen](alias-request)

View File

@ -1,16 +0,0 @@
---
title: Account Administration
published: true
visible: true
taxonomy:
category:
- docs
page-toc:
active: false
---
### How-to:
#### [Manage your Disroot Account](ussc/)
#### [Request email Alias](alias-request)

View File

@ -1,16 +0,0 @@
---
title: Administración de la Cuenta
published: true
visible: true
taxonomy:
category:
- docs
page-toc:
active: false
---
### Guías sobre cómo:
#### [Administrar tu cuenta de Disroot](ussc/)
#### [Solicitar Alias de correo](alias-request/)

View File

@ -1,16 +0,0 @@
---
title: Gestion du Compte
published: true
visible: true
taxonomy:
category:
- docs
page-toc:
active: false
---
### Tutoriels:
#### [Gérer votre compte Disroot](ussc/)
#### [Demander un alias email](alias-request)

View File

@ -1,16 +0,0 @@
---
title: Amministrazione dell'account
published: true
visible: true
taxonomy:
category:
- docs
page-toc:
active: false
---
### Guida:
#### [Gestisci il tuo account Disroot](ussc/)
#### [Richiedi un alias](alias-request)

View File

@ -22,11 +22,69 @@
@media only screen and (max-width: 830px) {
.narrow{
max-width: 100%;
a {
font-size: 85%;
}
strong {
font-size: 85%;
}
.narrow {
max-width: 90%;
margin: 0 auto
}
/* breadcrumbs display improvments */
#breadcrumbs {
height: 1rem;
line-height: 1.2rem;
padding-left: 1rem;
height: auto;
}
#breadcrumbs span {
display: inline-block;
padding: 0 0.2rem;
}
#breadcrumbs i {
width: 10px;
}
/* Simple search plugin
------------------------------------*/
.simplesearch {
width: 90%;
margin: 0 auto;
padding: 20px;
}
.search-item {
margin-left: 10px;
margin-bottom: 10px;
}
.search-image {
}
.search-image img {
display: none;
}
.search-wrapper .search-input {
width: 100%;
}
.search-title h3 {
color: white;
background-color: #1F5C60;
border-radius: 5px;
padding: 0.7% 2%;
}
/* mobile navigation
------------------------------------*/
#main-nav {
@ -99,16 +157,19 @@
/* display menu panels */
#main-nav:target > ul#nav {
display: block;
padding: 30px 20px 48px 20px;
padding: 30px 20px 20px 20px;
background: #50162D;
margin: 0 30px;
margin: -15px 30px 0px 30px;
clear: both;
}
/* Howto: Services */
#flex {
width: 100vw;
left: auto;
}
#flex .columns {
height: auto;
@ -119,6 +180,8 @@
margin-bottom: 20px;
}
.three {
min-height: auto;
}
.language-selector {
@ -131,7 +194,7 @@
.language-selector .btn {
top: 35px;
font-size: 1.2rem;
padding: 19px 15px;
padding: 19px 12px;
}
.language-selector ul#langSelectorList {
@ -166,43 +229,5 @@
@media only screen and (max-width: 600px) {
/* Language menu*/
.language-selector {
position: fixed;
top: -10px;
right: 80px;
width: 50px;
}
.language-selector .btn {
top: 35px;
font-size: 1.2rem;
padding: 19px 15px;
}
.language-selector ul#langSelectorList {
position: absolute;
top: 50px;
right: 0;
}
.language-selector .btn i {
top: 40px;
right: 20px;
}
.language-selector .dropdown-menu {
right: 150px;
top: 200px;
color: #b9a2ab;
background-color: #50162D;
border-color: #50162D;
font-size: 1.1rem;
}
.language-selector .dropdown-menu>li>a {
padding: 12px 15px;
}
}

View File

@ -73,6 +73,45 @@ a:hover {
margin: 0 3rem;
}
/* Simple search plugin */
.search-wrapper form {
}
.simplesearch {
width: 60%;
margin: 0 auto;
padding: 20px;
}
.search-title h3 {
color: white;
background-color: #1F5C60;
border-radius: 5px;
padding: 0.4% 1%;
}
.search-title h3 a {
color: white;
text-decoration: none;
}
.search-item h1 {
font-size: 20px;
}
.search-item h2 {
font-size: 16px;
}
.search-item img {
height: 50px;
}
/* Howto: Services */
#flex {
margin-top: -50px;
width: 80vw;
@ -237,6 +276,11 @@ a:hover {
color: var(--secondary-color);
}
.main-nav ul li.selected > a:hover{
font-weight: bold;
}
/* Dropdown CSS */
.main-nav ul li {position: relative;}
@ -282,7 +326,9 @@ a:hover {
}
/* hide toggle button */
.main-nav > a.mobile-btn { display: none; }
.main-nav > a.mobile-btn {
display: none;
opacity: 1; }
/* Language selector */
@ -317,8 +363,10 @@ a:hover {
color: #b9a2ab;
}
ul#nav li a:hover { color: #FFFFFF; opacity: 1;}
ul#nav li a:hover {
color: var(--secondary-color);
opacity: 1;
}
/* Volor bar */
.body-top {
@ -406,9 +454,9 @@ ul#nav li a:hover { color: #FFFFFF; opacity: 1;}
/* sidebar */
#sidebar {
max-width: 250px;
width: 250px;
padding-top: 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 10px;
}

View File

@ -15,7 +15,7 @@
{% endif %}
{% block content %}
<div class="wrapper">
<div>
{% block sidebar %}
<section id="sidebar" class="pull-right">
{% include 'partials/sidebar.html.twig' %}

View File

@ -20,10 +20,12 @@
{% endblock %}
</section>
<article>
<div class=row>
<div class="full">
<div id="body-inner">
<article>
<section class="title wrapper">
<!--h5>
{{ page.title|e }}
@ -34,9 +36,7 @@
<section class="index content narrow">
{{ page.content }}
<p></p>
<div class="row">
<div class="row">
{% for p in page.children %}
<div class="three columns">
{%if p.header.indexed %}
@ -59,7 +59,6 @@
{% endfor %}
</div>
{% endfor %}
</div>
</div>
</section>
<section class="foot wrapper">