andy
9f22b522df
Move Saxonite’s projects into a dedicated `Workspace` folder and align the solution with .NET 10 and the current Common workspace. Update encryption integration, test project structure and coverage, and repository guidance and upgrade notes. - Relocate application and library projects while retaining Git rename history. - Split tests into Admin, Online, and Shared projects; add representative behavioral and serialization tests. - Update Common integration, application version, and repository documentation. Application version: 1.3.0 Reviewed-on: #1 Co-authored-by: andy <andy@sarand.com>
479 lines
6.6 KiB
CSS
479 lines
6.6 KiB
CSS
/*
|
|
Main stylesheet.
|
|
*/
|
|
|
|
/* Global variables */
|
|
|
|
:root
|
|
{
|
|
--color-primary: #556B2F;
|
|
--color-primary-dark: #425324;
|
|
--color-primary-light: #a0ac8b;
|
|
--color-primary-pale: #eceee7;
|
|
/* Tetrad/Square colors */
|
|
--color-alt1: #2f6b63;
|
|
--color-alt2: #452f6b;
|
|
--color-alt3: #6b2f37;
|
|
--color-alt4: #2f556b;
|
|
/* Activity colours */
|
|
--color-article-dark: #7339ac;
|
|
--color-article: #9966CC;
|
|
--color-article-light: #b38cd9;
|
|
--color-article-pale: #decdee;
|
|
--color-event-dark: #38969d;
|
|
--color-event: #71b4b9;
|
|
--color-event-light: #aad2d5;
|
|
--color-event-pale: #c6e1e3;
|
|
--color-opportunity-dark: #8f6b24;
|
|
--color-opportunity: #CC9933;
|
|
--color-opportunity-light: #dbb870;
|
|
--color-opportunity-pale: #f3e7d0;
|
|
/* Specific colours */
|
|
--color-dialog: var(--color-alt3);
|
|
}
|
|
|
|
/* Document */
|
|
|
|
html
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
|
|
@media (min-width: 768px)
|
|
{
|
|
html
|
|
{
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
body
|
|
{
|
|
font-family: 'Work Sans', Verdana, Helvetica, Arial, Lucida, sans-serif;
|
|
background-color: #e9edf6;
|
|
}
|
|
|
|
@media screen and (max-height: 399px)
|
|
{
|
|
#sax-page-body
|
|
{
|
|
min-height: 240px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-height: 400px)
|
|
{
|
|
html
|
|
{
|
|
height: 100vh;
|
|
}
|
|
|
|
body.sax-layout-flex
|
|
{
|
|
height: 100vh;
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
body.sax-layout-flex #sax-page-body
|
|
{
|
|
flex: 1;
|
|
min-height: 0;
|
|
overflow-y: auto;
|
|
}
|
|
}
|
|
|
|
/* Responsive */
|
|
|
|
body > .container, header > .container, footer > .container
|
|
{
|
|
padding: 0 0.5%;
|
|
}
|
|
|
|
@media (min-width: 992px)
|
|
{
|
|
.container
|
|
{
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px)
|
|
{
|
|
.container
|
|
{
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 576px)
|
|
{
|
|
.container
|
|
{
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
|
|
/* Header */
|
|
|
|
#sax-page-header
|
|
{
|
|
}
|
|
|
|
a.navbar-brand
|
|
{
|
|
padding-top: 0.3rem;
|
|
padding-bottom: 0.1rem;
|
|
white-space: normal;
|
|
text-align: center;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.navbar li.nav-item a.nav-link
|
|
{
|
|
padding-top: 0.3rem;
|
|
padding-bottom: 0.1rem;
|
|
}
|
|
|
|
.border-top
|
|
{
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.border-bottom
|
|
{
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.box-shadow
|
|
{
|
|
box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
|
|
}
|
|
|
|
button.accept-policy
|
|
{
|
|
font-size: 1rem;
|
|
line-height: inherit;
|
|
}
|
|
|
|
/* Information */
|
|
|
|
.sax-para
|
|
{
|
|
margin: 8px 0;
|
|
}
|
|
|
|
/* Footer */
|
|
|
|
#sax-page-footer
|
|
{
|
|
padding: 4px 0;
|
|
}
|
|
|
|
#sax-page-footer, #sax-page-footer div
|
|
{
|
|
font-size: .8rem;
|
|
}
|
|
|
|
/* Actions */
|
|
|
|
a, a:hover
|
|
{
|
|
text-decoration: underline;
|
|
color: #606060;
|
|
color: var(--color-primary);
|
|
}
|
|
|
|
a:focus
|
|
{
|
|
outline-color: #b0b0b0;
|
|
outline-width: thin;
|
|
}
|
|
|
|
.sax-action
|
|
{
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sax-action-link
|
|
{
|
|
display: inline-block;
|
|
font-size: 1rem;
|
|
font-weight: bold;
|
|
color: #000;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.sax-action-link:hover
|
|
{
|
|
opacity: .7;
|
|
transition: all .4s ease-in-out;
|
|
}
|
|
|
|
.sax-link-text
|
|
{
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
/* Buttons */
|
|
|
|
.sax-button-cta, .sax-button-action
|
|
{
|
|
display: inline-block;
|
|
padding: 12px 12px;
|
|
min-width: 100px;
|
|
color: #404040;
|
|
background-color: #b7ce90;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-radius: 12px;
|
|
cursor: pointer;
|
|
transition: all .5s ease-in-out;
|
|
outline: none;
|
|
}
|
|
|
|
.sax-button-action
|
|
{
|
|
}
|
|
|
|
.sax-button-action:hover
|
|
{
|
|
background-color: #a6c275;
|
|
}
|
|
|
|
.sax-button-cta:hover
|
|
{
|
|
background: #a6c275;
|
|
}
|
|
|
|
/* --- Notification --- */
|
|
#sax-notification
|
|
{
|
|
display: none;
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
min-width: 180px;
|
|
margin-right: 12px;
|
|
z-index: 1000;
|
|
border: 1px solid #808080;
|
|
border-bottom-left-radius: 4px;
|
|
border-bottom-right-radius: 4px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#sax-notification .content
|
|
{
|
|
background-color: #fbfbfb;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#sax-notification .heading
|
|
{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
background-color: #f0f0f0;
|
|
border-bottom: 1px solid #808080;
|
|
}
|
|
|
|
#sax-notification .heading:after
|
|
{
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
|
|
#sax-notification .title
|
|
{
|
|
float: left;
|
|
padding: 4px 8px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
#sax-notification .close
|
|
{
|
|
float: right;
|
|
padding: 4px;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#sax-notification .message
|
|
{
|
|
clear: both;
|
|
padding: 8px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
/* --- Modal Please wait --- */
|
|
|
|
#sax-please-wait
|
|
{
|
|
display: none;
|
|
cursor: progress;
|
|
position: fixed;
|
|
z-index: 1001;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: rgba(250,250,250,.25) url('../img/animated/InProgress-01.gif') 50% 50% no-repeat;
|
|
}
|
|
|
|
/* Drop down menus */
|
|
|
|
.dropdown-toggle.caret-off::before,
|
|
.dropdown-toggle.caret-off::after
|
|
{
|
|
display: none !important;
|
|
}
|
|
|
|
/* Dialogs */
|
|
|
|
.sax-dialog
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog
|
|
{
|
|
position: fixed;
|
|
padding: 0;
|
|
background-color: #e9edf6;
|
|
}
|
|
|
|
.ui-dialog.ui-widget.ui-widget-content
|
|
{
|
|
border-width: 1px;
|
|
border-color: #606060;
|
|
border-color: var(--color-dialog);
|
|
-moz-box-shadow: 4px 4px 6px var(--color-dialog);
|
|
-webkit-box-shadow: 4px 4px 6px var(--color-dialog);
|
|
}
|
|
|
|
.ui-dialog.ui-widget.sax-dialog-border-thin.ui-widget-content
|
|
{
|
|
border-width: 1px;
|
|
}
|
|
|
|
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all
|
|
{
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.ui-dialog.ui-widget.sax-dialog-rounding-none.ui-widget-content.ui-corner-all
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ui-dialog.ui-widget .ui-widget-header
|
|
{
|
|
font-size: 1.1rem;
|
|
color: #f0f0f0;
|
|
background-color: #606060;
|
|
border-color: var(--color-dialog);
|
|
background-color: #606060;
|
|
background-color: var(--color-dialog);
|
|
}
|
|
|
|
.ui-dialog.ui-widget .ui-widget-header.ui-corner-all
|
|
{
|
|
border-radius: 0;
|
|
}
|
|
|
|
.ui-dialog.sax-dialog-titlebar-hide .ui-dialog-titlebar
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog.dialog-no-close .ui-dialog-titlebar-close
|
|
{
|
|
display: none;
|
|
}
|
|
|
|
.ui-dialog.ui-widget .ui-dialog-content.ui-widget-content
|
|
{
|
|
padding: 4px 8px 0 8px;
|
|
font-size: 1rem;
|
|
color: #000;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane.ui-widget-content
|
|
{
|
|
margin-top: 0;
|
|
padding: 4px 8px;
|
|
background-color: transparent;
|
|
border-color: #606060;
|
|
border-color: var(--color-dialog);
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
|
|
{
|
|
float: none;
|
|
width: 100%;
|
|
text-align: right;
|
|
}
|
|
|
|
div.ui-dialog.center-buttons .ui-dialog-buttonpane .ui-dialog-buttonset
|
|
{
|
|
float: none;
|
|
margin: 0 auto;
|
|
display: table;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-buttonpane button
|
|
{
|
|
min-width: 60px;
|
|
margin: 4px;
|
|
padding: 6px 16px 4px 16px;
|
|
color: #fff;
|
|
background-color: #606060;
|
|
background-color: var(--color-dialog);
|
|
border-color: #606060;
|
|
border-color: var(--color-dialog);
|
|
outline: none;
|
|
}
|
|
|
|
.ui-widget-overlay
|
|
{
|
|
background-color: #b0b0b0;
|
|
opacity: 0.25;
|
|
}
|
|
|
|
|
|
/* Labels, values, notes */
|
|
|
|
.ui-dialog .sax-label, .ui-dialog .sax-value
|
|
{
|
|
margin-bottom: 6px;
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.ui-dialog .sax-label
|
|
{
|
|
padding-right: 16px;
|
|
font-weight: bold;
|
|
color: #808080;
|
|
}
|
|
|
|
.ui-dialog .sax-value
|
|
{
|
|
}
|
|
|
|
/* Date Picker */
|
|
.ui-datepicker
|
|
{
|
|
}
|
|
|
|
.ui-datepicker .ui-datepicker-header
|
|
{
|
|
background-color: #fff;
|
|
border: 1px solid #606060;
|
|
border-color: var(--color-dialog);
|
|
}
|
|
|
|
/* The End */
|