123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- /*
- This file is part of RelaxNGui.
- RelaxNGui is free software: you can redistribute it and/or modify it under
- the terms of the GNU General Public License as published by the Free Software
- Foundation, either version 3 of the License, or (at your option) any later
- version.
- RelaxNGui is distributed in the hope that it will be useful, but WITHOUT ANY
- WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
- A PARTICULAR PURPOSE. See the GNU General Public License for more details.
- You should have received a copy of the GNU General Public License along with
- RelaxNGui (file COPYING in the main directory). If not, see
- <http://www.gnu.org/licenses/>.
- */
- .relaxngui_table { }
- .relaxngui_table .relaxngui_table { }
- .relaxngui_table > .relaxngui_table > .relaxngui_table {
- padding: 0;
- padding-top: 0.2em;
- padding-bottom: 0.5em;
- padding-left: 1em;
- }
- .relaxngui_dyn {
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: row;
- align-items: center;
- padding-bottom: 0.25em;
- padding-top: 0.25em;
- margin-left: 0.5em;
- }
- .relaxngui_dyn > *:nth-child(1) {
- margin: 0;
- padding: 0;
- font-size: 1em;
- margin-right: 0.2em;
- margin-left: 0.2em;
- vertical-align: baseline;
- cursor: pointer;
- display: inline-block;
- }
- .relaxngui_dyn > *:nth-child(2) {
- flex: 1 1 auto;
- }
- .relaxngui_dyn > .relaxngui_table { padding: 0; margin: 0; }
- .relaxngui_dyn:nth-child(even) { background-color: #fff; }
- .relaxngui_dyn:nth-child(odd) { background-color: #e9e9e9; }
- .relaxngui_table.even > .relaxngui_row:nth-child(even) { background-color: #fff; }
- .relaxngui_table.even > .relaxngui_row:nth-child(odd) { background-color: #e9e9e9; }
- .relaxngui_table.odd > .relaxngui_row:nth-child(even) { background-color: #e9e9e9; }
- .relaxngui_table.odd > .relaxngui_row:nth-child(odd) { background-color: #fff; }
- .relaxngui_table.even > .relaxngui_hint:nth-child(odd) { background-color: #fff; }
- .relaxngui_table.even > .relaxngui_hint:nth-child(even) { background-color: #e9e9e9; }
- .relaxngui_table.odd > .relaxngui_hint:nth-child(odd) { background-color: #e9e9e9; }
- .relaxngui_table.odd > .relaxngui_hint:nth-child(even) { background-color: #fff; }
- .relaxngui_dyn:nth-child(even) > .relaxngui_table > .relaxngui_row:nth-child(1):nth-last-child(1) {
- background-color: #fff;
- }
- .relaxngui_dyn:nth-child(odd) > .relaxngui_table > .relaxngui_row:nth-child(1):nth-last-child(1) {
- background-color: #e9e9e9;
- }
- .relaxngui_table.even { background-color: #e9e9e9; }
- .relaxngui_table.odd { background-color: #fff; }
- .relaxngui_row {
- width: 100%;
- display: flex;
- flex-direction: row;
- }
- .relaxngui_hint {
- padding-left: 0.2em;
- }
- .relaxngui_hint::before {
- content: "↳ ";
- }
- .relaxngui_header {
- margin: 0;
- padding: 0;
- padding-top: 0.7em;
- padding-bottom: 0.2em;
- padding-left: 0.1em;
- display: block;
- font-weight: bold;
- font-size: 1.2em;
- }
- .relaxngui_dyn .relaxngui_header {
- font-size: 1em;
- }
- button.relaxngui_control {
- margin: 0.5em 0;
- align-self: flex-start;
- }
- .relaxngui_cell { }
- .relaxngui_cell.optional { text-decoration: line-through; }
- .relaxngui_cell:nth-child(1), .relaxngui_cell:nth-child(2) {
- margin: 0;
- padding: 0.1em 0.2em;
- font-size: 1em;
- font-family: sans-serif;
- }
- input.relaxngui_cell:nth-child(1) {
- border: 0 none;
- background: none;
- }
- .relaxngui_cell:nth-child(3) {
- margin: 0;
- padding: 0.1em 0.2em;
- flex: 1 1 auto;
- font-size: 1em;
- font-family: sans-serif;
- }
- select.relaxngui_cell:nth-child(3) {
- -webkit-appearance: none; /*Removes default chrome and safari style*/
- -moz-appearance: none; /* Removes Default Firefox style*/
- padding: 0;
- }
- select.relaxngui_cell:nth-child(3), button.relaxngui_cell:nth-child(3), textarea.relaxngui_cell:nth-child(3), input.relaxngui_cell:nth-child(3), [contenteditable].relaxngui_cell:nth-child(3) {
- border: 0 none;
- background: none;
- }
- [contenteditable].relaxngui_cell:nth-child(3) {
- overflow-x: auto;
- overflow-wrap: normal;
- white-space: pre;
- font-family: monospace,monospace;
- }
- [contenteditable][data-relaxngui-wrap='true'].relaxngui_cell:nth-child(3) {
- white-space: normal;
- }
- [contenteditable].relaxngui_cell:focus {
- outline: 0px solid transparent;
- }
- [contenteditable].relaxngui_cell:empty:before {
- font-family: sans-serif;
- color: #a1a1a1;
- white-space: normal;
- content: attr(placeholder);
- display: block;
- }
- .relaxngui_template {
- display: none;
- }
|