diff options
Diffstat (limited to 'srcs/phpmyadmin/themes/pmahomme/scss')
16 files changed, 0 insertions, 6822 deletions
diff --git a/srcs/phpmyadmin/themes/pmahomme/scss/_bootstrap.scss b/srcs/phpmyadmin/themes/pmahomme/scss/_bootstrap.scss deleted file mode 100644 index b5c157a..0000000 --- a/srcs/phpmyadmin/themes/pmahomme/scss/_bootstrap.scss +++ /dev/null @@ -1,35 +0,0 @@ -@import "../../../node_modules/bootstrap/scss/functions"; -@import "../../../node_modules/bootstrap/scss/variables"; -@import "../../../node_modules/bootstrap/scss/mixins"; -@import "../../../node_modules/bootstrap/scss/root"; -@import "../../../node_modules/bootstrap/scss/reboot"; -//@import "../../../node_modules/bootstrap/scss/type"; -//@import "../../../node_modules/bootstrap/scss/images"; -//@import "../../../node_modules/bootstrap/scss/code"; -//@import "../../../node_modules/bootstrap/scss/grid"; -//@import "../../../node_modules/bootstrap/scss/tables"; -//@import "../../../node_modules/bootstrap/scss/forms"; -@import "../../../node_modules/bootstrap/scss/buttons"; -//@import "../../../node_modules/bootstrap/scss/transitions"; -//@import "../../../node_modules/bootstrap/scss/dropdown"; -//@import "../../../node_modules/bootstrap/scss/button-group"; -//@import "../../../node_modules/bootstrap/scss/input-group"; -//@import "../../../node_modules/bootstrap/scss/custom-forms"; -//@import "../../../node_modules/bootstrap/scss/nav"; -//@import "../../../node_modules/bootstrap/scss/navbar"; -//@import "../../../node_modules/bootstrap/scss/card"; -//@import "../../../node_modules/bootstrap/scss/breadcrumb"; -//@import "../../../node_modules/bootstrap/scss/pagination"; -//@import "../../../node_modules/bootstrap/scss/badge"; -//@import "../../../node_modules/bootstrap/scss/jumbotron"; -//@import "../../../node_modules/bootstrap/scss/alert"; -//@import "../../../node_modules/bootstrap/scss/progress"; -//@import "../../../node_modules/bootstrap/scss/media"; -//@import "../../../node_modules/bootstrap/scss/list-group"; -//@import "../../../node_modules/bootstrap/scss/close"; -//@import "../../../node_modules/bootstrap/scss/modal"; -//@import "../../../node_modules/bootstrap/scss/tooltip"; -//@import "../../../node_modules/bootstrap/scss/popover"; -//@import "../../../node_modules/bootstrap/scss/carousel"; -//@import "../../../node_modules/bootstrap/scss/utilities"; -@import "../../../node_modules/bootstrap/scss/print"; diff --git a/srcs/phpmyadmin/themes/pmahomme/scss/_codemirror.scss b/srcs/phpmyadmin/themes/pmahomme/scss/_codemirror.scss deleted file mode 100644 index 83fb5ad..0000000 --- a/srcs/phpmyadmin/themes/pmahomme/scss/_codemirror.scss +++ /dev/null @@ -1,94 +0,0 @@ -$textarea-cols: 40; -$textarea-rows: 15; - -.CodeMirror { - height: ceil($textarea-rows * 1.2em); - direction: ltr; -} - -#inline_editor_outer .CodeMirror { - height: ceil($textarea-rows * 0.4em); -} - -.insertRowTable .CodeMirror { - height: ceil($textarea-rows * 0.6em); - width: ceil($textarea-cols * 0.6em); - border: 1px solid #a9a9a9; -} - -#pma_console .CodeMirror-gutters { - background-color: initial; - border: none; -} - -span { - &.cm-keyword, - &.cm-statement-verb { - color: #909; - } - - &.cm-variable { - color: black; - } - - &.cm-comment { - color: #808000; - } - - &.cm-mysql-string { - color: #008000; - } - - &.cm-operator { - color: fuchsia; - } - - &.cm-mysql-word { - color: black; - } - - &.cm-builtin { - color: #f00; - } - - &.cm-variable-2 { - color: #f90; - } - - &.cm-variable-3 { - color: #00f; - } - - &.cm-separator { - color: fuchsia; - } - - &.cm-number { - color: teal; - } -} - -.autocomplete-column-name { - display: inline-block; -} - -.autocomplete-column-hint { - display: inline-block; - float: $right; - color: #666; - margin-#{$left}: 1em; -} - -.CodeMirror-hints { - z-index: 999; -} - -.CodeMirror-lint-tooltip { - z-index: 200; - font-family: inherit; - - code { - font-family: monospace; - font-weight: bold; - } -} diff --git a/srcs/phpmyadmin/themes/pmahomme/scss/_common.scss b/srcs/phpmyadmin/themes/pmahomme/scss/_common.scss deleted file mode 100644 index 7457f75..0000000 --- a/srcs/phpmyadmin/themes/pmahomme/scss/_common.scss +++ /dev/null @@ -1,4264 +0,0 @@ -/** - * Common styles for the pmahomme theme - */ - -/* general tags */ -html { - font-size: 82%; -} - -input, -select, -textarea { - font-size: 1em; -} - -body { - font-family: $font-family; - padding: 0; - margin: 0; - margin-#{$left}: $navi-width; - color: $main-color; - background: $main-background; -} - -#page_content { - margin: 0 0.5em; -} - -.desktop50 { - width: 50%; -} - -.all100 { - width: 100%; -} - -.all85 { - width: 85%; -} - -.auth_config_tbl { - margin: 0 auto; -} - -textarea, -tt, -pre, -code { - font-family: $font-family-fixed; -} - -h1 { - font-size: 140%; - font-weight: bold; -} - -h2 { - font-size: 2em; - font-weight: normal; - text-shadow: 0 1px 0 #fff; - padding: 10px 0 10px; - padding-#{$left}: 3px; - color: #777; - - // Hiding icons in the page titles - img { - display: none; - } - - a img { - display: inline; - } -} - -.data { - margin: 0 0 12px; -} - -.data_full_width { - margin: 0 0 12px; - width: 100%; -} - -h3 { - font-weight: bold; - font-size: 1rem; -} - -a { - text-decoration: none; - color: #235a81; - cursor: pointer; - outline: none; - - &:link, - &:visited, - &:active { - text-decoration: none; - color: #235a81; - cursor: pointer; - outline: none; - } -} - -button.mult_submit, -.checkall_box + label { - text-decoration: none; - color: #235a81; - cursor: pointer; - outline: none; -} - -a:hover { - text-decoration: underline; - color: #235a81; -} - -button.mult_submit { - &:hover, - &:focus { - text-decoration: underline; - color: #235a81; - } -} - -.checkall_box + label:hover { - text-decoration: underline; - color: #235a81; -} - -#initials_table { - background: #f3f3f3; - border: 1px solid #aaa; - margin-bottom: 10px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - - td { - padding: 8px !important; - } - - a { - border: 1px solid #aaa; - background-color: #fff; - padding: 4px 8px; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - background-image: linear-gradient(#fff, #e0e0e0); - - &.active { - border: 1px solid #666; - box-shadow: 0 0 2px #999; - background: linear-gradient(#bbb, #fff); - } - } -} - -dfn { - font-style: normal; - - &:hover { - font-style: normal; - cursor: help; - } -} - -th { - font-weight: bold; - color: $th-color; - background: #f3f3f3; - background: linear-gradient(#fff, #ccc); -} - -a img { - border: 0; -} - -hr { - color: $main-color; - background-color: $main-color; - border: 0; - height: 1px; -} - -form { - padding: 0; - margin: 0; - display: inline; -} - -input, -select { - // Fix outline in Chrome - outline: none; -} - -input { - &[type=text], - &[type=password], - &[type=number], - &[type=date] { - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - background: white; - border: 1px solid #aaa; - color: #555; - padding: 4px; - } - - &[type=text], - &[type=password], - &[type=number], - &[type=date], - &[type=checkbox] { - margin: 6px; - } -} - -select { - margin: 6px; -} - -input { - &[type=number] { - width: 50px; - } - - &[type=text], - &[type=password], - &[type=number], - &[type=date] { - transition: all 0.2s; - -ms-transition: all 0.2s; - -webkit-transition: all 0.2s; - -moz-transition: all 0.2s; - } -} - -select { - transition: all 0.2s; - -ms-transition: all 0.2s; - -webkit-transition: all 0.2s; - -moz-transition: all 0.2s; -} - -input { - &[type=text][disabled], - &[type=password][disabled], - &[type=number][disabled], - &[type=date][disabled] { - background: #e8e8e8; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - - &:hover { - background: #e8e8e8; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - } - } -} - -select[disabled] { - background: #e8e8e8; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - - &:hover { - background: #e8e8e8; - box-shadow: none; - -webkit-box-shadow: none; - -moz-box-shadow: none; - } -} - -input { - &[type=text] { - &:hover, - &:focus { - border: 1px solid #7c7c7c; - background: #fff; - } - } - - &[type=password] { - &:hover, - &:focus { - border: 1px solid #7c7c7c; - background: #fff; - } - } - - &[type=number] { - &:hover, - &:focus { - border: 1px solid #7c7c7c; - background: #fff; - } - } - - &[type=date] { - &:hover, - &:focus { - border: 1px solid #7c7c7c; - background: #fff; - } - } -} - -select:focus { - border: 1px solid #7c7c7c; - background: #fff; -} - -input { - &[type=text]:hover, - &[type=password]:hover, - &[type=number]:hover, - &[type=date]:hover { - box-shadow: 0 1px 3px #aaa; - -webkit-box-shadow: 0 1px 3px #aaa; - -moz-box-shadow: 0 1px 3px #aaa; - } -} - -textarea { - overflow: visible; - margin: 6px; - - &.char { - margin: 6px; - } - - &.charField { - width: 95%; - } -} - -th.fillPage { - width: 80%; -} - -fieldset { - margin-top: 1em; - border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - -webkit-border-radius: 4px 4px 0 0; - border: #aaa solid 1px; - padding: 0.5em; - background: #eee; - - @if $direction == rtl { - text-shadow: -1px 1px 2px #fff 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 #fff inset; - -moz-box-shadow: 1px 1px 2px #fff inset; - -webkit-box-shadow: 1px 1px 2px #fff inset; - box-shadow: 1px 1px 2px #fff inset; - } -} - -fieldset { - fieldset { - margin: 0.8em; - border: 1px solid #aaa; - background: #e8e8e8; - } - - legend { - font-weight: bold; - color: #444; - padding: 5px 10px; - border-radius: 2px; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border: 1px solid #aaa; - background-color: #fff; - max-width: 100%; - -moz-box-shadow: 3px 3px 15px #bbb; - -webkit-box-shadow: 3px 3px 15px #bbb; - box-shadow: 3px 3px 15px #bbb; - width: initial; - font-size: 1rem; - } -} - -.some-margin { - margin: 1.5em; -} - -// buttons in some browsers (eg. Konqueror) are block elements, this breaks design -button { - display: inline; -} - -// 3.4 -.datatable { - table-layout: fixed; -} - -table { - border-collapse: collapse; - - caption, - th, - td { - padding: 0.1em 0.3em; - margin: 0.1em; - vertical-align: middle; - text-shadow: 0 1px 0 #fff; - } -} - -thead th { - border-#{$right}: 1px solid #fff; -} - -th { - text-align: $left; -} - -img, -button { - vertical-align: middle; -} - -input { - &[type=checkbox], - &[type=radio] { - vertical-align: -11%; - } -} - -select { - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; - border: 1px solid #bbb; - color: #333; - padding: 3px; - background: white; - margin: 6px; - - &[multiple] { - background: linear-gradient(#fff, #f2f2f2); - } -} - -/* classes */ -.clearfloat { - clear: both; -} - -.floatleft { - float: $left; - margin-#{$right}: 1em; -} - -.floatright { - float: $right; -} - -.center { - text-align: center; -} - -.displayblock { - display: block; -} - -table { - &.nospacing { - border-spacing: 0; - } - - &.nopadding tr { - th, - td { - padding: 0; - } - } -} - -th.left, -td.left { - text-align: $left; -} - -th.center, -td.center { - text-align: center; -} - -th.right, -td.right { - text-align: $right; - padding-#{$right}: 1em; -} - -tr.vtop { - th, - td { - vertical-align: top; - } -} - -th.vtop, -td.vtop { - vertical-align: top; -} - -tr.vmiddle { - th, - td { - vertical-align: middle; - } -} - -th.vmiddle, -td.vmiddle { - vertical-align: middle; -} - -tr.vbottom { - th, - td { - vertical-align: bottom; - } -} - -th.vbottom, -td.vbottom { - vertical-align: bottom; -} - -.paddingtop { - padding-top: 1em; -} - -.separator { - color: #fff; - text-shadow: 0 1px 0 #000; -} - -div.tools { - padding: 0.2em; - - a { - color: #3a7ead !important; - } - - margin-top: 0; - margin-bottom: 0.5em; - // avoid a thick line since this should be used under another fieldset - border-top: 0; - text-align: $right; - float: none; - clear: both; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 5px; -} - -fieldset.tblFooters { - margin-top: 0; - margin-bottom: 0.5em; - // avoid a thick line since this should be used under another fieldset - border-top: 0; - text-align: $right; - float: none; - clear: both; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; -} - -div.null_div { - height: 20px; - text-align: center; - font-style: normal; - min-width: 50px; -} - -fieldset { - .formelement { - float: $left; - margin-#{$right}: 0.5em; - // IE - white-space: nowrap; - } - - // revert for Gecko - div[class=formelement] { - white-space: normal; - } -} - -button.mult_submit { - border: none; - background-color: transparent; -} - -// odd items 1,3,5,7... -table tbody:first-of-type tr:nth-child(odd), -table tbody:first-of-type tr:nth-child(odd) th, -#table_index tbody:nth-of-type(odd) tr, -#table_index tbody:nth-of-type(odd) th { - background: #fff; -} - -// even items 2,4,6,8... -table tbody:first-of-type tr:nth-child(even), -table tbody:first-of-type tr:nth-child(even) th, -#table_index tbody:nth-of-type(even) tr, -#table_index tbody:nth-of-type(even) th { - background: #dfdfdf; -} - -table tr { - text-align: $left; - - th { - text-align: $left; - } -} - -// marked table rows -td.marked:not(.nomarker), -table tr.marked:not(.nomarker) td, -table tbody:first-of-type tr.marked:not(.nomarker) th, -table tr.marked:not(.nomarker) { - background: linear-gradient(#ced6df, #b6c6d7); - color: $browse-marker-color; -} - -// hovered items -table tbody:first-of-type tr:not(.nopointer):hover, -table tbody:first-of-type tr:not(.nopointer):hover th, -.hover:not(.nopointer) { - background: linear-gradient(#ced6df, #b6c6d7); - color: $browse-pointer-color; -} - -// hovered table rows -#table_index tbody:hover tr, -#table_index tbody:hover th, -table tr.hover:not(.nopointer) th { - background: linear-gradient(#ced6df, #b6c6d7); - color: $browse-pointer-color; -} - -/** - * marks table rows/cells if the db field is in a where condition - */ -.condition { - border-color: $browse-marker-color !important; -} - -th.condition { - border-width: 1px 1px 0 1px; - border-style: solid; -} - -td.condition { - border-width: 0 1px 0 1px; - border-style: solid; -} - -tr:last-child td.condition { - border-width: 0 1px 1px 1px; -} - -@if $direction == ltr { - // for first th which must have right border set (ltr only) - .before-condition { - border-#{$right}: 1px solid $browse-marker-color; - } -} - -/** - * cells with the value NULL - */ -td.null { - font-style: italic; - color: #7d7d7d; -} - -table { - .valueHeader, - .value { - text-align: $right; - white-space: normal; - } - - // IE doesnt handles 'pre' right - [class=value] { - white-space: normal; - } -} - -.value { - font-family: $font-family-fixed; -} - -.attention { - color: red; - font-weight: bold; -} - -.allfine { - color: green; -} - -img.lightbulb { - cursor: pointer; -} - -.pdflayout { - overflow: hidden; - clip: inherit; - background-color: #fff; - display: none; - border: 1px solid #000; - position: relative; -} - -.pdflayout_table { - background: #d3dce3; - color: #000; - overflow: hidden; - clip: inherit; - z-index: 2; - display: inline; - visibility: inherit; - cursor: move; - position: absolute; - font-size: 80%; - border: 1px dashed #000; -} - -// Doc links in SQL -.cm-sql-doc { - text-decoration: none; - border-bottom: 1px dotted #000; - color: inherit !important; -} - -// no extra space in table cells -td .icon { - image-rendering: pixelated; - margin: 0; -} - -.selectallarrow { - margin-#{$right}: 0.3em; - margin-#{$left}: 0.6em; -} - -.with-selected { - margin-#{$left}: 2em; -} - -// message boxes: error, confirmation -#pma_errors, -#pma_demo, -#pma_footer { - position: relative; - padding: 0 0.5em; -} - -.success h1, -.notice h1 { - border-bottom: 2px solid; - font-weight: bold; - text-align: $left; - margin: 0 0 0.2em 0; -} - -div { - &.error h1 { - border-bottom: 2px solid; - font-weight: bold; - text-align: $left; - margin: 0 0 0.2em 0; - } - - &.success, - &.notice, - &.error { - margin: 0.5em 0 0.5em; - border: 1px solid; - background-repeat: no-repeat; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - -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; - } - } -} - -.success a, -.notice a, -.error a { - text-decoration: underline; -} - -.success { - color: #000; - background-color: #ebf8a4; -} - -h1.success, -div.success { - border-color: #a2d246; -} - -.success h1 { - border-color: #0f0; -} - -.notice { - color: #000; - background-color: #e8eef1; -} - -h1.notice, -div.notice { - border-color: #3a6c7e; -} - -.notice h1 { - border-color: #ffb10a; -} - -.error { - border: 1px solid maroon !important; - color: #000; - background: pink; -} - -h1.error { - border-color: #333; -} - -div.error { - border-color: #333; - - h1 { - border-color: #f00; - } -} - -.confirmation { - color: #000; - background-color: pink; -} - -// end messageboxes - -.new_central_col { - width: 100%; -} - -.tblcomment { - font-size: 70%; - font-weight: normal; - color: #009; -} - -.tblHeaders { - font-weight: bold; - color: $th-color; - background: $th-background; -} - -div.tools, -.tblFooters { - font-weight: normal; - color: $th-color; - background: $th-background; -} - -.tblHeaders a { - &:link, - &:active, - &:visited { - color: #00f; - } -} - -div.tools a { - &:link, - &:visited, - &:active { - color: #00f; - } -} - -.tblFooters a { - &:link, - &:active, - &:visited { - color: #00f; - } -} - -.tblHeaders a:hover, -div.tools a:hover, -.tblFooters a:hover { - color: #f00; -} - -// forbidden, no privileges -.noPrivileges { - color: #f00; - font-weight: bold; -} - -// disabled text -.disabled { - color: #666; - - a { - &:link, - &:active, - &:visited { - color: #666; - } - - &:hover { - color: #666; - text-decoration: none; - } - } -} - -tr.disabled td, -td.disabled { - background-color: #f3f3f3; - color: #aaa; -} - -.nowrap { - white-space: nowrap; -} - -/** - * login form - */ -body#loginform { - margin: 1em 0 0 0; - text-align: center; - - h1, - a.logo { - display: block; - text-align: center; - } - - div.container { - text-align: $left; - width: 30em; - margin: 0 auto; - } -} - -#login_form { - text-align: $left; -} - -div.container.modal_form { - margin: 0 auto; - width: 30em; - text-align: center; - background: #fff; - z-index: 999; -} - -div#modalOverlay { - position: fixed; - top: 0; - #{$left}: 0; - height: 100%; - width: 100%; - background: #fff; - z-index: 900; -} - -form.login { - label { - width: 10em; - font-weight: bolder; - display: inline-block; - margin-#{$left}: 2em; - } - - input { - &[type=text], - &[type=password] { - box-sizing: border-box; - width: 14em; - } - } - - select { - box-sizing: border-box; - width: 14em; - } -} - -.commented_column { - border-bottom: 1px dashed #000; -} - -.column_attribute { - font-size: 70%; -} - -.column_name { - font-size: 80%; - margin: 5px 2px; -} - -.cfg_dbg_demo { - margin: 0.5em 1em 0.5em 1em; -} - -.central_columns_navigation { - padding: 1.5% 0 !important; -} - -.central_columns_add_column { - display: inline-block; - margin-#{$left}: 1%; - max-width: 50%; -} - -.message_errors_found { - margin-top: 20px; -} - -.repl_gui_skip_err_cnt { - width: 30px; -} - -.font_weight_bold { - font-weight: bold; -} - -.color_gray { - color: gray; -} - -.max_height_400 { - max-height: 400px; -} - -.color_red { - color: red; -} - -.pma_sliding_message { - display: inline-block; -} - -li.last.database { - margin-bottom: 15px !important; -} - -/* specific elements */ - -#topmenu { - margin-top: 0.5em; - padding: 0.1em 0.3em; - - a { - text-shadow: 0 1px 0 #fff; - } - - .error { - background: #eee; - border: 0 !important; - color: #aaa; - } -} - -ul { - &#topmenu, - &#topmenu2, - &.tabs { - font-weight: bold; - list-style-type: none; - margin: 0; - padding: 0; - } - - &#topmenu2 { - margin: 0.25em 0.5em 0; - height: 2em; - clear: both; - } - - &#topmenu li, - &#topmenu2 li { - float: left; - margin: 0; - vertical-align: middle; - } -} - -#topmenu img, -#topmenu2 img { - margin-#{$right}: 0.5em; - vertical-align: -3px; -} - -.menucontainer { - background: linear-gradient(#fff, #dcdcdc); - border-top: 1px solid #aaa; -} - -.scrollindicator { - display: none; -} - -// default tab styles -.tabactive { - background: #fff !important; -} - -ul#topmenu2 a { - display: block; - margin: 7px 6px 7px; - margin-#{$left}: 0; - padding: 4px 10px; - white-space: nowrap; - border: 1px solid #ddd; - border-radius: 20px; - -moz-border-radius: 20px; - -webkit-border-radius: 20px; - background: #f2f2f2; -} - -span { - &.caution { - color: #f00; - } - - &.success { - color: green; - } -} - -fieldset.caution a { - color: #f00; - - &:hover { - color: #fff; - background-color: #f00; - } -} - -ul { - &#topmenu { - ul { - @if $direction == rtl { - -moz-box-shadow: -1px 1px 6px #ddd; - -webkit-box-shadow: -2px 2px 3px #666; - box-shadow: -2px 2px 3px #666; - } @else { - -moz-box-shadow: 1px 1px 6px #ddd; - -webkit-box-shadow: 2px 2px 3px #666; - box-shadow: 2px 2px 3px #666; - } - - &.only { - #{$left}: 0; - } - } - - > li { - border-#{$right}: 1px solid #fff; - border-#{$left}: 1px solid #ccc; - border-bottom: 1px solid #ccc; - - &:first-child { - border-#{$left}: 0; - } |