Browse Source

feat: Ahora el tema se ve mejor en los tamaños grandes de pantalla.

Issue #14
feature/issue_#14/special_rules_bigger_screens
sergiotarxz 8 months ago
parent
commit
c99f9e6995
3 changed files with 25 additions and 8 deletions
  1. +21
    -4
      css/style.css
  2. +3
    -3
      index.php
  3. +1
    -1
      php/head.php

+ 21
- 4
css/style.css View File

@ -96,6 +96,12 @@ h1, h2, h3, h4, h5, h6 {
display: flex;
justify-content: center;
}
img {
max-width: 100%;
margin-bottom: 10px;
vertical-align: middle;
border: 0;
}
@media (min-width: 768px) {
.container {
width: 720px;
@ -104,25 +110,36 @@ h1, h2, h3, h4, h5, h6 {
@media (min-width: 992px) {
.col-lg-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
width: 66.666667%;
}
.col-lg-2 {
flex: 0 0 16.666667%;
max-width: 16.666667%;
width: 16.666667%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
.offset-lg-3 {
margin-left: 25%;
}
.col-lg-3 {
width: 25%;
flex: 0 0 25%;
}
.col-lg-9 {
flex: 0 0 75%;
width: 75%;
}
.container {
width: 960px;
}
.col-lg-10 {
flex: 0 0 83.333333%;
max-width: 83.333333%;
width: 83.333333%;
}
.offset-lg-1 {
margin-left: 8.333333%;


+ 3
- 3
index.php View File

@ -9,13 +9,13 @@
<div id="fh5co-content">
<div class="container">
<div class="row">
<div class="col-lg-8 offset-lg-3">
<div class="col-lg-8 offset-lg-2">
<div class="row">
<div class="col-lg-2">
<div class="col-lg-3">
<?php include(THEME_DIR_PHP.'sidebar.php') ?>
</div>
<div class="col-lg-6">
<div class="col-lg-9">
<?php
if ( $WHERE_AM_I === 'home' ) {
include(THEME_DIR_PHP.'home.php');


+ 1
- 1
php/head.php View File

@ -13,7 +13,7 @@
<!-- Include Favicon -->
<?php echo Theme::favicon('img/favicon.png'); ?>
<?php echo Theme::css('css/style.css'); ?>
<?php echo Theme::css('css/style.css?v=0'); ?>
<!-- Load Bludit Plugins: Site head -->
<?php Theme::plugins('siteHead'); ?>

Loading…
Cancel
Save