Skip to content

Commit

Permalink
Improved CSS.
Browse files Browse the repository at this point in the history
  • Loading branch information
@petersirka
petersirka committed Apr 23, 2020
1 parent 5689a23 commit be464d6
Show file tree
Hide file tree
Showing 126 changed files with 444 additions and 444 deletions.
2 changes: 1 addition & 1 deletion Tangular-Initials/component.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions j-AutoComplete/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.ui-autocomplete-container { position: absolute; z-index: 60; }
.ui-autocomplete { background-color: white; width: 100%; margin: -5px 0 0 0; padding: 2px 0; border-radius: 0 0 4px 4px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border: 1px solid #E0E0E0; line-height: 14px; overflow: hidden; }
.ui-autocomplete { background-color: #FFFFFF; width: 100%; margin: -5px 0 0 0; padding: 2px 0; border-radius: 0 0 4px 4px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); border: 1px solid #E0E0E0; line-height: 14px; overflow: hidden; }
.ui-autocomplete ul { list-style-type: none; margin: 0; padding: 0; }
.ui-autocomplete li { margin: 0; padding: 5px 12px 0; border-bottom: 1px solid #F0F0F0; cursor: pointer; font-size: 12px; color: #505050; height: 24px; }
.ui-autocomplete li:last-child { border-bottom: 0; }
Expand All @@ -10,4 +10,4 @@

.ui-dark .ui-autocomplete { background-color: #303030; border-color: #404040; }
.ui-dark .ui-autocomplete li { color: gray; border-bottom-color: #404040; }
.ui-dark .ui-autocomplete .selected { background-color: #454545; color: white; }
.ui-dark .ui-autocomplete .selected { background-color: #454545; color: #FFFFFF; }
6 changes: 3 additions & 3 deletions j-BarChart/component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,10 +10,10 @@
.ui-barchart .selected { opacity: 0.8; }
.ui-barchart .xlabel { font-size: 11px; fill: gray; }
.ui-barchart .ylabel { font-size: 11px; fill: #A0A0A0; }
.ui-barchart .selected { font-size: 16px; fill: black; font-weight: bold; }
.ui-barchart .selected { font-size: 16px; fill: #000000; font-weight: bold; }
.ui-barchart rect { cursor: pointer; }

.ui-dark .ui-barchart .axis { stroke: #282828; }
.ui-dark .ui-barchart .xlabel { fill: white; }
.ui-dark .ui-barchart .xlabel { fill: #FFFFFF; }
.ui-dark .ui-barchart .ylabel { fill: #606060; }
.ui-dark .ui-barchart .selected { fill: white; }
.ui-dark .ui-barchart .selected { fill: #FFFFFF; }
20 changes: 10 additions & 10 deletions j-Calendar/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,40 +1,40 @@
.ui-calendar { font-size: 12px; position: absolute; background-color: white; max-width: 250px; width: 100%; border: 1px solid #E0E0E0; left: 100px; top: 100px; border-radius: 2px; z-index: 100; color: gray; box-shadow: 0 5px 25px rgba(0,0,0,0.1); opacity: 0; transform: scale(0.6); transition: all 0.2s; }
.ui-calendar { font-size: 12px; position: absolute; background-color: #FFFFFF; max-width: 250px; width: 100%; border: 1px solid #E0E0E0; left: 100px; top: 100px; border-radius: 2px; z-index: 100; color: gray; box-shadow: 0 5px 25px rgba(0,0,0,0.1); opacity: 0; transform: scale(0.6); transition: all 0.2s; }
.ui-calendar-visible { transform: scale(1); opacity: 1; }
.ui-calendar-table { padding: 10px; }
.ui-calendar table { width: 100%; margin: 0; table-layout: fixed; animation: ui-calendar-animation 0.25s ease-out 1; }
.ui-calendar table td { text-align: center; vertical-align: middle; font-size: 11px; color: #505050; }
.ui-calendar table td div { margin: 2px; padding: 5px 0; border-radius: 4px; }
.ui-calendar table th { padding: 8px 0 5px; text-align: center; width: 14%; vertical-align: middle; font-weight: bold; font-size: 12px; color: black; }
.ui-calendar table th { padding: 8px 0 5px; text-align: center; width: 14%; vertical-align: middle; font-weight: bold; font-size: 12px; color: #000000; }
.ui-calendar-disabled { color: silver !important; cursor: pointer; }
.ui-calendar-day {}
.ui-calendar-day-today div { background-color: #F0F0F0; font-weight: bold; }
.ui-calendar-selected div { background-color: #F8F7DA; font-weight: bold; }
.ui-calendar-day:hover div { background-color: #F8F7DA; cursor: pointer; }
.ui-calendar button { background-color: white; border: 0; outline: 0; border: 1px solid #D0D0D0; border-radius: 3px; width: 24px; height: 21px; font-size: 11px; line-height: 0; text-align: center; padding: 0; vertical-align: middle; cursor: pointer; }
.ui-calendar button { background-color: #FFFFFF; border: 0; outline: 0; border: 1px solid #D0D0D0; border-radius: 3px; width: 24px; height: 21px; font-size: 11px; line-height: 0; text-align: center; padding: 0; vertical-align: middle; cursor: pointer; }
.ui-calendar button:hover { background-color: #F0F0F0; }
.ui-calendar-header { height: 40px; border-bottom: 1px solid #E0E0E0; padding: 0 10px 0; }
.ui-calendar-header-info { text-align: center; width: 168px; float: left; font-size: 14px; margin: 8px 0 0 7px; font-weight: bold; color: black; }
.ui-calendar-header-info { text-align: center; width: 168px; float: left; font-size: 14px; margin: 8px 0 0 7px; font-weight: bold; color: #000000; }
.ui-calendar-header-prev { float: left; margin-top: 9px; }
.ui-calendar-header-next { float: right; margin-top: 9px; }
.ui-calendar-today { padding: 8px 10px; border-top: 1px solid #E0E0E0; background-color: #F0F0F0; }
.ui-calendar-today .fa { margin-right: 6px; }
.ui-calendar-header select { background-color: white; border: 1px solid #E0E0E0; height: 23px; outline: 0; cursor: pointer; appearance: none; padding: 0 10px; border-radius: 3px; }
.ui-calendar-header select { background-color: #FFFFFF; border: 1px solid #E0E0E0; height: 23px; outline: 0; cursor: pointer; appearance: none; padding: 0 10px; border-radius: 3px; }
.ui-calendar-today a:first-child { float: right; color: #B7292E; font-weight: bold; }
.ui-calendar select::-ms-expand { display: none; }

.ui-dark .ui-calendar { background-color: #303030; border-color: #353535; color: #A0A0A0; box-shadow: 1px 5px 10px rgba(0,0,0,0.2); }
.ui-dark .ui-calendar table th { color: white; }
.ui-dark .ui-calendar table th { color: #FFFFFF; }
.ui-dark .ui-calendar table td { color: #A0A0A0; }
.ui-dark .ui-calendar-disabled { color: #606060 !important; }
.ui-dark .ui-calendar-today { background-color: #252525; border-top-color: #404040; }
.ui-dark .ui-calendar-selected div { background-color: #101010; color: white; }
.ui-dark .ui-calendar-selected div { background-color: #101010; color: #FFFFFF; }
.ui-dark .ui-calendar-day:hover div { background-color: #181818; }
.ui-dark .ui-calendar-header { border-bottom-color: #404040; }
.ui-dark .ui-calendar-today-a { color: white; }
.ui-dark .ui-calendar-today-a { color: #FFFFFF; }
.ui-dark .ui-calendar button { background-color: #202020; border-color: #202020; height: 22px; }
.ui-dark .ui-calendar button:hover { background-color: #404040; border-color: #404040; }
.ui-dark .ui-calendar-header select { background-color: #303030; color: white; border-color: #202020; }
.ui-dark .ui-calendar-day-today div { background-color: #505050; color: white; }
.ui-dark .ui-calendar-header select { background-color: #303030; color: #FFFFFF; border-color: #202020; }
.ui-dark .ui-calendar-day-today div { background-color: #505050; color: #FFFFFF; }

@media(max-width: 600px) {
.ui-calendar { top: 20% !important; left: 0 !important; width: 100%; max-width: 100%; position: fixed; }
Expand Down
2 changes: 1 addition & 1 deletion j-Checkbox/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
.ui-checkbox { margin-bottom: 5px; line-height: 10px; font-size: 12px; }
.ui-checkbox span { cursor: pointer; vertical-align: middle; }
.ui-checkbox div { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #D0D0D0; margin-right: 6px; vertical-align: middle; cursor: pointer; color: white; font-size: 11px; text-align: center; padding: 0 0 0 1px; background-color: white; border-radius: 2px; }
.ui-checkbox div { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #D0D0D0; margin-right: 6px; vertical-align: middle; cursor: pointer; color: #FFFFFF; font-size: 11px; text-align: center; padding: 0 0 0 1px; background-color: #FFFFFF; border-radius: 2px; }
.ui-checkbox div .fa { display: none; }
.ui-checkbox-checked div { background-color: #4285F4; border-color: #4285F4; }
.ui-checkbox-checked div .fa { display: block !important; line-height: 15px; }
Expand Down
2 changes: 1 addition & 1 deletion j-CheckboxListExpert/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
.ui-checkboxlistexpert { color: black; font-size: 14px; vertical-align: baseline; position: relative; }
.ui-checkboxlistexpert { color: #000000; font-size: 14px; vertical-align: baseline; position: relative; }
.ui-checkboxlistexpert-label { margin-bottom: 5px; font-size: 12px; text-align: left; }
.ui-checkboxlistexpert-label-required:before { color: red; content: '***'; margin-right: 5px; }
.ui-large .ui-checkboxlistexpert-label { font-size: 14px; }
Expand Down
2 changes: 1 addition & 1 deletion j-Checkboxlist/component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
.ui-checkboxlist-required .ui-checkboxlist-label:before { color: red; content: '***'; margin-right: 5px; }
.ui-checkboxlist-item { cursor: pointer; padding-bottom: 2px; }
.ui-checkboxlist-item span { cursor: pointer; vertical-align: middle; }
.ui-checkboxlist-item div { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #D0D0D0; margin-right: 6px; vertical-align: middle; cursor: pointer; color: white; font-size: 11px; text-align: center; padding: 1px 0 0 1px; background-color: white; border-radius: 2px; }
.ui-checkboxlist-item div { position: relative; display: inline-block; width: 16px; height: 16px; border: 1px solid #D0D0D0; margin-right: 6px; vertical-align: middle; cursor: pointer; color: #FFFFFF; font-size: 11px; text-align: center; padding: 1px 0 0 1px; background-color: #FFFFFF; border-radius: 2px; }
.ui-checkboxlist-item .fa { display: none; }
.ui-checkboxlist-checked div { background-color: #4285F4; border-color: #4285F4; }
.ui-checkboxlist-checked .fa { display: block !important; }
Expand Down
6 changes: 3 additions & 3 deletions j-ClickBox/component.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

8 changes: 4 additions & 4 deletions j-Clock/component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
.ui-clock-header { height: 40px; font-weight: bold; border-bottom: 1px solid #E0E0E0; text-align: center; font-size: 16pt; padding: 5px 10px 0; }
.ui-clock-header span { font-size: 16pt; color: gray; }
.ui-clock span { cursor: pointer; }
span.ui-clock-active { color: black; }
span.ui-clock-active { color: #000000; }
.ui-clock-body { background-color: #f9f9f9; width: 250px; height: 220px; }
.ui-clock-holder { position: absolute; left: 20px; border: 1px solid #ccc; background-color: #fff; border-radius: 50%; width: 200px; height: 200px; margin-top: 10px; }
.ui-clock-dial { width: 200px; height: 200px; position: absolute; left: -1px; top: -1px; }
Expand All @@ -16,10 +16,10 @@ span.ui-clock-active { color: black; }

.ui-dark .ui-clock,.ui-dark .ui-clock-body { background-color: #303030; border-color: #353535; color: #A0A0A0; box-shadow: 1px 5px 10px rgba(0,0,0,0.2); }
.ui-dark .ui-clock-header { border-bottom-color: #404040; }
.ui-dark .ui-clock-header a { color: white; }
.ui-dark span.ui-clock-active { color: white; }
.ui-dark .ui-clock-header a { color: #FFFFFF; }
.ui-dark span.ui-clock-active { color: #FFFFFF; }
.ui-dark .ui-clock-holder { background-color: #353535; border-color: #505050; }
.ui-dark .ui-clock-tick { color: #EEEEEE; }
.ui-dark .ui-clock-tick-selected { background-color: rgba(255, 255, 255, 0.3); }
.ui-dark .ui-clock-swap { color:white; }
.ui-dark .ui-clock-swap { color:#FFFFFF; }
.ui-dark .ui-clock-footer { background-color: #252525; border-top-color: #404040; }
6 changes: 3 additions & 3 deletions j-CodeMirror/component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,9 +28,9 @@
.ui-dark .cm-variable-J { background-color: rgba(73,111,51,.35); color: #90ff2f; }
.ui-dark .cm-variable-E { background-color: rgba(108,150,20,.15); color: #6C9614; }
.ui-dark .cm-variable-B { background-color: rgba(27,27,27,.35); color: #84d087; }
.ui-dark .CodeMirror-dialog button { background-color: #505050; color: white; }
.ui-dark .CodeMirror-dialog button { background-color: #505050; color: #FFFFFF; }
.ui-dark .CodeMirror-dialog { color: #A0A0A0; border-bottom-color: #404040; box-shadow: 0 2px 3px rgba(0,0,0,0.05); }
.ui-dark .CodeMirror-dialog input { color: white; }
.ui-dark .CodeMirror-dialog input { color: #FFFFFF; }
.ui-dark .CodeMirror { background-color: #303030; color: #A0A0A0; border-color: #404040; }
.ui-dark .CodeMirror-activeline-background { background-color: rgba(0,0,0,0.1); }
.ui-dark .cm-s-default .cm-qualifier { color: gray; }
Expand All @@ -39,7 +39,7 @@
.ui-dark .CodeMirror-line::selection, .ui-dark .CodeMirror-line > span::selection, .ui-dark .CodeMirror-line > span > span::selection { background: rgba(70, 70, 70, .99); }
.ui-dark .CodeMirror-line::-moz-selection, .ui-dark .CodeMirror-line > span::-moz-selection, .ui-dark .CodeMirror-line > span > span::-moz-selection { background: rgba(70, 70, 70, .99); }
.ui-dark .CodeMirror-gutters { background: #404040; border-right: 0px; }
.ui-dark .CodeMirror-guttermarker { color: white; }
.ui-dark .CodeMirror-guttermarker { color: #FFFFFF; }
.ui-dark .CodeMirror-guttermarker-subtle { color: #d0d0d0; }
.ui-dark .CodeMirror-linenumber { color: gray; }
.ui-dark .CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
Expand Down
2 changes: 1 addition & 1 deletion j-ColorPicker/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
.ui-colorpicker-container { position: absolute; z-index: 109; }
.ui-colorpicker { border: 1px solid #E0E0E0; font-size: 14px; color: black; width: 240px; background-color: white; box-shadow: 0 5px 10px rgba(0,0,0,0.08); border-radius: 3px; overflow: hidden; margin: 0; padding: 7px 0 3px; }
.ui-colorpicker { border: 1px solid #E0E0E0; font-size: 14px; color: #000000; width: 240px; background-color: #FFFFFF; box-shadow: 0 5px 10px rgba(0,0,0,0.08); border-radius: 3px; overflow: hidden; margin: 0; padding: 7px 0 3px; }
.ui-colorpicker-body { text-align: center; }
.ui-colorpicker-body div:nth-child(1) { margin-bottom: 0; }
.ui-colorpicker-body div:nth-child(2) { margin-bottom: 8px; padding-bottom: 2px; border-bottom: 1px solid #E0E0E0; }
Expand Down
4 changes: 2 additions & 2 deletions j-ColorPickerButton/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
.ui-colorpickerbutton.ui-disabled { cursor: not-allowed !important; color: #A0A0A0 !important; }
.ui-colorpickerbutton { border: 1px solid #E0E0E0; height: 32px; border-radius: 2px; cursor: pointer; background-color: white; color: black; }
.ui-colorpickerbutton { border: 1px solid #E0E0E0; height: 32px; border-radius: 2px; cursor: pointer; background-color: #FFFFFF; color: #000000; }
.ui-colorpickerbutton:hover { border-color: #D0D0D0; }
.ui-colorpickerbutton-color { height: 24px; margin: 3px 35px 0 3px; border-radius: 2px 0 0 2px; }
.ui-colorpickerbutton-arrow { width: 32px; float: right; display: block; text-align: center; line-height: 31px; height: 31px; border-left: 1px solid #E0E0E0; }

.ui-dark .ui-colorpickerbutton { border-color: #404040; background-color: #303030; color: white; }
.ui-dark .ui-colorpickerbutton { border-color: #404040; background-color: #303030; color: #FFFFFF; }
.ui-dark .ui-colorpickerbutton-arrow { border-left-color: #404040; }
.ui-dark .ui-colorpickerbutton:hover { border-color: #505050; }
6 changes: 3 additions & 3 deletions j-Confirm/component.css
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
.ui-confirm-noscroll, .ui-confirm-noscroll body { overflow: hidden; }
.ui-confirm { background-color: rgba(255,255,255,0.9); position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 100; width: 100%; display: table; height: 100%; transition: 0.5s all; opacity: 0; }
.ui-confirm > div { display: table-cell; vertical-align: middle; text-align: center; color: white; padding: 15px; }
.ui-confirm-body { padding: 30px 25px 30px; position: relative; display: inline-block; border-radius: 4px; max-width: 600px; text-align: left; transform: scale(0.5); transition: 0.15s all; color: gray; border: 8px solid #E0E0E0; background-color: white; box-shadow: 0 0 30px rgba(0,0,0,0.1); }
.ui-confirm > div { display: table-cell; vertical-align: middle; text-align: center; color: #FFFFFF; padding: 15px; }
.ui-confirm-body { padding: 30px 25px 30px; position: relative; display: inline-block; border-radius: 4px; max-width: 600px; text-align: left; transform: scale(0.5); transition: 0.15s all; color: gray; border: 8px solid #E0E0E0; background-color: #FFFFFF; box-shadow: 0 0 30px rgba(0,0,0,0.1); }
.ui-confirm-message { border-bottom: 1px solid #F0F0F0; padding: 0 0 10px 0; margin-bottom: 15px; }
.ui-confirm button { font-size: 12px; position: relative; display: inline-block; cursor: pointer; outline: 0; background-color: #E0E0E0; border: 0; border-radius: 2px; color: gray; padding: 0 20px; height: 30px; font-weight: normal; margin: 0 10px 0 0; }
.ui-confirm button .fa { margin-right: 5px; }
Expand All @@ -19,7 +19,7 @@
.ui-dark .ui-confirm-close { color: #505050; }
.ui-dark .ui-confirm-close:hover { color: #888888; }

.ui-confirm button[data-index="0"] { color: white; font-weight: bold; font-weight: bold; background-color: #EC2C28; }
.ui-confirm button[data-index="0"] { color: #FFFFFF; font-weight: bold; font-weight: bold; background-color: #EC2C28; }

@media(max-width: 767px) {
.ui-confirm button { display: block; margin: 8px 0 0; display: block; width: 100%; }
Expand Down
10 changes: 5 additions & 5 deletions j-Console/component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@
.ui-console-tabs { height: 26px; padding: 0; background-color: rgba(255,255,255,0.8); }
.ui-console-tabs span { float: left; width: 24px; height: 26px; line-height: 26px; text-align: center; cursor: pointer; color: gray; font-size: 12px; }
.ui-console-tabs > div { float: left; }
.ui-console-tabs span:hover { color: black; }
.ui-console-selected { background-color: white; color: black !important; }
.ui-console-output { height: 120px; background-color: white; overflow: auto; overflow-scrolling: touch; }
.ui-console-tabs span:hover { color: #000000; }
.ui-console-selected { background-color: #FFFFFF; color: #000000 !important; }
.ui-console-output { height: 120px; background-color: #FFFFFF; overflow: auto; overflow-scrolling: touch; }
.ui-console-tabs > .ui-console-close { color: red !important; float: right; border-right: 0; }
.ui-console-message { height: 24px; font-size: 12px; border-bottom: 1px solid #F0F0F0; line-height: 24px; padding: 0 5px 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 30px; }
.ui-console-message i { width: 20px; text-align: center; }
Expand All @@ -18,6 +18,6 @@
.ui-dark .ui-console { border: 5px solid rgba(0,0,0,0.8); }
.ui-dark .ui-console-tabs { height: 26px; padding: 0; background-color: rgba(0,0,0,0.8); }
.ui-dark .ui-console-output { background-color: #222222; }
.ui-dark .ui-console-selected { background-color: #222222; color: white !important; }
.ui-dark .ui-console-selected { background-color: #222222; color: #FFFFFF !important; }
.ui-dark .ui-console-message { border-bottom-color: #303030; }
.ui-dark .ui-console-tabs span:hover { color: white; }
.ui-dark .ui-console-tabs span:hover { color: #FFFFFF; }
Loading

0 comments on commit be464d6

Please sign in to comment.