remove all UWT theme stylesheets since we are dockerizing them
This commit is contained in:
parent
b7b424847f
commit
153783f7ce
@ -1,7 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-formview > div.uwt-formview-item
|
|
||||||
{
|
|
||||||
padding: 0px 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
h1
|
|
||||||
{
|
|
||||||
font-size: 20pt;
|
|
||||||
}
|
|
||||||
h2
|
|
||||||
{
|
|
||||||
font-size: 16pt;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
@media (max-width: 800px)
|
|
||||||
{
|
|
||||||
body
|
|
||||||
{
|
|
||||||
&> div.uwt-header, &> form > div.uwt-header
|
|
||||||
{
|
|
||||||
&> div.uwt-header-item
|
|
||||||
{
|
|
||||||
&.uwt-searchbar
|
|
||||||
{
|
|
||||||
&:not(:focus-within)
|
|
||||||
{
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
color: #4e5155;
|
|
||||||
font-size: 16pt;
|
|
||||||
top: 6px;
|
|
||||||
}
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
cursor: pointer;
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input:not(:focus)
|
|
||||||
{
|
|
||||||
width: 32px;
|
|
||||||
background: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
@import "uwt-htmlheading.less";
|
|
||||||
@import "uwt-formview.less";
|
|
||||||
@import "uwt-searchbar.less";
|
|
||||||
@ -1,129 +0,0 @@
|
|||||||
div.uwt-actionpreviewbutton
|
|
||||||
{
|
|
||||||
|
|
||||||
&.apb-selected > a.apb-button
|
|
||||||
{
|
|
||||||
background-color: #129283 !important;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> a.apb-button
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #fff !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
border: solid 1px @ThemeColor;
|
|
||||||
background-color: #fff;
|
|
||||||
color: @ThemeColor !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div.apb-preview
|
|
||||||
{
|
|
||||||
background: #fff;
|
|
||||||
border: solid 1px #ccc;
|
|
||||||
|
|
||||||
&> a.uwt-button.uwt-button-close
|
|
||||||
{
|
|
||||||
right: 0px;
|
|
||||||
top: 0px;
|
|
||||||
border: solid 1px;
|
|
||||||
border-top: none;
|
|
||||||
border-top-left-radius: 0px;
|
|
||||||
border-top-right-radius: 0px;
|
|
||||||
color: #666;
|
|
||||||
background-color: #fff;
|
|
||||||
border-color: #ccc;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.apb-actions
|
|
||||||
{
|
|
||||||
background: #eeeeee; // #ccaaff - we could use this for Sydne;
|
|
||||||
border-right: solid 1px #ccc;
|
|
||||||
&> h2
|
|
||||||
{
|
|
||||||
margin: 16px;
|
|
||||||
border-bottom: solid 1px #ccc;
|
|
||||||
}
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
/*
|
|
||||||
&> span.uwt-title
|
|
||||||
{
|
|
||||||
font-size: 12pt;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
&.uwt-menu-item-popup
|
|
||||||
{
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
content: "\f105";
|
|
||||||
position: absolute;
|
|
||||||
right: 8px;
|
|
||||||
top: 7px;
|
|
||||||
font-family: FontAwesome;
|
|
||||||
font-size: 16px; /* in case it gets changed by parent */
|
|
||||||
color: #707478;
|
|
||||||
}
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
border: solid 1px #ccc;
|
|
||||||
box-shadow: 2px 2px 4px #ccc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
&> div.uwt-gripper
|
|
||||||
{
|
|
||||||
border-bottom: solid 1px #cccccc;
|
|
||||||
border-right: solid 1px #ccc;
|
|
||||||
border-left: solid 1px #ccc;
|
|
||||||
border-bottom-right-radius: 8px;
|
|
||||||
border-bottom-left-radius: 8px;
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
content: ". . . . . .";
|
|
||||||
display: block;
|
|
||||||
text-align: center;
|
|
||||||
margin-top: -9px;
|
|
||||||
font-size: 14pt;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #ccc;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-dragging
|
|
||||||
{
|
|
||||||
&> div.uwt-gripper
|
|
||||||
{
|
|
||||||
background-color: darken(@ThemeColor, 5%);
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,128 +0,0 @@
|
|||||||
div.uwt-alert
|
|
||||||
{
|
|
||||||
padding: .9375rem;
|
|
||||||
box-shadow: 4px 4px 10px rgba(0,0,0,0.3);
|
|
||||||
|
|
||||||
&:not(.uwt-visible)
|
|
||||||
{
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-title
|
|
||||||
{
|
|
||||||
font-weight: 300;
|
|
||||||
font-size: 24px;
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.AlertColor(@color)
|
|
||||||
{
|
|
||||||
border: solid 1px shade(@color, 40%);
|
|
||||||
background-color: tint(@color, 75%);
|
|
||||||
color: shade(@color, 20%);
|
|
||||||
&> div.uwt-badge
|
|
||||||
{
|
|
||||||
background-color: tint(@color, 50%);
|
|
||||||
color: shade(@color, 50%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.AlertColor2(@textColor, @backgroundColor, @borderColor)
|
|
||||||
{
|
|
||||||
border: solid 1px @borderColor;
|
|
||||||
background-color: @backgroundColor;
|
|
||||||
color: @textColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-color-primary
|
|
||||||
{
|
|
||||||
// .AlertColor(@ThemeColorPrimary);
|
|
||||||
//.AlertColor2(#ffffff, #1c75c7, #0c55a7);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-color-info
|
|
||||||
{
|
|
||||||
// .AlertColor(@ThemeColorPrimary);
|
|
||||||
//.AlertColor2(#ffffff, #49b6d6, #3789a1);
|
|
||||||
}
|
|
||||||
&.uwt-collapsible
|
|
||||||
{
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
&> div.uwt-icon
|
|
||||||
{
|
|
||||||
padding: 12px;
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
font-family: "Font Awesome 6 Pro";
|
|
||||||
font-size: 32pt;
|
|
||||||
font-weight: 100;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not(.uwt-collapsed)
|
|
||||||
{
|
|
||||||
&> div.uwt-icon::before
|
|
||||||
{
|
|
||||||
content: "\f0a8";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-color-danger
|
|
||||||
{
|
|
||||||
//.AlertColor2(#4d1b1a, #ffcecd, #ffcecd);
|
|
||||||
&.uwt-collapsed
|
|
||||||
{
|
|
||||||
&> div.uwt-icon::before
|
|
||||||
{
|
|
||||||
content: "\f321";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-warning
|
|
||||||
{
|
|
||||||
//.AlertColor2(#4d1b1a, #ffcecd, #ffcecd);
|
|
||||||
&.uwt-collapsed
|
|
||||||
{
|
|
||||||
&> div.uwt-icon::before
|
|
||||||
{
|
|
||||||
content: "\f071";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-info
|
|
||||||
{
|
|
||||||
&.uwt-collapsed
|
|
||||||
{
|
|
||||||
&> div.uwt-icon::before
|
|
||||||
{
|
|
||||||
content: "\f05a";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not(.uwt-disabled)
|
|
||||||
{
|
|
||||||
&.uwt-color-success
|
|
||||||
{
|
|
||||||
.AlertColor2(#ffffff, #00acac, #008181);
|
|
||||||
}
|
|
||||||
&.uwt-color-danger
|
|
||||||
{
|
|
||||||
.AlertColor(@ThemeColorDanger);
|
|
||||||
}
|
|
||||||
&.uwt-color-warning
|
|
||||||
{
|
|
||||||
.AlertColor(@ThemeColorWarning);
|
|
||||||
}
|
|
||||||
&.uwt-color-info
|
|
||||||
{
|
|
||||||
.AlertColor(@ThemeColorInfo);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-disabled
|
|
||||||
{
|
|
||||||
color: #999;
|
|
||||||
background: #ccc;
|
|
||||||
border-color: #999;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
div.uwt-header > div.uwt-header-item.uwt-applicationmenu > div.uwt-button > button
|
|
||||||
{
|
|
||||||
background-color: transparent;
|
|
||||||
|
|
||||||
border: none; /* solid 1px @ThemeColor; */
|
|
||||||
border-radius: 0px;
|
|
||||||
// color: @ThemeColor;
|
|
||||||
color: #4E5155;
|
|
||||||
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
/* background-color: @ThemeColor; */
|
|
||||||
color: #FFFFFF;
|
|
||||||
/* box-shadow: 0px 0px 4px @ThemeColor; */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,70 +0,0 @@
|
|||||||
.uwt-badge
|
|
||||||
{
|
|
||||||
padding: 3px 6px 4px;
|
|
||||||
font-size: 75%;
|
|
||||||
font-weight: 600;
|
|
||||||
|
|
||||||
background-color: #e4e7ea;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
&.uwt-color-danger
|
|
||||||
{
|
|
||||||
background-color: #ff5b57;
|
|
||||||
}
|
|
||||||
&.uwt-color-warning
|
|
||||||
{
|
|
||||||
background-color: #f59c1a;
|
|
||||||
}
|
|
||||||
&.uwt-color-yellow
|
|
||||||
{
|
|
||||||
color: #2d353c;
|
|
||||||
background-color: #ffd900;
|
|
||||||
}
|
|
||||||
&.uwt-color-lime
|
|
||||||
{
|
|
||||||
background-color: #90ca4b;
|
|
||||||
}
|
|
||||||
&.uwt-color-green
|
|
||||||
{
|
|
||||||
background-color: #32a932;
|
|
||||||
}
|
|
||||||
&.uwt-color-success
|
|
||||||
{
|
|
||||||
background-color: #00acac;
|
|
||||||
}
|
|
||||||
&.uwt-color-primary
|
|
||||||
{
|
|
||||||
background-color: #348fe2;
|
|
||||||
}
|
|
||||||
&.uwt-color-info
|
|
||||||
{
|
|
||||||
background-color: #49b6d6;
|
|
||||||
}
|
|
||||||
&.uwt-color-purple
|
|
||||||
{
|
|
||||||
background-color: #727cb6;
|
|
||||||
}
|
|
||||||
&.uwt-color-indigo
|
|
||||||
{
|
|
||||||
background-color: #8753de;
|
|
||||||
}
|
|
||||||
&.uwt-color-black
|
|
||||||
{
|
|
||||||
background-color: #2d353c;
|
|
||||||
}
|
|
||||||
&.uwt-color-pink
|
|
||||||
{
|
|
||||||
background-color: #fb5597;
|
|
||||||
}
|
|
||||||
&.uwt-color-secondary
|
|
||||||
{
|
|
||||||
background-color: #6c757d;
|
|
||||||
}
|
|
||||||
&.uwt-color-gray
|
|
||||||
{
|
|
||||||
background-color: #f2f3f4;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
div.uwt-binaryswitch
|
|
||||||
{
|
|
||||||
border: solid 1px var(--uwt-color-gray-400);
|
|
||||||
|
|
||||||
&:not([disabled])
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
border-color: var(--uwt-color-accent);
|
|
||||||
}
|
|
||||||
&> div.uwt-binaryswitch-switches
|
|
||||||
{
|
|
||||||
&> div.uwt-switch
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
border-color: var(--uwt-color-gray-600);
|
|
||||||
&> div.uwt-switch-indicator
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-gray-600);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-binaryswitch-switches
|
|
||||||
{
|
|
||||||
&> div.uwt-switch
|
|
||||||
{
|
|
||||||
transition: all 0.3s;
|
|
||||||
border: solid 1px var(--uwt-color-gray-400);
|
|
||||||
&> div.uwt-switch-indicator
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-gray-200);
|
|
||||||
}
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
border-color: var(--uwt-color-accent);
|
|
||||||
&> div.uwt-switch-indicator
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-accent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,47 +0,0 @@
|
|||||||
blockquote
|
|
||||||
{
|
|
||||||
border-left: solid 5px rgba(0, 0, 0, 0.08);
|
|
||||||
font-size: 17.5px;
|
|
||||||
margin: 0px 0px 20px;
|
|
||||||
padding: 20px;
|
|
||||||
&> p
|
|
||||||
{
|
|
||||||
margin: 0px 0px 10px;
|
|
||||||
}
|
|
||||||
&> small
|
|
||||||
{
|
|
||||||
color: rgba(0, 0, 0, 0.5);
|
|
||||||
display: block;
|
|
||||||
font-size: 80%;
|
|
||||||
line-height: 1.42857;
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
content: "— ";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.Success
|
|
||||||
{
|
|
||||||
background-color: #B0EBCA;
|
|
||||||
border-color: #4A8564;
|
|
||||||
color: #3C763D;
|
|
||||||
}
|
|
||||||
&.Information
|
|
||||||
{
|
|
||||||
background-color: #BEE2EF;
|
|
||||||
border-color: #587C89;
|
|
||||||
color: #31708F;
|
|
||||||
}
|
|
||||||
&.Warning
|
|
||||||
{
|
|
||||||
background-color: #FFF2E3;
|
|
||||||
border-color: #9D9080;
|
|
||||||
color: #8A6D3B;
|
|
||||||
}
|
|
||||||
&.Danger
|
|
||||||
{
|
|
||||||
background-color: #FBD1D1;
|
|
||||||
border-color: #986E6E;
|
|
||||||
color: #A94442;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,22 +0,0 @@
|
|||||||
@ThemeColor: #009A9A; /* #00ACAC; */
|
|
||||||
|
|
||||||
@ThemeColorPrimary: #348FE2;
|
|
||||||
@ThemeColorSuccess: @ThemeColor;
|
|
||||||
|
|
||||||
@ThemeColorPrimary: #348FE2;
|
|
||||||
// @ThemeColorSuccess: #00ACAC;
|
|
||||||
|
|
||||||
@ThemeColorDanger: #FF5B57;
|
|
||||||
@ThemeColorInfo: #2BBCE0;
|
|
||||||
@ThemeColorWarning: #F59C1A;
|
|
||||||
|
|
||||||
@ThemeColorRed: @ThemeColorDanger;
|
|
||||||
@ThemeColorBlue: @ThemeColorPrimary;
|
|
||||||
@ThemeColorPurple: #727CB6;
|
|
||||||
@ThemeColorOrange: #F59C1A;
|
|
||||||
@ThemeColorBlack: #242A30; /* #2D353C; */
|
|
||||||
|
|
||||||
@HeaderHeight: 64px;
|
|
||||||
@SidebarWidth: 220px;
|
|
||||||
|
|
||||||
@PageBackgroundColor: #D9E0E7;
|
|
||||||
@ -1,129 +0,0 @@
|
|||||||
//(~'@{ButtonSelector}')
|
|
||||||
a.uwt-button, button, input[type=button], input[type=submit], input[type=reset], div.uwt-button > a
|
|
||||||
{
|
|
||||||
&[disabled]
|
|
||||||
{
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
.ButtonColor(@backcolor, @forecolor)
|
|
||||||
{
|
|
||||||
background-color: @backcolor;
|
|
||||||
border-color: @backcolor;
|
|
||||||
color: @forecolor;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: darken(@backcolor, 10%);
|
|
||||||
color: @forecolor;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:active
|
|
||||||
{
|
|
||||||
background-color: darken(@backcolor, 25%);
|
|
||||||
color: @forecolor;
|
|
||||||
}
|
|
||||||
|
|
||||||
&[disabled]
|
|
||||||
{
|
|
||||||
background-color: lighten(@backcolor, 20%);
|
|
||||||
border-color: lighten(@backcolor, 20%);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.Large
|
|
||||||
{
|
|
||||||
font-size: 18px;
|
|
||||||
line-height: 1.33;
|
|
||||||
padding: 10px 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
cursor: pointer;
|
|
||||||
border: solid 1px transparent;
|
|
||||||
|
|
||||||
border-bottom: solid 2px transparent;
|
|
||||||
border-radius: 3px;
|
|
||||||
line-height: 1.42857;
|
|
||||||
font-size: 14px;
|
|
||||||
font-weight: 600;
|
|
||||||
padding: 6px 12px;
|
|
||||||
text-align: center;
|
|
||||||
text-decoration: none;
|
|
||||||
vertical-align: middle;
|
|
||||||
white-space: nowrap;
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
.ButtonColor(#f1f3f4, #2d353c);
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:focus
|
|
||||||
{
|
|
||||||
border-bottom-color: #2d353c;
|
|
||||||
}
|
|
||||||
|
|
||||||
&+ input[type=submit], &+ input[type=reset], &+ input[type=button], &+ a.uwt-button, &+ button
|
|
||||||
{
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-color-gray
|
|
||||||
{
|
|
||||||
.ButtonColor(#b6c2c9, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-purple
|
|
||||||
{
|
|
||||||
.ButtonColor(#727cb6, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-indigo
|
|
||||||
{
|
|
||||||
.ButtonColor(#8753de, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-primary
|
|
||||||
{
|
|
||||||
.ButtonColor(#348fe2, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-info
|
|
||||||
{
|
|
||||||
.ButtonColor(#49b6d6, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-yellow
|
|
||||||
{
|
|
||||||
.ButtonColor(#ffd900, #2d353c);
|
|
||||||
}
|
|
||||||
&.uwt-color-warning
|
|
||||||
{
|
|
||||||
.ButtonColor(#f59c1a, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-pink
|
|
||||||
{
|
|
||||||
.ButtonColor(#fb5597, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-danger
|
|
||||||
{
|
|
||||||
.ButtonColor(#ff5b57, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-success
|
|
||||||
{
|
|
||||||
.ButtonColor(#00acac, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-green
|
|
||||||
{
|
|
||||||
.ButtonColor(#32a932, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-lime
|
|
||||||
{
|
|
||||||
.ButtonColor(#90ca4b, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-inverse
|
|
||||||
{
|
|
||||||
.ButtonColor(#2d353c, #fff);
|
|
||||||
}
|
|
||||||
&.uwt-color-none
|
|
||||||
{
|
|
||||||
.ButtonColor(transparent, inherit);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
div.uwt-checkbox
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border: solid 1px var(--uwt-color-gray-400);
|
|
||||||
|
|
||||||
&:hover, &.Hover, &.uwt-checked, &.uwt-indeterminate
|
|
||||||
{
|
|
||||||
border-color: @ThemeColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-checked, &.uwt-indeterminate
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
&:active
|
|
||||||
{
|
|
||||||
background-color: shade(@ThemeColor, 25%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
@ThemeColor: #00acac;
|
|
||||||
|
|
||||||
@ThemeColorSuccess: #00acac;
|
|
||||||
@ThemeColorDanger: #ff5b57;
|
|
||||||
|
|
||||||
:root
|
|
||||||
{
|
|
||||||
--uwt-color-default: #e9ecef;
|
|
||||||
--uwt-color-primary: #348fe2;
|
|
||||||
--uwt-color-secondary: #6c757d;
|
|
||||||
|
|
||||||
--uwt-color-success-light: tint(@ThemeColorSuccess, 35%);
|
|
||||||
--uwt-color-success-dark: shade(@ThemeColorSuccess, 35%);
|
|
||||||
--uwt-color-success: @ThemeColorSuccess;
|
|
||||||
|
|
||||||
--uwt-color-info: #49b6d6;
|
|
||||||
--uwt-color-warning: #f59c1a;
|
|
||||||
|
|
||||||
--uwt-color-danger-light: tint(@ThemeColorDanger, 35%);
|
|
||||||
--uwt-color-danger-dark: shade(@ThemeColorDanger, 35%);
|
|
||||||
--uwt-color-danger: @ThemeColorDanger;
|
|
||||||
|
|
||||||
--uwt-color-light: #f2f3f4;
|
|
||||||
--uwt-color-dark: #2d353c;
|
|
||||||
--uwt-color-inverse: #2d353c;
|
|
||||||
--uwt-color-blue: #348fe2;
|
|
||||||
--uwt-color-indigo: #8753de;
|
|
||||||
--uwt-color-purple: #727cb6;
|
|
||||||
--uwt-color-pink: #fb5597;
|
|
||||||
--uwt-color-red: #ff5b57;
|
|
||||||
--uwt-color-orange: #f59c1a;
|
|
||||||
--uwt-color-yellow: #ffd900;
|
|
||||||
--uwt-color-green: #32a932;
|
|
||||||
--uwt-color-teal: #00acac;
|
|
||||||
--uwt-color-lime: #90ca4b;
|
|
||||||
--uwt-color-cyan: #49b6d6;
|
|
||||||
--uwt-color-white: #FFFFFF;
|
|
||||||
--uwt-color-gray: #6c757d;
|
|
||||||
--uwt-color-gray-dark: #2d353c;
|
|
||||||
--uwt-color-muted: #adb5bd;
|
|
||||||
--uwt-color-black: #000000;
|
|
||||||
--uwt-color-silver: #b6c2c9;
|
|
||||||
--uwt-color-gray-100: #f8f9fa;
|
|
||||||
--uwt-color-gray-200: #e9ecef;
|
|
||||||
--uwt-color-gray-300: #dee2e6;
|
|
||||||
--uwt-color-gray-400: #ced4da;
|
|
||||||
--uwt-color-gray-500: #adb5bd;
|
|
||||||
--uwt-color-gray-600: #6c757d;
|
|
||||||
--uwt-color-gray-700: #495057;
|
|
||||||
--uwt-color-gray-800: #2d353c;
|
|
||||||
--uwt-color-gray-900: #20252a;
|
|
||||||
|
|
||||||
--uwt-color-accent: @ThemeColor;
|
|
||||||
--uwt-control-text: var(--uwt-color-gray-900);
|
|
||||||
|
|
||||||
--uwt-dropdown-menu-highlight-background: #eff1f3;
|
|
||||||
--uwt-dropdown-menu-highlight-foreground: var(--uwt-control-text);
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
div.Countdown
|
|
||||||
{
|
|
||||||
&> div.Segment
|
|
||||||
{
|
|
||||||
background-color: rgba(0, 0, 0, 0.5);
|
|
||||||
border: solid 1px @ThemeColor;
|
|
||||||
border-radius: 4px;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
body > div.uwt-footer, body > form > div.uwt-footer
|
|
||||||
{
|
|
||||||
background-color: #242A30;
|
|
||||||
|
|
||||||
color: #707478;
|
|
||||||
|
|
||||||
box-shadow: 0px 100px 80px -80px rgba(0, 0, 0, 0.7) inset;
|
|
||||||
/* padding: 60px 16px; */
|
|
||||||
}
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
div.FormView
|
|
||||||
{
|
|
||||||
&> div.Field
|
|
||||||
{
|
|
||||||
&> label
|
|
||||||
{
|
|
||||||
color: @ThemeColorBlack;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.Field
|
|
||||||
{
|
|
||||||
/* fake margin-bottom for elements displayed as table-row */
|
|
||||||
border-bottom: solid 16px transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,216 +0,0 @@
|
|||||||
@UnfocusedSearchBarWidth: 220px;
|
|
||||||
@FocusedSearchBarWidth: 400px;
|
|
||||||
|
|
||||||
body
|
|
||||||
{
|
|
||||||
&> div.uwt-header, &> form > div.uwt-header
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
&.uwt-color-inverse
|
|
||||||
{
|
|
||||||
background-color: #2d353c;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-header-item
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
input[type=text]
|
|
||||||
{
|
|
||||||
background-color: #f2f3f4;
|
|
||||||
border-color: #f2f3f4;
|
|
||||||
color: #2d353c;
|
|
||||||
|
|
||||||
&::placeholder
|
|
||||||
{
|
|
||||||
color: rgba(255,255,255,.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-searchbar
|
|
||||||
{
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
content: "\f002";
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
font-family: "FontAwesome";
|
|
||||||
font-size: 0.75rem;
|
|
||||||
font-weight: 900;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
margin-left: -16px;
|
|
||||||
left: 28px;
|
|
||||||
top: 10px;
|
|
||||||
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
input
|
|
||||||
{
|
|
||||||
border-radius: 30px;
|
|
||||||
border: 1px solid #d5dbe0;
|
|
||||||
|
|
||||||
width: @UnfocusedSearchBarWidth;
|
|
||||||
transition: width 0.2s;
|
|
||||||
|
|
||||||
padding-left: 32px;
|
|
||||||
|
|
||||||
&:focus
|
|
||||||
{
|
|
||||||
border-color: #f2f3f4;
|
|
||||||
width: @FocusedSearchBarWidth;
|
|
||||||
|
|
||||||
/* Remove the focus indicator on mouse-focus for browsers
|
|
||||||
that do support :focus-visible */
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.uwt-textbox-popup
|
|
||||||
{
|
|
||||||
&> div.uwt-dropdown-content > ul.uwt-menu > li > a
|
|
||||||
{
|
|
||||||
&> span
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
padding-top: 4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
}
|
|
||||||
&> span.uwt-title
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
&> span.uwt-subtitle, &> span.uwt-content
|
|
||||||
{
|
|
||||||
font-size: small;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
background-color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
margin-bottom: 20px;
|
|
||||||
height: @HeaderHeight;
|
|
||||||
|
|
||||||
&> div.uwt-logo
|
|
||||||
{
|
|
||||||
color: #FFFFFF;
|
|
||||||
|
|
||||||
font-size: 24px;
|
|
||||||
padding: (@HeaderHeight / 4);
|
|
||||||
|
|
||||||
width: 128px;
|
|
||||||
|
|
||||||
a
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
color: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
span.Primary
|
|
||||||
{
|
|
||||||
color: @ThemeColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
position: absolute;
|
|
||||||
right: 24px;
|
|
||||||
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
line-height: 20px;
|
|
||||||
padding: 26px 16px;
|
|
||||||
}
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
background-color: #00ACAC;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
border-bottom: 16px solid @PageBackgroundColor;
|
|
||||||
border-left: 16px solid rgba(0, 0, 0, 0);
|
|
||||||
border-radius: 0;
|
|
||||||
border-right: 16px solid rgba(0, 0, 0, 0);
|
|
||||||
content: "";
|
|
||||||
display: block;
|
|
||||||
height: 0px;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
position: relative;
|
|
||||||
top: -16px;
|
|
||||||
width: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
body.uwt-header-inverse
|
|
||||||
{
|
|
||||||
&> div.uwt-header, &> form > div.uwt-header
|
|
||||||
{
|
|
||||||
background-color: #1a2229;
|
|
||||||
|
|
||||||
&> div.uwt-header-item
|
|
||||||
{
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
&.uwt-searchbar
|
|
||||||
{
|
|
||||||
input
|
|
||||||
{
|
|
||||||
border-color: transparent;
|
|
||||||
}
|
|
||||||
div.uwt-popup
|
|
||||||
{
|
|
||||||
background-color: #1a2229;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
width: @FocusedSearchBarWidth;
|
|
||||||
&> li.uwt-menu-item
|
|
||||||
{
|
|
||||||
&> span.uwt-title, &> span.uwt-description
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
&> span.uwt-description
|
|
||||||
{
|
|
||||||
color: var(--uwt-color-gray-500);
|
|
||||||
}
|
|
||||||
&:hover, &.uwt-highlight
|
|
||||||
{
|
|
||||||
background-color: rgba(255,255,255,0.2);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
input
|
|
||||||
{
|
|
||||||
background-color: rgba(255,255,255,.25);
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&::placeholder
|
|
||||||
{
|
|
||||||
color: rgba(255,255,255,.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
h1, h2, h3, h4, h5, h6
|
|
||||||
{
|
|
||||||
// color: #242A30; // not sure why this is here, it should just inherit from the body right?
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
h1
|
|
||||||
{
|
|
||||||
font-size: 36px;
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
a
|
|
||||||
{
|
|
||||||
color: @ThemeColor;
|
|
||||||
text-decoration: none;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
color: darken(@ThemeColor, 15%);
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
.uwt-listbox
|
|
||||||
{
|
|
||||||
border: 1px solid #ced4da;
|
|
||||||
}
|
|
||||||
.uwt-listbox > li:hover
|
|
||||||
{
|
|
||||||
background-color: rgba(233, 236, 239, 0.85);
|
|
||||||
}
|
|
||||||
.uwt-listbox > li.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.uwt-listbox > li.uwt-selected > div.uwt-detail
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
@ -1,190 +0,0 @@
|
|||||||
@TableBorderColor: #E2E7EB;
|
|
||||||
@TableGridLineColor: #F5F5F5;
|
|
||||||
|
|
||||||
@TableRowHoverBackgroundColor: @TableGridLineColor;
|
|
||||||
@TableRowHoverForegroundColor: #000000;
|
|
||||||
|
|
||||||
@TableRowSelectedBackgroundColor: #fff7cc; // darken(@ThemeColor, 5%); /* #E2E7E9; */
|
|
||||||
@TableRowSelectedForegroundColor: #665700; // #FFFFFF;
|
|
||||||
|
|
||||||
@TableRowSelectedHoverBackgroundColor: lighten(@TableRowSelectedBackgroundColor, 5%);
|
|
||||||
@TableRowSelectedHoverForegroundColor: @TableRowSelectedForegroundColor;
|
|
||||||
|
|
||||||
div.uwt-listview > .uwt-content
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-collapse: collapse;
|
|
||||||
|
|
||||||
border: solid 1px #ced4da;
|
|
||||||
}
|
|
||||||
.uwt-listview
|
|
||||||
{
|
|
||||||
&:not(.uwt-gridlines)
|
|
||||||
{
|
|
||||||
&> thead, &> .uwt-content > .uwt-listview-column-headers
|
|
||||||
{
|
|
||||||
border-bottom: solid 2px;
|
|
||||||
border-bottom-color: @TableGridLineColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> thead, &> .uwt-content > .uwt-listview-column-headers
|
|
||||||
{
|
|
||||||
//border-bottom: solid 2px;
|
|
||||||
//border-bottom-color: @TableGridLineColor;
|
|
||||||
&> tr
|
|
||||||
{
|
|
||||||
&> th
|
|
||||||
{
|
|
||||||
border-bottom: solid 2px @TableBorderColor;
|
|
||||||
color: #242A30;
|
|
||||||
font-weight: 600;
|
|
||||||
a
|
|
||||||
{
|
|
||||||
color: inherit;
|
|
||||||
display: block;
|
|
||||||
text-align: left;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[colspan]
|
|
||||||
{
|
|
||||||
font-weight: normal;
|
|
||||||
background-color: tint(@ThemeColor, 75%);
|
|
||||||
a
|
|
||||||
{
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> tbody, &> .uwt-content > .uwt-listview-items
|
|
||||||
{
|
|
||||||
&> tr:nth-of-type(2n+1), &> div:nth-of-type(2n+1)
|
|
||||||
{
|
|
||||||
background-color: #e9ecef; // #f2f4f5;
|
|
||||||
}
|
|
||||||
&> tr
|
|
||||||
{
|
|
||||||
border: solid 1px transparent;
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
border-color: @ThemeColor;
|
|
||||||
&> td
|
|
||||||
{
|
|
||||||
background-color: fade(@ThemeColor, 25%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.uwt-listview-item
|
|
||||||
{
|
|
||||||
border-bottom: 1px solid rgb(206, 212, 218);
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
// border-color: @ThemeColor;
|
|
||||||
&> td
|
|
||||||
{
|
|
||||||
background-color: fade(@ThemeColor, 25%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> thead, &> tbody, &> .uwt-listview-section, &> .uwt-listview-contents
|
|
||||||
{
|
|
||||||
&> tr
|
|
||||||
{
|
|
||||||
&> th, &> td
|
|
||||||
{
|
|
||||||
border: solid 1px #cccccc;
|
|
||||||
}
|
|
||||||
&:hover > td
|
|
||||||
{
|
|
||||||
background-color: tint(@ThemeColor, 85%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
// background-color: rgba(233,236,239,0.5);
|
|
||||||
background-color: tint(@ThemeColor, 85%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> .uwt-content > .uwt-listview-column-headers > .uwt-listview-column-header > a,
|
|
||||||
&> .uwt-content > .uwt-listview-items > .uwt-listview-item > .uwt-listview-item-column
|
|
||||||
{
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
&> .uwt-content > .uwt-listview-items > .uwt-listview-item
|
|
||||||
{
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: @TableRowSelectedBackgroundColor;
|
|
||||||
color: @TableRowSelectedForegroundColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.HasBorder
|
|
||||||
{
|
|
||||||
border-color: @TableBorderColor;
|
|
||||||
}
|
|
||||||
&.uwt-gridlines
|
|
||||||
{
|
|
||||||
&> .uwt-content, &> .uwt-content > .uwt-listview-column-headers
|
|
||||||
{
|
|
||||||
border: 1px solid rgba(0,0,0,0.2);
|
|
||||||
}
|
|
||||||
&> .uwt-content > .uwt-listview-column-headers > .uwt-listview-column-header
|
|
||||||
{
|
|
||||||
border: 1px solid @TableGridLineColor;
|
|
||||||
/*
|
|
||||||
&:not(:first-child)
|
|
||||||
{
|
|
||||||
border-left: 1px solid rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
&:not(:last-child)
|
|
||||||
{
|
|
||||||
border-right: 1px solid rgba(0,0,0,0.1);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
&> .uwt-content > .uwt-listview-items > .uwt-listview-item > .uwt-listview-item-column
|
|
||||||
{
|
|
||||||
border: 1px solid rgba(0,0,0,0.05);
|
|
||||||
}
|
|
||||||
&> .uwt-content > .uwt-listview-items > .uwt-listview-item
|
|
||||||
{
|
|
||||||
border-bottom: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-hottracking
|
|
||||||
{
|
|
||||||
&> .uwt-content > .uwt-listview-items
|
|
||||||
{
|
|
||||||
&> div.uwt-listview-item:hover
|
|
||||||
{
|
|
||||||
/*
|
|
||||||
background-color: @TableRowHoverBackgroundColor;
|
|
||||||
color: @TableRowHoverForegroundColor;
|
|
||||||
*/
|
|
||||||
// background-color: tint(@ThemeColor, 75%);
|
|
||||||
background-color: rgba(233,236,239,0.5);
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: @TableRowSelectedHoverBackgroundColor;
|
|
||||||
color: @TableRowSelectedHoverForegroundColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
tr.uwt-color-danger > td
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-danger-light);
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
body.MainPage h1
|
|
||||||
{
|
|
||||||
font-size: 64px;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
div.uwt-menu-large
|
|
||||||
{
|
|
||||||
background-color: #ffffff;
|
|
||||||
}
|
|
||||||
body.uwt-header-inverse
|
|
||||||
{
|
|
||||||
&> form > div.uwt-header, &> div.uwt-header
|
|
||||||
{
|
|
||||||
div.uwt-menu-large
|
|
||||||
{
|
|
||||||
background-color: #1a2229;
|
|
||||||
color: #A8ACB1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,112 +0,0 @@
|
|||||||
ul.uwt-menu
|
|
||||||
{
|
|
||||||
padding: 0.5rem 0rem;
|
|
||||||
margin: 0px;
|
|
||||||
|
|
||||||
&.Popup
|
|
||||||
{
|
|
||||||
background: #FFFFFF;
|
|
||||||
border: solid 1px @ThemeColor;
|
|
||||||
border-top: none;
|
|
||||||
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
&> li:not(.uwt-section)
|
|
||||||
{
|
|
||||||
&:not(.uwt-selected) > a:not(:hover)
|
|
||||||
{
|
|
||||||
&> span.uwt-description
|
|
||||||
{
|
|
||||||
color: #666666;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
/*
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
*/
|
|
||||||
font-size: 12pt;
|
|
||||||
// font-weight: 300;
|
|
||||||
|
|
||||||
padding: 0.309375rem 0.9375rem;
|
|
||||||
}
|
|
||||||
&:not(.uwt-disabled) > a
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-disabled > a
|
|
||||||
{
|
|
||||||
color: #666;
|
|
||||||
pointer-events: none;
|
|
||||||
cursor: not;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.Header
|
|
||||||
{
|
|
||||||
color: #6D7983;
|
|
||||||
font-size: 11px;
|
|
||||||
line-height: 20px;
|
|
||||||
margin: 0;
|
|
||||||
padding: 10px 20px;
|
|
||||||
}
|
|
||||||
&.HasChildren > a
|
|
||||||
{
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
content: "";
|
|
||||||
font-family: "FontAwesome";
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-orientation-vertical
|
|
||||||
{
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
&.HasChildren
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
right: 0px;
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-orientation-horizontal
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
color: #8F8E8E;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
text-decoration: none;
|
|
||||||
transition: color linear 0.3s, background-color linear 0.3s;
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background: none;
|
|
||||||
color: @ThemeColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
div.uwt-page-header, div.uwt-page > div.uwt-header,
|
|
||||||
div.uwt-page-footer, div.uwt-page > div.uwt-footer
|
|
||||||
{
|
|
||||||
border-top: 1px solid #d5dbe0;
|
|
||||||
background: #ffffff;
|
|
||||||
padding: 16px;
|
|
||||||
&.uwt-color-inverse
|
|
||||||
{
|
|
||||||
background: #2d353c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body:not(.uwt-hide-header) > div.uwt-page, body:not(.uwt-hide-header) > form > div.uwt-page
|
|
||||||
{
|
|
||||||
margin-top: 64px;
|
|
||||||
}
|
|
||||||
@ -1,61 +0,0 @@
|
|||||||
div.Panel
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-radius: 3px;
|
|
||||||
|
|
||||||
&> div.Header, &> div.Content, &> div.Footer
|
|
||||||
{
|
|
||||||
padding: 10px 15px;
|
|
||||||
}
|
|
||||||
&> div.Header
|
|
||||||
{
|
|
||||||
background-color: #DDDDDD;
|
|
||||||
|
|
||||||
border-top-left-radius: 3px;
|
|
||||||
border-top-right-radius: 3px;
|
|
||||||
|
|
||||||
color: #333333;
|
|
||||||
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 500;
|
|
||||||
|
|
||||||
line-height: 20px;
|
|
||||||
}
|
|
||||||
&> div.Footer
|
|
||||||
{
|
|
||||||
border-bottom-left-radius: 3px;
|
|
||||||
border-bottom-right-radius: 3px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.Danger > div.Header
|
|
||||||
{
|
|
||||||
background-color: #CC4946;
|
|
||||||
}
|
|
||||||
&.Info > div.Header
|
|
||||||
{
|
|
||||||
background-color: #3A92AB;
|
|
||||||
}
|
|
||||||
&.Inverse > div.Header
|
|
||||||
{
|
|
||||||
background-color: #242A30;
|
|
||||||
}
|
|
||||||
&.Primary > div.Header
|
|
||||||
{
|
|
||||||
background-color: #2A72B5;
|
|
||||||
}
|
|
||||||
&.Success > div.Header
|
|
||||||
{
|
|
||||||
background-color: #008A8A;
|
|
||||||
}
|
|
||||||
&.Warning > div.Header
|
|
||||||
{
|
|
||||||
background-color: #C47D15;
|
|
||||||
}
|
|
||||||
&.Danger, &.Info, &.Inverse, &.Primary, &.Success, &.Warning
|
|
||||||
{
|
|
||||||
&> div.Header
|
|
||||||
{
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
.uwt-popup
|
|
||||||
{
|
|
||||||
background-color: #ffffff;
|
|
||||||
box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
div.ck-editor
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
&> div.ck-content
|
|
||||||
{
|
|
||||||
border-color: var(--uwt-color-accent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
div.uwt-rotaryswitch
|
|
||||||
{
|
|
||||||
&> div.uwt-rotaryswitch-indicator
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-accent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,115 +0,0 @@
|
|||||||
body > div.uwt-sidebar, body > form > div.uwt-sidebar
|
|
||||||
{
|
|
||||||
background: #2D353C;
|
|
||||||
|
|
||||||
div.UserInfo
|
|
||||||
{
|
|
||||||
background-color: #1A2229;
|
|
||||||
padding: 20px;
|
|
||||||
|
|
||||||
&> div.Icon
|
|
||||||
{
|
|
||||||
display: table-cell;
|
|
||||||
width: 56px;
|
|
||||||
}
|
|
||||||
&> div.Text
|
|
||||||
{
|
|
||||||
display: table-cell;
|
|
||||||
font-size: 14px;
|
|
||||||
|
|
||||||
&> span.UserName, span.StatusText
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
&> span.UserName
|
|
||||||
{
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
&> span.StatusText
|
|
||||||
{
|
|
||||||
color: #889097;
|
|
||||||
font-size: 85%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.uwt-menu > li
|
|
||||||
{
|
|
||||||
&.uwt-section > a
|
|
||||||
{
|
|
||||||
color: #707478;
|
|
||||||
font-size: 85%;
|
|
||||||
letter-spacing: 2px;
|
|
||||||
text-transform: uppercase;
|
|
||||||
padding-top: 16px;
|
|
||||||
padding-bottom: 16px;
|
|
||||||
}
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
line-height: 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
&> i.fa
|
|
||||||
{
|
|
||||||
float: left;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 20px;
|
|
||||||
margin-right: 16px;
|
|
||||||
text-align: center;
|
|
||||||
width: 14px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
background-color: #1A2229;
|
|
||||||
height: 0px;
|
|
||||||
transition: height linear 0.3s;
|
|
||||||
overflow: hidden;
|
|
||||||
padding: 0px;
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
color: #889097;
|
|
||||||
font-weight: 300;
|
|
||||||
padding: 5px 20px;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
color: #FFFFFF;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-opened > ul.uwt-menu
|
|
||||||
{
|
|
||||||
height: auto;
|
|
||||||
padding: 10px 0px 10px 30px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* first child styles only */
|
|
||||||
&> ul.uwt-menu > li
|
|
||||||
{
|
|
||||||
&.uwt-opened > a, > a:hover
|
|
||||||
{
|
|
||||||
background-color: #232A2F;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
padding: 8px 20px;
|
|
||||||
|
|
||||||
color: #A8ACB1;
|
|
||||||
}
|
|
||||||
&.uwt-selected > a
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #FFFFFF
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> ul.uwt-menu > li.uwt-section > a
|
|
||||||
{
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
div.uwt-slider
|
|
||||||
{
|
|
||||||
&.uwt-color-primary > div.uwt-slider-bar > div.uwt-slider-selection
|
|
||||||
{
|
|
||||||
background-color: #348fe2;
|
|
||||||
}
|
|
||||||
&.uwt-color-danger > div.uwt-slider-bar > div.uwt-slider-selection
|
|
||||||
{
|
|
||||||
background-color: #ff5b57;
|
|
||||||
}
|
|
||||||
&.uwt-color-teal > div.uwt-slider-bar > div.uwt-slider-selection
|
|
||||||
{
|
|
||||||
background-color: #00acac;
|
|
||||||
}
|
|
||||||
&.uwt-color-purple > div.uwt-slider-bar > div.uwt-slider-selection
|
|
||||||
{
|
|
||||||
background-color: #727cb6;
|
|
||||||
}
|
|
||||||
&.uwt-color-orange > div.uwt-slider-bar > div.uwt-slider-selection
|
|
||||||
{
|
|
||||||
background-color: #f59c1a;
|
|
||||||
}
|
|
||||||
&.uwt-color-black > div.uwt-slider-bar > div.uwt-slider-selection
|
|
||||||
{
|
|
||||||
background-color: #2d353c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
div.uwt-spinner
|
|
||||||
{
|
|
||||||
border-color: #24b498 #ffffff #ffffff;
|
|
||||||
border-image: none;
|
|
||||||
border-radius: 100%;
|
|
||||||
border-right: solid 2px #ffffff;
|
|
||||||
border-style: solid;
|
|
||||||
border-width: 2px;
|
|
||||||
height: 40px;
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
div.uwt-tabcontainer
|
|
||||||
{
|
|
||||||
&> ul.uwt-tabcontainer-tabs
|
|
||||||
{
|
|
||||||
background-color: #C1CCD1;
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
color: #6E7179;
|
|
||||||
// font-size: 12px;
|
|
||||||
padding: 10px 16px;
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: #FAFAFA;
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-selected > a
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
color: #242A30;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-tabcontainer-tabpages
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
&> div.uwt-tabpage
|
|
||||||
{
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,42 +0,0 @@
|
|||||||
.TextBoxBase()
|
|
||||||
{
|
|
||||||
border: solid 1px var(--uwt-color-gray-400);
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: none;
|
|
||||||
|
|
||||||
font: inherit;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
&:not([disabled])
|
|
||||||
{
|
|
||||||
&:hover, &:focus
|
|
||||||
{
|
|
||||||
border-color: @ThemeColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:focus
|
|
||||||
{
|
|
||||||
box-shadow: 0px 0px 4px #00ACAC;
|
|
||||||
}
|
|
||||||
&::placeholder
|
|
||||||
{
|
|
||||||
color: #6c757d;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.UwtColors();
|
|
||||||
}
|
|
||||||
input[type=text], input[type=password], input[type=number], input[type=search], textarea
|
|
||||||
{
|
|
||||||
.TextBoxBase();
|
|
||||||
|
|
||||||
line-height: 1.42857;
|
|
||||||
padding: 6px 12px;
|
|
||||||
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
|
|
||||||
}
|
|
||||||
div.uwt-richtextbox
|
|
||||||
{
|
|
||||||
border: 1px solid var(--uwt-color-gray-400);
|
|
||||||
height: 100px;
|
|
||||||
background-color: var(--uwt-color-gray-200);
|
|
||||||
}
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
|
|
||||||
div.uwt-tile
|
|
||||||
{
|
|
||||||
&> div.uwt-footer
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
background-color: rgba(0,0,0,.4);
|
|
||||||
margin: none;
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0,.6);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-color-alizarin, &.uwt-color-danger, &.uwt-color-red
|
|
||||||
{
|
|
||||||
background-color: #ff5b57;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,107 +0,0 @@
|
|||||||
@ToggleSwitchAnimationLength: 150ms; /* 250ms; */
|
|
||||||
@ToggleSwitchSize: 50px;
|
|
||||||
@ToggleSwitchThumbSize: 30px;
|
|
||||||
|
|
||||||
.ToggleSwitchColors(@color)
|
|
||||||
{
|
|
||||||
&.Checked
|
|
||||||
{
|
|
||||||
background-color: @color;
|
|
||||||
border-color: @color;
|
|
||||||
box-shadow: 0 0 0 16px @color inset;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.ToggleSwitch
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
width: @ToggleSwitchSize;
|
|
||||||
|
|
||||||
&[disabled]
|
|
||||||
{
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ToggleSwitchColors(@ThemeColor);
|
|
||||||
&.Primary
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorPrimary);
|
|
||||||
}
|
|
||||||
&.Success
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorSuccess);
|
|
||||||
}
|
|
||||||
&.Danger
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorDanger);
|
|
||||||
}
|
|
||||||
&.Info
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorInfo);
|
|
||||||
}
|
|
||||||
&.Warning
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorWarning);
|
|
||||||
}
|
|
||||||
&.Red
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorRed);
|
|
||||||
}
|
|
||||||
&.Blue
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorBlue);
|
|
||||||
}
|
|
||||||
&.Purple
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorPurple);
|
|
||||||
}
|
|
||||||
&.Orange
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorOrange);
|
|
||||||
}
|
|
||||||
&.Black
|
|
||||||
{
|
|
||||||
.ToggleSwitchColors(@ThemeColorBlack);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.Checked
|
|
||||||
{
|
|
||||||
&> div.ToggleSwitchInner > div.ToggleThumb
|
|
||||||
{
|
|
||||||
margin-left: (@ToggleSwitchSize - @ToggleSwitchThumbSize);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not(.Checked)
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-color: #DFDFDF;
|
|
||||||
box-shadow: 0 0 0 0 #DFDFDF inset;
|
|
||||||
&> div.ToggleSwitchInner > div.ToggleThumb
|
|
||||||
{
|
|
||||||
margin-left: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.ToggleSwitchInner > div.ToggleThumb
|
|
||||||
{
|
|
||||||
transition: margin-left @ToggleSwitchAnimationLength ease-in 0s;
|
|
||||||
}
|
|
||||||
|
|
||||||
transition: border 0.5s ease 0s, box-shadow 0.5s ease 0s, background-color 1.5s ease 0s;
|
|
||||||
|
|
||||||
border-radius: 20px;
|
|
||||||
cursor: pointer;
|
|
||||||
height: 30px;
|
|
||||||
|
|
||||||
div.ToggleOn, div.ToggleOff
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
div.ToggleThumb
|
|
||||||
{
|
|
||||||
background: none repeat scroll 0 0 #FFFFFF;
|
|
||||||
border-radius: 100%;
|
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
|
|
||||||
height: @ToggleSwitchThumbSize;
|
|
||||||
width: @ToggleSwitchThumbSize;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
div.uwt-toolbar
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
margin: 0px !important;
|
|
||||||
&.uwt-button
|
|
||||||
{
|
|
||||||
border: 1px solid transparent;
|
|
||||||
color: var(--uwt-color-gray-600);
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: tint(@ThemeColor, 75%);
|
|
||||||
border: 1px solid @ThemeColor;
|
|
||||||
color: var(--uwt-color-black);
|
|
||||||
}
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: tint(@ThemeColor, 50%);
|
|
||||||
border: 1px solid @ThemeColor;
|
|
||||||
color: var(--uwt-color-black);
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: tint(@ThemeColor, 30%);
|
|
||||||
border: 1px solid @ThemeColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,130 +0,0 @@
|
|||||||
@ThumbSize: 30px;
|
|
||||||
@TrackSize: 8px;
|
|
||||||
@ThumbOffset: ((@ThumbSize - @TrackSize) / 2);
|
|
||||||
|
|
||||||
div.uwt-trackbar
|
|
||||||
{
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding: 16px 30px;
|
|
||||||
|
|
||||||
&> div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
background-color: #A9ACB1;
|
|
||||||
border-radius: 16px;
|
|
||||||
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: #017AFD;
|
|
||||||
border-radius: 15px;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
border-radius: 100%;
|
|
||||||
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4);
|
|
||||||
cursor: move;
|
|
||||||
height: @ThumbSize;
|
|
||||||
width: @ThumbSize;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-orientation-horizontal
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
height: @TrackSize;
|
|
||||||
&> div.uwt-trackbar-track-uantity
|
|
||||||
{
|
|
||||||
/* transition: width linear 0.1s; */
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
top: -@ThumbOffset;
|
|
||||||
/* transition: left linear 0.1s; */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-orientation-vertical
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
width: @TrackSize;
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
/* transition: height linear 0.1s; */
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
left: -@ThumbOffset;
|
|
||||||
/* transition: top linear 0.1s; */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
color: @ThemeColor;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-red > div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: @ThemeColorRed;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
color: @ThemeColorRed;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-blue > div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: @ThemeColorBlue;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
color: @ThemeColorBlue;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-purple > div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: @ThemeColorPurple;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
color: @ThemeColorPurple;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-orange > div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: @ThemeColorOrange;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
color: @ThemeColorOrange;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-color-black > div.uwt-trackbar-track
|
|
||||||
{
|
|
||||||
&> div.uwt-trackbar-track-quantity
|
|
||||||
{
|
|
||||||
background-color: @ThemeColorBlack;
|
|
||||||
}
|
|
||||||
&> div.uwt-trackbar-track-thumb
|
|
||||||
{
|
|
||||||
color: @ThemeColorBlack;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
div.uwt-window
|
|
||||||
{
|
|
||||||
background-color: #FFFFFF;
|
|
||||||
|
|
||||||
&> div.uwt-header, &> div.uwt-content, &> div.uwt-footer
|
|
||||||
{
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
&> div.uwt-header
|
|
||||||
{
|
|
||||||
border-bottom: solid 1px #E2E7EB;
|
|
||||||
color: #242A30;
|
|
||||||
font-size: 18px;
|
|
||||||
font-weight: 500;
|
|
||||||
}
|
|
||||||
&> div.uwt-footer
|
|
||||||
{
|
|
||||||
border-top: solid 1px #E2E7EB;
|
|
||||||
}
|
|
||||||
&> div.uwt-content
|
|
||||||
{
|
|
||||||
&> div.uwt-loading
|
|
||||||
{
|
|
||||||
background-color: rgba(255, 255, 255, 0.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
transition: visibility linear 0.3s, opacity linear 0.3s, transform linear 0.3s;
|
|
||||||
transform-origin: center center;
|
|
||||||
transform: scale(0.0) scaleX(-2.0);
|
|
||||||
&.uwt-visible
|
|
||||||
{
|
|
||||||
transform: scale(1.0) scaleX(1.0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,96 +0,0 @@
|
|||||||
div.uwt-wizard
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
ol
|
|
||||||
{
|
|
||||||
background-color: #F0F3F4;
|
|
||||||
li
|
|
||||||
{
|
|
||||||
cursor: pointer;
|
|
||||||
font-size: 14px;
|
|
||||||
line-height: 20px;
|
|
||||||
padding: 16px;
|
|
||||||
|
|
||||||
span.uwt-title, span.uwt-description
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
margin-left: 30px;
|
|
||||||
}
|
|
||||||
span.uwt-title
|
|
||||||
{
|
|
||||||
color: #333333;
|
|
||||||
}
|
|
||||||
span.uwt-description
|
|
||||||
{
|
|
||||||
color: #999999;
|
|
||||||
font-size: 85%;
|
|
||||||
}
|
|
||||||
span.uwt-wizard-page-number
|
|
||||||
{
|
|
||||||
background-color: #6D7479;
|
|
||||||
color: #FFFFFF;
|
|
||||||
|
|
||||||
border-radius: 50%;
|
|
||||||
float: left;
|
|
||||||
height: 20px;
|
|
||||||
line-height: 20px;
|
|
||||||
margin-right: 10px;
|
|
||||||
padding: 0;
|
|
||||||
text-align: center;
|
|
||||||
top: 0;
|
|
||||||
width: 20px;
|
|
||||||
|
|
||||||
font-size: 75%;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: #D3DADF;
|
|
||||||
}
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
cursor: default;
|
|
||||||
|
|
||||||
span.uwt-title
|
|
||||||
{
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
span.uwt-description
|
|
||||||
{
|
|
||||||
color: rgba(255, 255, 255, 0.6);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div.uwt-wizard-pages
|
|
||||||
{
|
|
||||||
margin: 10px 0px -10px;
|
|
||||||
padding: 16px;
|
|
||||||
/*
|
|
||||||
div.uwt-wizard-page
|
|
||||||
{
|
|
||||||
border: solid 1px #E3E3E3;
|
|
||||||
border-radius: 4px;
|
|
||||||
min-height: 20px;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
&> div.uwt-footer
|
|
||||||
{
|
|
||||||
background-color: #f2f3f4;
|
|
||||||
padding: 25px 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-color-inverse
|
|
||||||
{
|
|
||||||
ol
|
|
||||||
{
|
|
||||||
background-color: #2d353c;
|
|
||||||
li
|
|
||||||
{
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,124 +0,0 @@
|
|||||||
@import "Fonts/SourceSansPro/SourceSansPro.css";
|
|
||||||
|
|
||||||
@import "../common/styles/uwt.less";
|
|
||||||
|
|
||||||
@import "uwt-branding.less";
|
|
||||||
@import "uwt-colors.less";
|
|
||||||
|
|
||||||
@import "uwt-actionpreviewbutton.less";
|
|
||||||
@import "uwt-alert.less";
|
|
||||||
@import "uwt-applicationmenu.less";
|
|
||||||
@import "uwt-badge.less";
|
|
||||||
@import "uwt-binaryswitch.less";
|
|
||||||
@import "uwt-blockquote.less";
|
|
||||||
@import "uwt-button.less";
|
|
||||||
@import "uwt-checkbox.less";
|
|
||||||
@import "uwt-countdown.less";
|
|
||||||
@import "uwt-footer.less";
|
|
||||||
@import "uwt-formview.less";
|
|
||||||
@import "uwt-header.less";
|
|
||||||
@import "uwt-htmlheading.less";
|
|
||||||
@import "uwt-linkbutton.less";
|
|
||||||
@import "uwt-listbox.less";
|
|
||||||
@import "uwt-listview.less";
|
|
||||||
@import "uwt-mainpage.less";
|
|
||||||
@import "uwt-megamenu.less";
|
|
||||||
@import "uwt-menu.less";
|
|
||||||
@import "uwt-page.less";
|
|
||||||
@import "uwt-panel.less";
|
|
||||||
@import "uwt-popup.less";
|
|
||||||
@import "uwt-richtextbox.less";
|
|
||||||
@import "uwt-rotaryswitch.less";
|
|
||||||
@import "uwt-sidebar.less";
|
|
||||||
@import "uwt-slider.less";
|
|
||||||
@import "uwt-spinner.less";
|
|
||||||
@import "uwt-tabcontainer.less";
|
|
||||||
@import "uwt-textbox.less";
|
|
||||||
@import "uwt-tile.less";
|
|
||||||
@import "uwt-toolbar.less";
|
|
||||||
@import "uwt-toggle.less";
|
|
||||||
@import "uwt-trackbar.less";
|
|
||||||
@import "uwt-window.less";
|
|
||||||
@import "uwt-wizard.less";
|
|
||||||
|
|
||||||
@import "mobile/uwt.less";
|
|
||||||
|
|
||||||
@import "../common/styles/mochahacks.less";
|
|
||||||
|
|
||||||
body
|
|
||||||
{
|
|
||||||
background-color: @PageBackgroundColor;
|
|
||||||
color: #333;
|
|
||||||
font-family: "Source Sans Pro", "Source Sans 3", "Segoe UI", "Droid Sans", "Tahoma", "Arial", sans-serif;
|
|
||||||
/* font-size: 14px; */
|
|
||||||
font-size: 16px;
|
|
||||||
|
|
||||||
margin: 0px;
|
|
||||||
|
|
||||||
&.Loading
|
|
||||||
{
|
|
||||||
background: @PageBackgroundColor !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
overflow: auto;
|
|
||||||
}
|
|
||||||
body > div.Content
|
|
||||||
{
|
|
||||||
padding: 24px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::selection
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
::-moz-selection
|
|
||||||
{
|
|
||||||
background-color: @ThemeColor;
|
|
||||||
color: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
@ThemeColor: #00acac;
|
|
||||||
|
|
||||||
@ThemeColorPrimaryLight: #cce3f8;
|
|
||||||
@ThemeColorPrimary: #348fe2;
|
|
||||||
|
|
||||||
@ThemeColorInfoLight: #d2edf5;
|
|
||||||
@ThemeColorInfo: #49b6d6;
|
|
||||||
|
|
||||||
@ThemeColorPurpleLight: #dcdeed;
|
|
||||||
@ThemeColorPurple: #727cb6;
|
|
||||||
|
|
||||||
@ThemeColorIndigoLight: #e1d4f7;
|
|
||||||
@ThemeColorIndigo: #8753de;
|
|
||||||
|
|
||||||
@ThemeColorSuccessLight: #bfeaea;
|
|
||||||
@ThemeColorSuccess: #00acac;
|
|
||||||
|
|
||||||
@ThemeColorGreenLight: #cceacc;
|
|
||||||
@ThemeColorGreen: #32a932;
|
|
||||||
|
|
||||||
@ThemeColorLimeLight: #e3f2d2;
|
|
||||||
@ThemeColorLime: #90ca4b;
|
|
||||||
|
|
||||||
@ThemeColorWarningLight: #fde6c6;
|
|
||||||
@ThemeColorWarning: #f59c1a;
|
|
||||||
|
|
||||||
@ThemeColorYellowLight: #fff6bf;
|
|
||||||
@ThemeColorYellow: #ffd900;
|
|
||||||
|
|
||||||
@ThemeColorDangerLight: #ffd6d5;
|
|
||||||
@ThemeColorDanger: #ff5b57;
|
|
||||||
|
|
||||||
@ThemeColorPinkLight: #fed5e5;
|
|
||||||
@ThemeColorPink: #fb5597;
|
|
||||||
|
|
||||||
|
|
||||||
//body.uwt-postback
|
|
||||||
//{
|
|
||||||
input.uwt-failed-validation
|
|
||||||
{
|
|
||||||
border: solid 1px var(--uwt-color-danger) !important;
|
|
||||||
box-shadow: 0px 0px 4px var(--uwt-color-danger) !important;
|
|
||||||
}
|
|
||||||
//}
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
@import "uwt-button-container.less";
|
|
||||||
@import "uwt-formview.less";
|
|
||||||
@import "uwt-header.less";
|
|
||||||
@import "uwt-layout.less";
|
|
||||||
@import "uwt-panel.less";
|
|
||||||
@import "uwt-x-select2.less";
|
|
||||||
|
|
||||||
@media(min-width: 1000px)
|
|
||||||
{
|
|
||||||
.uwt-mobile-only
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media(max-width: 1000px)
|
|
||||||
{
|
|
||||||
.uwt-mobile-hidden
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.uwt-mobile-overlay
|
|
||||||
{
|
|
||||||
/* like .uwt-mobile-fullscreen, except initially hidden - add .uwt-visible to show */
|
|
||||||
position: fixed;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
z-index: 200;
|
|
||||||
}
|
|
||||||
.uwt-mobile-overlay.uwt-visible
|
|
||||||
{
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-mobile-fullscreen
|
|
||||||
{
|
|
||||||
/* like .uwt-mobile-overlay, except always visible */
|
|
||||||
position: fixed;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.login-container
|
|
||||||
{
|
|
||||||
margin-top: 0px !important;
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,6 +0,0 @@
|
|||||||
div.uwt-mobile-only.uwt-button-container
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
right: 32px;
|
|
||||||
bottom: 32px;
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
@media(max-width: 1000px)
|
|
||||||
{
|
|
||||||
table.uwt-formview
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
table.uwt-formview > tbody > tr > td
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
table.uwt-formview > tbody > tr > td:first-child
|
|
||||||
{
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
table.uwt-formview > tbody > tr > td > input:not([type=checkbox])
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
body > div.uwt-header > a > span.uwt-title, body > form > div.uwt-header > a > span.uwt-title, body > div.uwt-header > div > a > span.uwt-title, body > form > div.uwt-header > div > a > span.uwt-title
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,11 +0,0 @@
|
|||||||
@media(max-width: 1000px)
|
|
||||||
{
|
|
||||||
.uwt-layout.uwt-layout-box.uwt-mobile-orientation-horizontal
|
|
||||||
{
|
|
||||||
flex-direction: row !important;
|
|
||||||
}
|
|
||||||
.uwt-layout.uwt-layout-box.uwt-mobile-orientation-vertical
|
|
||||||
{
|
|
||||||
flex-direction: column !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
@media(max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-panel > div.uwt-footer
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
bottom: 0px;
|
|
||||||
left: 0px;
|
|
||||||
right: 0px;
|
|
||||||
/* padding: 32px; */
|
|
||||||
padding: 0px;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
div.uwt-panel > div.uwt-footer > .uwt-button
|
|
||||||
{
|
|
||||||
flex-grow: 1;
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
div.uwt-panel.uwt-mobile-overlay
|
|
||||||
{
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,12 +0,0 @@
|
|||||||
@media(max-width: 1000px)
|
|
||||||
{
|
|
||||||
.select2-dropdown
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
left: 0px;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
top: 0px;
|
|
||||||
width: auto !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,102 +0,0 @@
|
|||||||
div.tx-wrapper
|
|
||||||
{
|
|
||||||
border: solid 1px #aaaaaa;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
div.tx-toolbar
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
padding: 16px;
|
|
||||||
background-color: #eee;
|
|
||||||
}
|
|
||||||
div.tx-toolbar > a.uwt-button
|
|
||||||
{
|
|
||||||
|
|
||||||
}
|
|
||||||
@media (min-width: 1000px)
|
|
||||||
{
|
|
||||||
div.tx-wrapper
|
|
||||||
{
|
|
||||||
width: 80%;
|
|
||||||
margin-top: 128px;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
div.tx
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
font-family: monospace;
|
|
||||||
font-size: 10pt;
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
div.tx a
|
|
||||||
{
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
div.tx a:hover
|
|
||||||
{
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
div.tx a.uwt-button
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
min-width: auto;
|
|
||||||
min-height: auto;
|
|
||||||
padding: 2px 8px;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin: 4px;
|
|
||||||
color: #676a6c;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
div.tx span.tx-keyword
|
|
||||||
{
|
|
||||||
color: #0000aa;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
div.tx span.tx-category
|
|
||||||
{
|
|
||||||
color: #003366;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
div.tx .tx-reference
|
|
||||||
{
|
|
||||||
color: #000000;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
div.tx .tx-reference > i
|
|
||||||
{
|
|
||||||
opacity: 0;
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
width: 0px;
|
|
||||||
}
|
|
||||||
div.tx .tx-reference::before
|
|
||||||
{
|
|
||||||
font-family: "FontAwesome";
|
|
||||||
content: "\f061";
|
|
||||||
}
|
|
||||||
div.tx span.tx-class
|
|
||||||
{
|
|
||||||
color: #660066;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
div.tx div.tx-indent
|
|
||||||
{
|
|
||||||
padding-left: 24px;
|
|
||||||
}
|
|
||||||
div.tx .tx-comment
|
|
||||||
{
|
|
||||||
color: #aaaaaa;
|
|
||||||
}
|
|
||||||
div.tx .tx-instance
|
|
||||||
{
|
|
||||||
color: #006666;
|
|
||||||
}
|
|
||||||
div.tx > div:hover
|
|
||||||
{
|
|
||||||
background-color: #eeeeee;
|
|
||||||
}
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
div.uwt-alert
|
|
||||||
{
|
|
||||||
padding: .75rem 1.25rem;
|
|
||||||
margin-bottom: 1rem;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
border-radius: .25rem;
|
|
||||||
|
|
||||||
&.uwt-color-success
|
|
||||||
{
|
|
||||||
background-color: #d4edda;
|
|
||||||
border-color: #c3e6cb;
|
|
||||||
color: #155724;
|
|
||||||
}
|
|
||||||
&.uwt-color-info
|
|
||||||
{
|
|
||||||
background-color: #d1ecf1;
|
|
||||||
border-color: #bee5eb;
|
|
||||||
color: #0c5460;
|
|
||||||
}
|
|
||||||
&.uwt-color-warning
|
|
||||||
{
|
|
||||||
background-color: #fff3cd;
|
|
||||||
border-color: #ffeeba;
|
|
||||||
color: #856404;
|
|
||||||
}
|
|
||||||
&.uwt-color-danger
|
|
||||||
{
|
|
||||||
background-color: #f8d7da;
|
|
||||||
border-color: #f5c6cb;
|
|
||||||
color: #721c24;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,17 +0,0 @@
|
|||||||
div.uwt-badge
|
|
||||||
{
|
|
||||||
border-radius: 4px;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.uwt-badge.uwt-color-primary
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-primary);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
div.uwt-badge.uwt-color-purple
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-purple);
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
@ -1,54 +0,0 @@
|
|||||||
.uwt-button
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
border: solid 1px rgb(231, 234, 236);
|
|
||||||
color: inherit;
|
|
||||||
|
|
||||||
padding: 6px;
|
|
||||||
min-width: 80px;
|
|
||||||
min-height: 24px;
|
|
||||||
text-decoration: none;
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
border-color: rgb(210, 210, 210);
|
|
||||||
color: inherit;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.uwt-button.uwt-color-primary
|
|
||||||
{
|
|
||||||
background-color: #1ab394;
|
|
||||||
border-color: #1ab394;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
.uwt-button.uwt-color-primary:hover
|
|
||||||
{
|
|
||||||
background-color: #18a689;
|
|
||||||
border: solid 1px #18a689;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-button.uwt-button-round
|
|
||||||
{
|
|
||||||
border-radius: 128px;
|
|
||||||
width: 64px;
|
|
||||||
height: 64px;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0px;
|
|
||||||
min-width: auto;
|
|
||||||
min-height: auto;
|
|
||||||
|
|
||||||
box-shadow: 0px 8px 8px rgba(0,0,0,0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-button.uwt-button-round > i.fa
|
|
||||||
{
|
|
||||||
font-size: 20px;
|
|
||||||
padding: 22px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-button > span.uwt-title
|
|
||||||
{
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
@ -1,33 +0,0 @@
|
|||||||
div.uwt-checkbox
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
vertical-align: middle;
|
|
||||||
background-color: #fff;
|
|
||||||
border: 2px solid #ddd;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
div.uwt-checkbox:hover
|
|
||||||
{
|
|
||||||
border: 2px solid var(--uwt-color-primary);
|
|
||||||
}
|
|
||||||
div.uwt-checkbox.uwt-checked, div.uwt-checkbox.uwt-indeterminate
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-primary);
|
|
||||||
border-color: var(--uwt-color-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
div.uwt-checkbox.uwt-checked > i.fa
|
|
||||||
{
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
margin: 4px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
div.uwt-checkbox:not(.uwt-checked) > i.fa
|
|
||||||
{
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
@ -1,24 +0,0 @@
|
|||||||
:root
|
|
||||||
{
|
|
||||||
--uwt-color-blue: #007bff;
|
|
||||||
--uwt-color-indigo: #6610f2;
|
|
||||||
--uwt-color-purple: #6f42c1;
|
|
||||||
--uwt-color-pink: #e83e8c;
|
|
||||||
--uwt-color-red: #dc3545;
|
|
||||||
--uwt-color-orange: #fd7e14;
|
|
||||||
--uwt-color-yellow: #ffc107;
|
|
||||||
--uwt-color-green: #28a745;
|
|
||||||
--uwt-color-teal: #20c997;
|
|
||||||
--uwt-color-cyan: #17a2b8;
|
|
||||||
--uwt-color-white: #fff;
|
|
||||||
--uwt-color-gray: #6c757d;
|
|
||||||
--uwt-color-gray-dark: #343a40;
|
|
||||||
--uwt-color-primary: #1ab394; /* #007bff; */
|
|
||||||
--uwt-color-secondary: #6c757d;
|
|
||||||
--uwt-color-success: #28a745;
|
|
||||||
--uwt-color-info: #17a2b8;
|
|
||||||
--uwt-color-warning: #ffc107;
|
|
||||||
--uwt-color-danger: #dc3545;
|
|
||||||
--uwt-color-light: #f8f9fa;
|
|
||||||
--uwt-color-dark: #343a40
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
table.uwt-formview > tbody > tr > td
|
|
||||||
{
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding: 6px;
|
|
||||||
}
|
|
||||||
table.uwt-formview > tbody > tr > td:first-child > label
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
white-space: nowrap;
|
|
||||||
}
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
body > div.uwt-header, body > form > div.uwt-header
|
|
||||||
{
|
|
||||||
background-color: #3e495f;
|
|
||||||
}
|
|
||||||
body > div.uwt-header > *, body > form > div.uwt-header > *
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
body > div.uwt-header > label
|
|
||||||
{
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
body > div.uwt-header > a, body > form > div.uwt-header > a, body > div.uwt-header > div > a, body > form > div.uwt-header > div > a
|
|
||||||
{
|
|
||||||
color: #fff;
|
|
||||||
display: inline-block;
|
|
||||||
padding: 16px;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
body > div.uwt-header > a:hover, body > form > div.uwt-header > a:hover, body > div.uwt-header > div > a:hover, body > form > div.uwt-header > div > a:hover
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0, 0.3);
|
|
||||||
}
|
|
||||||
body > div.uwt-header > a.uwt-selected, body > form > div.uwt-header > a.uwt-selected, body > div.uwt-header > div > a.uwt-selected, body > form > div.uwt-header > div > a.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0, 0.5);
|
|
||||||
}
|
|
||||||
body > div.uwt-header > a > span.uwt-title, body > form > div.uwt-header > a > span.uwt-title, body > div.uwt-header > div > a > span.uwt-title, body > form > div.uwt-header > div > a > span.uwt-title
|
|
||||||
{
|
|
||||||
margin-left: 8px;
|
|
||||||
}
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
.uwt-layout.uwt-layout-box
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
.uwt-layout.uwt-layout-box.uwt-orientation-horizontal
|
|
||||||
{
|
|
||||||
flex-direction: row;
|
|
||||||
}
|
|
||||||
.uwt-layout.uwt-layout-box.uwt-orientation-vertical
|
|
||||||
{
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-layout.uwt-layout-box > *.uwt-pack-end
|
|
||||||
{
|
|
||||||
/* WARNING: this is not tested, and might only work for this one particular case */
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
@ -1,26 +0,0 @@
|
|||||||
ul.uwt-listbox
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #e7eaec;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.uwt-listbox > li
|
|
||||||
{
|
|
||||||
list-style-type: none;
|
|
||||||
margin: 0px;
|
|
||||||
padding: 0px;
|
|
||||||
}
|
|
||||||
ul.uwt-listbox > li > div.uwt-title
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
ul.uwt-listbox > li > div
|
|
||||||
{
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.uwt-listbox > li:hover
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0,.075);
|
|
||||||
}
|
|
||||||
@ -1,41 +0,0 @@
|
|||||||
.uwt-listview
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
border: 1px solid #e7eaec;
|
|
||||||
border-collapse: collapse;
|
|
||||||
td, th
|
|
||||||
{
|
|
||||||
border: 1px solid #e7eaec;
|
|
||||||
padding: 6px;
|
|
||||||
}
|
|
||||||
th
|
|
||||||
{
|
|
||||||
font-weight: lighter;
|
|
||||||
}
|
|
||||||
&> tbody > tr
|
|
||||||
{
|
|
||||||
&.uwt-placeholder
|
|
||||||
{
|
|
||||||
height: 96px;
|
|
||||||
background-color: #ccc;
|
|
||||||
}
|
|
||||||
&> td
|
|
||||||
{
|
|
||||||
&> button, a.uwt-button, input[type=submit], input[type=reset], input[type=button]
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: auto;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover > td
|
|
||||||
{
|
|
||||||
background-color: rgba(0,0,0,.075);
|
|
||||||
color: #212529;
|
|
||||||
}
|
|
||||||
&> th[colspan]
|
|
||||||
{
|
|
||||||
background-color: #cee;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
div.uwt-panel
|
|
||||||
{
|
|
||||||
border: 1px solid #e7eaec;
|
|
||||||
background-color: #fff;
|
|
||||||
margin: 32px;
|
|
||||||
}
|
|
||||||
div.uwt-panel > div.uwt-header,
|
|
||||||
div.uwt-panel > div.uwt-content,
|
|
||||||
div.uwt-panel > div.uwt-footer
|
|
||||||
{
|
|
||||||
padding: 30px;
|
|
||||||
}
|
|
||||||
div.uwt-panel > div.uwt-content
|
|
||||||
{
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
div.uwt-panel > div.uwt-footer
|
|
||||||
{
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
.uwt-popup
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
border: medium none;
|
|
||||||
border-radius: 3px;
|
|
||||||
box-shadow: 0 0 3px rgba(86, 96, 117, 0.7);
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
ul.uwt-menu
|
|
||||||
{
|
|
||||||
list-style-type: none;
|
|
||||||
padding: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
|
|
||||||
&> li
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
border-radius: 3px;
|
|
||||||
color: #262626;
|
|
||||||
font-weight: normal;
|
|
||||||
display: block;
|
|
||||||
margin: 4px;
|
|
||||||
padding: 3px 20px;
|
|
||||||
text-decoration: none;
|
|
||||||
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
background-color: #f5f5f5;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
input[type=text], input[type=password], input[type=number], input[type=search], textarea
|
|
||||||
{
|
|
||||||
padding: 8px;
|
|
||||||
}
|
|
||||||
@ -1,8 +0,0 @@
|
|||||||
div.uwt-toolbar
|
|
||||||
{
|
|
||||||
margin-bottom: 16px;
|
|
||||||
}
|
|
||||||
div.uwt-toolbar > a.uwt-button
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
@ -1,20 +0,0 @@
|
|||||||
.select2-container--default .select2-selection--single
|
|
||||||
{
|
|
||||||
background-color: #fff;
|
|
||||||
border-color: #e7eaec;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
.select2-dropdown
|
|
||||||
{
|
|
||||||
border-color: #e7eaec;
|
|
||||||
box-shadow: 4px 4px 8px rgba(0,0,0,0.3);
|
|
||||||
}
|
|
||||||
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable
|
|
||||||
{
|
|
||||||
background-color: #1ab394;
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-formview .select2.select2-container
|
|
||||||
{
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
@ -1,36 +0,0 @@
|
|||||||
@import "../common/styles/uwt.less";
|
|
||||||
|
|
||||||
@import "uwt-alert.less";
|
|
||||||
@import "uwt-badge.less";
|
|
||||||
@import "uwt-button.less";
|
|
||||||
@import "uwt-colors.less";
|
|
||||||
@import "uwt-checkbox.less";
|
|
||||||
@import "uwt-formview.less";
|
|
||||||
@import "uwt-header.less";
|
|
||||||
@import "uwt-layout.less";
|
|
||||||
@import "uwt-listbox.less";
|
|
||||||
@import "uwt-listview.less";
|
|
||||||
@import "uwt-panel.less";
|
|
||||||
@import "uwt-popup.less";
|
|
||||||
@import "uwt-textbox.less";
|
|
||||||
@import "uwt-toolbar.less";
|
|
||||||
|
|
||||||
@import "tx.less";
|
|
||||||
|
|
||||||
@import "select2.min.less";
|
|
||||||
@import "uwt-x-select2.less";
|
|
||||||
|
|
||||||
@import "mobile/main.less";
|
|
||||||
|
|
||||||
@import "../common/fonts/awesome/css/all.min.css";
|
|
||||||
|
|
||||||
@import "../common/styles/mochahacks.less";
|
|
||||||
|
|
||||||
//body.uwt-postback
|
|
||||||
//{
|
|
||||||
input.uwt-failed-validation
|
|
||||||
{
|
|
||||||
border: solid 1px var(--uwt-color-danger) !important;
|
|
||||||
box-shadow: 0px 0px 4px var(--uwt-color-danger) !important;
|
|
||||||
}
|
|
||||||
//}
|
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -1,50 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-actionpreviewbutton
|
|
||||||
{
|
|
||||||
&> a.apb-button
|
|
||||||
{
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
div.apb-preview
|
|
||||||
{
|
|
||||||
position: fixed !important;
|
|
||||||
left: 0px !important;
|
|
||||||
top: 0px !important;
|
|
||||||
right: 0px !important;
|
|
||||||
bottom: 0px !important;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
justify-content: start;
|
|
||||||
flex-direction: column-reverse;
|
|
||||||
|
|
||||||
margin: 0px;
|
|
||||||
width: 100%;
|
|
||||||
&> div.apb-actions
|
|
||||||
{
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
|
|
||||||
&> li.uwt-menu-item-command
|
|
||||||
{
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
margin-top: 32px; // 16px;
|
|
||||||
|
|
||||||
left: 0px;
|
|
||||||
right: 0px;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.apb-actions, &> div.apb-preview-content
|
|
||||||
{
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-alert
|
|
||||||
{
|
|
||||||
&.uwt-collapsible
|
|
||||||
{
|
|
||||||
&:not(.uwt-collapsed)
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
width: inherit;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.uwt-content
|
|
||||||
{
|
|
||||||
max-height: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
@media screen and (max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-formview
|
|
||||||
{
|
|
||||||
&> div.uwt-formview-item
|
|
||||||
{
|
|
||||||
&> div.uwt-formview-item-label, &> div.uwt-formview-item-content
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
ul.uwt-menu > li
|
|
||||||
{
|
|
||||||
|
|
||||||
padding: 24px 20px;
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
padding: 24px 20px;
|
|
||||||
margin: -24px -20px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-window
|
|
||||||
{
|
|
||||||
left: 0px !important;
|
|
||||||
top: 0px !important;
|
|
||||||
right: 0px !important;
|
|
||||||
bottom: 0px !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
@import "uwt-actionpreviewbutton.less";
|
|
||||||
@import "uwt-alert.less";
|
|
||||||
@import "uwt-formview.less";
|
|
||||||
@import "uwt-menu.less";
|
|
||||||
@import "uwt-window.less";
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
@media print
|
|
||||||
{
|
|
||||||
div.uwt-actionpreviewbutton
|
|
||||||
{
|
|
||||||
&> a.apb-button
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,10 +0,0 @@
|
|||||||
@media print
|
|
||||||
{
|
|
||||||
.uwt-listview-caption, .uwt-listview > caption
|
|
||||||
{
|
|
||||||
&> .uwt-listview-controlbox
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
@import "uwt-actionpreviewbutton.less";
|
|
||||||
@import "uwt-listview.less";
|
|
||||||
|
|
||||||
@media print
|
|
||||||
{
|
|
||||||
body.uwt-header-visible > div.uwt-header + *
|
|
||||||
{
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
body > div.uwt-page-header, body > form > div.uwt-page-header
|
|
||||||
{
|
|
||||||
padding: 0px;
|
|
||||||
position: static;
|
|
||||||
|
|
||||||
&+ div.uwt-page-content
|
|
||||||
{
|
|
||||||
padding: 0px;
|
|
||||||
padding-top: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,220 +0,0 @@
|
|||||||
@ActionPreviewButton_ActionMenu_Width: 200px;
|
|
||||||
|
|
||||||
div.uwt-actionpreviewbutton
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
// white-space: nowrap; // this actually looks better this way
|
|
||||||
img.apb-icon
|
|
||||||
{
|
|
||||||
width: 1.2em;
|
|
||||||
margin-right: 8px;
|
|
||||||
}
|
|
||||||
img.apb-icon, a.apb-text, a.apb-button
|
|
||||||
{
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
&> a.apb-button
|
|
||||||
{
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
padding: 0px 2px 0px 6px;
|
|
||||||
border-radius: 4px;
|
|
||||||
|
|
||||||
margin-left: 8px;
|
|
||||||
padding-right: 6px;
|
|
||||||
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
content: "...";
|
|
||||||
font-family: inherit;
|
|
||||||
font-weight: bold;
|
|
||||||
|
|
||||||
display: block;
|
|
||||||
margin-top: -3px;
|
|
||||||
height: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:hover, &:focus-within
|
|
||||||
{
|
|
||||||
&> a.apb-button
|
|
||||||
{
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.apb-selected > div.apb-preview
|
|
||||||
{
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> a.apb-text.apb-empty
|
|
||||||
{
|
|
||||||
color: inherit;
|
|
||||||
cursor: inherit;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
text-decoration: inherit;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.apb-preview
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
float: right;
|
|
||||||
padding: 8px;
|
|
||||||
margin-left: 8px;
|
|
||||||
position: absolute;
|
|
||||||
transition: all 0.3s;
|
|
||||||
|
|
||||||
width: max-content;
|
|
||||||
|
|
||||||
&> a.uwt-button.uwt-button-close
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
right: 8px;
|
|
||||||
top: 8px;
|
|
||||||
width: 8px;
|
|
||||||
height: 8px;
|
|
||||||
padding: 8px;
|
|
||||||
min-width: unset;
|
|
||||||
min-height: unset;
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
content: "\f00d";
|
|
||||||
font-family: "FontAwesome";
|
|
||||||
position: absolute;
|
|
||||||
top: 2px;
|
|
||||||
left: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-detached
|
|
||||||
{
|
|
||||||
&> a.uwt-button.uwt-button-close
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
position: fixed;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-gripper
|
|
||||||
{
|
|
||||||
position: absolute;
|
|
||||||
top: 0px;
|
|
||||||
width: 64px;
|
|
||||||
height: 16px;
|
|
||||||
left: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-loading > div.apb-content, &.uwt-loading > div.apb-preview-content, &.uwt-loading > div.apb-actions
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
&:not(.uwt-loading) > div.uwt-spinner
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.apb-actions
|
|
||||||
{
|
|
||||||
&.uwt-empty
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
margin: -8px;
|
|
||||||
margin-right: 16px;
|
|
||||||
|
|
||||||
&> h2
|
|
||||||
{
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
width: @ActionPreviewButton_ActionMenu_Width;
|
|
||||||
&> li.uwt-menu-item-command
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
&> ul.uwt-menu
|
|
||||||
{
|
|
||||||
// display: none; // this should already be handled by uwt-popup
|
|
||||||
position: absolute;
|
|
||||||
//margin-left: 20px;
|
|
||||||
left: @ActionPreviewButton_ActionMenu_Width;
|
|
||||||
top: 0px;
|
|
||||||
width: max-content;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
&:hover > ul.uwt-menu, &:focus-within > ul.uwt-menu
|
|
||||||
{
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/*
|
|
||||||
&> div.apb-preview
|
|
||||||
{
|
|
||||||
visibility: hidden;
|
|
||||||
opacity: 0;
|
|
||||||
|
|
||||||
float: right;
|
|
||||||
padding: 8px;
|
|
||||||
margin-left: 8px;
|
|
||||||
position: absolute;
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
}
|
|
||||||
&> div.apb-preview-content
|
|
||||||
{
|
|
||||||
//!FIXME: determine what the best max-width is based on the location of the popup and the user's screen size
|
|
||||||
max-width: 600px;
|
|
||||||
|
|
||||||
&.uwt-empty
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
&> div.apb-header
|
|
||||||
{
|
|
||||||
&> h2
|
|
||||||
{
|
|
||||||
&> span.apb-class-title
|
|
||||||
{
|
|
||||||
padding-right: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
body:not(.uwt-javascript-disabled) div.uwt-actionpreviewbutton
|
|
||||||
{
|
|
||||||
&.apb-selected > a.apb-button
|
|
||||||
{
|
|
||||||
visibility: visible;
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
&:hover, &:focus-within
|
|
||||||
{
|
|
||||||
&> a.apb-button
|
|
||||||
{
|
|
||||||
opacity: 1;
|
|
||||||
visibility: visible;
|
|
||||||
&:hover
|
|
||||||
{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,104 +0,0 @@
|
|||||||
body > div.uwt-alert-container
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
right: 32px;
|
|
||||||
top: 32px;
|
|
||||||
|
|
||||||
min-width: 320px;
|
|
||||||
z-index: 100;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.uwt-alert
|
|
||||||
{
|
|
||||||
margin-left: auto;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
position: relative;
|
|
||||||
transition: all 0.5s, scale 0.3s;
|
|
||||||
right: 0px;
|
|
||||||
width: 600px;
|
|
||||||
|
|
||||||
&.uwt-collapsible
|
|
||||||
{
|
|
||||||
scale: 0.8;
|
|
||||||
&:not(.uwt-collapsed), &:hover
|
|
||||||
{
|
|
||||||
scale: 1.0;
|
|
||||||
}
|
|
||||||
&> div.uwt-icon
|
|
||||||
{
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
&> div.uwt-title
|
|
||||||
{
|
|
||||||
padding: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&:not(.uwt-collapsed)
|
|
||||||
{
|
|
||||||
&> div.uwt-icon
|
|
||||||
{
|
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
&> div.uwt-badge
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-collapsed
|
|
||||||
{
|
|
||||||
&> div.uwt-badge
|
|
||||||
{
|
|
||||||
color: #000;
|
|
||||||
position: absolute;
|
|
||||||
margin-left: 8px;
|
|
||||||
padding: 8px;
|
|
||||||
font-size: 14pt;
|
|
||||||
right: 8px;
|
|
||||||
bottom: 8px;
|
|
||||||
}
|
|
||||||
width: 64px;
|
|
||||||
&> div.uwt-content, &> div.uwt-title
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-title
|
|
||||||
{
|
|
||||||
font-weight: bold;
|
|
||||||
padding-bottom: 16px;
|
|
||||||
}
|
|
||||||
&> div.uwt-content
|
|
||||||
{
|
|
||||||
max-height: 200px;
|
|
||||||
overflow: clip;
|
|
||||||
overflow-y: scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-disabled
|
|
||||||
{
|
|
||||||
&> div.uwt-badge
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-alert-mini
|
|
||||||
{
|
|
||||||
position: fixed !important;
|
|
||||||
bottom: 0px;
|
|
||||||
display: block;
|
|
||||||
width: 400px !important;
|
|
||||||
margin-left: auto !important;
|
|
||||||
margin-right: auto !important;
|
|
||||||
background: #111;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
border-radius: 10px;
|
|
||||||
left: 0px;
|
|
||||||
&> div.uwt-title
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,32 +0,0 @@
|
|||||||
div.uwt-applicationmenu
|
|
||||||
{
|
|
||||||
&> div.uwt-button
|
|
||||||
{
|
|
||||||
border: none;
|
|
||||||
padding: 0px;
|
|
||||||
min-width: auto;
|
|
||||||
|
|
||||||
&> button.uwt-button-dropdownbutton
|
|
||||||
{
|
|
||||||
border: none;
|
|
||||||
background: none;
|
|
||||||
padding: 13px 20px;
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
font-size: 18pt;
|
|
||||||
color: #fff;
|
|
||||||
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
content: "\f0c9";
|
|
||||||
font-family: FontAwesome;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.uwt-popup
|
|
||||||
{
|
|
||||||
/* for some reason there's a weird gap between the button and the dropdown */
|
|
||||||
/* margin-top: -4px; */
|
|
||||||
margin-top: -10px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,14 +0,0 @@
|
|||||||
div.uwt-badge
|
|
||||||
{
|
|
||||||
cursor: default;
|
|
||||||
-moz-user-select: none;
|
|
||||||
|
|
||||||
border-radius: 8px;
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
margin: -8px;
|
|
||||||
|
|
||||||
padding: 8px;
|
|
||||||
padding-left: 24px;
|
|
||||||
padding-right: 24px;
|
|
||||||
}
|
|
||||||
@ -1,91 +0,0 @@
|
|||||||
div.uwt-binaryswitch
|
|
||||||
{
|
|
||||||
&> div.uwt-binaryswitch-switches
|
|
||||||
{
|
|
||||||
background: #ffffff;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
justify-content: center;
|
|
||||||
&> div.uwt-switch
|
|
||||||
{
|
|
||||||
border: solid 1px #aaaaaa;
|
|
||||||
cursor: pointer;
|
|
||||||
|
|
||||||
user-select: none;
|
|
||||||
|
|
||||||
margin: 16px 8px 8px 8px;
|
|
||||||
&> label.uwt-switch-label
|
|
||||||
{
|
|
||||||
font-size: 8pt;
|
|
||||||
position: absolute;
|
|
||||||
top: -16px;
|
|
||||||
text-align: center;
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
height: 48px;
|
|
||||||
position: relative;
|
|
||||||
width: 16px;
|
|
||||||
&> div.uwt-switch-indicator
|
|
||||||
{
|
|
||||||
padding: 8px;
|
|
||||||
background: #cccccc;
|
|
||||||
height: 4px;
|
|
||||||
position: absolute;
|
|
||||||
top: 28px;
|
|
||||||
width: 0px;
|
|
||||||
transition: all 0.3s;
|
|
||||||
}
|
|
||||||
&.uwt-selected
|
|
||||||
{
|
|
||||||
background-color: #fff7cc;
|
|
||||||
&> div.uwt-switch-indicator
|
|
||||||
{
|
|
||||||
top: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> input.uwt-binaryswitch-input, &> label.uwt-binaryswitch-label
|
|
||||||
{
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
border: none;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
&> label.uwt-binaryswitch-label
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
cursor: text;
|
|
||||||
padding: 8px;
|
|
||||||
user-select: revert;
|
|
||||||
}
|
|
||||||
&[disabled]
|
|
||||||
{
|
|
||||||
&> div.uwt-binaryswitch-switches
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-gray-300);
|
|
||||||
&> div.uwt-switch
|
|
||||||
{
|
|
||||||
background-color: var(--uwt-color-gray-500);
|
|
||||||
cursor: default;
|
|
||||||
pointer-events: none;
|
|
||||||
|
|
||||||
&> div.uwt-switch-indicator
|
|
||||||
{
|
|
||||||
background: #ffffff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> input.uwt-binaryswitch-input
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
&> label.uwt-binaryswitch-label
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,42 +0,0 @@
|
|||||||
div.uwt-button-group
|
|
||||||
{
|
|
||||||
&> div.uwt-button
|
|
||||||
{
|
|
||||||
cursor: default;
|
|
||||||
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
padding: 16px;
|
|
||||||
&> span
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
&.uwt-title
|
|
||||||
{
|
|
||||||
padding-bottom: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-orientation-horizontal
|
|
||||||
{
|
|
||||||
&> div.uwt-button
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
margin-right: 16px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-orientation-vertical
|
|
||||||
{
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
|
|
||||||
&> a.uwt-button, input[type=submit], input[type=reset], input[type=button], button, div.uwt-button > a,
|
|
||||||
{
|
|
||||||
text-align: left;
|
|
||||||
margin-bottom: 8px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,77 +0,0 @@
|
|||||||
// @ButtonSelector: 'a.uwt-button, button, input[type=button], input[type=submit], input[type=reset], div.uwt-button > a';
|
|
||||||
|
|
||||||
// (~'@{ButtonSelector}')
|
|
||||||
.uwt-button /* , button, input[type=button], input[type=submit], input[type=reset], div.uwt-button > a */
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: 400;
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
|
|
||||||
.user-select(none);
|
|
||||||
|
|
||||||
background-color: transparent;
|
|
||||||
border: 1px solid transparent;
|
|
||||||
padding: .438rem 1.125rem;
|
|
||||||
font-size: .894rem;
|
|
||||||
line-height: 1.54;
|
|
||||||
|
|
||||||
min-width: 80px;
|
|
||||||
|
|
||||||
|
|
||||||
&+ .uwt-button
|
|
||||||
{
|
|
||||||
margin-right: 6px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.uwt-button-group
|
|
||||||
{
|
|
||||||
//(~'@{ButtonSelector}')
|
|
||||||
.uwt-button /*, button, input[type=button], input[type=submit], input[type=reset], div.uwt-button > a */
|
|
||||||
{
|
|
||||||
margin-right: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
div.uwt-button
|
|
||||||
{
|
|
||||||
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
&> button.uwt-button-dropdownbutton
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
&.uwt-button-hasdropdown
|
|
||||||
{
|
|
||||||
&> button.uwt-button-dropdownbutton
|
|
||||||
{
|
|
||||||
padding-left: 8px;
|
|
||||||
padding-right: 8px;
|
|
||||||
display: inline-block;
|
|
||||||
&::before
|
|
||||||
{
|
|
||||||
content: "⏷";
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.uwt-button-requiredropdown > input:nth-child(1), &.uwt-button-requiredropdown > a:nth-child(1)
|
|
||||||
{
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
&:not(.uwt-button-requiredropdown)
|
|
||||||
{
|
|
||||||
/* split dropdown button styles */
|
|
||||||
&> input:first-child
|
|
||||||
{
|
|
||||||
border-right: none;
|
|
||||||
}
|
|
||||||
&> input.uwt-button-dropdownbutton
|
|
||||||
{
|
|
||||||
border-left: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,27 +0,0 @@
|
|||||||
div.uwt-calendar
|
|
||||||
{
|
|
||||||
&> table
|
|
||||||
{
|
|
||||||
&> thead
|
|
||||||
{
|
|
||||||
}
|
|
||||||
&> tbody
|
|
||||||
{
|
|
||||||
&> tr
|
|
||||||
{
|
|
||||||
&> td
|
|
||||||
{
|
|
||||||
&> a
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
line-height: 2rem;
|
|
||||||
width: 2rem;
|
|
||||||
height: 2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,37 +0,0 @@
|
|||||||
div.uwt-checkbox
|
|
||||||
{
|
|
||||||
transition: all 0.3s;
|
|
||||||
&> i.fa-check
|
|
||||||
{
|
|
||||||
margin-left: 4px;
|
|
||||||
transition: all 0.3s;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
&.uwt-checked, &.uwt-indeterminate
|
|
||||||
{
|
|
||||||
&> i.fa-check
|
|
||||||
{
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.uwt-indeterminate > i.fa-check::before
|
|
||||||
{
|
|
||||||
content: "\f0c8";
|
|
||||||
}
|
|
||||||
|
|
||||||
border: solid 1px #24abf2;
|
|
||||||
display: inline-block;
|
|
||||||
width: 22px;
|
|
||||||
height: 22px;
|
|
||||||
border-radius: 4px;
|
|
||||||
color: #ffffff;
|
|
||||||
&:focus-within
|
|
||||||
{
|
|
||||||
box-shadow: 0px 0px 4px #24abf2;
|
|
||||||
}
|
|
||||||
&.uwt-checked, &.uwt-indeterminate
|
|
||||||
{
|
|
||||||
background-color: #24abf2;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,72 +0,0 @@
|
|||||||
div.uwt-columns
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
box-sizing: border-box;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
min-height: 1px;
|
|
||||||
position: relative;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
div.uwt-columns > div.uwt-column-row
|
|
||||||
{
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
div.uwt-columns > div.uwt-column-row
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
div.uwt-columns > div.uwt-column-section
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
flex-grow: 1;
|
|
||||||
|
|
||||||
&> div.uwt-column
|
|
||||||
{
|
|
||||||
flex-grow: 1;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 1000px)
|
|
||||||
{
|
|
||||||
div.uwt-columns
|
|
||||||
{
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 768px)
|
|
||||||
{
|
|
||||||
div.uwt-columns > div.uwt-column-row > div.uwt-column.uwt-column-4
|
|
||||||
{
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 992px)
|
|
||||||
{
|
|
||||||
div.uwt-columns > div.uwt-column-row > div.uwt-column.uwt-column-4
|
|
||||||
{
|
|
||||||
flex: 0 1 25%;
|
|
||||||
max-width: 25%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.uwt-column.uwt-column-1
|
|
||||||
{
|
|
||||||
flex: 0 1 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
}
|
|
||||||
.uwt-column.uwt-column-2
|
|
||||||
{
|
|
||||||
flex: 0 1 50%;
|
|
||||||
max-width: 50%;
|
|
||||||
}
|
|
||||||
.uwt-column.uwt-column-3
|
|
||||||
{
|
|
||||||
flex: 0 1 33.333333%;
|
|
||||||
max-width: 33.333333%;
|
|
||||||
}
|
|
||||||
.uwt-column.uwt-column-8
|
|
||||||
{
|
|
||||||
flex: 0 1 66.666667%;
|
|
||||||
max-width: 66.666667%;
|
|
||||||
}
|
|
||||||
@ -1,34 +0,0 @@
|
|||||||
div.uwt-combobox
|
|
||||||
{
|
|
||||||
display: inline-block;
|
|
||||||
box-sizing: border-box;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after
|
|
||||||
{
|
|
||||||
content: "\f0d7";
|
|
||||||
font-weight: bold;
|
|
||||||
display: inline-block;
|
|
||||||
height: 24px;
|
|
||||||
width: 18px;
|
|
||||||
font-family: "Font Awesome 6 Pro";
|
|
||||||
position: absolute;
|
|
||||||
right: 0px;
|
|
||||||
top: 8px;
|
|
||||||
font-size: 9pt;
|
|
||||||
color: var(--uwt-color-gray);
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
&> input
|
|
||||||
{
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
box-sizing: border-box;
|
|
||||||
padding-right: 24px;
|
|
||||||
|
|
||||||
&:not(:focus)
|
|
||||||
{
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -1,90 +0,0 @@
|
|||||||
div.uwt-dialog-background
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
left: 0px;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
|
|
||||||
background-color: rgba(0, 0, 0, 0.8);
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
&:not(.uwt-visible)
|
|
||||||
{
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
z-index: 10000;
|
|
||||||
}
|
|
||||||
div.uwt-dialog
|
|
||||||
{
|
|
||||||
max-width: 35rem;
|
|
||||||
margin: 1.75rem auto;
|
|
||||||
z-index: 10001;
|
|
||||||
position: relative;
|
|
||||||
top: 0px;
|
|
||||||
|
|
||||||
transition: all 0.3s;
|
|
||||||
&:not(.uwt-visible)
|
|
||||||
{
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
&> div.uwt-header
|
|
||||||
{
|
|
||||||
padding: 1.25rem 1.5625rem;
|
|
||||||
|
|
||||||
&> div.uwt-dialog-title, &> div.uwt-dialog-controlbox
|
|
||||||
{
|
|
||||||
}
|
|
||||||
&> div.uwt-dialog-title
|
|
||||||
{
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
&> div.uwt-dialog-controlbox
|
|
||||||
{
|
|
||||||
position: absolute;
|
|
||||||
right: 24px;
|
|
||||||
top: 15px;
|
|
||||||
&> a.uwt-dialog-controlbox-close
|
|
||||||
{
|
|
||||||
font-size: 1.341rem;
|
|
||||||
font-weight: 300;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&> div.uwt-content
|
|
||||||
{
|
|
||||||
padding: 1.5625rem;
|
|
||||||
}
|
|
||||||
&> div.uwt-footer
|
|
||||||
{
|
|
||||||
display: flex;
|
|
||||||
justify-content: flex-end;
|
|
||||||
|
|
||||||
padding: 1.25rem 1.5625rem;
|
|
||||||
|
|
||||||
&> :not(:first-child)
|
|
||||||
{
|
|
||||||
margin-left: .25rem;
|
|
||||||
}
|
|
||||||
&> :not(:last-child)
|
|
||||||
{
|
|
||||||
margin-right: .25rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (max-width: 600px)
|
|
||||||
{
|
|
||||||
div.uwt-dialog
|
|
||||||
{
|
|
||||||
position: fixed;
|
|
||||||
top: 0px;
|
|
||||||
right: 0px;
|
|
||||||
left: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
margin: 0px;
|
|
||||||
max-width: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user