ourworld_web/www_freeflownation
20
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

update hove and button color

Browse Source
This commit is contained in:
Ehab Hassan 2023-09-05 15:35:17 +03:00
parent 0fd75db281
commit c18a13f687
3 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/index.css
View File

@ -120,7 +120,7 @@ img[src*="#tft_img"] {
} }
button:hover :is(:where(a)) { button:hover :is(:where(a)) {
color: #c6f8ff; color: #cd8c4c;
} }
button :is(:where(p)) { button :is(:where(p)) {
@ -166,20 +166,20 @@ header .freeflow div, #info-menu div, #info-mobile-menu div {
} }
button { button {
background-color: #1a1a1a; background-color: #106c6a;
border-radius: 20px; border-radius: 20px;
border: 2px solid white; border: 2px solid white;
box-shadow: none; box-shadow: none;
font-size: 20px; font-size: 20px;
} }
button { /* button {
background-color: #1a1a1a; background-color: #106c6a;
border-radius: 10px; border-radius: 10px;
border: none; border: none;
box-shadow: none; box-shadow: none;
font-size: 20px; font-size: 20px;
} } */
button a { button a {
color: white; color: white;
@ -200,6 +200,10 @@ header {
box-shadow: none !important; box-shadow: none !important;
} }
.nav_btn:hover{
color: #cd8c4c;
}
.quicklinks { .quicklinks {
box-sizing: border-box; box-sizing: border-box;
-webkit-align-items: center; -webkit-align-items: center;
@ -306,7 +310,7 @@ header {
} }
a:hover{ a:hover{
color: #5e5b59; color: #cd8c4c;
} }
.banner:hover { .banner:hover {

2
templates/partials/header.html
View File

@ -46,7 +46,7 @@
{% if subsection == "footer/_index.md" %} {% continue %} {% endif %} {% if subsection == "footer/_index.md" %} {% continue %} {% endif %}
{% set button_id = subsection ~ "-menu-btn" | slugify %} {% set button_id = subsection ~ "-menu-btn" | slugify %}
<div class="relative"> <div class="relative">
<button type="button" id="{{button_id}}" class="nav_btn text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 hover:text-blue-300 focus:outline-none transition ease-in-out duration-150"> <button type="button" id="{{button_id}}" class="nav_btn text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 focus:outline-none transition ease-in-out duration-150">
<span>{{ subsection }}</span> <span>{{ subsection }}</span>
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div> <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
</button> </button>

2
templates/partials/header_custom.html
View File

@ -45,7 +45,7 @@
{% else %} {% else %}
<div class="relative"> <div class="relative">
{% set button_id = header_label ~ "-menu-btn" | slugify %} {% set button_id = header_label ~ "-menu-btn" | slugify %}
<button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 font-normal hover:text-blue-300 focus:outline-none transition ease-in-out duration-150"> <button type="button" id="{{button_id}}" class="nav_btn font-medium text-gray-900 group inline-flex items-center space-x-2 text-lg leading-6 focus:outline-none transition ease-in-out duration-150">
<span>{{ header_label }}</span> <span>{{ header_label }}</span>
<div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div> <div class="-rotate-90 transition-transform"><svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0z" fill="none"/><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/></svg></div>
</button> </button>