github
/
kratos
mirror of https://github.com/vtrois/kratos
1
0
Fork 0
Code Issues Releases Wiki Activity

refactor: optimized header config

pull/409/head^2
Seaton Jiang 2021-08-20 15:02:16 +08:00
parent 4c1279c5ae
commit 6f7513c6ff
No known key found for this signature in database
GPG Key ID: 0E05070D261ACFEA
6 changed files with 35 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
404.php
View File

@ -8,7 +8,11 @@
*/ */
get_header(); ?> get_header(); ?>
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:#ffffff"> <div class="k-main<?php if (kratos_option('top_img_switch', true)) {
echo ' banner';
} else {
echo ' color';
} ?>" style="background:#ffffff">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-12 page404"> <div class="col-12 page404">

4
header.php
View File

@ -29,7 +29,7 @@
<body> <body>
<div class="k-header"> <div class="k-header">
<nav class="k-nav navbar navbar-expand-lg navbar-light fixed-top" <?php if (kratos_option('top_select', 'banner') !== 'banner') { <nav class="k-nav navbar navbar-expand-lg navbar-light fixed-top" <?php if (kratos_option('top_img_switch', true) == false) {
echo 'style="background:' . kratos_option('top_color', '#24292e') . '"'; echo 'style="background:' . kratos_option('top_color', '#24292e') . '"';
} ?>> } ?>>
<div class="container"> <div class="container">
@ -63,7 +63,7 @@
?> ?>
</div> </div>
</nav> </nav>
<?php if (kratos_option('top_select', 'banner') == 'banner') { ?> <?php if (kratos_option('top_img_switch', true)) { ?>
<div class="banner"> <div class="banner">
<div class="overlay"></div> <div class="overlay"></div>
<div class="content text-center" style="background-image: url(<?php <div class="content text-center" style="background-image: url(<?php

7
index.php
View File

@ -6,9 +6,12 @@
* @license GPL-3.0 License * @license GPL-3.0 License
* @version 2021.08.20 * @version 2021.08.20
*/ */
get_header(); ?> get_header(); ?>
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>"> <div class="k-main<?php if (kratos_option('top_img_switch', true)) {
echo ' banner';
} else {
echo ' color';
} ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 board"> <div class="col-lg-8 board">

6
page.php
View File

@ -8,7 +8,11 @@
*/ */
get_header(); ?> get_header(); ?>
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>"> <div class="k-main<?php if (kratos_option('top_img_switch', true)) {
echo ' banner';
} else {
echo ' color';
} ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 details"> <div class="col-lg-8 details">

6
single.php
View File

@ -14,7 +14,11 @@ $col_array = array(
); );
$select_col = $col_array[kratos_option('g_article_widgets', 'two_side')]; $select_col = $col_array[kratos_option('g_article_widgets', 'two_side')];
?> ?>
<div class="k-main <?php echo kratos_option('top_select', 'banner'); ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>"> <div class="k-main<?php if (kratos_option('top_img_switch', true)) {
echo ' banner';
} else {
echo ' color';
} ?>" style="background:<?php echo kratos_option('g_background', '#f5f5f5'); ?>">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="<?php echo $select_col ?> details"> <div class="<?php echo $select_col ?> details">

19
style.css
View File

@ -169,20 +169,20 @@ button:focus {
} }
.k-main.color { .k-main.color {
margin-top: 90px; padding: 90px 0 20px;
} }
.k-main.banner { .k-main.banner {
padding-top: 20px; padding: 20px 0;
} }
@media only screen and (max-width: 992px) { @media only screen and (max-width: 992px) {
.k-header { .k-header {
height: 60px; height: 59px;
} }
.k-main.color { .k-main.color {
margin-top: 20px; padding-top: 20px;
} }
.k-main.banner { .k-main.banner {
@ -191,6 +191,10 @@ button:focus {
} }
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.k-header {
height: 50px;
}
.k-main.banner { .k-main.banner {
padding-top: 255px; padding-top: 255px;
} }
@ -545,12 +549,16 @@ button:focus {
} }
.k-main .board .paginations { .k-main .board .paginations {
margin: 23px auto; margin: 10px auto;
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
} }
.k-main.color .board .paginations {
margin: 23px auto;
}
.k-main .board .paginations a { .k-main .board .paginations a {
margin-top: 5px; margin-top: 5px;
padding: 5px 12px; padding: 5px 12px;
@ -2363,7 +2371,6 @@ ol {
--------------------------------------------------------------*/ --------------------------------------------------------------*/
.k-footer { .k-footer {
margin-top: 20px;
padding: 40px 0; padding: 40px 0;
background: #23282d; background: #23282d;
} }