AlxMedia/curver
1
0
Fork 0
mirror of https://ghproxy.net/https://github.com/AlxMedia/curver.git synced 2025-08-28 06:37:49 +08:00
Code Issues Projects Packages Wiki Activity Actions

1.1.8

Browse source
This commit is contained in:
Alexander Agnarson 2021-03-03 14:56:23 +01:00
parent 2e0d2c4a34
commit 75c4c99465
25 changed files with 6799 additions and 1638 deletions
Download patch file Download diff file Expand all files Collapse all files

19
style.css
View file

@ -1,10 +1,10 @@
/*
Theme Name: Curver
Theme URI: http://alx.media/themes/curver/
Version: 1.1.7
Version: 1.1.8
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.5
Tested up to: 5.6
Description: <a href="http://alx.media/themes/curver/">Curver</a> is a flexible personal blog theme with plenty of options. Optimized for all devices, this theme will stand out with a unique colorful curved header style with a header profile image, name and description. It includes a featured posts slider and two different blog layouts: standard and list. Set the theme to any width and accent color you wish. Use a sidebar to the right, or disable it entirely - it is all up to you. Demo: http://demo.alx.media/x/?theme=Curver
Author: Alexander Agnarson
Author URI: http://alx.media
@ -544,7 +544,8 @@ background-image: linear-gradient(to top left,#ff8a00,#da1b60); }
.toggle-search .svg-icon { fill: #fff; margin: 0 auto; }
.toggle-search #svg-close { display: none; }
.toggle-search.active #svg-search { display: none; }
.toggle-search.active #svg-close { display: block; }
.toggle-search.active #svg-close { display: block; fill: rgba(255,255,255,0.7); }
.toggle-search:focus #svg-close { fill: #fff; }
#wrap-nav-header,
#wrap-nav-mobile { position: relative; }
@ -606,13 +607,13 @@ background-image: linear-gradient(to top left,#ff8a00,#da1b60); }
.nav-menu:not(.mobile) { position: relative; z-index: 3; }
.nav-menu:not(.mobile) .menu { flex-wrap: wrap; justify-content: left; }
.nav-menu:not(.mobile) .menu ul.active,
.nav-menu:not(.mobile) .menu li.hover > ul { overflow: visible; width: 180px; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; }
.nav-menu:not(.mobile) .menu ul .sub-menu { left: 200px; top: 0; }
.nav-menu:not(.mobile) .menu li.hover > ul { overflow: visible; width: 200px; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; }
.nav-menu:not(.mobile) .menu ul .sub-menu { left: 220px; top: 0; }
.nav-menu:not(.mobile) .menu { position: relative; }
.nav-menu:not(.mobile) .menu ul { font-size: 15px; opacity: 0; padding: 10px 0; position: absolute; top: calc(100% + 20px); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(6px); z-index: 1; }
.nav-menu:not(.mobile) .menu ul li { position: relative; }
.nav-menu:not(.mobile) .menu ul a { display: block; padding: 10px 20px; transition: background-color 0.15s linear; width: 100%; }
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul { min-width: 180px; max-width: 180px; max-height: 300vh; overflow: visible; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; }
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul { min-width: 200px; max-width: 200px; max-height: 300vh; overflow: visible; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; }
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul:focus-within { opacity: 1!important; }
.nav-menu:not(.mobile) .menu li ul.sub-menu:not(.active) { opacity: 0; }
.nav-menu:not(.mobile) .menu li.hover ul.sub-menu:not(.active) { opacity: 1; }
@ -648,6 +649,12 @@ background-image: linear-gradient(to top left,#ff8a00,#da1b60); }
.nav-menu.mobile ul ul ul li a { padding: 12px 0 12px 60px; }
.nav-menu.mobile ul button { margin: 10px 0; padding: 0 20px; }
/* menu mobile fix */
.nav-menu.mobile > div > ul.menu,
.nav-menu.mobile.toggled > div > ul.menu ul.sub-menu { visibility: hidden; transition: all 0.3s ease; }
.nav-menu.mobile.toggled > div > ul.menu,
.nav-menu.mobile.toggled > div > ul.menu ul.sub-menu.active { visibility: visible; }
/* menu styling */
.menu-toggle-icon span { background: #fff; }