AlxMedia/microtype
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/microtype.git synced 2025-08-26 23:21:39 +08:00
Code Issues Projects Packages Wiki Activity Actions

Responsive tweaks

Browse source
This commit is contained in:
AlxMedia 2022-09-10 18:14:38 +02:00
parent 5e268a2b8e
commit 0f57989db9
6 changed files with 47 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

1
dark.css
View file

@ -111,7 +111,6 @@ body:where(.dark) .themeform input[type="tel"]:focus,
body:where(.dark) .themeform input[type="number"]:focus,
body:where(.dark) .themeform select:focus,
body:where(.dark) .themeform textarea:focus { border-color: rgba(255,255,255,0.14); color: rgba(255,255,255,0.7); }
body:where(.dark) .themeform label .required { color: #fff; }
body:where(.dark) .themeform input[type="button"],
body:where(.dark) .themeform input[type="reset"],
body:where(.dark) .themeform input[type="submit"],

7
footer.php
View file

@ -1,6 +1,7 @@
</div><!--/#page-->
</div><!--/#wrapper-inner-->
</div><!--/#page-->
</div><!--/#wrapper-inner-->
</div><!--/#wrapper-outer-->
<div class="clear"></div>
<footer id="footer">

73
header.php
View file

@ -89,43 +89,44 @@
</div>
</div><!--/#subheader-->
<div id="wrapper-inner">
<div id="box-header">
<div id="wrapper-outer">
<div id="wrapper-inner">
<div id="box-header-top">
<?php if ( get_header_image() ) : ?>
<div class="site-header">
<a href="<?php echo esc_url( home_url('/') ); ?>" rel="home">
<img class="site-image" src="<?php header_image(); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</a>
</div>
<?php endif; ?>
<div id="box-header">
<div id="box-header-top">
</div><!--/#box-header-top-->
<div id="box-header-over">
<?php if ( get_theme_mod('profile-image') || get_theme_mod('profile-name') || get_theme_mod('profile-description') ): ?>
<div id="profile" class="group">
<div id="profile-inner" class="group">
<?php if ( get_theme_mod('profile-image') ): ?>
<div id="profile-image"><img src="<?php echo esc_html( get_theme_mod('profile-image') ); ?>" alt="" /></div>
<?php endif; ?>
<?php if ( get_theme_mod('profile-name') ): ?>
<div id="profile-name"><?php echo esc_html( get_theme_mod('profile-name') ); ?></div>
<?php endif; ?>
<?php if ( get_theme_mod('profile-description') ): ?>
<div id="profile-description"><?php echo wp_kses_post( get_theme_mod('profile-description') ); ?></div>
<?php endif; ?>
<?php if ( get_header_image() ) : ?>
<div class="site-header">
<a href="<?php echo esc_url( home_url('/') ); ?>" rel="home">
<img class="site-image" src="<?php header_image(); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>">
</a>
</div>
</div>
<?php endif; ?>
<?php endif; ?>
</div><!--/#box-header-top-->
<div id="box-header-over">
<?php if ( get_theme_mod('profile-image') || get_theme_mod('profile-name') || get_theme_mod('profile-description') ): ?>
<div id="profile" class="group">
<div id="profile-inner" class="group">
<?php if ( get_theme_mod('profile-image') ): ?>
<div id="profile-image"><img src="<?php echo esc_html( get_theme_mod('profile-image') ); ?>" alt="" /></div>
<?php endif; ?>
<?php if ( get_theme_mod('profile-name') ): ?>
<div id="profile-name"><?php echo esc_html( get_theme_mod('profile-name') ); ?></div>
<?php endif; ?>
<?php if ( get_theme_mod('profile-description') ): ?>
<div id="profile-description"><?php echo wp_kses_post( get_theme_mod('profile-description') ); ?></div>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
</div><!--/#box-header-over-->
</div><!--/#box-header-->
</div><!--/#box-header-over-->
</div><!--/#box-header-->
<div id="page">
<div id="page">

2
js/scripts.js
View file

@ -157,7 +157,7 @@ jQuery(document).ready(function($) {
settings: {
arrows: true,
centerMode: true,
centerPadding: '20px',
centerPadding: '10px',
slidesToShow: 1
}
}

5
responsive.css
View file

@ -107,7 +107,8 @@
.gallery-caption { display: none; }
/* base */
.page-title { }
.page-title { padding-left: 30px; padding-right: 30px; }
.page-title-inner:before { left: -30px; }
.page-title h1,
.page-title h2,
.page-title h3,
@ -137,7 +138,7 @@
a.box-thumbnail-enabled,
a.box-thumbnail-enabled:hover { padding-left: 100px; }
.box-thumbnail { margin-left: -80px; margin-right: 0; float: left; }
.box-title { font-size: 16px; }
.box-title { font-size: 16px; margin-right: 0; }
.box-date { font-size: 12px; }
.box-excerpt { font-size: 14px; }
.box-excerpt:before,

3
style.css
View file

@ -508,6 +508,7 @@ h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 300; -ms-word-wrap: break-wor
/* base : layout
/* ------------------------------------ */
#wrapper { border-top: 1px solid #fff; }
#wrapper-outer { padding: 0 10px; }
#wrapper-inner { background: #fff; box-shadow: 40px 80px 80px rgba(0,0,0,0.1); max-width: 600px; margin: 0 auto 120px; border-radius: 60px; overflow: hidden; }
.content { margin: 0 auto; position: relative; width: 100%; box-sizing: border-box; }
@ -867,7 +868,7 @@ body.dark #theme-toggle-btn:before { border-color: #1a1a1a; top: 2px; left: 34px
.box-excerpt:after { content:""; display: block; height: 0; width: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ddd; position: absolute; left: 44px; top: -16px; }
.box-featured-wrap { position: relative; }
.box-featured a { min-height: 76px; border: 1px solid rgba(0,0,0,0.06); display: block; margin: 30px 10px; padding: 20px 20px 20px 20px; position: relative; }
.box-featured a { min-height: 76px; border: 1px solid rgba(0,0,0,0.06); display: block; margin: 30px 15px; padding: 20px 20px 20px 20px; position: relative; }
.box-featured a:hover { background: #fff; border: 1px solid rgba(0,0,0,0.08); }
.box-featured a:before { content:""; display: block; background: #1da9ff; height: 4px; position: absolute; width: 100%; top: 0; left: 0; visibility: hidden; -webkit-transform: translate3d(0,0,0) scaleX(0); transform: translate3d(0,0,0) scaleX(0); transition: all .3s ease 0s; }
.box-featured a:hover:before { visibility: visible; -webkit-transform: translate3d(0,0,0) scaleX(1); transform: translate3d(0,0,0) scaleX(1); }