All hail our phpMyAdmin dark mode overlords
This commit is contained in:
64
lamp/themes/blueberry/scss/_alert.scss
Normal file
64
lamp/themes/blueberry/scss/_alert.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
.alert {
|
||||
text-align: $direction-start;
|
||||
border-radius: 10px;
|
||||
// -moz-box-shadow: 0 1px 1px #fff inset;
|
||||
// -webkit-box-shadow: 0 1px 1px #fff inset;
|
||||
// box-shadow: 0 1px 1px #fff inset;
|
||||
|
||||
@if $direction == rtl {
|
||||
background-position: 99% 50%;
|
||||
padding: 10px 35px 10px 10px;
|
||||
} @else {
|
||||
background-position: 10px 50%;
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
h1 {
|
||||
border-bottom: 2px solid;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-primary {
|
||||
color: $Color-White;
|
||||
background: $Color-Body;
|
||||
border-color: #3a6c7e;
|
||||
|
||||
h1 {
|
||||
border-color: #ffb10a;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-success {
|
||||
// color: #000;
|
||||
// background: #8dde92;
|
||||
// border-color: #a2d246;
|
||||
color: $Color-Text-Main;
|
||||
background: #265b2a;
|
||||
border: none;
|
||||
|
||||
h1 {
|
||||
border-color: #0f0;
|
||||
}
|
||||
}
|
||||
|
||||
.alert-danger {
|
||||
color: #000;
|
||||
background: rgb(247, 155, 170);
|
||||
border-color: #333;
|
||||
|
||||
h1 {
|
||||
border-color: #f00;
|
||||
}
|
||||
}
|
||||
|
||||
.result_query .alert {
|
||||
margin-bottom: 0;
|
||||
border-bottom: none !important;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
// padding-bottom: 5px;
|
||||
}
|
||||
35
lamp/themes/blueberry/scss/_breadcrumb.scss
Normal file
35
lamp/themes/blueberry/scss/_breadcrumb.scss
Normal file
@@ -0,0 +1,35 @@
|
||||
.breadcrumb {
|
||||
background: $Color-Body-Light;
|
||||
padding-#{$direction-start}: 2.2em;
|
||||
padding-block: 0.3em;
|
||||
// text-shadow: 0 1px 0 #000;
|
||||
}
|
||||
|
||||
|
||||
.breadcrumb-item {
|
||||
+ .breadcrumb-comment {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
+ .breadcrumb-item::before {
|
||||
float: left;
|
||||
padding-right: 0.5rem;
|
||||
color: $Color-Azure-500;
|
||||
content: "/";
|
||||
}
|
||||
|
||||
.icon {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb-comment {
|
||||
color: #d6d6d6;
|
||||
font-weight: bold;
|
||||
font-style: italic;
|
||||
text-shadow: none;
|
||||
}
|
||||
107
lamp/themes/blueberry/scss/_buttons.scss
Normal file
107
lamp/themes/blueberry/scss/_buttons.scss
Normal file
@@ -0,0 +1,107 @@
|
||||
.btn:focus, .btn.focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
font-weight: $font-weight-bold;
|
||||
min-width: 6vw;
|
||||
}
|
||||
|
||||
button,
|
||||
.btn {
|
||||
background: none;
|
||||
border: none;
|
||||
box-shadow: unset;
|
||||
text-decoration: none;
|
||||
color: $Color-Tailwind-Text;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
|
||||
* {
|
||||
color: $Color-Tailwind-Text;
|
||||
}
|
||||
|
||||
|
||||
&:disabled {
|
||||
// background-color: $Color-Text-Secondary-Dark;
|
||||
// border-color: $Color-Text-Secondary-Dark;
|
||||
opacity: 0.75;
|
||||
cursor: default;
|
||||
}
|
||||
&:hover {
|
||||
// background: $Color-Azure;
|
||||
// color: $Color-White;
|
||||
// border: 1px solid $Color-Azure;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
&:not(:disabled):not(.disabled):focus,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled):active:focus {
|
||||
// background: $Color-White;
|
||||
// color: $Color-Azure;
|
||||
// border: 1px solid $Color-Azure;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
}
|
||||
|
||||
// fieldset table a,
|
||||
// .btn,
|
||||
.btn-primary,
|
||||
.btn-secondary,
|
||||
.btn-outline-secondary {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
// font-size: 15px;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
padding: 5px 10px;
|
||||
max-width: 100%;
|
||||
background: $Color-Azure;
|
||||
color: $Color-White;
|
||||
border-radius: 3vw;
|
||||
border: 1px solid $Color-Azure;
|
||||
box-sizing: border-box;
|
||||
cursor: pointer;
|
||||
-webkit-appearance: none;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
transition: all 0.25s cubic-bezier(0.53, 0.01, 0.35, 1.5);
|
||||
vertical-align: middle;
|
||||
margin: 6px;
|
||||
|
||||
|
||||
&:disabled {
|
||||
// background-color: $Color-Text-Secondary-Dark;
|
||||
// border-color: $Color-Text-Secondary-Dark;
|
||||
opacity: 0.75;
|
||||
cursor: default;
|
||||
}
|
||||
&:hover {
|
||||
background: $Color-Azure;
|
||||
color: $Color-White;
|
||||
border: 1px solid $Color-Azure;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
&:not(:disabled):not(.disabled):focus,
|
||||
&:not(:disabled):not(.disabled):active,
|
||||
&:not(:disabled):not(.disabled):active:focus {
|
||||
background: $Color-White;
|
||||
color: $Color-Azure;
|
||||
border: 1px solid $Color-Azure;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
|
||||
}
|
||||
}
|
||||
|
||||
.btn-outline-secondary {
|
||||
background: none;
|
||||
color: $Color-White;
|
||||
border: 1px solid $Color-White;
|
||||
}
|
||||
|
||||
.btn-link {
|
||||
padding: 0.375rem 0.5rem;
|
||||
}
|
||||
|
||||
.btn-close {
|
||||
background: rgba(0,0,0,0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
|
||||
}
|
||||
177
lamp/themes/blueberry/scss/_card.scss
Normal file
177
lamp/themes/blueberry/scss/_card.scss
Normal file
@@ -0,0 +1,177 @@
|
||||
.card {
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 0.5rem;
|
||||
border-radius: 1rem;
|
||||
background-color: $Color-Body-Light;
|
||||
border: 1px solid #aaa;
|
||||
border: none;
|
||||
// padding: 1.25rem;
|
||||
|
||||
> .card-header + .card-body {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.card,
|
||||
.card-footer {
|
||||
@if $direction == rtl {
|
||||
text-shadow: -1px 1px 2px #000 inset;
|
||||
// -moz-box-shadow: -1px 1px 2px #fff inset;
|
||||
// -webkit-box-shadow: -1px 1px 2px #fff inset;
|
||||
// box-shadow: -1px 1px 2px #fff inset;
|
||||
} @else {
|
||||
text-shadow: 1px 1px 2px #000 inset;
|
||||
// -moz-box-shadow: 1px 1px 2px #fff inset;
|
||||
// -webkit-box-shadow: 1px 1px 2px #fff inset;
|
||||
// box-shadow: 1px 1px 2px #fff inset;
|
||||
}
|
||||
}
|
||||
|
||||
.card-header.card-header {
|
||||
position: relative;
|
||||
top: -1rem;
|
||||
margin-inline-start: calc(5px + 1.25rem);
|
||||
width: max-content;
|
||||
max-width: 100%;
|
||||
font-weight: bold;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #aaa;
|
||||
font-size: 1em;
|
||||
color: $Color-Tailwind-Title;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
background-color: $Color-Body;
|
||||
// -moz-box-shadow: 3px 3px 15px #bbb;
|
||||
// -webkit-box-shadow: 3px 3px 15px #bbb;
|
||||
// box-shadow: 3px 3px 15px #bbb;
|
||||
|
||||
.icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
}
|
||||
|
||||
.card-body {
|
||||
// padding: 1.25rem;
|
||||
// padding: 0;
|
||||
}
|
||||
|
||||
.card-footer {
|
||||
color: $th-color;
|
||||
background: $th-background;
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-top: 2rem;
|
||||
// margin-block: 1rem;
|
||||
border-radius: 1rem;
|
||||
border: #aaa solid 1px;
|
||||
padding: 1.25rem;
|
||||
background: $Color-Body-Light;
|
||||
// -moz-border-radius: 10px 10px 0 0;
|
||||
// -webkit-border-radius: 10px 10px 0 0;
|
||||
// border-radius: 10px 10px 0 0;
|
||||
|
||||
// + fieldset,
|
||||
// + :not(fieldset) {
|
||||
// border-radius: 10px;
|
||||
// -moz-border-radius: 10px;
|
||||
// -webkit-border-radius: 10px;
|
||||
// }
|
||||
|
||||
fieldset {
|
||||
margin: 0.8em;
|
||||
border: 1px solid #aaa;
|
||||
// background: #e8e8e8;
|
||||
}
|
||||
|
||||
legend {
|
||||
font-weight: bold;
|
||||
color: $Color-Tailwind-Title;
|
||||
padding: 5px 10px;
|
||||
border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
-webkit-border-radius: 10px;
|
||||
border: 1px solid #aaa;
|
||||
background-color: $Color-Body;
|
||||
max-width: 100%;
|
||||
width: initial;
|
||||
font-size: 1em;
|
||||
margin-inline-start: 5px;
|
||||
float: none;
|
||||
// -moz-box-shadow: 3px 3px 15px #bbb;
|
||||
// -webkit-box-shadow: 3px 3px 15px #bbb;
|
||||
// box-shadow: 3px 3px 15px #bbb;
|
||||
}
|
||||
}
|
||||
|
||||
#maincontainer .card-header,
|
||||
.accordion > .card > .card-header {
|
||||
position: static;
|
||||
width: auto;
|
||||
margin: 0;
|
||||
border: none;
|
||||
|
||||
&:first-child {
|
||||
@include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
|
||||
}
|
||||
}
|
||||
|
||||
#maincontainer {
|
||||
.card {
|
||||
background-color: $navi-background;
|
||||
border: $card-border-width solid #999;
|
||||
|
||||
// @if $direction == rtl {
|
||||
// -moz-box-shadow: -2px 2px 5px #ccc;
|
||||
// -webkit-box-shadow: -2px 2px 5px #ccc;
|
||||
// box-shadow: -2px 2px 5px #ccc;
|
||||
// } @else {
|
||||
// -moz-box-shadow: 2px 2px 5px #ccc;
|
||||
// -webkit-box-shadow: 2px 2px 5px #ccc;
|
||||
// box-shadow: 2px 2px 5px #ccc;
|
||||
// }
|
||||
|
||||
> .card-header + .card-body {
|
||||
padding-top: $card-spacer-x;
|
||||
}
|
||||
}
|
||||
|
||||
.card-header {
|
||||
padding: 0.5em $card-spacer-x;
|
||||
background-color: $Color-Body-Light;
|
||||
color: $Color-Tailwind-Title;
|
||||
font-size: 1.3em;
|
||||
font-weight: normal;
|
||||
// text-shadow: 0 1px 0 #777;
|
||||
// -moz-box-shadow: 1px 1px 15px #999 inset;
|
||||
// -webkit-box-shadow: 1px 1px 15px #999 inset;
|
||||
// box-shadow: 1px 1px 15px #999 inset;
|
||||
}
|
||||
}
|
||||
|
||||
.accordion {
|
||||
> .card {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
> .card-header {
|
||||
background-color: inherit;
|
||||
box-shadow: none;
|
||||
|
||||
.btn {
|
||||
color: $Color-Misc1;
|
||||
|
||||
&:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.card-body {
|
||||
background-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
147
lamp/themes/blueberry/scss/_codemirror.scss
Normal file
147
lamp/themes/blueberry/scss/_codemirror.scss
Normal file
@@ -0,0 +1,147 @@
|
||||
$textarea-cols: 40;
|
||||
$textarea-rows: 15;
|
||||
|
||||
.CodeMirror {
|
||||
color: $Color-Text-Main;
|
||||
background: #1e1e1e;
|
||||
height: 20rem;
|
||||
direction: ltr;
|
||||
}
|
||||
.CodeMirror-gutters {
|
||||
border-right: 1px solid #7f7f7f;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
.CodeMirror::selection,
|
||||
.CodeMirror-line::selection,
|
||||
.CodeMirror-line > span::selection,
|
||||
.CodeMirror-line > span > span::selection {
|
||||
background: $Color-Azure;
|
||||
color: $Color-White;
|
||||
}
|
||||
|
||||
#inline_editor_outer .CodeMirror {
|
||||
height: ceil($textarea-rows * 0.4em);
|
||||
}
|
||||
|
||||
.insertRowTable .CodeMirror {
|
||||
min-height: ceil($textarea-rows * 0.6em);
|
||||
min-width: ceil($textarea-cols * 0.6em);
|
||||
border: 1px solid #a9a9a9;
|
||||
}
|
||||
|
||||
#pma_console .CodeMirror-gutters {
|
||||
background-color: initial;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.CodeMirror-cursor {
|
||||
border-color: $Color-Text-Main;
|
||||
}
|
||||
|
||||
.cm-s-default span,
|
||||
span {
|
||||
&.cm-meta {
|
||||
color: #569cd6;
|
||||
}
|
||||
&.cm-keyword,
|
||||
&.cm-statement-verb {
|
||||
color: #569cd6;
|
||||
}
|
||||
&.cm-def {
|
||||
color: #9cdcfe;
|
||||
}
|
||||
&.cm-variable {
|
||||
color: #ddd6a3;
|
||||
}
|
||||
&.cm-variable-2 {
|
||||
color: #9cdcfe;
|
||||
}
|
||||
&.cm-variable-3,
|
||||
&.cm-type {
|
||||
color: #a9b7c6;
|
||||
}
|
||||
&.cm-property {
|
||||
color: #9cdcfe;
|
||||
}
|
||||
&.cm-operator {
|
||||
color: #d4d4d4;
|
||||
}
|
||||
&.cm-string {
|
||||
color: #ce9178;
|
||||
}
|
||||
&.cm-string-2 {
|
||||
color: #6a8759;
|
||||
}
|
||||
&.cm-mysql-string {
|
||||
color: #008000;
|
||||
}
|
||||
&.cm-mysql-word {
|
||||
color: white;
|
||||
}
|
||||
&.cm-comment {
|
||||
color: #6a9955;
|
||||
}
|
||||
&.cm-link {
|
||||
color: #287bde;
|
||||
}
|
||||
&.cm-atom {
|
||||
color: #569cd6;
|
||||
}
|
||||
&.cm-error {
|
||||
color: #bc3f3c;
|
||||
}
|
||||
&.cm-tag {
|
||||
color: #569cd6;
|
||||
}
|
||||
&.cm-attribute {
|
||||
color: #9cdcfe;
|
||||
}
|
||||
&.cm-qualifier {
|
||||
color: #d7ba7d;
|
||||
}
|
||||
&.cm-bracket {
|
||||
color: #d4d4d4;
|
||||
}
|
||||
&.cm-number {
|
||||
color: #b5cea8;
|
||||
}
|
||||
&.cm-builtin {
|
||||
color: #569cd6;
|
||||
}
|
||||
&.cm-separator {
|
||||
color: fuchsia;
|
||||
}
|
||||
}
|
||||
|
||||
.autocomplete-column-name {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.autocomplete-column-hint {
|
||||
display: inline-block;
|
||||
// float: $direction-end;
|
||||
color: #666;
|
||||
margin-#{$direction-start}: 1em;
|
||||
}
|
||||
|
||||
.CodeMirror-hint {
|
||||
color: $Color-Text-Main;
|
||||
font-family: $Font-Mono;
|
||||
}
|
||||
|
||||
.CodeMirror-hints {
|
||||
color: $Color-Text-Main;
|
||||
background: $Color-Body-Light;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.CodeMirror-lint-tooltip {
|
||||
z-index: 200;
|
||||
font-family: inherit;
|
||||
|
||||
code {
|
||||
font-family: monospace;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
3786
lamp/themes/blueberry/scss/_common.scss
Normal file
3786
lamp/themes/blueberry/scss/_common.scss
Normal file
File diff suppressed because it is too large
Load Diff
512
lamp/themes/blueberry/scss/_designer.scss
Normal file
512
lamp/themes/blueberry/scss/_designer.scss
Normal file
@@ -0,0 +1,512 @@
|
||||
$header-img: "../img/designer/Header.png";
|
||||
$header-linked-img: "../img/designer/Header_Linked.png";
|
||||
$minus-img: "../img/designer/minus.png";
|
||||
$plus-img: "../img/designer/plus.png";
|
||||
$left-panel-button-img: "../img/designer/left_panel_butt.png";
|
||||
$top-panel-img: "../img/designer/top_panel.png";
|
||||
$small-tab-img: "../img/designer/small_tab.png";
|
||||
$frams1-img: "../img/designer/1.png";
|
||||
$frams2-img: "../img/designer/2.png";
|
||||
$frams3-img: "../img/designer/3.png";
|
||||
$frams4-img: "../img/designer/4.png";
|
||||
$frams5-img: "../img/designer/5.png";
|
||||
$frams6-img: "../img/designer/6.png";
|
||||
$frams7-img: "../img/designer/7.png";
|
||||
$frams8-img: "../img/designer/8.png";
|
||||
$resize-img: "../img/designer/resize.png";
|
||||
|
||||
/* Designer */
|
||||
.input_tab {
|
||||
background-color: #a6c7e1;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.content_fullscreen {
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#canvas_outer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#canvas {
|
||||
background-color: $Color-Body;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
canvas.designer {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-align: $direction-start;
|
||||
|
||||
* {
|
||||
behavior: url(#default#VML);
|
||||
}
|
||||
}
|
||||
|
||||
.designer_tab {
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
border-collapse: collapse;
|
||||
border: 1px solid #aaa;
|
||||
z-index: 1;
|
||||
-moz-user-select: none;
|
||||
|
||||
.header {
|
||||
background-image: url($header-img);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
}
|
||||
|
||||
.tab_zag {
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
padding: 1px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab_zag_2 {
|
||||
background-image: url($header-linked-img);
|
||||
background-repeat: repeat-x;
|
||||
text-align: center;
|
||||
cursor: move;
|
||||
padding: 1px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.tab_field {
|
||||
background: #fff;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
background-color: #cfc;
|
||||
color: #000;
|
||||
background-repeat: repeat-x;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
.tab_field_3 {
|
||||
background-color: #ffe6e6 !important;
|
||||
color: #000;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
background-color: #cfc;
|
||||
color: #000;
|
||||
background-repeat: repeat-x;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
#designer_hint {
|
||||
white-space: nowrap;
|
||||
position: absolute;
|
||||
background-color: #9f9;
|
||||
color: #000;
|
||||
z-index: 3;
|
||||
border: #0c6 solid 1px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#designer_body #page_content {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.scroll_tab {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.designer_Tabs {
|
||||
cursor: default;
|
||||
color: #05b;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
text-indent: 3px;
|
||||
font-weight: bold;
|
||||
margin-#{$direction-start}: 2px;
|
||||
text-align: $direction-start;
|
||||
background-color: #fff;
|
||||
background-image: url($left-panel-button-img);
|
||||
border: #ccc solid 1px;
|
||||
|
||||
&:hover {
|
||||
cursor: default;
|
||||
color: #05b;
|
||||
background: #fe9;
|
||||
text-indent: 3px;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
border: #99f solid 1px;
|
||||
text-align: $direction-start;
|
||||
}
|
||||
}
|
||||
|
||||
.owner {
|
||||
font-weight: normal;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
.option_tab {
|
||||
padding-#{$direction-start}: 2px;
|
||||
padding-#{$direction-end}: 2px;
|
||||
width: 5px;
|
||||
}
|
||||
|
||||
.select_all {
|
||||
vertical-align: top;
|
||||
padding-#{$direction-start}: 2px;
|
||||
padding-#{$direction-end}: 2px;
|
||||
cursor: default;
|
||||
width: 1px;
|
||||
color: #000;
|
||||
background-image: url($header-img);
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.small_tab {
|
||||
vertical-align: top;
|
||||
background-color: #0064ea;
|
||||
color: #fff;
|
||||
background-image: url($small-tab-img);
|
||||
cursor: default;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
padding-#{$direction-start}: 2px;
|
||||
padding-#{$direction-end}: 2px;
|
||||
width: 1px;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
vertical-align: top;
|
||||
color: #fff;
|
||||
background-color: #f96;
|
||||
cursor: default;
|
||||
padding-#{$direction-start}: 2px;
|
||||
padding-#{$direction-end}: 2px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 1px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.small_tab_pref {
|
||||
background-image: url($header-img);
|
||||
background-repeat: repeat-x;
|
||||
text-align: center;
|
||||
width: 1px;
|
||||
|
||||
&:hover {
|
||||
vertical-align: top;
|
||||
color: #fff;
|
||||
background-color: #f96;
|
||||
cursor: default;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
width: 1px;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.butt {
|
||||
border: #47a solid 1px;
|
||||
font-weight: bold;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
.L_butt2_1 {
|
||||
padding: 1px;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
padding: 0;
|
||||
border: #09c solid 1px;
|
||||
background: #fe9;
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
cursor: default;
|
||||
}
|
||||
}
|
||||
|
||||
/* --------------------------------------------------------------------------- */
|
||||
.bor {
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.frams1 {
|
||||
background: url($frams1-img) no-repeat $direction-end bottom;
|
||||
}
|
||||
|
||||
.frams2 {
|
||||
background: url($frams2-img) no-repeat $direction-start bottom;
|
||||
}
|
||||
|
||||
.frams3 {
|
||||
background: url($frams3-img) no-repeat $direction-start top;
|
||||
}
|
||||
|
||||
.frams4 {
|
||||
background: url($frams4-img) no-repeat $direction-end top;
|
||||
}
|
||||
|
||||
.frams5 {
|
||||
background: url($frams5-img) repeat-x center bottom;
|
||||
}
|
||||
|
||||
.frams6 {
|
||||
background: url($frams6-img) repeat-y $direction-start;
|
||||
}
|
||||
|
||||
.frams7 {
|
||||
background: url($frams7-img) repeat-x top;
|
||||
}
|
||||
|
||||
.frams8 {
|
||||
background: url($frams8-img) repeat-y $direction-end;
|
||||
}
|
||||
|
||||
#osn_tab {
|
||||
position: absolute;
|
||||
background-color: #fff;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.designer_header {
|
||||
background-color: #eaeef0;
|
||||
color: #000;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-image: url($top-panel-img);
|
||||
background-position: top;
|
||||
background-repeat: repeat-x;
|
||||
border-#{$direction-end}: #999 solid 1px;
|
||||
border-#{$direction-start}: #999 solid 1px;
|
||||
height: 28px;
|
||||
z-index: 101;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
|
||||
a,
|
||||
span {
|
||||
display: block;
|
||||
float: $direction-start;
|
||||
margin: 3px 1px 4px;
|
||||
height: 20px;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.M_bord {
|
||||
display: block;
|
||||
float: $direction-start;
|
||||
margin: 4px;
|
||||
height: 20px;
|
||||
width: 2px;
|
||||
}
|
||||
|
||||
a {
|
||||
&.first {
|
||||
margin-#{$direction-end}: 1em;
|
||||
}
|
||||
|
||||
&.last {
|
||||
margin-#{$direction-start}: 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
&.M_butt_Selected_down_IE,
|
||||
&.M_butt_Selected_down {
|
||||
border: 1px solid #c0c0bb;
|
||||
background-color: #9f9;
|
||||
color: #000;
|
||||
|
||||
&:hover {
|
||||
border: 1px solid #09c;
|
||||
background-color: #fe9;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
&.M_butt:hover {
|
||||
border: 1px solid #09c;
|
||||
background-color: #fe9;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
#layer_menu {
|
||||
z-index: 98;
|
||||
position: relative;
|
||||
float: $direction-end;
|
||||
background-color: #eaeef0;
|
||||
border: #999 solid 1px;
|
||||
|
||||
&.left {
|
||||
float: $direction-start;
|
||||
}
|
||||
}
|
||||
|
||||
#layer_upd_relation {
|
||||
position: absolute;
|
||||
#{$direction-start}: 637px;
|
||||
top: 224px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
#layer_new_relation,
|
||||
#designer_optionse {
|
||||
position: absolute;
|
||||
#{$direction-start}: 636px;
|
||||
top: 85px;
|
||||
z-index: 100;
|
||||
width: 153px;
|
||||
}
|
||||
|
||||
#layer_menu_sizer {
|
||||
background-image: url($resize-img);
|
||||
cursor: ew-resize;
|
||||
|
||||
.icon {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.panel {
|
||||
position: fixed;
|
||||
top: 60px;
|
||||
#{$direction-end}: 0;
|
||||
width: 350px;
|
||||
max-height: 500px;
|
||||
display: none;
|
||||
overflow: auto;
|
||||
padding-top: 34px;
|
||||
z-index: 102;
|
||||
}
|
||||
|
||||
a {
|
||||
&.trigger {
|
||||
position: fixed;
|
||||
text-decoration: none;
|
||||
top: 60px;
|
||||
#{$direction-end}: 0;
|
||||
color: #fff;
|
||||
padding: 10px 40px 10px 15px;
|
||||
background: #333 url($plus-img) 85% 55% no-repeat;
|
||||
border: 1px solid #444;
|
||||
display: block;
|
||||
z-index: 102;
|
||||
|
||||
&:hover {
|
||||
color: #080808;
|
||||
background: #fff696 url($plus-img) 85% 55% no-repeat;
|
||||
border: 1px solid #999;
|
||||
}
|
||||
}
|
||||
|
||||
&.active.trigger {
|
||||
background: #222 url($minus-img) 85% 55% no-repeat;
|
||||
z-index: 999;
|
||||
|
||||
&:hover {
|
||||
background: #fff696 url($minus-img) 85% 55% no-repeat;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.toggle_container .block {
|
||||
background-color: #dbe4e8;
|
||||
border-top: 1px solid #999;
|
||||
}
|
||||
|
||||
.history_table {
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
background-color: #dbe4e8;
|
||||
|
||||
&:hover {
|
||||
background-color: #99c;
|
||||
}
|
||||
}
|
||||
|
||||
#ab {
|
||||
min-width: 300px;
|
||||
|
||||
.ui-accordion-content {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#box {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#foreignkeychk {
|
||||
text-align: $direction-start;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.side-menu {
|
||||
float: $direction-start;
|
||||
position: fixed;
|
||||
width: auto;
|
||||
height: auto;
|
||||
background: $Color-Body;
|
||||
border: 1px solid grey;
|
||||
overflow: hidden;
|
||||
z-index: 50;
|
||||
padding: 2px;
|
||||
|
||||
&.right {
|
||||
float: $direction-end;
|
||||
#{$direction-end}: 0;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
float: none;
|
||||
overflow: hidden;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
img,
|
||||
.text {
|
||||
float: $direction-start;
|
||||
}
|
||||
}
|
||||
|
||||
#name-panel {
|
||||
border-bottom: 1px solid grey;
|
||||
text-align: center;
|
||||
background: $Color-Body-Light;
|
||||
width: 100%;
|
||||
font-size: 1.2em;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#container-form {
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
#{$direction-start}: 0;
|
||||
}
|
||||
13
lamp/themes/blueberry/scss/_direction.scss
Normal file
13
lamp/themes/blueberry/scss/_direction.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
$direction: ltr !default;
|
||||
|
||||
@if $direction != ltr and $direction != rtl {
|
||||
$direction: ltr;
|
||||
}
|
||||
|
||||
$direction-start: left;
|
||||
$direction-end: right;
|
||||
|
||||
@if $direction == rtl {
|
||||
$direction-start: right;
|
||||
$direction-end: left;
|
||||
}
|
||||
21
lamp/themes/blueberry/scss/_dropdown.scss
Normal file
21
lamp/themes/blueberry/scss/_dropdown.scss
Normal file
@@ -0,0 +1,21 @@
|
||||
.dropdown-item {
|
||||
color: $Color-Tailwind-Title;
|
||||
background: $Color-Body-Light;
|
||||
|
||||
&:hover {
|
||||
background: $Color-Body-Light;
|
||||
color: $Color-Text-Main;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 6%);
|
||||
}
|
||||
&.active,
|
||||
&:active {
|
||||
background: $Color-Body-Light;
|
||||
color: $Color-Text-Main;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 10%);
|
||||
}
|
||||
&:focus {
|
||||
background: $Color-Body-Light;
|
||||
color: $Color-Text-Main;
|
||||
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 12%);
|
||||
}
|
||||
}
|
||||
71
lamp/themes/blueberry/scss/_enum-editor.scss
Normal file
71
lamp/themes/blueberry/scss/_enum-editor.scss
Normal file
@@ -0,0 +1,71 @@
|
||||
/**
|
||||
* ENUM/SET editor styles
|
||||
*/
|
||||
p.enum_notice {
|
||||
margin: 5px 2px;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
#enum_editor {
|
||||
p {
|
||||
margin-top: 0;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.values {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.add {
|
||||
width: 100%;
|
||||
|
||||
td {
|
||||
vertical-align: middle;
|
||||
width: 50%;
|
||||
padding: 0 0 0;
|
||||
padding-#{$direction-start}: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
.values {
|
||||
td.drop {
|
||||
width: 1.8em;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 0.1em 0;
|
||||
padding-#{$direction-end}: 2em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
input.add_value {
|
||||
margin: 0;
|
||||
margin-#{$direction-end}: 0.4em;
|
||||
}
|
||||
}
|
||||
|
||||
#enum_editor_output textarea {
|
||||
width: 100%;
|
||||
float: $direction-end;
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* ENUM/SET editor integration for the routines editor
|
||||
*/
|
||||
.enum_hint {
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
position: absolute;
|
||||
#{$direction-start}: 81%;
|
||||
bottom: 0.35em;
|
||||
}
|
||||
}
|
||||
82
lamp/themes/blueberry/scss/_forms.scss
Normal file
82
lamp/themes/blueberry/scss/_forms.scss
Normal file
@@ -0,0 +1,82 @@
|
||||
.input-group-text {
|
||||
color: $Color-Text-Main;
|
||||
background-color: $Color-Body-Light;
|
||||
border: 1px solid #686881;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
.form-select,
|
||||
select,
|
||||
optgroup,
|
||||
textarea,
|
||||
// input,
|
||||
input[type="text"],
|
||||
input[type="color"],
|
||||
input[type="date"],
|
||||
input[type="datetime-local"],
|
||||
input[type="email"],
|
||||
input[type="file"],
|
||||
input[type="image"],
|
||||
input[type="month"],
|
||||
input[type="number"],
|
||||
input[type="password"],
|
||||
input[type="range"],
|
||||
input[type="search"],
|
||||
input[type="tel"],
|
||||
input[type="time"],
|
||||
input[type="url"],
|
||||
input[type="week"] {
|
||||
padding: 5px 10px;
|
||||
display: inline-block;
|
||||
background-color: $Color-Body-Light;
|
||||
border: 1px solid #686881;
|
||||
color: $Color-Text-Main;
|
||||
border-radius: 10px;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
vertical-align: middle;
|
||||
|
||||
// @include mobile() {
|
||||
// width: 100%;
|
||||
// padding: 1.8vw 3vw;
|
||||
// border-radius: 6vw;
|
||||
// }
|
||||
|
||||
&:focus {
|
||||
box-shadow: unset;
|
||||
}
|
||||
}
|
||||
|
||||
.form-select,
|
||||
select.form-control {
|
||||
appearance: auto;
|
||||
}
|
||||
|
||||
// .input-group-prepend,
|
||||
// .input-group-append {
|
||||
// border: 1px solid #686881;
|
||||
// }
|
||||
|
||||
// .textfield {
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
|
||||
.btn-group > .btn-group:not(:last-child) > .btn {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
margin-inline-end: 0;
|
||||
}
|
||||
|
||||
.btn-group > .btn:not(:first-child),
|
||||
.btn-group > .btn-group:not(:first-child) > .btn {
|
||||
border-top-left-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
margin-inline-start: 0;
|
||||
}
|
||||
|
||||
select#fieldsSelect,
|
||||
textarea#sqlquery {
|
||||
margin: 0;
|
||||
height: 20rem;
|
||||
}
|
||||
36
lamp/themes/blueberry/scss/_gis.scss
Normal file
36
lamp/themes/blueberry/scss/_gis.scss
Normal file
@@ -0,0 +1,36 @@
|
||||
/**
|
||||
* GIS data editor styles
|
||||
*/
|
||||
a.close_gis_editor {
|
||||
float: $direction-end;
|
||||
}
|
||||
|
||||
#gis_editor {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 1001;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
#gis_data {
|
||||
min-height: 230px;
|
||||
}
|
||||
|
||||
#gis_data_textarea {
|
||||
height: 6em;
|
||||
}
|
||||
|
||||
#gis_data_editor {
|
||||
background: #d0dce0;
|
||||
padding: 15px;
|
||||
min-height: 500px;
|
||||
|
||||
.choice {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
width: 75px;
|
||||
}
|
||||
}
|
||||
689
lamp/themes/blueberry/scss/_icons.scss
Normal file
689
lamp/themes/blueberry/scss/_icons.scss
Normal file
@@ -0,0 +1,689 @@
|
||||
.icon {
|
||||
margin: 0;
|
||||
margin-#{$direction-start}: 0.3em;
|
||||
padding: 0 !important;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-size: contain;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.icon_fulltext {
|
||||
width: 50px;
|
||||
height: 19px;
|
||||
}
|
||||
|
||||
.ic_asc_order {
|
||||
background-image: url('../img/asc_order.png');
|
||||
}
|
||||
|
||||
.ic_b_bookmark {
|
||||
background-image: url('../img/b_bookmark.png');
|
||||
}
|
||||
|
||||
.ic_b_browse {
|
||||
background-image: url('../img/b_browse.png');
|
||||
}
|
||||
|
||||
.ic_b_calendar {
|
||||
background-image: url('../img/b_calendar.png');
|
||||
}
|
||||
|
||||
.ic_b_chart {
|
||||
background-image: url('../img/b_chart.png');
|
||||
}
|
||||
|
||||
.ic_b_close {
|
||||
background-image: url('../img/b_close.png');
|
||||
}
|
||||
|
||||
.ic_b_column_add {
|
||||
background-image: url('../img/b_column_add.png');
|
||||
}
|
||||
|
||||
.ic_b_comment {
|
||||
background-image: url('../img/b_comment.png');
|
||||
}
|
||||
|
||||
.ic_b_dbstatistics {
|
||||
background-image: url('../img/b_dbstatistics.png');
|
||||
}
|
||||
|
||||
.ic_b_deltbl {
|
||||
background-image: url('../img/b_deltbl.png');
|
||||
}
|
||||
|
||||
.ic_b_docs {
|
||||
background-image: url('../img/b_docs.png');
|
||||
}
|
||||
|
||||
.ic_b_docsql {
|
||||
background-image: url('../img/b_docsql.png');
|
||||
}
|
||||
|
||||
.ic_b_drop {
|
||||
background-image: url('../img/b_drop.png');
|
||||
}
|
||||
|
||||
.ic_b_edit {
|
||||
background-image: url('../img/b_edit.png');
|
||||
}
|
||||
|
||||
.ic_b_empty {
|
||||
background-image: url('../img/b_empty.png');
|
||||
}
|
||||
|
||||
.ic_b_engine {
|
||||
background-image: url('../img/b_engine.png');
|
||||
}
|
||||
|
||||
.ic_b_event_add {
|
||||
background-image: url('../img/b_event_add.png');
|
||||
}
|
||||
|
||||
.ic_b_events {
|
||||
background-image: url('../img/b_events.png');
|
||||
}
|
||||
|
||||
.ic_b_export {
|
||||
background-image: url('../img/b_export.png');
|
||||
}
|
||||
|
||||
.ic_b_favorite {
|
||||
background-image: url('../img/b_favorite.png');
|
||||
}
|
||||
|
||||
.ic_b_find_replace {
|
||||
background-image: url('../img/b_find_replace.png');
|
||||
}
|
||||
|
||||
.ic_b_firstpage {
|
||||
background-image: url('../img/b_firstpage.png');
|
||||
}
|
||||
|
||||
.ic_b_ftext {
|
||||
background-image: url('../img/b_ftext.png');
|
||||
}
|
||||
|
||||
.ic_b_globe {
|
||||
background-image: url('../img/b_globe.png');
|
||||
}
|
||||
|
||||
.ic_b_group {
|
||||
background-image: url('../img/b_group.png');
|
||||
}
|
||||
|
||||
.ic_b_help {
|
||||
background-image: url('../img/b_help.png');
|
||||
}
|
||||
|
||||
.ic_b_home {
|
||||
background-image: url('../img/b_home.png');
|
||||
}
|
||||
|
||||
.ic_b_import {
|
||||
background-image: url('../img/b_import.png');
|
||||
}
|
||||
|
||||
.ic_b_index {
|
||||
background-image: url('../img/b_index.png');
|
||||
}
|
||||
|
||||
.ic_b_index_add {
|
||||
background-image: url('../img/b_index_add.png');
|
||||
}
|
||||
|
||||
.ic_b_inline_edit {
|
||||
background-image: url('../img/b_inline_edit.png');
|
||||
}
|
||||
|
||||
.ic_b_insrow {
|
||||
background-image: url('../img/b_insrow.png');
|
||||
}
|
||||
|
||||
.ic_b_lastpage {
|
||||
background-image: url('../img/b_lastpage.png');
|
||||
}
|
||||
|
||||
.ic_b_minus {
|
||||
background-image: url('../img/b_minus.png');
|
||||
}
|
||||
|
||||
.ic_b_more {
|
||||
background-image: url('../img/b_more.png');
|
||||
}
|
||||
|
||||
.ic_b_move {
|
||||
background-image: url('../img/b_move.png');
|
||||
}
|
||||
|
||||
.ic_b_newdb {
|
||||
background-image: url('../img/b_newdb.png');
|
||||
}
|
||||
|
||||
.ic_b_newtbl {
|
||||
background-image: url('../img/b_newtbl.png');
|
||||
}
|
||||
|
||||
.ic_b_nextpage {
|
||||
background-image: url('../img/b_nextpage.png');
|
||||
}
|
||||
|
||||
.ic_b_no_favorite {
|
||||
background-image: url('../img/b_no_favorite.png');
|
||||
}
|
||||
|
||||
.ic_b_pdfdoc {
|
||||
background-image: url('../img/b_pdfdoc.png');
|
||||
}
|
||||
|
||||
.ic_b_plugin {
|
||||
background-image: url('../img/b_plugin.png');
|
||||
}
|
||||
|
||||
.ic_b_plus {
|
||||
background-image: url('../img/b_plus.png');
|
||||
}
|
||||
|
||||
.ic_b_prevpage {
|
||||
background-image: url('../img/b_prevpage.png');
|
||||
}
|
||||
|
||||
.ic_b_primary {
|
||||
background-image: url('../img/b_primary.png');
|
||||
}
|
||||
|
||||
.ic_b_print {
|
||||
background-image: url('../img/b_print.png');
|
||||
}
|
||||
|
||||
.ic_b_props {
|
||||
background-image: url('../img/b_props.png');
|
||||
}
|
||||
|
||||
.ic_b_relations {
|
||||
background-image: url('../img/b_relations.png');
|
||||
}
|
||||
|
||||
.ic_b_report {
|
||||
background-image: url('../img/b_report.png');
|
||||
}
|
||||
|
||||
.ic_b_rename {
|
||||
background-image: url('../img/b_rename.png');
|
||||
}
|
||||
|
||||
.ic_b_routine_add {
|
||||
background-image: url('../img/b_routine_add.png');
|
||||
}
|
||||
|
||||
.ic_b_routines {
|
||||
background-image: url('../img/b_routines.png');
|
||||
}
|
||||
|
||||
.ic_b_save {
|
||||
background-image: url('../img/b_save.png');
|
||||
}
|
||||
|
||||
.ic_b_saveimage {
|
||||
background-image: url('../img/b_saveimage.png');
|
||||
}
|
||||
|
||||
.ic_b_sbrowse {
|
||||
background-image: url('../img/b_sbrowse.png');
|
||||
}
|
||||
|
||||
.ic_b_sdb {
|
||||
background-image: url('../img/b_sdb.png');
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.ic_b_search {
|
||||
background-image: url('../img/b_search.png');
|
||||
}
|
||||
|
||||
.ic_b_select {
|
||||
background-image: url('../img/b_select.png');
|
||||
}
|
||||
|
||||
.ic_b_snewtbl {
|
||||
background-image: url('../img/b_snewtbl.png');
|
||||
}
|
||||
|
||||
.ic_b_spatial {
|
||||
background-image: url('../img/b_spatial.png');
|
||||
}
|
||||
|
||||
.ic_b_sql {
|
||||
background-image: url('../img/b_sql.png');
|
||||
}
|
||||
|
||||
.ic_b_sqldoc {
|
||||
background-image: url('../img/b_sqldoc.png');
|
||||
}
|
||||
|
||||
.ic_b_sqlhelp {
|
||||
background-image: url('../img/b_sqlhelp.png');
|
||||
}
|
||||
|
||||
.ic_b_table_add {
|
||||
background-image: url('../img/b_table_add.png');
|
||||
}
|
||||
|
||||
.ic_b_tblanalyse {
|
||||
background-image: url('../img/b_tblanalyse.png');
|
||||
}
|
||||
|
||||
.ic_b_tblexport {
|
||||
background-image: url('../img/b_tblexport.png');
|
||||
}
|
||||
|
||||
.ic_b_tblimport {
|
||||
background-image: url('../img/b_tblimport.png');
|
||||
}
|
||||
|
||||
.ic_b_tblops {
|
||||
background-image: url('../img/b_tblops.png');
|
||||
}
|
||||
|
||||
.ic_b_tbloptimize {
|
||||
background-image: url('../img/b_tbloptimize.png');
|
||||
}
|
||||
|
||||
.ic_b_tipp {
|
||||
background-image: url('../img/b_tipp.png');
|
||||
}
|
||||
|
||||
.ic_b_trigger_add {
|
||||
background-image: url('../img/b_trigger_add.png');
|
||||
}
|
||||
|
||||
.ic_b_triggers {
|
||||
background-image: url('../img/b_triggers.png');
|
||||
}
|
||||
|
||||
.ic_b_undo {
|
||||
background-image: url('../img/b_undo.png');
|
||||
}
|
||||
|
||||
.ic_b_unique {
|
||||
background-image: url('../img/b_unique.png');
|
||||
}
|
||||
|
||||
.ic_b_usradd {
|
||||
background-image: url('../img/b_usradd.png');
|
||||
}
|
||||
|
||||
.ic_b_usrcheck {
|
||||
background-image: url('../img/b_usrcheck.png');
|
||||
}
|
||||
|
||||
.ic_b_usrdrop {
|
||||
background-image: url('../img/b_usrdrop.png');
|
||||
}
|
||||
|
||||
.ic_b_usredit {
|
||||
background-image: url('../img/b_usredit.png');
|
||||
}
|
||||
|
||||
.ic_b_usrlist {
|
||||
background-image: url('../img/b_usrlist.png');
|
||||
}
|
||||
|
||||
.ic_b_versions {
|
||||
background-image: url('../img/b_versions.png');
|
||||
}
|
||||
|
||||
.ic_b_view {
|
||||
background-image: url('../img/b_view.png');
|
||||
}
|
||||
|
||||
.ic_b_view_add {
|
||||
background-image: url('../img/b_view_add.png');
|
||||
}
|
||||
|
||||
.ic_b_views {
|
||||
background-image: url('../img/b_views.png');
|
||||
}
|
||||
|
||||
.ic_b_left {
|
||||
background-image: url('../img/b_left.png');
|
||||
}
|
||||
|
||||
.ic_b_right {
|
||||
background-image: url('../img/b_right.png');
|
||||
}
|
||||
|
||||
.ic_bd_browse {
|
||||
background-image: url('../img/bd_browse.png');
|
||||
}
|
||||
|
||||
.ic_bd_deltbl {
|
||||
background-image: url('../img/bd_deltbl.png');
|
||||
}
|
||||
|
||||
.ic_bd_drop {
|
||||
background-image: url('../img/bd_drop.png');
|
||||
}
|
||||
|
||||
.ic_bd_edit {
|
||||
background-image: url('../img/bd_edit.png');
|
||||
}
|
||||
|
||||
.ic_bd_empty {
|
||||
background-image: url('../img/bd_empty.png');
|
||||
}
|
||||
|
||||
.ic_bd_export {
|
||||
background-image: url('../img/bd_export.png');
|
||||
}
|
||||
|
||||
.ic_bd_firstpage {
|
||||
background-image: url('../img/bd_firstpage.png');
|
||||
}
|
||||
|
||||
.ic_bd_ftext {
|
||||
background-image: url('../img/bd_ftext.png');
|
||||
}
|
||||
|
||||
.ic_bd_index {
|
||||
background-image: url('../img/bd_index.png');
|
||||
}
|
||||
|
||||
.ic_bd_insrow {
|
||||
background-image: url('../img/bd_insrow.png');
|
||||
}
|
||||
|
||||
.ic_bd_lastpage {
|
||||
background-image: url('../img/bd_lastpage.png');
|
||||
}
|
||||
|
||||
.ic_bd_nextpage {
|
||||
background-image: url('../img/bd_nextpage.png');
|
||||
}
|
||||
|
||||
.ic_bd_prevpage {
|
||||
background-image: url('../img/bd_prevpage.png');
|
||||
}
|
||||
|
||||
.ic_bd_primary {
|
||||
background-image: url('../img/bd_primary.png');
|
||||
}
|
||||
|
||||
.ic_bd_routine_add {
|
||||
background-image: url('../img/bd_routine_add.png');
|
||||
}
|
||||
|
||||
.ic_bd_sbrowse {
|
||||
background-image: url('../img/bd_sbrowse.png');
|
||||
}
|
||||
|
||||
.ic_bd_select {
|
||||
background-image: url('../img/bd_select.png');
|
||||
}
|
||||
|
||||
.ic_bd_spatial {
|
||||
background-image: url('../img/bd_spatial.png');
|
||||
}
|
||||
|
||||
.ic_bd_unique {
|
||||
background-image: url('../img/bd_unique.png');
|
||||
}
|
||||
|
||||
.ic_centralColumns {
|
||||
background-image: url('../img/centralColumns.png');
|
||||
}
|
||||
|
||||
.ic_centralColumns_add {
|
||||
background-image: url('../img/centralColumns_add.png');
|
||||
}
|
||||
|
||||
.ic_centralColumns_delete {
|
||||
background-image: url('../img/centralColumns_delete.png');
|
||||
}
|
||||
|
||||
.ic_col_drop {
|
||||
background-image: url('../img/col_drop.png');
|
||||
}
|
||||
|
||||
.ic_console {
|
||||
background-image: url('../img/console.png');
|
||||
}
|
||||
|
||||
.ic_database {
|
||||
background-image: url('../img/database.png');
|
||||
}
|
||||
|
||||
.ic_eye {
|
||||
background-image: url('../img/eye.png');
|
||||
}
|
||||
|
||||
.ic_eye_grey {
|
||||
background-image: url('../img/eye_grey.png');
|
||||
}
|
||||
|
||||
.ic_hide {
|
||||
background-image: url('../img/hide.png');
|
||||
}
|
||||
|
||||
.ic_item {
|
||||
background-image: url('../img/item.png');
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
}
|
||||
|
||||
.ic_lightbulb {
|
||||
background-image: url('../img/lightbulb.png');
|
||||
}
|
||||
|
||||
.ic_lightbulb_off {
|
||||
background-image: url('../img/lightbulb_off.png');
|
||||
}
|
||||
|
||||
.ic_more {
|
||||
background-image: url('../img/more.png');
|
||||
width: 13px;
|
||||
}
|
||||
|
||||
.ic_new_data {
|
||||
background-image: url('../img/new_data.png');
|
||||
}
|
||||
|
||||
.ic_new_data_hovered {
|
||||
background-image: url('../img/new_data_hovered.png');
|
||||
}
|
||||
|
||||
.ic_new_data_selected {
|
||||
background-image: url('../img/new_data_selected.png');
|
||||
}
|
||||
|
||||
.ic_new_data_selected_hovered {
|
||||
background-image: url('../img/new_data_selected_hovered.png');
|
||||
}
|
||||
|
||||
.ic_new_struct {
|
||||
background-image: url('../img/new_struct.png');
|
||||
}
|
||||
|
||||
.ic_new_struct_hovered {
|
||||
background-image: url('../img/new_struct_hovered.png');
|
||||
}
|
||||
|
||||
.ic_new_struct_selected {
|
||||
background-image: url('../img/new_struct_selected.png');
|
||||
}
|
||||
|
||||
.ic_new_struct_selected_hovered {
|
||||
background-image: url('../img/new_struct_selected_hovered.png');
|
||||
}
|
||||
|
||||
.ic_normalize {
|
||||
background-image: url('../img/normalize.png');
|
||||
}
|
||||
|
||||
.ic_pause {
|
||||
background-image: url('../img/pause.png');
|
||||
}
|
||||
|
||||
.ic_php_sym {
|
||||
background-image: url('../img/php_sym.png');
|
||||
}
|
||||
|
||||
.ic_play {
|
||||
background-image: url('../img/play.png');
|
||||
}
|
||||
|
||||
.ic_s_asc {
|
||||
background-image: url('../img/s_asc.png');
|
||||
}
|
||||
|
||||
.ic_s_asci {
|
||||
background-image: url('../img/s_asci.png');
|
||||
}
|
||||
|
||||
.ic_s_attention {
|
||||
background-image: url('../img/s_attention.png');
|
||||
}
|
||||
|
||||
.ic_s_cancel {
|
||||
background-image: url('../img/s_cancel.png');
|
||||
}
|
||||
|
||||
.ic_s_cancel2 {
|
||||
background-image: url('../img/s_cancel2.png');
|
||||
}
|
||||
|
||||
.ic_s_cog {
|
||||
background-image: url('../img/s_cog.png');
|
||||
}
|
||||
|
||||
.ic_s_db {
|
||||
background-image: url('../img/s_db.png');
|
||||
}
|
||||
|
||||
.ic_s_desc {
|
||||
background-image: url('../img/s_desc.png');
|
||||
}
|
||||
|
||||
.ic_s_error {
|
||||
background-image: url('../img/s_error.png');
|
||||
}
|
||||
|
||||
.ic_s_host {
|
||||
background-image: url('../img/s_host.png');
|
||||
}
|
||||
|
||||
.ic_s_info {
|
||||
background-image: url('../img/s_info.png');
|
||||
}
|
||||
|
||||
.ic_s_lang {
|
||||
background-image: url('../img/s_lang.png');
|
||||
}
|
||||
|
||||
.ic_s_link {
|
||||
background-image: url('../img/s_link.png');
|
||||
}
|
||||
|
||||
.ic_s_lock {
|
||||
background-image: url('../img/s_lock.png');
|
||||
}
|
||||
|
||||
.ic_s_loggoff {
|
||||
background-image: url('../img/s_loggoff.png');
|
||||
}
|
||||
|
||||
.ic_s_notice {
|
||||
background-image: url('../img/s_notice.png');
|
||||
}
|
||||
|
||||
.ic_s_okay {
|
||||
background-image: url('../img/s_okay.png');
|
||||
}
|
||||
|
||||
.ic_s_passwd {
|
||||
background-image: url('../img/s_passwd.png');
|
||||
}
|
||||
|
||||
.ic_s_process {
|
||||
background-image: url('../img/s_process.png');
|
||||
}
|
||||
|
||||
.ic_s_really {
|
||||
background-image: url('../img/s_really.png');
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
}
|
||||
|
||||
.ic_s_reload {
|
||||
background-image: url('../img/s_reload.png');
|
||||
}
|
||||
|
||||
.ic_s_replication {
|
||||
background-image: url('../img/s_replication.png');
|
||||
}
|
||||
|
||||
.ic_s_rights {
|
||||
background-image: url('../img/s_rights.png');
|
||||
}
|
||||
|
||||
.ic_s_sortable {
|
||||
background-image: url('../img/s_sortable.png');
|
||||
}
|
||||
|
||||
.ic_s_status {
|
||||
background-image: url('../img/s_status.png');
|
||||
}
|
||||
|
||||
.ic_s_success {
|
||||
background-image: url('../img/s_success.png');
|
||||
}
|
||||
|
||||
.ic_s_sync {
|
||||
background-image: url('../img/s_sync.png');
|
||||
}
|
||||
|
||||
.ic_s_tbl {
|
||||
background-image: url('../img/s_tbl.png');
|
||||
}
|
||||
|
||||
.ic_s_theme {
|
||||
background-image: url('../img/s_theme.png');
|
||||
}
|
||||
|
||||
.ic_s_top {
|
||||
background-image: url('../img/s_top.png');
|
||||
}
|
||||
|
||||
.ic_s_unlink {
|
||||
background-image: url('../img/s_unlink.png');
|
||||
}
|
||||
|
||||
.ic_s_vars {
|
||||
background-image: url('../img/s_vars.png');
|
||||
}
|
||||
|
||||
.ic_s_views {
|
||||
background-image: url('../img/s_views.png');
|
||||
}
|
||||
|
||||
.ic_show {
|
||||
background-image: url('../img/show.png');
|
||||
}
|
||||
|
||||
.ic_window-new {
|
||||
background-image: url('../img/window-new.png');
|
||||
}
|
||||
|
||||
.ic_ajax_clock_small {
|
||||
background-image: $loading-icon-url;
|
||||
}
|
||||
|
||||
.ic_s_partialtext {
|
||||
background-image: url('../img/s_partialtext.png');
|
||||
}
|
||||
|
||||
.ic_s_fulltext {
|
||||
background-image: url('../img/s_fulltext.png');
|
||||
}
|
||||
275
lamp/themes/blueberry/scss/_jqplot.scss
Normal file
275
lamp/themes/blueberry/scss/_jqplot.scss
Normal file
@@ -0,0 +1,275 @@
|
||||
/* jqPlot */
|
||||
|
||||
// rules for the plot target div. These will be cascaded down to all plot elements according to css rules
|
||||
.jqplot-target {
|
||||
position: relative;
|
||||
color: #222;
|
||||
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
// rules applied to all axes
|
||||
.jqplot-axis {
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.jqplot-xaxis {
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.jqplot-x2axis {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jqplot-yaxis {
|
||||
margin-#{$direction-end}: 10px;
|
||||
}
|
||||
|
||||
.jqplot-y2axis,
|
||||
.jqplot-y3axis,
|
||||
.jqplot-y4axis,
|
||||
.jqplot-y5axis,
|
||||
.jqplot-y6axis,
|
||||
.jqplot-y7axis,
|
||||
.jqplot-y8axis,
|
||||
.jqplot-y9axis,
|
||||
.jqplot-yMidAxis {
|
||||
margin-#{$direction-start}: 10px;
|
||||
margin-#{$direction-end}: 10px;
|
||||
}
|
||||
|
||||
// rules applied to all axis tick divs
|
||||
.jqplot-axis-tick,
|
||||
.jqplot-xaxis-tick,
|
||||
.jqplot-yaxis-tick,
|
||||
.jqplot-x2axis-tick,
|
||||
.jqplot-y2axis-tick,
|
||||
.jqplot-y3axis-tick,
|
||||
.jqplot-y4axis-tick,
|
||||
.jqplot-y5axis-tick,
|
||||
.jqplot-y6axis-tick,
|
||||
.jqplot-y7axis-tick,
|
||||
.jqplot-y8axis-tick,
|
||||
.jqplot-y9axis-tick,
|
||||
.jqplot-yMidAxis-tick {
|
||||
position: absolute;
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
.jqplot-xaxis-tick {
|
||||
top: 0;
|
||||
// initial position untill tick is drawn in proper place
|
||||
#{$direction-start}: 15px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.jqplot-x2axis-tick {
|
||||
bottom: 0;
|
||||
// initial position untill tick is drawn in proper place
|
||||
#{$direction-start}: 15px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.jqplot-yaxis-tick {
|
||||
#{$direction-end}: 0;
|
||||
// initial position untill tick is drawn in proper place
|
||||
top: 15px;
|
||||
text-align: $direction-end;
|
||||
|
||||
&.jqplot-breakTick {
|
||||
#{$direction-end}: -20px;
|
||||
margin-#{$direction-end}: 0;
|
||||
padding: 1px 5px 1px;
|
||||
z-index: 2;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
.jqplot-y2axis-tick,
|
||||
.jqplot-y3axis-tick,
|
||||
.jqplot-y4axis-tick,
|
||||
.jqplot-y5axis-tick,
|
||||
.jqplot-y6axis-tick,
|
||||
.jqplot-y7axis-tick,
|
||||
.jqplot-y8axis-tick,
|
||||
.jqplot-y9axis-tick {
|
||||
#{$direction-start}: 0;
|
||||
// initial position untill tick is drawn in proper place
|
||||
top: 15px;
|
||||
text-align: $direction-start;
|
||||
}
|
||||
|
||||
.jqplot-yMidAxis-tick {
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.jqplot-xaxis-label {
|
||||
margin-top: 10px;
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-x2axis-label {
|
||||
margin-bottom: 10px;
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-yaxis-label {
|
||||
margin-#{$direction-end}: 10px;
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-yMidAxis-label {
|
||||
font-size: 11pt;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-y2axis-label,
|
||||
.jqplot-y3axis-label,
|
||||
.jqplot-y4axis-label,
|
||||
.jqplot-y5axis-label,
|
||||
.jqplot-y6axis-label,
|
||||
.jqplot-y7axis-label,
|
||||
.jqplot-y8axis-label,
|
||||
.jqplot-y9axis-label {
|
||||
font-size: 11pt;
|
||||
margin-#{$direction-start}: 10px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jqplot-meterGauge-tick {
|
||||
font-size: 0.75em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.jqplot-meterGauge-label {
|
||||
font-size: 1em;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
table {
|
||||
&.jqplot-table-legend {
|
||||
margin-top: 12px;
|
||||
margin-bottom: 12px;
|
||||
margin-#{$direction-start}: 12px;
|
||||
margin-#{$direction-end}: 12px;
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
&.jqplot-cursor-legend {
|
||||
background-color: rgba(255, 255, 255, 0.6);
|
||||
border: 1px solid #ccc;
|
||||
position: absolute;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
&.jqplot-table-legend {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
&.jqplot-seriesToggle {
|
||||
&:hover,
|
||||
&:active {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.jqplot-table-legend .jqplot-series-hidden {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
div {
|
||||
&.jqplot-table-legend-swatch-outline {
|
||||
border: 1px solid #ccc;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
&.jqplot-table-legend-swatch {
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-top-width: 5px;
|
||||
border-bottom-width: 5px;
|
||||
border-left-width: 6px;
|
||||
border-right-width: 6px;
|
||||
border-top-style: solid;
|
||||
border-bottom-style: solid;
|
||||
border-left-style: solid;
|
||||
border-right-style: solid;
|
||||
}
|
||||
}
|
||||
|
||||
.jqplot-title {
|
||||
top: 0;
|
||||
#{$direction-start}: 0;
|
||||
padding-bottom: 0.5em;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
table.jqplot-cursor-tooltip {
|
||||
border: 1px solid #ccc;
|
||||
font-size: 0.75em;
|
||||
}
|
||||
|
||||
.jqplot-cursor-tooltip,
|
||||
.jqplot-highlighter-tooltip,
|
||||
.jqplot-canvasOverlay-tooltip {
|
||||
border: 1px solid #ccc;
|
||||
font-size: 1em;
|
||||
white-space: nowrap;
|
||||
background: rgba(208, 208, 208, 0.8);
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.jqplot-point-label {
|
||||
font-size: 0.75em;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
td.jqplot-cursor-legend-swatch {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div.jqplot-cursor-legend-swatch {
|
||||
width: 1.2em;
|
||||
height: 0.7em;
|
||||
}
|
||||
|
||||
.jqplot-error {
|
||||
// Styles added to the plot target container when there is an error go here.
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.jqplot-error-message {
|
||||
// Styling of the custom error message div goes here.
|
||||
position: relative;
|
||||
top: 46%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
div {
|
||||
&.jqplot-bubble-label {
|
||||
font-size: 0.8em;
|
||||
padding-#{$direction-start}: 2px;
|
||||
padding-#{$direction-end}: 2px;
|
||||
color: rgb(20%, 20%, 20%);
|
||||
|
||||
&.jqplot-bubble-label-highlight {
|
||||
background: rgba(90%, 90%, 90%, 0.7);
|
||||
}
|
||||
}
|
||||
|
||||
&.jqplot-noData-container {
|
||||
text-align: center;
|
||||
background-color: rgba(96%, 96%, 96%, 0.3);
|
||||
}
|
||||
}
|
||||
30
lamp/themes/blueberry/scss/_list-group.scss
Normal file
30
lamp/themes/blueberry/scss/_list-group.scss
Normal file
@@ -0,0 +1,30 @@
|
||||
.list-group {
|
||||
padding-#{$direction-start}: 40px;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.list-group-flush > .list-group-item {
|
||||
padding: 3px;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid $Color-Body;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
display: list-item;
|
||||
border: none;
|
||||
color: $Color-Text-Main;
|
||||
}
|
||||
|
||||
#li_select_server,
|
||||
#li_change_password,
|
||||
#li_select_mysql_collation,
|
||||
#li_user_preferences,
|
||||
#li_select_lang,
|
||||
#li_select_theme {
|
||||
&.list-group-item {
|
||||
display: block;
|
||||
margin-#{$direction-start}: -20px;
|
||||
}
|
||||
}
|
||||
6
lamp/themes/blueberry/scss/_modal.scss
Normal file
6
lamp/themes/blueberry/scss/_modal.scss
Normal file
@@ -0,0 +1,6 @@
|
||||
.modal-header {
|
||||
background: $Color-Body-Light;
|
||||
}
|
||||
.modal-content {
|
||||
background: $Color-Body;
|
||||
}
|
||||
37
lamp/themes/blueberry/scss/_nav.scss
Normal file
37
lamp/themes/blueberry/scss/_nav.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
// .nav-tabs,
|
||||
// .nav-pills {
|
||||
// .nav-item {
|
||||
|
||||
// }
|
||||
|
||||
// .nav-link {
|
||||
// margin-#{$direction-start}: 0;
|
||||
// margin-#{$direction-end}: 6px;
|
||||
// padding: 4px 10px;
|
||||
// font-weight: bold;
|
||||
// background: #f2f2f2;
|
||||
// color: $Color-Misc1;
|
||||
// border: 1px solid #ddd;
|
||||
|
||||
// @include border-radius(20px);
|
||||
|
||||
// &:hover {
|
||||
// background-color: $bg-one;
|
||||
|
||||
// @include border-radius(0.3em);
|
||||
// }
|
||||
|
||||
// img {
|
||||
// margin-#{$direction-end}: 0.5em;
|
||||
// vertical-align: -3px;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .nav-link.active,
|
||||
// .show > .nav-link {
|
||||
// background-color: #fff;
|
||||
// color: $Color-Misc1;
|
||||
|
||||
// @include border-radius(0.3em);
|
||||
// }
|
||||
// }
|
||||
78
lamp/themes/blueberry/scss/_navbar.scss
Normal file
78
lamp/themes/blueberry/scss/_navbar.scss
Normal file
@@ -0,0 +1,78 @@
|
||||
.navbar.bg-light {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
.navbar-nav,
|
||||
.nav-pills {
|
||||
font-weight: bold;
|
||||
padding: 8px 10px;
|
||||
background: $Color-Body;
|
||||
border-bottom: 1px solid $Color-Azure-600;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-pills.m-2 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.navbar-nav .icon,
|
||||
.nav-pills .icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin-#{$direction-end}: 0.5em;
|
||||
margin-top: -2px;
|
||||
// vertical-align: -3px;
|
||||
}
|
||||
|
||||
.navbar-nav .nav-item,
|
||||
.nav-pills .nav-item {
|
||||
color: $Color-Tailwind-Title;
|
||||
background: $Color-Body;
|
||||
// background: linear-gradient(#fff, #dcdcdc);
|
||||
// border-#{$direction-end}: 1px solid #fff;
|
||||
// border-#{$direction-start}: 1px solid #ccc;
|
||||
border-bottom: 1px solid $Color-Body;
|
||||
border-radius: 10px;
|
||||
margin-inline-end: 0.5em;
|
||||
|
||||
// &:first-child {
|
||||
// border-#{$direction-start}: 0;
|
||||
// }
|
||||
|
||||
.nav-link {
|
||||
padding: 0.5rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
&.active,
|
||||
.nav-link.active {
|
||||
background: $Color-Body-Special;
|
||||
border-bottom: 1px solid $Color-Body;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $Color-Tailwind-Title;
|
||||
background: $Color-Body-Light;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .nav-link {
|
||||
color: $Color-Tailwind-Title;
|
||||
|
||||
&:hover {
|
||||
color: $Color-Tailwind-Title;
|
||||
// background: $Color-Body-Special;
|
||||
}
|
||||
}
|
||||
|
||||
.navbar-light .navbar-toggler {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.navbar-light .navbar-nav .show > .nav-link,
|
||||
.navbar-light .navbar-nav .active > .nav-link,
|
||||
.navbar-light .navbar-nav .nav-link.show,
|
||||
.navbar-light .navbar-nav .nav-link.active,
|
||||
.nav-pills .nav-link.active {
|
||||
color: $Color-Tailwind-Focus;
|
||||
}
|
||||
509
lamp/themes/blueberry/scss/_navigation.scss
Normal file
509
lamp/themes/blueberry/scss/_navigation.scss
Normal file
@@ -0,0 +1,509 @@
|
||||
// Navigation styles for the pmahomme theme
|
||||
#pma_navigation {
|
||||
width: $navi-width;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
#{$direction-start}: 0;
|
||||
height: 100vh;
|
||||
background: $Color-Body;
|
||||
color: $navi-color;
|
||||
z-index: 800;
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
select {
|
||||
&#select_server,
|
||||
&#lightm_db {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
&.pageselector {
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
margin-#{$direction-start}: 0.75em;
|
||||
border-#{$direction-start}: 1px solid #666;
|
||||
}
|
||||
}
|
||||
|
||||
#pmalogo,
|
||||
#serverChoice,
|
||||
#navipanellinks,
|
||||
#recentTableList,
|
||||
#favoriteTableList,
|
||||
#databaseList,
|
||||
div.pageselector.dbselector {
|
||||
text-align: center;
|
||||
padding: 5px 10px 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
#navipanellinks .icon {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#recentTable,
|
||||
#favoriteTable {
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#favoriteTableList select,
|
||||
#serverChoice select {
|
||||
width: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
#pma_navigation_header {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#pma_navigation_content {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
#{$direction-start}: 0;
|
||||
z-index: 0;
|
||||
|
||||
> img.throbber {
|
||||
display: none;
|
||||
margin: 0.3em auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
#pma_navigation_select_database {
|
||||
text-align: $direction-start;
|
||||
padding: 0 0 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#pma_navigation_db_select {
|
||||
margin-top: 0.5em;
|
||||
margin-#{$direction-start}: 0.75em;
|
||||
|
||||
select {
|
||||
// background: url('../img/select_bg.png') repeat scroll 0 0;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
border: 1px solid #bbb;
|
||||
border-top: 1px solid #bbb;
|
||||
color: #333;
|
||||
padding: 4px 6px;
|
||||
margin: 0 0 0;
|
||||
width: 92%;
|
||||
font-size: 1.11em;
|
||||
}
|
||||
}
|
||||
|
||||
#pma_navigation_tree_content {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
|
||||
a.hover_show_full {
|
||||
position: relative;
|
||||
z-index: 100;
|
||||
vertical-align: sub;
|
||||
}
|
||||
}
|
||||
|
||||
.list_container .selected,
|
||||
.list_container .selected > .hover_show_full {
|
||||
color: $Color-Tailwind-Focus;
|
||||
}
|
||||
|
||||
#pma_navigation_tree {
|
||||
margin: 0;
|
||||
margin-#{$direction-start}: 5px;
|
||||
overflow: hidden;
|
||||
// color: #444;
|
||||
height: 74%;
|
||||
position: relative;
|
||||
|
||||
a {
|
||||
// color: $navi-color;
|
||||
padding-left: 0;
|
||||
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
clear: both;
|
||||
padding: 0;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
|
||||
ul {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
margin-bottom: 0;
|
||||
|
||||
&.activePointer,
|
||||
&.selected {
|
||||
color: $navi-pointer-color;
|
||||
background-color: $navi-pointer-background;
|
||||
}
|
||||
|
||||
.dbItemControls {
|
||||
padding-#{$direction-end}: 4px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.navItemControls {
|
||||
display: none;
|
||||
padding-#{$direction-end}: 4px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
&.activePointer .navItemControls {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
white-space: nowrap;
|
||||
clear: both;
|
||||
min-height: 16px;
|
||||
|
||||
&.fast_filter {
|
||||
white-space: nowrap;
|
||||
clear: both;
|
||||
min-height: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.navGroup {
|
||||
div.fst-italic {
|
||||
div.block.second {
|
||||
margin-top: -4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
div {
|
||||
&.block {
|
||||
position: relative;
|
||||
width: 1.5em;
|
||||
height: 1.5em;
|
||||
min-width: 16px;
|
||||
min-height: 16px;
|
||||
float: $direction-start;
|
||||
|
||||
&.double {
|
||||
width: 2.5em;
|
||||
}
|
||||
|
||||
i,
|
||||
b {
|
||||
width: 1.5em;
|
||||
height: 1.7em;
|
||||
min-width: 16px;
|
||||
min-height: 8px;
|
||||
position: absolute;
|
||||
bottom: 0.7em;
|
||||
#{$direction-start}: 0.75em;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
// Top and right segments for the tree element connections
|
||||
i {
|
||||
display: block;
|
||||
border-#{$direction-start}: 1px solid #666;
|
||||
border-bottom: 1px solid #666;
|
||||
position: relative;
|
||||
z-index: 0;
|
||||
|
||||
// Removes top segment
|
||||
&.first {
|
||||
border-#{$direction-start}: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Bottom segment for the tree element connections
|
||||
b {
|
||||
display: block;
|
||||
height: 0.75em;
|
||||
bottom: 0;
|
||||
#{$direction-start}: 0.75em;
|
||||
border-#{$direction-start}: 1px solid #666;
|
||||
}
|
||||
|
||||
a,
|
||||
u {
|
||||
position: absolute;
|
||||
#{$direction-start}: 50%;
|
||||
top: 50%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
a + a {
|
||||
#{$direction-start}: 100%;
|
||||
}
|
||||
|
||||
&.double {
|
||||
a,
|
||||
u {
|
||||
#{$direction-start}: 33%;
|
||||
}
|
||||
|
||||
a + a {
|
||||
#{$direction-start}: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
top: -0.6em;
|
||||
#{$direction-start}: 0;
|
||||
margin-#{$direction-start}: -7px;
|
||||
}
|
||||
}
|
||||
|
||||
&.throbber img {
|
||||
top: 2px;
|
||||
#{$direction-start}: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
&.last > ul {
|
||||
background: none;
|
||||
}
|
||||
|
||||
> {
|
||||
a,
|
||||
i {
|
||||
line-height: 1.5em;
|
||||
// height: 1.5em;
|
||||
padding-#{$direction-start}: 0.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.list_container {
|
||||
border-#{$direction-start}: 1px solid #666;
|
||||
margin-#{$direction-start}: 0.75em;
|
||||
padding-#{$direction-start}: 0.75em;
|
||||
}
|
||||
|
||||
.last > .list_container {
|
||||
border-#{$direction-start}: 0 solid #666;
|
||||
}
|
||||
}
|
||||
|
||||
// Fast filter
|
||||
li.fast_filter {
|
||||
padding-#{$direction-start}: 0.75em;
|
||||
margin-#{$direction-start}: 0.75em;
|
||||
padding-#{$direction-end}: 35px;
|
||||
border-#{$direction-start}: 1px solid #666;
|
||||
list-style: none;
|
||||
|
||||
input {
|
||||
margin: 3px 0 0 0;
|
||||
font-size: 0.7em;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-#{$direction-start}: 4px;
|
||||
padding-#{$direction-end}: 1.7em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
span {
|
||||
position: relative;
|
||||
#{$direction-end}: 2.5em;
|
||||
padding: 0.2em;
|
||||
cursor: pointer;
|
||||
font-weight: bold;
|
||||
color: #800;
|
||||
font-size: 0.7em;
|
||||
}
|
||||
|
||||
&.db_fast_filter {
|
||||
border: 0;
|
||||
margin-#{$direction-start}: 0;
|
||||
margin-#{$direction-end}: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
// IE10+ has its own reset X
|
||||
html.ie {
|
||||
li.fast_filter {
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input {
|
||||
padding-#{$direction-end}: 0.2em;
|
||||
}
|
||||
}
|
||||
|
||||
&.ie9,
|
||||
&.ie8 {
|
||||
li.fast_filter {
|
||||
span {
|
||||
display: auto;
|
||||
}
|
||||
|
||||
input {
|
||||
padding-#{$direction-end}: 1.7em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#navigation_controls_outer {
|
||||
min-height: 21px !important;
|
||||
|
||||
&.activePointer {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
#navigation_controls {
|
||||
float: $direction-end;
|
||||
padding-#{$direction-end}: 23px;
|
||||
}
|
||||
|
||||
// Resize handler
|
||||
#pma_navigation_resizer {
|
||||
width: 1px;
|
||||
height: 100%;
|
||||
background-color: $Color-Azure-900;
|
||||
cursor: col-resize;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
#{$direction-start}: 240px;
|
||||
z-index: 801;
|
||||
}
|
||||
|
||||
#pma_navigation_collapser {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
#{$direction-start}: $navi-width;
|
||||
cursor: pointer;
|
||||
z-index: 800;
|
||||
font-size: 0;
|
||||
background-image: url('../img/left-square.png');
|
||||
margin: 0;
|
||||
margin-#{$direction-start}: 0.3em;
|
||||
padding: 0 !important;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&[title="Show panel"] {
|
||||
background-image: url('../img/right-square.png');
|
||||
}
|
||||
}
|
||||
|
||||
// Quick warp links
|
||||
.pma_quick_warp {
|
||||
margin-top: 5px;
|
||||
margin-#{$direction-start}: 2px;
|
||||
position: relative;
|
||||
|
||||
.drop_list {
|
||||
float: $direction-start;
|
||||
margin-#{$direction-start}: 3px;
|
||||
padding: 2px 0;
|
||||
|
||||
&:hover {
|
||||
.drop_button {
|
||||
background: $Color-Body;
|
||||
}
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
overflow-y: auto;
|
||||
list-style: none;
|
||||
background: $Color-Body-Light;
|
||||
border: 1px solid $Color-Body-Light;
|
||||
border-radius: 0.8em;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
// box-shadow: 0 0 5px #ccc;
|
||||
top: 100%;
|
||||
#{$direction-start}: 3px;
|
||||
#{$direction-end}: 0;
|
||||
display: none;
|
||||
z-index: 802;
|
||||
}
|
||||
|
||||
li {
|
||||
white-space: nowrap;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
|
||||
img {
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: $Color-Body-Special;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 0.2em 0.3em;
|
||||
|
||||
&.favorite_table_anchor {
|
||||
clear: $direction-start;
|
||||
float: $direction-start;
|
||||
padding: 0.1em 0.3em 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.drop_button {
|
||||
font-size: 12px;
|
||||
padding: 0.3em;
|
||||
border: .1px solid #ddd;
|
||||
padding: 0.3em 0.5em;
|
||||
border-radius: 0.8em;
|
||||
background: $Color-Body-Light;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
17
lamp/themes/blueberry/scss/_reboot.scss
Normal file
17
lamp/themes/blueberry/scss/_reboot.scss
Normal file
@@ -0,0 +1,17 @@
|
||||
// Body
|
||||
|
||||
body {
|
||||
text-align: $direction-start;
|
||||
}
|
||||
|
||||
// Forms
|
||||
|
||||
input,
|
||||
select {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
textarea {
|
||||
font-family: $font-family-monospace;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
47
lamp/themes/blueberry/scss/_resizable-menu.scss
Normal file
47
lamp/themes/blueberry/scss/_resizable-menu.scss
Normal file
@@ -0,0 +1,47 @@
|
||||
ul.resizable-menu {
|
||||
a,
|
||||
span {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.submenu {
|
||||
display: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.shown {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
list-style-type: none;
|
||||
display: none;
|
||||
border: 1px #ddd solid;
|
||||
z-index: 2;
|
||||
#{$direction-end}: 0;
|
||||
}
|
||||
|
||||
li:hover {
|
||||
background: linear-gradient(#fff, #e5e5e5);
|
||||
|
||||
ul {
|
||||
display: block;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.submenuhover ul {
|
||||
display: block;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
ul li {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
44
lamp/themes/blueberry/scss/_rte.scss
Normal file
44
lamp/themes/blueberry/scss/_rte.scss
Normal file
@@ -0,0 +1,44 @@
|
||||
.rte_table {
|
||||
table-layout: auto;
|
||||
width: 100%;
|
||||
|
||||
td {
|
||||
vertical-align: middle;
|
||||
padding: 0.2em;
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
tr td:nth-child(1) {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
input,
|
||||
select,
|
||||
textarea,
|
||||
.CodeMirror {
|
||||
width: 100%;
|
||||
margin: 6px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
input {
|
||||
&[type="button"],
|
||||
&[type="checkbox"],
|
||||
&[type="radio"] {
|
||||
width: auto;
|
||||
margin-#{$direction-end}: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
.routine_params_table {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.isdisableremoveparam_class {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
.ui_tpicker_time_input {
|
||||
width: 100%;
|
||||
}
|
||||
64
lamp/themes/blueberry/scss/_tables.scss
Normal file
64
lamp/themes/blueberry/scss/_tables.scss
Normal file
@@ -0,0 +1,64 @@
|
||||
.table {
|
||||
background-color: unset;
|
||||
// border: 1px solid $Color-Azure-300;
|
||||
// border-radius: 10px;
|
||||
|
||||
> :not(caption) > * > * {
|
||||
background-color: unset;
|
||||
box-shadow: unset;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
// text-shadow: 0 1px 0 #000;
|
||||
vertical-align: middle;
|
||||
padding: 0.1em 0.6em;
|
||||
border-#{$direction-end}: 1px solid $Color-Body;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: $direction-start;
|
||||
font-weight: 500;
|
||||
|
||||
.column_heading {
|
||||
* {
|
||||
color: $Color-Tailwind-Title;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
td {
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
thead th,
|
||||
.thead-light th {
|
||||
color: $Color-Tailwind-Title;
|
||||
background: $Color-Body-Special;
|
||||
border-#{$direction-end}: 1px solid $Color-Body;
|
||||
// border-bottom: 1px solid $Color-Azure-500;
|
||||
|
||||
* {
|
||||
color: $Color-Tailwind-Title;
|
||||
}
|
||||
}
|
||||
|
||||
&.table-light {
|
||||
// border-radius: 10px;
|
||||
// overflow: hidden;
|
||||
border: 1px double $Color-Body;
|
||||
}
|
||||
}
|
||||
|
||||
table td img {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
}
|
||||
|
||||
// .table-hover {
|
||||
// tbody tr {
|
||||
// @include hover() {
|
||||
// background: linear-gradient(#ced6df, #b6c6d7);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
213
lamp/themes/blueberry/scss/_variables.scss
Normal file
213
lamp/themes/blueberry/scss/_variables.scss
Normal file
@@ -0,0 +1,213 @@
|
||||
// configures general layout for detailed layout configuration please refer to the css files
|
||||
|
||||
// Blueberry Colors
|
||||
|
||||
$Color-Azure: #007fff;
|
||||
$Color-Azure-50 : #f2f9ff;
|
||||
$Color-Azure-100: #e6f2ff;
|
||||
$Color-Azure-200: #bfdfff;
|
||||
$Color-Azure-300: #99ccff;
|
||||
$Color-Azure-400: #4da5ff;
|
||||
$Color-Azure-450: #2792fd;
|
||||
$Color-Azure-500: #007fff;
|
||||
$Color-Azure-600: #0072e6;
|
||||
$Color-Azure-700: #005fbf;
|
||||
$Color-Azure-800: #004c99;
|
||||
$Color-Azure-900: #003e7d;
|
||||
|
||||
$Color-Secondary: #ff8000;
|
||||
$Color-Tertiary: #0ad5d5;
|
||||
|
||||
$Color-White: #fff;
|
||||
$Color-Gray-50: #f9f9f9;
|
||||
$Color-Gray-100: #f2f2f2;
|
||||
$Color-Gray-200: #dfdfdf;
|
||||
$Color-Gray-300: #cccccc;
|
||||
$Color-Gray-400: #a5a5a5;
|
||||
$Color-Gray-500: #7f7f7f;
|
||||
$Color-Gray-600: #727272;
|
||||
$Color-Gray-700: #5f5f5f;
|
||||
$Color-Gray-800: #4c4c4c;
|
||||
$Color-Gray-900: #3e3e3e;
|
||||
$Color-Gray-950: #111111;
|
||||
$Color-Black: #000;
|
||||
|
||||
$Color-Body: #1e1e2a;
|
||||
$Color-Body-Light: #2c2c3d;
|
||||
$Color-Body-Dark: #fafafa;
|
||||
$Color-Body-Special: #3a3a56;
|
||||
$Color-Body-Special2: #464675;
|
||||
$Color-Body-VSCode: #1e1e1e;
|
||||
|
||||
$Color-OnBody: $Color-Gray-500;
|
||||
$Color-OnBody-Light-Shade: $Color-Gray-500;
|
||||
$Color-OnBody-Dark-Shade: $Color-Gray-500;
|
||||
|
||||
$Color-Text-Main: #f9f7f7;
|
||||
$Color-Text-Secondary: #898989;
|
||||
$Color-Text-Secondary-Dark: #757575;
|
||||
$Color-Text-White: #f9f7f7;
|
||||
$Color-Text-Black: #111118;
|
||||
$Color-Text-OnAccent: #f9f7f7;
|
||||
$Color-Text-OnBody: #111118;
|
||||
|
||||
$Color-Tailwind-Title: #e2e8f0;
|
||||
$Color-Tailwind-Text: #94a3b8;
|
||||
$Color-Tailwind-Focus: #38bdf8;
|
||||
|
||||
$Color-Misc1: $Color-Tailwind-Text;
|
||||
|
||||
$border-radius: 1rem;
|
||||
|
||||
$Font-Persian: "Vazirmatn FD", "Vazirmatn", "Vazir FD", "Vazir", "Segoe UI", "Segoe Pro", sans-serif;
|
||||
$Font-Arabic: "Noto Kufi Arabic", "Vazirmatn FD", "Vazirmatn", "Vazir FD", "Vazir", "Segoe UI", "Segoe Pro", sans-serif;
|
||||
$Font-English: "Segoe UI", "Segoe Pro", Roboto, Verdana, sans-serif;
|
||||
$Font-Mono: "Consolas", monospace;
|
||||
|
||||
// navi frame
|
||||
|
||||
// navi frame width
|
||||
$navi-width: 240px;
|
||||
|
||||
// foreground (text) color for the navi frame
|
||||
$navi-color: rgb(148, 163, 184);
|
||||
// $navi-color: $Color-Gray-100;
|
||||
|
||||
// background for the navi frame
|
||||
$navi-background: $Color-Body;
|
||||
|
||||
// foreground (text) color of the pointer in navi frame
|
||||
$navi-pointer-color: $Color-Tailwind-Focus;
|
||||
|
||||
// background of the pointer in navi frame
|
||||
$navi-pointer-background: $Color-Body;
|
||||
|
||||
// main frame
|
||||
|
||||
// foreground (text) color for the main frame
|
||||
$main-color: $Color-Gray-200;
|
||||
|
||||
// foreground (text) color of the pointer in browse mode
|
||||
$browse-pointer-color: $Color-White;
|
||||
|
||||
// background of the pointer in browse mode
|
||||
$browse-pointer-background: $Color-Gray-300;
|
||||
|
||||
// foreground (text) color of the marker (visually marks row by clicking on it)
|
||||
// in browse mode
|
||||
$browse-marker-color: $Color-White;
|
||||
|
||||
// background of the marker (visually marks row by clicking on it) in browse mode
|
||||
$browse-marker-background: #fc9;
|
||||
|
||||
// tables
|
||||
|
||||
// border
|
||||
$border: 0;
|
||||
// table header and footer color
|
||||
$th-background: $Color-Body-Light;
|
||||
// table header and footer background
|
||||
$th-color: $Color-White;
|
||||
// table data row background
|
||||
$bg-one: $Color-Body;
|
||||
// table data row background, alternate
|
||||
$bg-two: $Color-Body-Light;
|
||||
|
||||
// Bootstrap
|
||||
// ---------
|
||||
|
||||
// Body
|
||||
|
||||
$body-color: $main-color;
|
||||
|
||||
// Typography
|
||||
|
||||
$font-family-base: sans-serif;
|
||||
$font-family-monospace: monospace;
|
||||
|
||||
$font-size-base: 0.82rem;
|
||||
|
||||
// Tables
|
||||
|
||||
$table-cell-padding: 0.1em 0.3em;
|
||||
$table-cell-padding-sm: $table-cell-padding;
|
||||
$table-head-bg: #fff;
|
||||
$table-head-color: $th-color;
|
||||
$table-striped-order: even;
|
||||
$table-accent-bg: #dfdfdf;
|
||||
$table-hover-color: $browse-pointer-color;
|
||||
$table-border-color: #fff;
|
||||
$table-border-width: 0;
|
||||
|
||||
// Buttons
|
||||
|
||||
$enable-gradients: true;
|
||||
$enable-shadows: true;
|
||||
$enable-transitions: false;
|
||||
|
||||
$primary: #ddd;
|
||||
$secondary: #ddd;
|
||||
|
||||
$btn-border-radius: 0.85rem;
|
||||
$btn-line-height: 1.15;
|
||||
|
||||
// Dropdowns
|
||||
|
||||
$dropdown-padding-y: 0;
|
||||
$dropdown-item-padding-y: 0;
|
||||
$dropdown-item-padding-x: 0;
|
||||
|
||||
// Forms
|
||||
|
||||
$form-check-input-margin-y: 0.1rem;
|
||||
|
||||
// Navbar
|
||||
|
||||
$enable-caret: false;
|
||||
$navbar-padding-y: 0;
|
||||
$navbar-padding-x: 0;
|
||||
$navbar-light-color: $Color-Azure-800;
|
||||
$navbar-light-hover-color: $Color-Azure-800;
|
||||
$navbar-light-active-color: $Color-Azure-800;
|
||||
$navbar-light-disabled-color: $Color-Azure-800;
|
||||
|
||||
// Card
|
||||
|
||||
$card-border-color: #aaa;
|
||||
$card-bg: #eee;
|
||||
$card-cap-bg: #fff;
|
||||
|
||||
// Breadcrumbs
|
||||
|
||||
$breadcrumb-padding-y: 0.1rem;
|
||||
$breadcrumb-margin-bottom: 0;
|
||||
$breadcrumb-bg: #888;
|
||||
$breadcrumb-divider-color: #fff;
|
||||
$breadcrumb-divider: quote("»");
|
||||
$breadcrumb-border-radius: 0;
|
||||
|
||||
// Modals
|
||||
|
||||
$modal-inner-padding: 0.75rem;
|
||||
$modal-footer-margin-between: 0.1rem;
|
||||
$modal-header-padding-y: 0.4rem;
|
||||
|
||||
// Alert
|
||||
|
||||
$alert-margin-bottom: 0.5em;
|
||||
$alert-border-radius: 5px;
|
||||
|
||||
// List group
|
||||
|
||||
$list-group-bg: inherit;
|
||||
$list-group-item-padding-x: 0;
|
||||
$list-group-item-padding-y: 0;
|
||||
|
||||
// Forms
|
||||
|
||||
$label-margin-bottom: 0;
|
||||
|
||||
// Icons
|
||||
|
||||
// $loading-icon-url: url("../img/ajax_clock_small.svg");
|
||||
$loading-icon-url: url("../img/loading.svg");
|
||||
1315
lamp/themes/blueberry/scss/jquery-ui.scss
Normal file
1315
lamp/themes/blueberry/scss/jquery-ui.scss
Normal file
File diff suppressed because it is too large
Load Diff
159
lamp/themes/blueberry/scss/printview.scss
Normal file
159
lamp/themes/blueberry/scss/printview.scss
Normal file
@@ -0,0 +1,159 @@
|
||||
@media print {
|
||||
#back_button_print_view,
|
||||
#print_button_print_view {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
// For removing element from Print View
|
||||
.print_ignore {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nowrap {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Standard CSS
|
||||
body,
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
color: #000;
|
||||
background-color: #fff;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
// To remove link text decoration
|
||||
a:link {
|
||||
color: #000;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
// To remove any image borders
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
// Table specific
|
||||
table,
|
||||
th,
|
||||
td {
|
||||
border: 0.1em solid #000;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0.2em;
|
||||
}
|
||||
|
||||
thead {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0.2em;
|
||||
border: 0.1em solid #000;
|
||||
font-weight: 900;
|
||||
}
|
||||
|
||||
th,
|
||||
td {
|
||||
padding: 0.2em;
|
||||
}
|
||||
|
||||
thead th {
|
||||
font-weight: bold;
|
||||
background-color: #e5e5e5;
|
||||
border: 0.1em solid #000;
|
||||
}
|
||||
|
||||
th.vtop,
|
||||
td.vtop {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
th.vbottom,
|
||||
td.vbottom {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
// Common Elements not to be included
|
||||
// Hide Navigation and Top Menu bar
|
||||
// Hide console
|
||||
// Hide Navigation items (like Goto Top)
|
||||
// Hide the Create Table form
|
||||
// Hide the Page Settings Modal box
|
||||
// Hide footer, Demo notice, errors div
|
||||
// Hide the #selflink div
|
||||
#pma_navigation,
|
||||
#floating_menubar,
|
||||
#pma_console_container,
|
||||
#page_nav_icons,
|
||||
#create_table_form_minimal,
|
||||
#page_settings_modal,
|
||||
#pma_footer,
|
||||
#pma_demo,
|
||||
#pma_errors,
|
||||
#selflink {
|
||||
display: none;
|
||||
}
|
||||
|
||||
// Position the main content
|
||||
#page_content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 95%;
|
||||
float: none;
|
||||
}
|
||||
|
||||
// Specific Class for overriding while Print
|
||||
.print {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.sqlOuter {
|
||||
color: black;
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
// For hiding 'Open a New phpMyAdmin Window' button
|
||||
// Hide extra menu on /table/structure
|
||||
.ic_window-new,
|
||||
.ic_s_cog,
|
||||
#structure-action-links,
|
||||
#addColumns,
|
||||
.cDrop,
|
||||
.cEdit,
|
||||
.cList,
|
||||
.cCpy,
|
||||
.cPointer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table tbody:first-of-type tr {
|
||||
// odd items 1,3,5,7...
|
||||
&:nth-child(odd) {
|
||||
background: #fff;
|
||||
|
||||
th {
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
// even items 2,4,6,8...
|
||||
&:nth-child(even) {
|
||||
background: #dfdfdf;
|
||||
|
||||
th {
|
||||
background: #dfdfdf;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.column_attribute {
|
||||
font-size: 100%;
|
||||
}
|
||||
3
lamp/themes/blueberry/scss/theme-rtl.scss
Normal file
3
lamp/themes/blueberry/scss/theme-rtl.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
$direction: rtl;
|
||||
|
||||
@import "theme";
|
||||
195
lamp/themes/blueberry/scss/theme.scss
Normal file
195
lamp/themes/blueberry/scss/theme.scss
Normal file
@@ -0,0 +1,195 @@
|
||||
@import "direction";
|
||||
@import "variables";
|
||||
// @import "../node_modules/bootstrap/scss/functions";
|
||||
// @import "../node_modules/bootstrap/scss/variables";
|
||||
// @import "../node_modules/bootstrap/scss/mixins";
|
||||
// @import "../node_modules/bootstrap/scss/maps";
|
||||
// @import "../node_modules/bootstrap/scss/utilities";
|
||||
|
||||
// $utilities: map-merge(
|
||||
// $utilities,
|
||||
// (
|
||||
// "button-radius": (
|
||||
// property: border-radius,
|
||||
// class: buttuuon,
|
||||
// values: (
|
||||
// null: 20px,
|
||||
// ),
|
||||
// ),
|
||||
// )
|
||||
// );
|
||||
|
||||
// @import "../node_modules/bootstrap/scss/utilities/api";
|
||||
@import "../node_modules/bootstrap/scss/bootstrap";
|
||||
|
||||
@import "common";
|
||||
@import "enum-editor";
|
||||
@import "gis";
|
||||
@import "navigation";
|
||||
@import "designer";
|
||||
@import "rte";
|
||||
@import "codemirror";
|
||||
@import "jqplot";
|
||||
@import "resizable-menu";
|
||||
@import "icons";
|
||||
@import "reboot";
|
||||
@import "tables";
|
||||
@import "forms";
|
||||
@import "buttons";
|
||||
@import "nav";
|
||||
@import "navbar";
|
||||
@import "dropdown";
|
||||
@import "card";
|
||||
@import "breadcrumb";
|
||||
@import "alert";
|
||||
@import "list-group";
|
||||
@import "modal";
|
||||
// @import "jquery-ui";
|
||||
|
||||
// select[name="set_theme"]::after {
|
||||
// select#themeSelect::after,
|
||||
#li_select_theme::after,
|
||||
form[name="setTheme"]::after {
|
||||
content: "Theme Created by Shahab Movahhedi \A Visit shmovahhedi.com";
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #7f7f7f;
|
||||
font-style: italic;
|
||||
white-space: pre;
|
||||
user-select: text;
|
||||
}
|
||||
|
||||
// .sr-only {
|
||||
// @include visually-hidden();
|
||||
// }
|
||||
|
||||
// legend {
|
||||
// float: none;
|
||||
// }
|
||||
|
||||
// .table-light,
|
||||
// .table-light > th,
|
||||
// .table-light > td {
|
||||
// background-color: #fdfdfe;
|
||||
// }
|
||||
|
||||
// .form-check-input {
|
||||
// appearance: unset;
|
||||
// }
|
||||
|
||||
// .form-row {
|
||||
// display: flex;
|
||||
// flex-wrap: wrap;
|
||||
// margin-right: -5px;
|
||||
// margin-left: -5px;
|
||||
// }
|
||||
// .form-inline {
|
||||
// display: flex;
|
||||
// flex-flow: row wrap;
|
||||
// align-items: center;
|
||||
// }
|
||||
|
||||
// .form-group {
|
||||
// margin-bottom: 1rem;
|
||||
// }
|
||||
|
||||
// @media (min-width: 576px) {
|
||||
// .form-inline label {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// justify-content: center;
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// .form-inline .form-group {
|
||||
// display: flex;
|
||||
// flex: 0 0 auto;
|
||||
// flex-flow: row wrap;
|
||||
// align-items: center;
|
||||
// margin-bottom: 0;
|
||||
// }
|
||||
// .form-inline .form-control {
|
||||
// display: inline-block;
|
||||
// width: auto;
|
||||
// vertical-align: middle;
|
||||
// }
|
||||
// }
|
||||
|
||||
// .text-right {
|
||||
// text-align: right;
|
||||
// }
|
||||
// .text-left {
|
||||
// text-align: left;
|
||||
// }
|
||||
|
||||
* {
|
||||
color: $Color-Tailwind-Title;
|
||||
// color: $Color-Tailwind-Text;
|
||||
// color: $Color-Text-Main;
|
||||
font-family: "Segoe UI", "Segoe Pro", sans-serif;
|
||||
}
|
||||
|
||||
.ltr {
|
||||
direction: ltr;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.rtl {
|
||||
direction: rtl;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.english {
|
||||
font-family: $Font-English;
|
||||
direction: ltr;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.persian {
|
||||
font-family: $Font-Persian;
|
||||
direction: rtl;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.arabic {
|
||||
font-family: $Font-Arabic;
|
||||
direction: rtl;
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
code,
|
||||
code *,
|
||||
.english-mono,
|
||||
.mono {
|
||||
font-family: $Font-Mono;
|
||||
direction: ltr;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #1e1e2a;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 0.8rem;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 10vh;
|
||||
background: #005ab4;
|
||||
border-radius: 13px;
|
||||
&:hover {
|
||||
background: #006ad3;
|
||||
}
|
||||
&:active {
|
||||
background: $Color-Azure;
|
||||
}
|
||||
}
|
||||
|
||||
// .card-header + .list-group.list-group-flush {
|
||||
// margin-top: 0;
|
||||
// }
|
||||
Reference in New Issue
Block a user