From 82f2cf7a4de84f6bc3c0fcf898fac5f3796b80df Mon Sep 17 00:00:00 2001 From: gilbN Date: Sun, 16 Jun 2019 13:46:33 +0200 Subject: [PATCH] menu tabs hover fix --- CSS/themes/organizr-hotline.css | 52 ++++++++++-------- CSS/themes/organizr-marine.css | 94 ++++++++++++++++++--------------- 2 files changed, 83 insertions(+), 63 deletions(-) diff --git a/CSS/themes/organizr-hotline.css b/CSS/themes/organizr-hotline.css index a3bc537b..882ff7a8 100644 --- a/CSS/themes/organizr-hotline.css +++ b/CSS/themes/organizr-hotline.css @@ -147,26 +147,33 @@ } /* Settings - menu tabs */ .sttabs nav { - background: rgba(0, 0, 0, 0.15); - } - .tabs-style-flip nav li.tab-current a::after { - background-color: rgba(0,0,0,.25) !important; - -webkit-transform: none !important; - transform: none !important; - border-radius: 0px !important; - } - .tabs-style-flip nav a::after { - background: rgba(0,0,0,.15)!important; - transition: none; - -webkit-transform: none; - transform: none; - } - .tabs-style-flip nav a:hover { - background: rgba(255,255,255,.05)!important; - } - .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - background-color: rgba(0, 0, 0, 0.25); - } + background: rgba(0, 0, 0, 0.15); +} +.tabs-style-flip nav li.tab-current a::after { + background-color: rgba(0,0,0,.25) !important; + -webkit-transform: none !important; + transform: none !important; + border-radius: 0px !important; +} +.tabs-style-flip nav a::after { + background: rgba(0,0,0,.15)!important; + transition: none; + -webkit-transform: none; + transform: none; +} +.tabs-style-flip nav a:hover { + background: rgba(255,255,255,.05)!important; +} + .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + background-color: none !important; +} +.tabs-style-flip nav li.tab-current a:hover { + color: #ffffff; + background: rgba(0,0,0,0)!important; +} +.tabs-style-flip nav li.tab-current a { + color: var(--link-color) !important; +} /* Settings - custom css */ .ace_gutter { background: rgba(0,0,0,.3) !important; @@ -252,8 +259,11 @@ table.dataTable>tbody>tr:nth-of-type(even):hover { .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .nav-tabs li a:hover { background: rgba(255,255,255,.08)!important; color: #eee!important; - border-radius: 20px; +} +.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25) !important; } + /* Settings - custom CSS */ .ace-idle-fingers { background-color: rgba(0, 0, 0, 0.15) !important; diff --git a/CSS/themes/organizr-marine.css b/CSS/themes/organizr-marine.css index cddf4d0c..b818056b 100644 --- a/CSS/themes/organizr-marine.css +++ b/CSS/themes/organizr-marine.css @@ -147,26 +147,33 @@ } /* Settings - menu tabs */ .sttabs nav { - background: rgba(0, 0, 0, 0.15); - } - .tabs-style-flip nav li.tab-current a::after { - background-color: rgba(0,0,0,.25) !important; - -webkit-transform: none !important; - transform: none !important; - border-radius: 0px !important; - } - .tabs-style-flip nav a::after { - background: rgba(0,0,0,.15)!important; - transition: none; - -webkit-transform: none; - transform: none; - } - .tabs-style-flip nav a:hover { - background: rgba(255,255,255,.05)!important; - } - .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { - background-color: rgba(0, 0, 0, 0.25); - } + background: rgba(0, 0, 0, 0.15); +} +.tabs-style-flip nav li.tab-current a::after { + background-color: rgba(0,0,0,.25) !important; + -webkit-transform: none !important; + transform: none !important; + border-radius: 0px !important; +} +.tabs-style-flip nav a::after { + background: rgba(0,0,0,.15)!important; + transition: none; + -webkit-transform: none; + transform: none; +} +.tabs-style-flip nav a:hover { + background: rgba(255,255,255,.05)!important; +} + .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + background-color: none !important; +} +.tabs-style-flip nav li.tab-current a:hover { + color: #ffffff; + background: rgba(0,0,0,0)!important; +} +.tabs-style-flip nav li.tab-current a { + color: var(--link-color) !important; +} /* Settings - custom css */ .ace_gutter { background: rgba(0,0,0,.3) !important; @@ -233,28 +240,31 @@ table.dataTable>tbody>tr:nth-of-type(even) { table.dataTable>tbody>tr:nth-of-type(even):hover { background: rgba(0,0,0,.25)!important; } -.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { - background: rgba(0,0,0,.08)!important; - color: var(--link-color) !important; - border: 0!important; - border-radius: 0!important; - margin: 0!important; - transition: none; -} -.dataTables_wrapper .dataTables_paginate .paginate_button { - background: rgba(0,0,0,.15); - color: rgba(255,255,255,.7)!important; - border: 0!important; - border-radius: 0!important; - margin: 0!important; - transition: none; -} -.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .nav-tabs li a:hover { - background: rgba(255,255,255,.08)!important; - color: #eee!important; - border-radius: 20px; -} - /* Settings - custom CSS */ + .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { + background: rgba(0,0,0,.08)!important; + color: var(--link-color) !important; + border: 0!important; + border-radius: 0!important; + margin: 0!important; + transition: none; + } + .dataTables_wrapper .dataTables_paginate .paginate_button { + background: rgba(0,0,0,.15); + color: rgba(255,255,255,.7)!important; + border: 0!important; + border-radius: 0!important; + margin: 0!important; + transition: none; + } + .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .nav-tabs li a:hover { + background: rgba(255,255,255,.08)!important; + color: #eee!important; + } + .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover { + background: rgba(0, 0, 0, 0.25) !important; + } + +/* Settings - custom CSS */ .ace-idle-fingers { background-color: rgba(0, 0, 0, 0.15) !important; background: rgba(0, 0, 0, 0.15) !important;