Commit c2b0cfdd authored by yPhil's avatar yPhil

CSS: JQueryUI button classes refactoring WIP: KB control (:focus) OK

parent a81ee087
......@@ -5,6 +5,7 @@
--ui-color-qua: #22313F;
--ui-color-qui: #808080;
--ui-color-sen: #f26522;
--ui-color-sep: #ccc;
--var-header-height: 26px;
--var-controls-width: 150px;
......@@ -423,25 +424,32 @@ fieldset {
border: none !important;
}
.ui-state-active,
.ui-button:active {
background: var(--ui-color-sec) !important;
color: var(--ui-color-qua);
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
background-color: var(--ui-color-pri);
border: var(--ui-color-success);
}
.ui-slider-handle,
.ui-state-default,
/* html .ui-button.ui-state-disabled:active, */
.ui-button {
border: 3px solid var(--ui-color-sep);
}
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-slider-handle:focus,
.ui-slider-handle:hover,
.ui-button:hover,
.ui-button:focus,
#feedGroup:focus {
/* color: var(--ui-color-qua) !important; */
border: 1px solid var(--ui-color-qui);
border: 3px solid var(--ui-color-sec);
}
button.ui-state-success {
background-color: var(--ui-color-success) !important;
background-color: var(--ui-color-success);
}
button.helpIntroUI {
......@@ -541,13 +549,6 @@ label#killFeed:active {
flex: 1;
}
/* span.ui-spinner, */
/* .ui-button { */
/* margin-right: .4em; */
/* margin-bottom: .4em; */
/* } */
.grow {
flex: 1 0 auto !important;
margin-right: .4em;
......@@ -570,10 +571,6 @@ label:last-child {
margin-bottom: 0;
}
/* .prefsForm > *:not(p) { */
/* width: 100%; */
/* } */
div.testFlex {
display:flex;
}
......@@ -598,11 +595,6 @@ div.testFlex {
margin-bottom:0;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
}
/* Wait screen */
#waitScreen{
......@@ -894,14 +886,6 @@ li.feed {
margin: 0 0 0 2px;
}
.mobHeader .ui-button {
padding: 0 !important;
}
.mobHeader .feedControls div i.ui-button:first-child {
margin: 0 !important;
}
.handle {
opacity: 0.6;
}
......@@ -986,14 +970,6 @@ li.feed {
background-image: var(--icon-feed-toggle-arrow) !important;;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
border: 1px solid transparent;
}
.ui-button.ui-state-active:hover {
border: 1px solid var(--ui-color-ter);
}
.mobHeader > .feedHandle:hover {
border-color: var(--ui-color-sec);
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment