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

View File

@ -8,7 +8,11 @@
*/
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="row">
<div class="col-12 page404">

View File

@ -29,7 +29,7 @@
<body>
<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') . '"';
} ?>>
<div class="container">
@ -63,7 +63,7 @@
?>
</div>
</nav>
<?php if (kratos_option('top_select', 'banner') == 'banner') { ?>
<?php if (kratos_option('top_img_switch', true)) { ?>
<div class="banner">
<div class="overlay"></div>
<div class="content text-center" style="background-image: url(<?php

View File

@ -6,9 +6,12 @@
* @license GPL-3.0 License
* @version 2021.08.20
*/
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="row">
<div class="col-lg-8 board">

View File

@ -8,7 +8,11 @@
*/
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="row">
<div class="col-lg-8 details">

View File

@ -14,7 +14,11 @@ $col_array = array(
);
$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="row">
<div class="<?php echo $select_col ?> details">

View File

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