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:
parent
ff15d4c883
commit
5a1fb51552
6 changed files with 23 additions and 15 deletions
|
@ -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.
|
||||||
|
|
|
@ -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 %}
|
||||||
|
|
|
@ -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 %}
|
||||||
|
|
|
@ -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
|
@ -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 ***/
|
||||||
|
|
Loading…
Reference in a new issue