Remove topmenu custom CSS
Signed-off-by: Maurício Meneghini Fauth <mauricio@fauth.dev>
This commit is contained in:
Maurício Meneghini Fauth
parent
ac8ecb7faf
commit
f3bfd0b799
@ -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 <li class="active">
|
||||
&#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;
|
||||
|
||||
@ -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 <li class="active"> */
|
||||
&#topmenu > li.active {
|
||||
border-#{$right}: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* zoom search */
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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 <li class="active">
|
||||
&#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;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user
