fix: Fixing flex wrap for <pre>

Reviewed-on: http://gitea.sergiotarxz.freemyip.com/sergiotarxz/Pequenio/pulls/18

README.md

@@ -5,5 +5,5 @@ Theme for microblogging or microsites, supports cover images, static pages, RSS
 - Bludit latest version only ensured.
 
 ## Authors
-- @dignajar:github.com (Original code licensed under MIT.)
+- @dignajar:github.com and other autors who merged their code into the Micro repository (Code licensed under MIT.)
 - @sergiotarxz:gitea.sergiotarxz.freemyip.com (Changes made by sergiotarxz not merged into the original repository licensed under GPLv3.)

css/style.css

@@ -1,32 +1,24 @@
 @charset "UTF-8";
-body {
-    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    text-align: left;
-}
 * {
-    font-family: 'Open Sans', sans-serif;
+    font-family: 'Open Sans', arial, sans-serif;
+}
+pre {
+    font-family: 'Open Sans', monospace;
+    background: #eee;
+    padding: 10px;
+    border-radius: 4px;
+    box-shadow: 3px 3px 3px 3px #555;
+    overflow-x: scroll;
+}
+body {
+    color: #444;
+}
+h1.site-title {
+    font-size-adjust: 0.3;
 }
 *, ::after, ::before {
     box-sizing: border-box;
 }
-body {
-    font-size: 1rem;
-    font-weight: 400;
-    line-height: 1.5;
-    color: #212529;
-    text-align: left;
-}
-body {
-    font-family: arial, sans-serif;
-    font-weight: 300;
-    font-size: 15px;
-    line-height: 26px;
-    color: #868f90;
-}
 ul.static-pages {
     font-size: 0.9em;
     list-style: none;
@@ -37,25 +29,23 @@ ul.static-pages a {
     color: #777;
 }
 ul.static-pages a:hover, a:hover {
-    color: orange;
+    color: #e32929;
 }
 ul li {
     padding-bottom: 6px;
 }
-h1.site-title {
-    font-size: 1.2em;
-}
-h1, h2 {
-    font-size: 20px; 
-}
 a {
     color: black;
     text-decoration: none;
 }
-.row {
-    display: flex;
+header h2 {
+    font-size: 33px;
+}
+article h1 {
+    font-size: 30px;
 }
 .row {
+    display: flex;
     flex-wrap: wrap;
 }
 .text-center {
@@ -71,6 +61,9 @@ article.page footer {
     text-align: right;
     font-size: 0.8em;
 }
+article {
+    display: grid;
+}
 #fh5co-content {
     display: flex;
     justify-content: center;
@@ -83,7 +76,6 @@ article.page footer {
 }
 h1, h2, h3, h4, h5, h6 {
     color: #000;
-    font-family: "Roboto Slab", arial, sans-serif;
     margin-top: 0;
     margin-bottom: 20px;
     font-weight: 300;
@@ -102,6 +94,35 @@ img {
     vertical-align: middle;
     border: 0;
 }
+.pagination {
+    display: inline-block;
+    padding-left: 0;
+    margin: 20px 0;
+    border-radius: 4px;
+    width: 100%;
+}
+.pagination > li {
+    list-style-type: none;
+}
+.pagination > li > a, .pagination > li > span {
+    position: relative;
+    float: left;
+    padding: 5px 10px;
+    line-height: 1.42857;
+    text-decoration: none;
+    color: #e32929;
+    background-color: #fff;
+    border: 1px solid #ddd;
+}
+.pagination > li > a:hover, .pagination > li > span:hover {
+    background: #eee;
+}
+.float-left {
+    float: left;
+}
+.float-right {
+    float: right;
+}
 @media (min-width: 768px) {
     .container {
         width: 720px;

php/head.php

@@ -1,6 +1,5 @@
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
 <?php echo Theme::css('fonts/opensans/stylesheet.css'); ?>
 <meta name="author" content="Bludit CMS">
 
@@ -11,9 +10,9 @@
 <?php echo Theme::metaTags('description'); ?>
 
 <!-- Include Favicon -->
-<?php echo Theme::favicon('img/favicon.png'); ?>
+<?php echo Theme::favicon('img/favicon.png?v=0'); ?>
 
-<?php echo Theme::css('css/style.css?v=0'); ?>
+<?php echo Theme::css('css/style.css?v=4'); ?>
 
 <!-- Load Bludit Plugins: Site head -->
 <?php Theme::plugins('siteHead'); ?>