1
Fork 0
mirror of https://github.com/RYGhub/royalnet.git synced 2024-11-23 19:44:20 +00:00

Tiny CSS improvements

This commit is contained in:
Steffo 2019-08-03 19:40:38 +02:00
parent ff15d4c883
commit 5a1fb51552
6 changed files with 23 additions and 15 deletions

View file

@ -7,11 +7,11 @@
{% block content %} {% block content %}
<div class="dbox"> <div class="dbox">
<div class="dbox-top"> <div class="dbox-top">
<span class="left">Royal Games</span> <span class="left">Benvenuto!</span>
</div> </div>
<div class="dbox-bot"> <div class="dbox-bot">
<p> <p>
Benvenuto al sito web della Royal Games! Benvenuto al sito web della <b>Royal Games</b>!
</p> </p>
<p> <p>
Siamo una piccola community amichevole principalmente dedicata al PC gaming. Siamo una piccola community amichevole principalmente dedicata al PC gaming.

View file

@ -12,7 +12,7 @@
</span> </span>
</div> </div>
<div class="dbox-bot"> <div class="dbox-bot">
<ul> <ul class="multicolumn">
{% for royal in royals %} {% for royal in royals %}
<li><a href="{{ url_for("profile.profile_page", username=royal.username) }}">{{ royal.username }}</a></li> <li><a href="{{ url_for("profile.profile_page", username=royal.username) }}">{{ royal.username }}</a></li>
{% endfor %} {% endfor %}

View file

@ -17,7 +17,7 @@
{% else %} {% else %}
<button disabled title="Devi fare il login per creare nuove pagine!">Crea nuova pagina</button> <button disabled title="Devi fare il login per creare nuove pagine!">Crea nuova pagina</button>
{% endif %} {% endif %}
<ul> <ul class="multicolumn">
{% for page in pages %} {% for page in pages %}
<li><a href="{{ url_for("wikiview.wikiview_by_id", page_id=page.page_short_id, title=page.title) }}">{{ page.title }}</a></li> <li><a href="{{ url_for("wikiview.wikiview_by_id", page_id=page.page_short_id, title=page.title) }}">{{ page.title }}</a></li>
{% endfor %} {% endfor %}

View file

@ -236,6 +236,7 @@ nav {
justify-content: space-between; justify-content: space-between;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
min-width: 400px;
} }
nav .nav-left { nav .nav-left {
text-align: left; text-align: left;
@ -452,9 +453,11 @@ form.full label.label-big * {
justify-content: center; justify-content: center;
align-content: center; align-content: center;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
} }
.columns-3 .column { .columns-3 .column {
width: 33.3%; width: 33.3%;
min-width: 400px;
} }
.fill { .fill {
width: 100%; width: 100%;
@ -463,11 +466,8 @@ form.full label.label-big * {
} }
.vertical-main { .vertical-main {
width: 100%; width: 100%;
} min-width: 400px;
@media (min-width: 1200px) { max-width: 1200px;
.vertical-main {
width: 1200px;
}
} }
.box { .box {
background-color: rgba(160, 204, 255, 0.1); background-color: rgba(160, 204, 255, 0.1);
@ -747,6 +747,10 @@ form.full label.label-big * {
.diario.diario-spoiler:hover { .diario.diario-spoiler:hover {
color: #ff7d7d; color: #ff7d7d;
} }
ul.multicolumn,
ol.multicolumn {
column-width: 300px;
}
/*** Page specific classes ***/ /*** Page specific classes ***/
.mcstatus-grid { .mcstatus-grid {
display: grid; display: grid;

File diff suppressed because one or more lines are too long

View file

@ -287,6 +287,7 @@ nav {
justify-content: space-between; justify-content: space-between;
height: 50px; height: 50px;
line-height: 50px; line-height: 50px;
min-width: 400px;
.nav-left { .nav-left {
text-align: left; text-align: left;
@ -537,9 +538,11 @@ form.full {
justify-content: center; justify-content: center;
align-content: center; align-content: center;
flex-direction: row; flex-direction: row;
flex-wrap: wrap;
.column { .column {
width: 33.3%; width: 33.3%;
min-width: 400px;
} }
} }
@ -553,11 +556,8 @@ form.full {
//Vertical main page container //Vertical main page container
.vertical-main { .vertical-main {
width: 100%; width: 100%;
min-width: 400px;
@media (min-width: 1200px) max-width: 1200px;
{
width: 1200px;
}
} }
//A simple box //A simple box
@ -894,6 +894,10 @@ form.full {
} }
} }
//Multicolumn lists
ul.multicolumn, ol.multicolumn {
column-width: 300px;
}
/*** Page specific classes ***/ /*** Page specific classes ***/