General clean up, updates, and prep for new version of launcher using Svelte.
This commit is contained in:
Scott Idem
309
app/css/aether_system.css
Normal file
309
app/css/aether_system.css
Normal file
@@ -0,0 +1,309 @@
|
||||
/* System: Anything that is related to core system functions and should not be changed per client or per user. */
|
||||
|
||||
/* *** BEGIN *** System *** General *** */
|
||||
html {
|
||||
/* Parent Layout */
|
||||
/* Box Model */
|
||||
/* Positioning */
|
||||
/* Display */
|
||||
}
|
||||
|
||||
body {
|
||||
/* Parent Layout */
|
||||
/* Box Model */
|
||||
/* Positioning */
|
||||
/* Display */
|
||||
/* Center and scale the image nicely */
|
||||
background-color: steelblue;
|
||||
background-image: url('/static/images/site_background.webp'); /* "/static/images/site_background.webp" */
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
nav {
|
||||
}
|
||||
|
||||
pre {
|
||||
white-space: pre-wrap;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--color-d5);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--color-d2);
|
||||
}
|
||||
|
||||
label {
|
||||
color: #824240; /*#880000*/ /* Dark red for labels */
|
||||
color: var(--info-color-darkest);
|
||||
}
|
||||
|
||||
fieldset {
|
||||
/*border: solid thin #eee;*/
|
||||
/*border-top: solid thin #eee;*/
|
||||
/*border-bottom: solid thin #eee;*/
|
||||
}
|
||||
|
||||
input:required, select:required {
|
||||
/*background-color: red;*/
|
||||
background-color: var(--danger-color-lighter);
|
||||
border-color: var(--danger-color-mid);
|
||||
/*border-bottom: dashed medium;
|
||||
* border-bottom: dashed thin;*/
|
||||
}
|
||||
|
||||
input:required:valid {
|
||||
/*color: red;*/
|
||||
/*border: solid thin green;*/
|
||||
}
|
||||
|
||||
input:required:invalid {
|
||||
/*color: red;*/
|
||||
/*border: solid thin red;*/
|
||||
}
|
||||
/* *** END *** System *** General *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Font Family, Size, and Weight *** */
|
||||
pre, code, kbd, samp, var {
|
||||
font-family: 'Roboto Mono', 'Noto Sans Mono', 'Courier New',
|
||||
monospace;
|
||||
}
|
||||
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 500; /* 700 looks too heavy */
|
||||
}
|
||||
|
||||
.h1, h1 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
.h2, h2 {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.h3, h3 {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
/* *** END *** Global *** Set Font Family *** */
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Permission Checks and Roles *** */
|
||||
section.administrator_check {
|
||||
/*color: var(--warning-fg-color);*/
|
||||
/*background-color: var(--warning-bg-color);*/
|
||||
/*background-image: linear-gradient(to right, rgba(207,179,60,.5) 0%, rgba(207,179,60,.25) 5%, rgba(207,179,60,.25) 95%, rgba(207,179,60,.5) 100%);*/
|
||||
border-color: var(--warning-border-color);
|
||||
box-shadow: 0rem 0rem .5rem 0rem var(--warning-bg-color);
|
||||
}
|
||||
|
||||
section.manager_check {
|
||||
border-color: var(--danger-border-color);
|
||||
box-shadow: 0rem 0rem .5rem 0rem var(--danger-bg-color);
|
||||
}
|
||||
/* *** END *** Global *** Permission Checks and Roles *** */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.navbar {
|
||||
/*color: var(--default-fg-color);
|
||||
* background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.navbar-nav {
|
||||
/*color: var(--default-fg-color);
|
||||
* background-color: none;*/
|
||||
/*background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
color: var(--default-fg-color);
|
||||
/*background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
/*color: var(--default-fg-color);*/
|
||||
/*background-color: var(--default-bg-color);
|
||||
* border-color: var(--default-border-color);*/
|
||||
}
|
||||
|
||||
.nav-pills .nav-link.active {
|
||||
color: var(--default-fg-color);
|
||||
background-color: var(--default-bg-color);
|
||||
border-color: var(--default-border-color);
|
||||
}
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Group List Menu *** */
|
||||
/* Works together with toggle_group_list_item({element_id:'the_id_to_show', class_name:'name_of_group'}) */
|
||||
.group_list_item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.group_list_item_show {
|
||||
}
|
||||
|
||||
.group_list_menu {
|
||||
position: sticky;
|
||||
top: 1rem;
|
||||
right: 1rem;
|
||||
float: right;
|
||||
|
||||
width: 15rem;
|
||||
|
||||
background-color: hsla(0, 0%, 100%, .8);
|
||||
|
||||
z-index: 99;
|
||||
border: solid thin hsla(0, 0%, 75%, .8);
|
||||
|
||||
padding: .5rem 0rem;
|
||||
}
|
||||
|
||||
.group_list_menu ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.group_list_menu button {
|
||||
margin: .1rem 0;
|
||||
padding: .1rem;
|
||||
|
||||
border: solid thin hsla(0, 0%, 75%, .2);
|
||||
background-color: unset;
|
||||
width: 100%;
|
||||
|
||||
font-weight: bold;
|
||||
|
||||
/* border-radius: .4rem; */
|
||||
}
|
||||
|
||||
.group_list_menu button:hover {
|
||||
border: solid thin hsla(0, 0%, 60%, 1);
|
||||
background-color: hsla(0, 0%, 75%, 1);
|
||||
}
|
||||
/* *** END *** Global *** Group List Menu *** */
|
||||
|
||||
|
||||
|
||||
|
||||
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
|
||||
opacity: .85;
|
||||
transform: scale(.85) translateY(-.5rem) translateX(.15rem);
|
||||
}
|
||||
|
||||
/* .btn-link /*, .page-link, .page-item, .paginate_button, .active, .page-item.active*/ { */
|
||||
color: var(--link-fg-color);
|
||||
background-color: var(--link-bg-color);
|
||||
}
|
||||
|
||||
|
||||
/* This is for the datatables. */
|
||||
.page-item.active .page-link {
|
||||
color: var(--link-fg-color);
|
||||
background-color: var(--link-bg-color);
|
||||
}
|
||||
|
||||
/* *** END *** Global *** Navigation, Links, and Buttons *** */
|
||||
|
||||
|
||||
|
||||
.page_help {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.page_links {
|
||||
float: right;
|
||||
}
|
||||
|
||||
|
||||
.results_message {
|
||||
font-size: 1.6em;
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.results_table td {
|
||||
background-color: lightyellow;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.obj {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.obj_edit_abs {
|
||||
/*border: solid thin pink;*/
|
||||
position: absolute;
|
||||
top: 0rem;
|
||||
right: 0rem;
|
||||
margin: .1rem .8rem;
|
||||
padding: .2rem;
|
||||
color: orange;
|
||||
}
|
||||
|
||||
.obj_edit_abs:hover {
|
||||
border: solid thin gray;
|
||||
border-radius: .25em;
|
||||
position: absolute;
|
||||
top: 0em;
|
||||
right: 0;
|
||||
margin: .1rem .8rem;
|
||||
padding: .2rem;
|
||||
background: rgba(255,255,255,.8);
|
||||
color: orange;
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
|
||||
.obj_edit_abs:hover::after {
|
||||
content: "edit";
|
||||
}
|
||||
|
||||
|
||||
#edit_object_field_value {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
background: white;
|
||||
border: solid thin black;
|
||||
margin: .25rem;
|
||||
padding: .5rem;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* *** BEGIN *** Global *** Svelte specific that needs to be merged in *** */
|
||||
.svelte_target section.obj {
|
||||
margin: 1rem 0rem;
|
||||
padding: .5rem .5rem;
|
||||
/* border: solid thin hsla(0,0%,90%,1); */
|
||||
}
|
||||
|
||||
.svelte_target .input_container {
|
||||
margin: .25rem 0rem;
|
||||
}
|
||||
|
||||
.svelte_target label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.svelte_target .label_select_value {
|
||||
font-size: smaller;
|
||||
color: hsla(0,0%,50%,1);
|
||||
}
|
||||
|
||||
.svelte_target .obj_type_main {
|
||||
border: solid thin hsla(0,0%,90%,1);
|
||||
}
|
||||
/* *** BEGIN *** Global *** Svelte specific that needs to be merged in *** */
|
||||
Reference in New Issue
Block a user