responsivness #35
9 changed files with 126 additions and 134 deletions
|
@ -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)
|
|
@ -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)
|
|
@ -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/)
|
|
@ -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)
|
|
@ -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)
|
|
@ -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;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
{% endif %}
|
||||
|
||||
{% block content %}
|
||||
<div class="wrapper">
|
||||
<div>
|
||||
{% block sidebar %}
|
||||
<section id="sidebar" class="pull-right">
|
||||
{% include 'partials/sidebar.html.twig' %}
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue