aboutsummaryrefslogtreecommitdiff
path: root/srcs/phpmyadmin/themes/pmahomme/scss/_designer.scss
diff options
context:
space:
mode:
Diffstat (limited to 'srcs/phpmyadmin/themes/pmahomme/scss/_designer.scss')
-rw-r--r--srcs/phpmyadmin/themes/pmahomme/scss/_designer.scss515
1 files changed, 515 insertions, 0 deletions
diff --git a/srcs/phpmyadmin/themes/pmahomme/scss/_designer.scss b/srcs/phpmyadmin/themes/pmahomme/scss/_designer.scss
new file mode 100644
index 0000000..5976501
--- /dev/null
+++ b/srcs/phpmyadmin/themes/pmahomme/scss/_designer.scss
@@ -0,0 +1,515 @@
+$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: #fff;
+ color: #000;
+}
+
+canvas.designer {
+ display: inline-block;
+ overflow: hidden;
+ text-align: $left;
+
+ * {
+ 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-#{$left}: 2px;
+ text-align: $left;
+ 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: $left;
+ }
+}
+
+.owner {
+ font-weight: normal;
+ color: #888;
+}
+
+.option_tab {
+ padding-#{$left}: 2px;
+ padding-#{$right}: 2px;
+ width: 5px;
+}
+
+.select_all {
+ vertical-align: top;
+ padding-#{$left}: 2px;
+ padding-#{$right}: 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-#{$left}: 2px;
+ padding-#{$right}: 2px;
+ width: 1px;
+ text-decoration: none;
+
+ &:hover {
+ vertical-align: top;
+ color: #fff;
+ background-color: #f96;
+ cursor: default;
+ padding-#{$left}: 2px;
+ padding-#{$right}: 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;
+ height: 19px;
+ width: 70px;
+ 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 $right bottom;
+}
+
+.frams2 {
+ background: url($frams2-img) no-repeat $left bottom;
+}
+
+.frams3 {
+ background: url($frams3-img) no-repeat $left top;
+}
+
+.frams4 {
+ background: url($frams4-img) no-repeat $right top;
+}
+
+.frams5 {
+ background: url($frams5-img) repeat-x center bottom;
+}
+
+.frams6 {
+ background: url($frams6-img) repeat-y $left;
+}
+
+.frams7 {
+ background: url($frams7-img) repeat-x top;
+}
+
+.frams8 {
+ background: url($frams8-img) repeat-y $right;
+}
+
+#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-#{$right}: #999 solid 1px;
+ border-#{$left}: #999 solid 1px;
+ height: 28px;
+ z-index: 101;
+ width: 100%;
+ position: fixed;
+
+ a,
+ span {
+ display: block;
+ float: $left;
+ margin: 3px 1px 4px;
+ height: 20px;
+ border: 1px dotted #fff;
+ }
+
+ .M_bord {
+ display: block;
+ float: $left;
+ margin: 4px;
+ height: 20px;
+ width: 2px;
+ }
+
+ a {
+ &.first {
+ margin-#{$right}: 1em;
+ }
+
+ &.last {
+ margin-#{$left}: 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: $right;
+ background-color: #eaeef0;
+ border: #999 solid 1px;
+
+ &.left {
+ float: $left;
+ }
+}
+
+#layer_upd_relation {
+ position: absolute;
+ #{$left}: 637px;
+ top: 224px;
+ z-index: 100;
+}
+
+#layer_new_relation,
+#designer_optionse {
+ position: absolute;
+ #{$left}: 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;
+ #{$right}: 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;
+ #{$right}: 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: $left;
+ position: absolute;
+ cursor: pointer;
+}
+
+.side-menu {
+ float: $left;
+ position: fixed;
+ width: auto;
+ height: auto;
+ background: #efefef;
+ border: 1px solid grey;
+ overflow: hidden;
+ z-index: 50;
+ padding: 2px;
+
+ &.right {
+ float: $right;
+ #{$right}: 0;
+ }
+
+ .hide {
+ display: none;
+ }
+
+ a {
+ display: block;
+ float: none;
+ overflow: hidden;
+ line-height: 1em;
+ }
+
+ img,
+ .text {
+ float: $left;
+ }
+}
+
+#name-panel {
+ border-bottom: 1px solid grey;
+ text-align: center;
+ background: #efefef;
+ width: 100%;
+ font-size: 1.2em;
+ padding: 5px;
+ font-weight: bold;
+}
+
+#container-form {
+ width: 100%;
+ position: absolute;
+ #{$left}: 0;
+}
generated by cgit (git 2.34.1) at 2026-05-16 00:33:03 +0000