--- /dev/null
+/** theme "easy on the eyes" for Adminer by p.galkaev@miraidenshi-tech.jp */\r
+\r
+@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900);\r
+\r
+/* reset\r
+ ----------------------------------------------------------------------- */\r
+\r
+*,\r
+*:after,\r
+*:before {\r
+ margin: 0;\r
+ padding: 0;\r
+ outline: none;\r
+ cursor: default;\r
+ -webkit-appearance: none;\r
+ -moz-box-sizing: border-box;\r
+ -webkit-box-sizing: border-box;\r
+ box-sizing: border-box;\r
+ -webkit-print-color-adjust: exact;\r
+}\r
+\r
+/* for font awesome */\r
+*:not(.fa) {\r
+ font-family: 'Source Sans Pro', sans-serif;\r
+}\r
+\r
+#logins a, #tables a, #tables span {\r
+ background: none;\r
+}\r
+\r
+p,\r
+form\r
+{\r
+ margin: 0;\r
+ margin-bottom: 20px;\r
+ font-size: 14px;\r
+}\r
+\r
+p:last-child,\r
+form:last-child\r
+{\r
+ margin-bottom: 0;\r
+}\r
+\r
+.type,\r
+.options select\r
+{\r
+ width: 100%;\r
+}\r
+\r
+sup{\r
+ display: none;\r
+}\r
+\r
+/* js tooltip\r
+ ----------------------------------------------------------------------- */\r
+\r
+.js .column {\r
+ position: absolute;\r
+ padding: 0;\r
+ margin-top: 0;\r
+ top: 50px;\r
+ z-index: 9;\r
+ left: 0px;\r
+ width: 100%;\r
+}\r
+\r
+.js .column:not(.hidden){\r
+ display: flex;\r
+}\r
+\r
+.js .column a{\r
+ text-align: center;\r
+ color: black;\r
+ font-weight: bold;\r
+ flex-grow: 1;\r
+ background: #fb4;\r
+ height: 40px;\r
+ line-height: 40px;\r
+ font-size: 15px;\r
+ font-weight: normal;\r
+}\r
+\r
+.js .column a:hover{\r
+ background-color: gold;\r
+ color: black;\r
+}\r
+\r
+#help {\r
+ position: absolute;\r
+ border: none;\r
+ background: #fb4;\r
+ font-family: monospace;\r
+ z-index: 1;\r
+ font-size: 14px;\r
+ line-height: 30px;\r
+ padding: 0;\r
+}\r
+\r
+#help a{\r
+ color: black;\r
+ height: 100%;\r
+ display: block;\r
+ padding: 0 10px;\r
+}\r
+\r
+#help a:hover{\r
+ background-color: gold;\r
+}\r
+\r
+#help, .js .column{\r
+ display: none;\r
+}\r
+\r
+/* error and message\r
+ ----------------------------------------------------------------------- */\r
+\r
+.error, .message {\r
+ padding: 5px 15px 7px;\r
+ margin: 10px 0;\r
+ font-size: 14px;\r
+ display: table;\r
+ border-radius: 3px;\r
+ color: white;\r
+}\r
+\r
+.error{\r
+ background-color: crimson;\r
+}\r
+\r
+.message{\r
+ background-color: seagreen;\r
+}\r
+\r
+/* scroll bar\r
+ ----------------------------------------------------------------------- */\r
+\r
+::selection {\r
+ background-color: #2a65ae;\r
+}\r
+/*\r
+::-moz-selection {\r
+ background-color: #333;\r
+}*/\r
+\r
+/* scroll bar\r
+ ----------------------------------------------------------------------- */\r
+\r
+::-webkit-scrollbar {\r
+ background-color: black;\r
+ cursor: pointer;\r
+}\r
+\r
+::-webkit-scrollbar-thumb {\r
+ background-color: #555;\r
+ cursor: pointer;\r
+}\r
+\r
+::-webkit-scrollbar:vertical{\r
+ width: 6px;\r
+}\r
+\r
+::-webkit-scrollbar-thumb:vertical{\r
+ border-left: 0px solid black;\r
+ width: 6px;\r
+}\r
+\r
+::-webkit-scrollbar:horizontal{\r
+ height: 6px;\r
+}\r
+\r
+::-webkit-scrollbar-thumb:horizontal{\r
+ border-top: 0px solid black;\r
+ height: 6px;\r
+}\r
+\r
+::-webkit-scrollbar-corner{\r
+ color: black;\r
+ background-color: black;\r
+ border-color: black;\r
+}\r
+\r
+::-webkit-resizer{\r
+ background-color: #555;\r
+ border-radius: 100%;\r
+}\r
+\r
+/* html and body\r
+ ----------------------------------------------------------------------- */\r
+\r
+html,\r
+body {\r
+ width: 100%;\r
+ height: 100%;\r
+ max-height: 100%;\r
+ overflow: hidden;\r
+\r
+}\r
+\r
+body{\r
+ min-height: 100%;\r
+ font-size: 14px;\r
+ position: relative;\r
+ color: #ccc;\r
+ background-color: black;\r
+ overflow: hidden;\r
+ display: flex;\r
+ flex-wrap: nowrap;\r
+ font: inherit;\r
+}\r
+\r
+/* headings\r
+ ----------------------------------------------------------------------- */\r
+\r
+h1{\r
+ font-size: 24px;\r
+ margin: 0;\r
+ padding: 0 18px;\r
+ border-bottom: 1px solid #444;\r
+ font-weight: bold;\r
+ height: 70px;\r
+ line-height: 70px;\r
+ color: #555;\r
+ background: none;\r
+}\r
+\r
+h2{\r
+ font-size: 24px; \r
+ margin: 0; \r
+ padding: 0;\r
+ padding-left: 50px;\r
+ border-bottom: 1px solid #333;\r
+ color: #2CC990;\r
+ font-weight: bold;\r
+ background: none;\r
+ height: 70px;\r
+ line-height: 70px;\r
+ text-transform: uppercase;\r
+}\r
+\r
+h3{\r
+ font-weight: bold;\r
+ font-size: 24px;\r
+ margin: 40px 0 10px;\r
+ color: #2CC990;\r
+ padding-bottom: 5px;\r
+}\r
+\r
+/* links\r
+ ----------------------------------------------------------------------- */\r
+\r
+a{\r
+ color: inherit;\r
+ cursor: pointer;\r
+}\r
+\r
+a:hover, a:visited{\r
+ color: inherit;\r
+}\r
+\r
+a:link:hover, a:visited:hover {\r
+ color: inherit;\r
+ text-decoration: none;\r
+}\r
+\r
+/* table\r
+ ----------------------------------------------------------------------- */\r
+\r
+table{\r
+ margin: 0;\r
+ margin-bottom: 20px;\r
+ border: 0;\r
+ border-collapse: collapse;\r
+ font-size: 13px;\r
+ width: 100%;\r
+ /*table-layout: fixed;*/\r
+}\r
+\r
+tr:hover th,\r
+.checked th\r
+{\r
+ background: #333 !important;\r
+ color: #ddd;\r
+ border-color: none;\r
+}\r
+\r
+tr:hover td,\r
+.checked td\r
+{\r
+ background: #222 !important;\r
+ color: #ddd;\r
+ border-color: none;\r
+}\r
+\r
+.links + table tr:hover th{\r
+ color: #ddd;\r
+ background: #336f5a !important;\r
+}\r
+\r
+.links + table tr:hover td{\r
+ background: #2CC990 !important;\r
+ color: #333;\r
+}\r
+\r
+p + table{\r
+ margin-top: 20px;\r
+}\r
+\r
+tr{\r
+ padding-bottom: 1px;\r
+}\r
+\r
+td, th {\r
+ border: 0;\r
+ border-right: 1px solid #333;\r
+ padding: 0 12px;\r
+ line-height: 30px;\r
+ position: relative;\r
+}\r
+\r
+td:last-child,\r
+th:last-child{\r
+ border-right: none;\r
+}\r
+\r
+th{\r
+ position: relative;\r
+ background: #222;\r
+ font-weight: normal;\r
+ width: 17%;\r
+ border-left: 5px solid #336f5a;\r
+ border-bottom: 1px solid rgba(255, 255, 255, .13);\r
+ color: #999;\r
+}\r
+\r
+.checkable td:first-child{\r
+ background: #222;\r
+ border-right-style: solid;\r
+}\r
+\r
+table.checkable th{\r
+ border-left: none;\r
+}\r
+\r
+td{\r
+ background: #000;\r
+ border-bottom: 1px solid rgba(255, 255, 255, .1);\r
+}\r
+\r
+.odd th{\r
+ background: #222;\r
+}\r
+\r
+.odd td{\r
+ background: #000;\r
+}\r
+\r
+thead td,\r
+thead th\r
+{\r
+ background: transparent !important;\r
+ color: #ccc;\r
+ border-right-style: dashed;\r
+ font-weight: bold;\r
+}\r
+\r
+table#edit-fields td,\r
+table#edit-fields th\r
+{\r
+ padding: 0;\r
+ padding-left: 5px;\r
+}\r
+\r
+table#edit-fields thead th,\r
+table#edit-fields thead td\r
+{\r
+ padding-left: 10px;\r
+}\r
+\r
+thead tr:hover th,\r
+thead tr:hover td,\r
+.links + table thead tr:hover th,\r
+.links + table thead tr:hover td,\r
+table#edit-fields thead tr:hover th,\r
+table#edit-fields thead tr:hover td\r
+{\r
+ background-color: transparent !important;\r
+ color: inherit !important;\r
+ border-bottom: 1px solid rgba(255, 255, 255, .1) !important;\r
+}\r
+\r
+thead tr:hover th{\r
+ border-bottom: 1px solid rgba(255, 255, 255, .13) !important;\r
+}\r
+\r
+thead th {\r
+ border-left-color: transparent;\r
+ text-align: left;\r
+ padding: 10px;\r
+}\r
+\r
+/* form\r
+ ----------------------------------------------------------------------- */\r
+\r
+input,\r
+select,\r
+textarea\r
+{\r
+ color: #333;\r
+ font-size: 15px;\r
+ height: 30px;\r
+ background-color: #ddd;\r
+ border: none;\r
+ border-radius: 3px;\r
+ line-height: 28px;\r
+ cursor: pointer;\r
+ padding: 0;\r
+ padding-left: 10px;\r
+ -webkit-appearance: none;\r
+ outline: none;\r
+}\r
+\r
+input:hover,\r
+select:hover,\r
+input:focus,\r
+select:focus\r
+{\r
+ background-color: #bbb;\r
+}\r
+\r
+th input,\r
+td input,\r
+th select,\r
+td select,\r
+td textarea\r
+{\r
+ background-color: transparent;\r
+ color: pink;\r
+ width: 100%;\r
+ display: inline;\r
+ border-left: 1px dashed #555;\r
+ border-radius: 0;\r
+}\r
+\r
+th input:hover,\r
+th select:hover,\r
+td input:hover,\r
+td select:hover,\r
+th input:focus,\r
+th select:focus,\r
+td input:focus,\r
+td select:focus\r
+{\r
+ background-color: rgba(255, 255, 255, .15);\r
+}\r
+\r
+th input[type='checkbox'],\r
+th input[type='radio'],\r
+td input[type='checkbox'],\r
+td input[type='radio']{\r
+ border-left: none;\r
+ background-color: transparent !important;\r
+}\r
+\r
+\r
+td input + a,\r
+td input + a:visited\r
+{\r
+ text-transform: uppercase;\r
+ margin-left: 5px;\r
+ color: dodgerblue;\r
+ font-size: 12px;\r
+ font-weight: normal;\r
+}\r
+\r
+td input + a:hover{\r
+ color: lightskyblue !important;\r
+}\r
+\r
+input.icon{\r
+ padding-left: 0;\r
+}\r
+\r
+input.icon::after{\r
+ content: '';\r
+}\r
+\r
+th select,\r
+td select\r
+{\r
+ color: lightcoral;\r
+}\r
+\r
+input[type='number'] {\r
+ min-width: 55px;\r
+}\r
+\r
+/* radio */\r
+input[type='radio']{\r
+ -webkit-appearance: radio;\r
+ width: 18px;\r
+ height: 18px;\r
+ vertical-align: middle;\r
+ margin-left: 8px;\r
+ margin-right: 0; \r
+}\r
+\r
+/* checkbox */\r
+input[type='checkbox']{\r
+ width: 30px;\r
+ height: 30px;\r
+ margin-right: 6px;\r
+ position: relative;\r
+ border-radius: 2px;\r
+ margin-left: 20px;\r
+}\r
+\r
+input[type=checkbox]:hover{\r
+ border-color: white;\r
+}\r
+\r
+input[type=checkbox]::after {\r
+ cursor: pointer;\r
+ position: absolute;\r
+ content: '×';\r
+ left: 17%;\r
+ top: 4.5%;\r
+ color: #ccc;\r
+ font-size: 35px;\r
+ font-family: sans-serif;\r
+ font-weight: bold;\r
+}\r
+\r
+input[type=checkbox]:hover::after {\r
+ color: #aaa;\r
+}\r
+\r
+input[type=checkbox]:checked::after {\r
+ color: #333;\r
+}\r
+\r
+td input[type='checkbox'],\r
+th input[type='checkbox']\r
+{\r
+ margin-left: 10px;\r
+ margin-right: 26px;\r
+}\r
+\r
+td input[type='checkbox']::after{\r
+ left: 10%;\r
+ top: -2px;\r
+ color: #333;\r
+}\r
+\r
+td input[type='checkbox']:hover::after{\r
+ color: #555;\r
+}\r
+\r
+td input[type='checkbox']:checked::after{\r
+ color: #ddd;\r
+}\r
+\r
+p input:first-child{\r
+ margin-left: 8px;\r
+}\r
+\r
+label{\r
+ line-height: 27px;\r
+ font-size: 14px;\r
+}\r
+\r
+th label{\r
+ line-height: 35px;\r
+}\r
+\r
+label input {\r
+ vertical-align: top;\r
+}\r
+\r
+/* submit */\r
+input[type='submit']{\r
+ color: white;\r
+ background-color: royalblue;\r
+ padding: 0 25px;\r
+ margin-right: 20px;\r
+ border-radius: 2px;\r
+}\r
+\r
+input[type='submit']:hover{\r
+ background-color: #214ac5;\r
+}\r
+\r
+/* select */\r
+select{\r
+ padding-left: 6px;\r
+}\r
+\r
+/* textarea */\r
+textarea{\r
+ min-height: 150px;\r
+ width: 100%;\r
+}\r
+\r
+/* fieldset */\r
+fieldset {\r
+ display: inline;\r
+ vertical-align: top;\r
+ padding: 4px 7px 7px;\r
+ margin: 0 5px 10px;\r
+ border: 1px dashed #555;\r
+ border-radius: 2px;\r
+ min-height: 60px;\r
+}\r
+\r
+fieldset > div{\r
+ display: flex;\r
+}\r
+\r
+fieldset > div * + p{\r
+ margin-left: 10px;\r
+}\r
+\r
+fieldset > div > div{\r
+ margin-left: 10px;\r
+}\r
+\r
+fieldset > div > div:first-child{\r
+ margin-left: 0;\r
+}\r
+\r
+fieldset > div input,\r
+fieldset > div select\r
+{\r
+ margin-right: 5px;\r
+}\r
+\r
+fieldset > div input[type='checkbox']{\r
+ margin-left: 5px;\r
+}\r
+\r
+fieldset input{\r
+ flex-grow: 1;\r
+}\r
+\r
+fieldset input[type='submit']{\r
+ margin-right: 10px;\r
+}\r
+\r
+fieldset input[type='submit']:last-of-type{\r
+ margin-right: 0;\r
+}\r
+\r
+legend{\r
+ font-size: 14px;\r
+ background-color: #000;\r
+ padding: 0 3px;\r
+ color: #999;\r
+}\r
+\r
+/* menu\r
+ ----------------------------------------------------------------------- */\r
+\r
+#menu{\r
+ height: 100%;\r
+ width: 300px;\r
+ background-color: #333;\r
+ position: relative;\r
+ order: 1;\r
+ flex-grow: 0;\r
+ flex-shrink: 0;\r
+ margin: 0;\r
+ padding: 0;\r
+ top: 0;\r
+ overflow-y: overlay;\r
+}\r
+\r
+#menu p {\r
+ padding: 18px;\r
+ margin: 0;\r
+ border-bottom: 1px solid #444;\r
+}\r
+\r
+/* logo */\r
+#h1{\r
+ color: #555;\r
+ text-decoration: none;\r
+ font-style: inherit;\r
+}\r
+\r
+.version {\r
+ color: #555;\r
+ font-size: inherit;\r
+}\r
+\r
+/* db select */\r
+#dbs select{\r
+ width: 228px;\r
+ margin-left: 8px;\r
+}\r
+\r
+/* links */\r
+#menu .links{\r
+ padding-top: 0;\r
+ padding-bottom: 10px;\r
+}\r
+\r
+#menu .links a:nth-child(even){\r
+ margin-left: 6px;\r
+}\r
+\r
+#menu .links a{\r
+ display: inline-block;\r
+ vertical-align: top;\r
+ width: 127px;\r
+ height: 31px;\r
+ margin: 0;\r
+ margin-bottom: 10px;\r
+ border: 1px solid #555;\r
+ line-height: 27px;\r
+ text-align: center;\r
+ text-transform: uppercase;\r
+ font-size: 12px;\r
+ border-radius: 3px;\r
+ color: #999;\r
+}\r
+\r
+#menu .links a.active,\r
+#menu .links a:hover\r
+{\r
+ border: 1px solid #ccc;\r
+ font-weight: normal;\r
+ color: inherit;\r
+}\r
+\r
+/* tables */\r
+#menu p#tables{\r
+ border-bottom: none;\r
+ line-height: 20px;\r
+ padding: 18px 0;\r
+ overflow-y: auto !important;\r
+}\r
+\r
+#tables br{\r
+ display: none;\r
+}\r
+\r
+#tables a {\r
+ float: right;\r
+ padding: 5px 18px 9px;\r
+ line-height: 17px;\r
+ color: #2CC990;\r
+ font-size: 13px;\r
+}\r
+\r
+#tables a[title] {\r
+ float: none;\r
+ display: block;\r
+ color: inherit;\r
+ font-size: 14px;\r
+}\r
+\r
+#tables a.select.active,\r
+#tables a.select:hover\r
+{\r
+ color: #fba;\r
+}\r
+\r
+#tables a[title]:hover,\r
+#tables a.active,\r
+#tables a.select:hover + a,\r
+#tables a.select.active + a\r
+{\r
+ background-color: #555;\r
+ font-weight: normal;\r
+}\r
+\r
+/* content\r
+ ----------------------------------------------------------------------- */\r
+\r
+#content{\r
+ height: 100%;\r
+ width: 100%;\r
+ margin: 0;\r
+ padding: 0;\r
+ padding-left: 50px;\r
+ padding-right: 50px;\r
+ padding-bottom: 30px;\r
+ overflow-y: auto !important;\r
+ order: 2;\r
+ flex-grow: 1;\r
+}\r
+\r
+#breadcrumb{\r
+ position: relative;\r
+ display: none;\r
+}\r
+\r
+#content h2{\r
+ margin-left: -50px;\r
+}\r
+\r
+/* links */\r
+#content .links a,\r
+code.jush-sql ~ a,\r
+#fieldset-history > a:first-child\r
+{\r
+ display: inline-block;\r
+ height: 32px;\r
+ line-height: 30px;\r
+ padding: 0 10px;\r
+ border: 1px solid #666;\r
+ border-radius: 3px;\r
+ font-size: 12px;\r
+ text-transform: uppercase;\r
+}\r
+\r
+#content .links a:hover,\r
+code.jush-sql ~ a:hover,\r
+#fieldset-history > a:first-child:hover\r
+{\r
+ color: #eee;\r
+ border-color: #eee;\r
+}\r
+\r
+#ajaxstatus + *{\r
+ margin-top: 18px;\r
+}\r
+\r
+#ajaxstatus + *.links {\r
+ margin-top: 0 !important;\r
+ height: 65px;\r
+ line-height: 55px;\r
+ margin-bottom: 0;\r
+}\r
+\r
+#ajaxstatus + .links a{\r
+ white-space: nowrap;\r
+ margin-right: 20px;\r
+ padding: 0;\r
+ padding-bottom: 5px;\r
+ border: 0;\r
+ border-radius: 0;\r
+ font-size: 15px;\r
+ font-weight: bold;\r
+}\r
+\r
+#ajaxstatus + .links a.active,\r
+#ajaxstatus + .links a:hover\r
+{\r
+ border-bottom: 1px solid;\r
+ border-color: inherit;\r
+ color: inherit;\r
+}\r
+\r
+/* fieldset search */\r
+#fieldset-search > div > *{\r
+ margin-right: 5px;\r
+ margin-bottom: 5px;\r
+}\r
+\r
+/* fieldset search */\r
+#fieldset-partition p{\r
+ margin-bottom: 0;\r
+}\r
+\r
+/* feldset history */\r
+#fieldset-history{\r
+ flex-wrap: wrap;\r
+}\r
+\r
+#fieldset-history i{\r
+ display: none;\r
+}\r
+\r
+#fieldset-history input[type='submit']{\r
+ flex-grow: 0;\r
+ order: 1;\r
+ margin-top: 1px;\r
+ margin-left: 17px;\r
+}\r
+\r
+#fieldset-history > div a:last-child{\r
+ order: 2;\r
+}\r
+\r
+#fieldset-history > a{\r
+ flex-grow: 0;\r
+ flex-basis: 5%;\r
+ min-width: 45px;\r
+ text-align: center;\r
+ margin-bottom: 10px;\r
+ margin-left: 5px;\r
+}\r
+\r
+#fieldset-history > .time{\r
+ flex-grow: 0;\r
+ flex-basis: 5%;\r
+ text-align: center;\r
+ line-height: 29px;\r
+}\r
+\r
+#fieldset-history > code{\r
+ flex-grow: 1;\r
+ flex-basis: 89%;\r
+ line-height: 29px;\r
+}\r
+\r
+#fieldset-history > .time{\r
+ flex-grow: 0;\r
+ flex-basis: 5%;\r
+ text-align: center;\r
+}\r
+\r
+/* sql\r
+ ----------------------------------------------------------------------- */\r
+\r
+.sqlarea{\r
+ border: 1px solid #444 !important;\r
+ width: 100% !important;\r
+ padding: 12px 15px !important;\r
+ font-size: 15px;\r
+ margin-bottom: 20px;\r
+}\r
+\r
+.jush-sql_code{\r
+ color: #fafafa !important;\r
+ font-family: 'Source Sans Pro', sans-serif !important;\r
+}\r
+\r
+.jush a, .jush a:visited{\r
+ color: #fba;\r
+ font-weight: normal;\r
+}\r
+\r
+.jush a:hover{\r
+ color: #fba;\r
+ cursor: pointer;\r
+}\r
+\r
+.jush-php_quo, .jush-quo, .jush-quo_one, .jush-php_eot, .jush-apo, .jush-sql_apo, .jush-sqlite_apo, .jush-sql_quo, .jush-sql_eot{\r
+ color: aquamarine;\r
+}\r
+\r
+.jush-bac, .jush-php_bac, .jush-bra, .jush-mssql_bra, .jush-sqlite_quo{\r
+ color: plum;\r
+}\r
+\r
+.jush-num, .jush-clr{\r
+ color: #85E2FF;\r
+}\r
+\r
+code {\r
+ background: #000;\r
+ font-size: 14px;\r
+}\r
+\r
+code.jush-sql ~ a{\r
+ position: relative;\r
+ margin-left: 5px;\r
+ /*margin-top: 20px;\r
+ margin-bottom: 20px; */\r
+}\r
+\r
+code.jush-sql ~ a:first-of-type{\r
+ margin-left: 30px;\r
+}\r
+\r
+code.jush-sql ~ a:first-of-type::before{\r
+ content: '◀';\r
+ color: #555;\r
+ position: absolute;\r
+ left: -22px;\r
+ font-size: 22px;\r
+ top: -1px;\r
+}\r
+\r
+/* logout form\r
+ ----------------------------------------------------------------------- */\r
+\r
+body > form{\r
+ position: absolute;\r
+}
\ No newline at end of file
projects / adminer.git / commitdiff