From f3bfd0b79968c0b4903b82cda9ada6ef21866047 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Maur=C3=ADcio=20Meneghini=20Fauth?= Date: Sun, 12 Jan 2020 14:29:00 -0300 Subject: [PATCH] Remove topmenu custom CSS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Maurício Meneghini Fauth --- themes/bootstrap/scss/_common.scss | 92 ------------------------------ themes/metro/scss/_common.scss | 66 --------------------- themes/original/scss/_common.scss | 84 --------------------------- themes/pmahomme/scss/_common.scss | 90 ----------------------------- 4 files changed, 332 deletions(-) diff --git a/themes/bootstrap/scss/_common.scss b/themes/bootstrap/scss/_common.scss index a477a1af20..d8de365623 100644 --- a/themes/bootstrap/scss/_common.scss +++ b/themes/bootstrap/scss/_common.scss @@ -934,19 +934,7 @@ li.last.database { margin-bottom: 15px; } -/* specific elements */ - -#topmenu { - margin-top: 0.5em; - padding: 0.1em 0.3em; - - a { - text-shadow: 0 1px 0 #fff; - } -} - ul { - &#topmenu, &#topmenu2, &.tabs { font-weight: bold; @@ -961,7 +949,6 @@ ul { clear: both; } - &#topmenu li, &#topmenu2 li { float: left; margin: 0; @@ -969,17 +956,11 @@ ul { } } -#topmenu img, #topmenu2 img { margin-#{$right}: 0.5em; vertical-align: -3px; } -.menucontainer { - background: linear-gradient(#fff, #dcdcdc); - border-top: 1px solid #aaa; -} - .scrollindicator { display: none; } @@ -1022,64 +1003,6 @@ fieldset.caution a { } ul { - &#topmenu { - ul { - @if $direction == rtl { - -moz-box-shadow: -1px 1px 6px #ddd; - -webkit-box-shadow: -2px 2px 3px #666; - box-shadow: -2px 2px 3px #666; - } @else { - -moz-box-shadow: 1px 1px 6px #ddd; - -webkit-box-shadow: 2px 2px 3px #666; - box-shadow: 2px 2px 3px #666; - } - - &.only { - #{$left}: 0; - } - } - - > li { - border-#{$right}: 1px solid #fff; - border-#{$left}: 1px solid #ccc; - border-bottom: 1px solid #ccc; - - &:first-child { - border-#{$left}: 0; - } - } - - a, - span { - padding: 0.6em; - } - - ul { - a { - border-width: 1pt 0 0 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - } - - li:first-child a { - border-width: 0; - } - - a:hover, - .tabactive { - text-decoration: none; - } - } - - > li > { - a:hover, - .tabactive { - text-decoration: none; - } - } - } - &#topmenu2 a { &.tab:hover, &.tabactive { @@ -1090,14 +1013,7 @@ ul { text-decoration: none; } } - - // to be able to cancel the bottom border, use
  • - &#topmenu > li.active { - border-#{$right}: 0; - border-bottom-color: #fff; - } } -// end topmenu // zoom search div#dataDisplay { @@ -3866,19 +3782,11 @@ body .ui-dialog { @media only screen and (max-width: 768px) { ul { - &#topmenu, &.tabs { display: flex; } } - .navigationbar { - display: inline-flex; - margin: 0 !important; - border-radius: 0 !important; - overflow: auto; - } - .scrollindicator { padding: 5px; cursor: pointer; diff --git a/themes/metro/scss/_common.scss b/themes/metro/scss/_common.scss index 6f30fa8106..284ba4026b 100644 --- a/themes/metro/scss/_common.scss +++ b/themes/metro/scss/_common.scss @@ -897,10 +897,7 @@ td.disabled { /* specific elements */ -/* topmenu */ - ul { - &#topmenu, &#topmenu2 { list-style-type: none; margin: 0; @@ -918,7 +915,6 @@ ul { clear: both; } - &#topmenu li, &#topmenu2 li { float: $left; margin: 0; @@ -928,26 +924,15 @@ ul { } } -#topmenu img, #topmenu2 img { margin-#{$right}: 0.5em; vertical-align: -3px; } -.menucontainer { - background-color: $th-background; - height: 48px; -} - .scrollindicator { display: none; } -/* default tab styles */ -#topmenu .tabactive { - background: #fff !important; -} - #topmenu2 .tabactive { background: #ccc; } @@ -1033,54 +1018,8 @@ fieldset.caution li { } } -#topmenu { - padding-#{$left}: 20px; - padding-#{$right}: 20px; -} - /* default tab styles */ ul { - &#topmenu { - ul.only { - #{$left}: 0; - } - - a, - span { - padding: 5px 10px; - height: 28px; - line-height: 28px; - font-family: $font-family-extra-bold; - text-transform: uppercase; - color: #666; - font-weight: normal; - } - - ul { - a { - border-width: 1pt 0 0 0; - } - - li:first-child a { - border-width: 0; - } - - a:hover, - .tabactive { - text-decoration: none; - } - } - - /* enabled hover/active tabs */ - > li > { - a:hover, - .tabactive { - text-decoration: none; - color: #333; - } - } - } - &#topmenu2 a { text-decoration: none; @@ -1088,11 +1027,6 @@ ul { text-decoration: none; } } - - /* to be able to cancel the bottom border, use
  • */ - &#topmenu > li.active { - border-#{$right}: 0; - } } /* zoom search */ diff --git a/themes/original/scss/_common.scss b/themes/original/scss/_common.scss index 884eccecdd..63580da2c7 100644 --- a/themes/original/scss/_common.scss +++ b/themes/original/scss/_common.scss @@ -683,10 +683,7 @@ li.last.database { /* specific elements */ -/* topmenu */ - ul { - &#topmenu, &#topmenu2, &.tabs { font-weight: bold; @@ -701,7 +698,6 @@ ul { clear: both; } - &#topmenu li, &#topmenu2 li { float: $left; margin: 0; @@ -710,7 +706,6 @@ ul { } } -#topmenu img, #topmenu2 img { vertical-align: middle; margin-#{$right}: 0.1em; @@ -719,16 +714,6 @@ ul { /* default tab styles */ ul { - &#topmenu { - a, - span { - display: block; - margin: 2px 2px 0; - padding: 2px 2px 0; - white-space: nowrap; - } - } - &#topmenu2 a { display: block; margin: 0.1em; @@ -756,64 +741,7 @@ fieldset.caution a { } } -#topmenu { - margin-top: 0.5em; - padding: 0.1em 0.3em 0.1em 0.3em; -} - ul { - &#topmenu { - ul { - -moz-box-shadow: 2px 2px 3px #666; - -webkit-box-shadow: 2px 2px 3px #666; - box-shadow: 2px 2px 3px #666; - } - - > li { - border-bottom: 1pt solid black; - } - - a, - span { - background-color: $bg-one; - border: 0 solid $bg-two; - border-width: 1pt 1pt 0 1pt; - -moz-border-radius: 0.4em 0.4em 0 0; - border-radius: 0.4em 0.4em 0 0; - } - - ul { - a { - border-width: 1pt 0 0 0; - -moz-border-radius: 0; - border-radius: 0; - } - - li:first-child a { - border-width: 0; - } - - a:hover, - .tabactive { - text-decoration: none; - } - } - - > li > { - a:hover, - .tabactive { - margin: 0; - padding: 2px 4px; - text-decoration: none; - } - } - - a.tab:hover, - .tabactive { - background-color: $body-bg; - } - } - &#topmenu2 a { &.tab:hover, &.tabactive { @@ -823,10 +751,6 @@ ul { text-decoration: none; } } - - &#topmenu > li.active { - border-bottom: 1pt solid $body-bg; - } } /* zoom search */ @@ -3496,19 +3420,11 @@ body { @media only screen and (max-width: 768px) { ul { - &#topmenu, &.tabs { display: flex; } } - .navigationbar { - display: inline-flex; - margin: 0 !important; - border-radius: 0 !important; - overflow: auto; - } - .scrollindicator { padding: 5px; cursor: pointer; diff --git a/themes/pmahomme/scss/_common.scss b/themes/pmahomme/scss/_common.scss index 4bbc9fd41f..ef06e48580 100644 --- a/themes/pmahomme/scss/_common.scss +++ b/themes/pmahomme/scss/_common.scss @@ -941,17 +941,7 @@ li.last.database { /* specific elements */ -#topmenu { - margin-top: 0.5em; - padding: 0.1em 0.3em; - - a { - text-shadow: 0 1px 0 #fff; - } -} - ul { - &#topmenu, &#topmenu2, &.tabs { font-weight: bold; @@ -966,7 +956,6 @@ ul { clear: both; } - &#topmenu li, &#topmenu2 li { float: left; margin: 0; @@ -974,17 +963,11 @@ ul { } } -#topmenu img, #topmenu2 img { margin-#{$right}: 0.5em; vertical-align: -3px; } -.menucontainer { - background: linear-gradient(#fff, #dcdcdc); - border-top: 1px solid #aaa; -} - .scrollindicator { display: none; } @@ -1027,64 +1010,6 @@ fieldset.caution a { } ul { - &#topmenu { - ul { - @if $direction == rtl { - -moz-box-shadow: -1px 1px 6px #ddd; - -webkit-box-shadow: -2px 2px 3px #666; - box-shadow: -2px 2px 3px #666; - } @else { - -moz-box-shadow: 1px 1px 6px #ddd; - -webkit-box-shadow: 2px 2px 3px #666; - box-shadow: 2px 2px 3px #666; - } - - &.only { - #{$left}: 0; - } - } - - > li { - border-#{$right}: 1px solid #fff; - border-#{$left}: 1px solid #ccc; - border-bottom: 1px solid #ccc; - - &:first-child { - border-#{$left}: 0; - } - } - - a, - span { - padding: 0.6em; - } - - ul { - a { - border-width: 1pt 0 0 0; - -moz-border-radius: 0; - -webkit-border-radius: 0; - border-radius: 0; - } - - li:first-child a { - border-width: 0; - } - - a:hover, - .tabactive { - text-decoration: none; - } - } - - > li > { - a:hover, - .tabactive { - text-decoration: none; - } - } - } - &#topmenu2 a { &.tab:hover, &.tabactive { @@ -1095,14 +1020,7 @@ ul { text-decoration: none; } } - - // to be able to cancel the bottom border, use
  • - &#topmenu > li.active { - border-#{$right}: 0; - border-bottom-color: #fff; - } } -// end topmenu // zoom search div#dataDisplay { @@ -3882,19 +3800,11 @@ body .ui-dialog { @media only screen and (max-width: 768px) { ul { - &#topmenu, &.tabs { display: flex; } } - .navigationbar { - display: inline-flex; - margin: 0 !important; - border-radius: 0 !important; - overflow: auto; - } - .scrollindicator { padding: 5px; cursor: pointer;