AlxMedia/shapebox
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/shapebox.git synced 2025-08-26 16:35:56 +08:00
Code Issues Projects Packages Wiki Activity Actions

Add color line to header on 720px or less

Browse source
This commit is contained in:
AlxMedia 2022-03-30 14:26:29 +02:00
parent 6f347ac74b
commit d5afbd8359
3 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
functions/dynamic-styles.php
View file

@ -148,6 +148,10 @@ if ( ! function_exists( 'shapebox_dynamic_css' ) ) {
.blog-single-author a,
.widget_calendar caption,
.alx-tabs-nav li.active a { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
@media only screen and (max-width: 720px) {
.site-title:after { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
}
'."\n";
}
// gradient right
@ -168,6 +172,10 @@ if ( ! function_exists( 'shapebox_dynamic_css' ) ) {
.blog-single-author a,
.widget_calendar caption,
.alx-tabs-nav li.active a { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
@media only screen and (max-width: 720px) {
.site-title:after { background: linear-gradient(90deg, '.esc_attr( get_theme_mod('gradient-left') ).' 0%, '.esc_attr( get_theme_mod('gradient-right') ).' 100%); }
}
'."\n";
}
// background color

2
responsive.css
View file

@ -191,7 +191,7 @@
.page-title .notebox { font-size: 15px; }
/* header */
.site-title { font-size: 32px; }
.site-title { font-size: 26px; }
/* blog */
.featured-item-wrap,

4
style.css
View file

@ -680,6 +680,10 @@ box-shadow: 0 0 2px rgba(255,255,255,0.4);
.site-header { background: #eee; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }
@media only screen and (max-width: 720px) {
.site-title:after { background: linear-gradient(90deg, #c14bff 0%, #6c5dd3 100%); content:""; display: block; height: 4px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; }
}
#profile { background: linear-gradient(90deg, #c14bff 0%, #6c5dd3 100%); position: relative; border-radius: 20px; overflow: hidden; margin: 30px 30px 0; text-align: center; transition: all 0.2s ease; }
#profile:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid hsla(0,0%,100%,.3); transition: color .2s,background-color .2s,border-color .2s; pointer-events: none; z-index: 1; }
#profile a { color: #fff; }