First Commit

static/themes/default/structure.css

@@ -0,0 +1,305 @@
+/* Marges, paddings, dimensions, flexbox */
+*, html, body {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    /* margin: 20px 0 20px 0; */
+    padding: 10px;
+}
+
+p, ul {
+    padding: 10px;
+}
+
+p.date {
+    font-size: 0.8em;
+    text-align: right;
+}
+
+.notification {
+    margin: 10px;
+}
+
+.notification ul {
+    list-style-type: none;
+}
+
+.notification ul li {
+    padding: 10px;
+    border: 2px solid;
+    margin: 5px 0;
+}
+
+.container, .menu {
+    padding: 0;
+    border: 2px solid;
+    margin-bottom: 10px;
+    border-radius: 2px 2px 10px 10px;
+}
+
+.container {
+    display: flex;
+    flex-direction: column;
+}
+
+.menu h2 {
+    border-bottom: 2px solid;
+    padding: 10px;
+    margin: 0 0 20px;
+    width: 100%;
+    display: block;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 2em;
+}
+
+.container h2 {
+    border-bottom: 2px solid;
+    padding: 10px;
+    margin: 0 0 20px;
+    width: 100%;
+    display: block;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 2em;
+}
+
+
+.menu ul {
+    list-style-type: none;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+}
+
+.menu ul li {
+    margin: 5px 0;
+}
+
+.menu ul.guestbook {
+    max-height: 200px;
+    overflow-y: auto;
+    margin: 5px;
+    border: 1px solid;
+    font-size: 0.8rem;
+}
+
+.new-item-menu::after {
+    margin-left: 10px;
+    padding: 2px;
+    font-size: 0.6rem;
+    border: 1px solid;
+    content: "nouveau !";
+}
+
+.badge {
+    border: 1px solid;
+    border-radius: 3px;
+    padding: 2px;
+}
+
+form.incol {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    justify-items: auto;
+    justify-content: space-between;
+}
+
+.container .header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+.news, .post-card {
+    margin: 10px;
+    padding: 10px;
+    border: 1px solid;
+}
+
+.guestbook p {
+    margin: 10px;
+    padding: 10px;
+    border: 2px solid;
+    font-size: 0.8rem;
+}
+
+.news-header, .post-card-header {
+    display: flex;
+    flex-direction: row;
+    border: 1px solid;
+    margin: 10px 10px -10px 10px;
+}
+
+.contrib {
+    border: 1px solid;
+    margin: 10px;
+    padding: 10px;
+}
+
+.contrib a {
+    font-size: 1.3rem;
+}
+
+span.post-offline {
+    color:red;
+    font-weight:bold;
+    margin:5px;
+    background-image: url('../../img/icons/shield-red-cross.png');
+    width: 25px;
+    height: 25px;
+}
+
+span.post-online {
+    color:green;
+    font-weight:bold;
+    margin:5px;
+    background-image: url('../../img/icons/shield-green-v.png');
+    width: 25px;
+    height: 25px;
+}
+
+/* forum */
+.forum {
+    display: flex;
+    flex-direction: column;
+    margin: 0 0 10px 0;
+}
+
+.forum .row {
+    justify-content: space-between;
+}
+
+.forum h3 {
+    margin: 0;
+}
+
+.forum-header {
+    display: flex;
+    flex-direction: row;
+    border: 1px 1px 0 1px solid;
+    margin: 10px 10px -10px 10px;
+}
+
+.forum-column, .forum-column-detail {
+    flex: 1;
+    flex-direction: column;
+    border: 1px solid;
+    padding: 10px;
+}
+
+.forum-column:nth-child(1) {
+    flex: 2;
+}
+
+.forum-column:nth-child(2), .forum-column:nth-child(3) {
+    flex: 1;
+}
+
+.forum-column-detail:nth-child(1) {
+    flex: 1;
+}
+
+.forum-column-detail:nth-child(2) {
+    flex: 4;
+}
+
+.forum-column-detail ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.forum-body {
+    display: flex;
+    flex-direction: column;
+    border: 0 1px 1px 1px solid;
+    margin: 10px 10px -10px 10px;
+}
+
+.forum-body img {
+    max-width: 100%;
+}
+
+.forum-row {
+    display: flex;
+    flex-direction: row;
+    border: 0 1px 0 1px solid;
+}
+
+.stats_forum {
+    margin: 20px 0 10px 0;
+    border-top: 2px solid
+}
+
+.stats_forum ul {
+    list-style-type: none;
+    border: 1px solid;
+    padding: 10px;
+}
+
+.stats_forum ul li {
+    margin: 5px 0;
+}
+
+ul.breadcrumbs {
+    display: flex;
+    flex-direction: row;
+    font-size: 0.6rem;
+    list-style-type: none;
+    margin: 10px 0 10px 0;
+}
+
+ul.breadcrumbs li {
+    margin: 0 5px 0 5px;
+}
+
+ul.breadcrumbs li a {
+    text-decoration: none;
+}
+
+/* Pagination */
+ul.pagination {
+    display: flex;
+    flex-direction: row;
+    list-style-type: none;
+    margin: 10px 0 10px 0;
+}
+
+ul.pagination li.page-item {
+    margin: 0 5px 0 5px;
+}
+
+ul.pagination li.page-item a {
+    text-decoration: none;
+}
+
+.page-link {
+    padding: 5px 10px;
+    border: 2px solid;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    width: auto;
+    max-width: max-content;
+    font-size: 0.8rem;
+    cursor: pointer;
+}
+
+li.disabled {
+    pointer-events: none;
+    cursor: default;
+}
+
+.footer {
+    text-align: center;
+}
+
+@media screen and (min-width: 768px) {
+    .warning-announce-not-mobile-compatible {
+        display: none;
+    }
+}