diff options
Diffstat (limited to 'srcs/phpmyadmin/themes/pmahomme/scss/_navigation.scss')
| -rw-r--r-- | srcs/phpmyadmin/themes/pmahomme/scss/_navigation.scss | 488 |
1 files changed, 0 insertions, 488 deletions
diff --git a/srcs/phpmyadmin/themes/pmahomme/scss/_navigation.scss b/srcs/phpmyadmin/themes/pmahomme/scss/_navigation.scss deleted file mode 100644 index 309a3f0..0000000 --- a/srcs/phpmyadmin/themes/pmahomme/scss/_navigation.scss +++ /dev/null @@ -1,488 +0,0 @@ -// Navigation styles for the pmahomme theme -#pma_navigation { - width: $navi-width; - position: fixed; - top: 0; - #{$left}: 0; - height: 100vh; - background: url('../img/left_nav_bg.png') repeat-y right 0 $navi-background; - 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-#{$left}: 0.75em; - border-#{$left}: 1px solid #666; - } - } - - #pmalogo, - #serverChoice, - #navipanellinks, - #recentTableList, - #favoriteTableList, - #databaseList, - div.pageselector.dbselector { - text-align: center; - padding: 5px 10px 0; - border: 0; - } - - #navipanellinks .icon { - 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; - #{$left}: 0; - z-index: 0; - - > img.throbber { - display: none; - margin: 0.3em auto 0; - } -} - -#pma_navigation_select_database { - text-align: $left; - padding: 0 0 0; - border: 0; - margin: 0; -} - -#pma_navigation_db_select { - margin-top: 0.5em; - margin-#{$left}: 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; - } -} - -#pma_navigation_tree { - margin: 0; - margin-#{$left}: 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-#{$left}: 4px; - } - - .navItemControls { - display: none; - padding-#{$left}: 4px; - } - - &.activePointer .navItemControls { - display: inline; - opacity: 0.5; - - &:hover { - display: inline; - 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; - } - - div { - &.block { - position: relative; - width: 1.5em; - height: 1.5em; - min-width: 16px; - min-height: 16px; - float: $left; - - &.double { - width: 2.5em; - } - - i, - b { - width: 1.5em; - height: 1.7em; - min-width: 16px; - min-height: 8px; - position: absolute; - bottom: 0.7em; - #{$left}: 0.75em; - z-index: 0; - } - - // Top and right segments for the tree element connections - i { - display: block; - border-#{$left}: 1px solid #666; - border-bottom: 1px solid #666; - position: relative; - z-index: 0; - - // Removes top segment - &.first { - border-#{$left}: 0; - } - } - - // Bottom segment for the tree element connections - b { - display: block; - height: 0.75em; - bottom: 0; - #{$left}: 0.75em; - border-#{$left}: 1px solid #666; - } - - a, - u { - position: absolute; - #{$left}: 50%; - top: 50%; - z-index: 10; - } - - a + a { - #{$left}: 100%; - } - - &.double { - a, - u { - #{$left}: 33%; - } - - a + a { - #{$left}: 85%; - } - } - - img { - position: relative; - top: -0.6em; - #{$left}: 0; - margin-#{$left}: -7px; - } - } - - &.throbber img { - top: 2px; - #{$left}: 2px; - } - } - - li { - &.last > ul { - background: none; - } - - > { - a, - i { - line-height: 1.5em; - height: 1.5em; - padding-#{$left}: 0.3em; - } - } - } - - .list_container { - border-#{$left}: 1px solid #666; - margin-#{$left}: 0.75em; - padding-#{$left}: 0.75em; - } - - .last > .list_container { - border-#{$left}: 0 solid #666; - } -} - -// Fast filter -li.fast_filter { - padding-#{$left}: 0.75em; - margin-#{$left}: 0.75em; - padding-#{$right}: 35px; - border-#{$left}: 1px solid #666; - list-style: none; - - input { - margin: 3px 0 0 0; - font-size: 0.7em; - padding-top: 2px; - padding-bottom: 2px; - padding-#{$left}: 4px; - padding-#{$right}: 1.7em; - width: 100%; - } - - span { - position: relative; - #{$right}: 1.5em; - padding: 0.2em; - cursor: pointer; - font-weight: bold; - color: #800; - font-size: 0.7em; - } - - &.db_fast_filter { - border: 0; - margin-#{$left}: 0; - margin-#{$right}: 10px; - } -} - -// IE10+ has its own reset X -html.ie { - li.fast_filter { - span { - display: none; - } - - input { - padding-#{$right}: 0.2em; - } - } - - &.ie9, - &.ie8 { - li.fast_filter { - span { - display: auto; - } - - input { - padding-#{$right}: 1.7em; - } - } - } -} - -#navigation_controls_outer { - min-height: 21px !important; - - &.activePointer { - background-color: transparent !important; - } -} - -#navigation_controls { - float: $right; - padding-#{$right}: 23px; -} - -// Resize handler -#pma_navigation_resizer { - width: 3px; - height: 100%; - background-color: #aaa; - cursor: col-resize; - position: fixed; - top: 0; - #{$left}: 240px; - z-index: 801; -} - -#pma_navigation_collapser { - width: 20px; - height: 22px; - line-height: 22px; - background: #eee; - color: #555; - font-weight: bold; - position: fixed; - top: 0; - #{$left}: $navi-width; - text-align: center; - cursor: pointer; - z-index: 800; - text-shadow: 0 1px 0 #fff; - filter: dropshadow(color = #fff, offx = 0, offy = 1); - border: 1px solid #888; -} - -// Quick warp links -.pma_quick_warp { - margin-top: 5px; - margin-#{$left}: 2px; - position: relative; - - .drop_list { - float: $left; - margin-#{$left}: 3px; - padding: 2px 0; - - &:hover { - .drop_button { - background: #fff; - } - - ul { - display: block; - } - } - - ul { - position: absolute; - margin: 0; - padding: 0; - overflow: hidden; - overflow-y: auto; - list-style: none; - background: #fff; - border: 1px solid #ddd; - border-radius: 0.3em; - border-top-right-radius: 0; - border-bottom-right-radius: 0; - box-shadow: 0 0 5px #ccc; - top: 100%; - #{$left}: 3px; - #{$right}: 0; - display: none; - z-index: 802; - } - - li { - white-space: nowrap; - padding: 0; - border-radius: 0; - - img { - vertical-align: sub; - } - - &:hover { - background: #f2f2f2; - } - } - - a { - display: block; - padding: 0.2em 0.3em; - - &.favorite_table_anchor { - clear: $left; - float: $left; - padding: 0.1em 0.3em 0; - } - } - } - - .drop_button { - padding: 0.3em; - border: 1px solid #ddd; - border-radius: 0.3em; - background: #f2f2f2; - cursor: pointer; - } -} |
