forked from lthn/blockchain
latest GUI
This commit is contained in:
wildkif
parent
f23e97c10c
commit
120f67f331
53 changed files with 699 additions and 9488 deletions
BIN
src/gui/qt-daemon/html/OpenSans-Bold.ttf
Normal file
BIN
src/gui/qt-daemon/html/OpenSans-Bold.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/OpenSans-ExtraBold.ttf
Normal file
BIN
src/gui/qt-daemon/html/OpenSans-ExtraBold.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/OpenSans-Light.ttf
Normal file
BIN
src/gui/qt-daemon/html/OpenSans-Light.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/OpenSans-Regular.ttf
Normal file
BIN
src/gui/qt-daemon/html/OpenSans-Regular.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/OpenSans-SemiBold.ttf
Normal file
BIN
src/gui/qt-daemon/html/OpenSans-SemiBold.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-Bold.ttf
Normal file
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-Bold.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-ExtraBold.ttf
Normal file
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-ExtraBold.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-Light.ttf
Normal file
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-Light.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-Regular.ttf
Normal file
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-Regular.ttf
Normal file
Binary file not shown.
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-SemiBold.ttf
Normal file
BIN
src/gui/qt-daemon/html/assets/fonts/OpenSans-SemiBold.ttf
Normal file
Binary file not shown.
|
|
@ -3,7 +3,8 @@
|
|||
"SETUP_MASTER_PASS": "Setup master password",
|
||||
"SETUP_CONFIRM_PASS": "Confirm the password",
|
||||
"MASTER_PASS": "Master password",
|
||||
"BUTTON_NEXT": "Next"
|
||||
"BUTTON_NEXT": "Next",
|
||||
"INCORRECT_PASSWORD": "Invalid password"
|
||||
},
|
||||
"COMMON": {
|
||||
"BACK": "Go back"
|
||||
|
|
@ -24,7 +25,8 @@
|
|||
"ADD_NEW": "+ Add new",
|
||||
"ACCOUNT": {
|
||||
"STAKING": "Staking",
|
||||
"MESSAGES": "New offers/Messages"
|
||||
"MESSAGES": "New offers/Messages",
|
||||
"SYNCING": "Syncing wallet"
|
||||
},
|
||||
"SETTINGS": "Settings",
|
||||
"LOG_OUT": "Log out",
|
||||
|
|
@ -42,19 +44,26 @@
|
|||
"BUTTON_NEW_WALLET": "Create new wallet",
|
||||
"BUTTON_OPEN_WALLET": "Open existing wallet",
|
||||
"BUTTON_RESTORE_BACKUP": "Restore from backup",
|
||||
"HELP": "How to create wallet?"
|
||||
"HELP": "How to create wallet?",
|
||||
"CHOOSE_PATH": "Please choose a path"
|
||||
},
|
||||
"CREATE_WALLET": {
|
||||
"NAME": "Wallet name",
|
||||
"PASS": "Set wallet password",
|
||||
"CONFIRM": "Confirm wallet password",
|
||||
"BUTTON_SELECT": "Select wallet location",
|
||||
"BUTTON_CREATE": "Create wallet"
|
||||
"BUTTON_CREATE": "Create wallet",
|
||||
"TITLE_SAVE": "Save the wallet file.",
|
||||
"ERROR_CANNOT_SAVE_TOP": "You cannot record a file on top of another file",
|
||||
"ERROR_CANNOT_SAVE_SYSTEM": "You cannot save a safe file to the system partition"
|
||||
},
|
||||
"OPEN_WALLET": {
|
||||
"NAME": "Wallet name",
|
||||
"PASS": "Wallet password",
|
||||
"BUTTON": "Open wallet"
|
||||
"BUTTON": "Open wallet",
|
||||
"WITH_ADDRESS_ALREADY_OPEN": "A wallet with this account is already open",
|
||||
"SAFE_FILE_NOT_FOUND1": "Safe file not found",
|
||||
"SAFE_FILE_NOT_FOUND2": "<br/><br/> It might have been renamed or moved. <br/> To open it, use the \"Open safe\" button."
|
||||
},
|
||||
"RESTORE_WALLET": {
|
||||
"LABEL_NAME": "Wallet name",
|
||||
|
|
@ -62,7 +71,9 @@
|
|||
"PASS": "Wallet password",
|
||||
"CONFIRM": "Confirm wallet password",
|
||||
"BUTTON_SELECT": "Select wallet location",
|
||||
"BUTTON_CREATE": "Create wallet"
|
||||
"BUTTON_CREATE": "Create wallet",
|
||||
"NOT_CORRECT_FILE_OR_PASSWORD": "Invalid safe file or password does not match",
|
||||
"CHOOSE_PATH": "Please choose a path"
|
||||
},
|
||||
"SEED_PHRASE": {
|
||||
"TITLE": "Make sure to keep your seed phrase in a safe place. If you forget your seed phrase you will not be able to recover your account.",
|
||||
|
|
@ -109,7 +120,8 @@
|
|||
"DETAILS": "Additional details",
|
||||
"MIXIN": "Mixin",
|
||||
"FEE": "Fee",
|
||||
"BUTTON": "Send"
|
||||
"BUTTON": "Send",
|
||||
"SUCCESS_SENT": "The payment will be received within 20 minutes"
|
||||
},
|
||||
"HISTORY": {
|
||||
"STATUS": "Status",
|
||||
|
|
@ -162,13 +174,38 @@
|
|||
"PROGRESS_RECEIVE": "Reply received",
|
||||
"PROGRESS_COMPLETE": "Completed",
|
||||
"FEE": "Fee",
|
||||
"PAYMENT": "Payment ID"
|
||||
|
||||
"PAYMENT": "Payment ID",
|
||||
"ACCEPT_STATE_WAIT_BIG": "You have accepted the contract proposal. Please wait for the pledges to be made",
|
||||
"IGNORED_ACCEPT": "You have ignored the contract proposal",
|
||||
"BURN_PROPOSAL": "The pledges have been nullified.",
|
||||
"SUCCESS_FINISH_PROPOSAL": "The contract is complete. The payment has been sent.",
|
||||
"SEND_CANCEL_PROPOSAL": "Proposal to cancel contract sent to seller",
|
||||
"IGNORED_CANCEL": "You have ignored the proposal to cancel the contract",
|
||||
"DEALS_CANCELED_WAIT": "The contract is being cancelled. Please wait for the pledge to be returned",
|
||||
"WAITING_TIME": "Time until response"
|
||||
},
|
||||
"MESSAGES": {
|
||||
"ADDRESS": "Address",
|
||||
"MESSAGE": "Message",
|
||||
"SEND_PLACEHOLDER": "Type a message...",
|
||||
"SEND_BUTTON": "Send"
|
||||
},
|
||||
"ERRORS": {
|
||||
"NOT_ENOUGH_MONEY": "Insufficient funds in account",
|
||||
"CORE_BUSY": "Internal error (core is busy)",
|
||||
"DAEMON_BUSY": "Internal error: deamon is busy",
|
||||
"NO_MONEY_REMOVE_OFFER": "There is no fee for deleting an offer, but in order to protect the network against flood transactions you need to have at least {{fee}} {{currency}} in your safe",
|
||||
"NOT_ENOUGH_OUTPUTS_TO_MIX": "For the sake of security, mixed transaction will take several days",
|
||||
"TRANSACTION_IS_TO_BIG": "This transaction is large and was therefore denied by the network. Try sending the required amount in parts.",
|
||||
"TRANSFER_ATTEMPT": "There is no connection to the Zano network",
|
||||
"ACCESS_DENIED": "Access denied",
|
||||
"TRANSACTION_ERROR": "Error. Payment not completed.",
|
||||
"BAD_ARG": "Invalid argument",
|
||||
"WALLET_WRONG_ID": "Invalid wallet ID",
|
||||
"WRONG_PASSWORD": "Invalid password",
|
||||
"FILE_RESTORED": "The safe file was corrupted somehow. We have recovered the keys and safe from the blockchain.",
|
||||
"FILE_NOT_FOUND": "File not found",
|
||||
"FILE_EXIST": "A file with that name already exists. Enter another name to save the file under",
|
||||
"FILE_NOT_SAVED": "You cannot save a safe file in this folder. Please choose another folder."
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 644 B After Width: | Height: | Size: 644 B |
31
src/gui/qt-daemon/html/assets/icons/logo.svg
Normal file
31
src/gui/qt-daemon/html/assets/icons/logo.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
.st1{fill:url(#SVGID_2_);}
|
||||
.st2{fill:url(#SVGID_3_);}
|
||||
</style>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="512.55" y1="984.3" x2="512.55" y2="39.3" gradientTransform="matrix(1 0 0 -1 0 1024)">
|
||||
<stop offset="0" style="stop-color:#1ECED0"/>
|
||||
<stop offset="0.5" style="stop-color:#8AA9F4"/>
|
||||
<stop offset="1" style="stop-color:#6A44FB"/>
|
||||
</linearGradient>
|
||||
<polygon class="st0" points="679.6,984.7 193.5,305.1 344.4,39.7 831.6,715.3 "/>
|
||||
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="217.75" y1="700.86" x2="217.75" y2="382.2152" gradientTransform="matrix(1 0 0 -1 0 1024)">
|
||||
<stop offset="0" style="stop-color:#57B7E3"/>
|
||||
<stop offset="1" style="stop-color:#7E8AF4;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st1" points="193.5,305.1 435.5,643.4 0,643.4 "/>
|
||||
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="807.25" y1="332.3745" x2="807.25" y2="641.9303" gradientTransform="matrix(1 0 0 -1 0 1024)">
|
||||
<stop offset="0" style="stop-color:#7C83F4"/>
|
||||
<stop offset="1" style="stop-color:#68B0E9;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st2" points="831.6,715.3 590.5,381 1024,381 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 708 B After Width: | Height: | Size: 708 B |
|
Before Width: | Height: | Size: 1 KiB After Width: | Height: | Size: 1 KiB |
|
Before Width: | Height: | Size: 931 B After Width: | Height: | Size: 931 B |
|
|
@ -1,6 +1,6 @@
|
|||
button {
|
||||
border: none;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: OpenSans, sans-serif;
|
||||
font-size: 1.5rem;
|
||||
font-weight: 600;
|
||||
outline: none;
|
||||
|
|
@ -116,7 +116,7 @@ button {
|
|||
}
|
||||
}
|
||||
|
||||
input[type='text'], input[type='password'] {
|
||||
input[type='text'], input[type='password'], select {
|
||||
border: none;
|
||||
font-size: 1.4rem;
|
||||
outline: none;
|
||||
|
|
@ -134,7 +134,7 @@ button {
|
|||
height: auto;
|
||||
|
||||
textarea {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-family: OpenSans, sans-serif;
|
||||
border: none;
|
||||
font-size: 1.4rem;
|
||||
outline: none;
|
||||
|
|
@ -273,6 +273,30 @@ input[type='checkbox'].style-checkbox {
|
|||
}
|
||||
}
|
||||
|
||||
.switch {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(switchBackgroundColor);
|
||||
}
|
||||
|
||||
.circle {
|
||||
|
||||
&.on {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(blueTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
&.off {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(optionalTextColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.error-block {
|
||||
font-size: 1.2rem;
|
||||
text-align: right;
|
||||
|
|
@ -364,12 +388,32 @@ input[type='checkbox'].style-checkbox {
|
|||
.modal {
|
||||
|
||||
@include themify($themes) {
|
||||
background: themed(tooltipBackgroundColor);
|
||||
background: themed(modalBackground);
|
||||
color: themed(mainTextColor);
|
||||
}
|
||||
|
||||
.content {
|
||||
|
||||
.icon.error {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(redTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
.icon.success {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(greenTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
.icon.info {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(blueTextColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.action-button {
|
||||
|
|
@ -379,4 +423,52 @@ input[type='checkbox'].style-checkbox {
|
|||
color: themed(alternativeTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
.close-button {
|
||||
|
||||
.icon {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(closeButtonColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ngx-contextmenu {
|
||||
|
||||
.dropdown-menu {
|
||||
border: none;
|
||||
padding: 0;
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(chartOptionsBackgroundColor);
|
||||
box-shadow: themed(tooltipShadow);
|
||||
}
|
||||
}
|
||||
|
||||
li {
|
||||
display: block;
|
||||
font-family: OpenSans, sans-serif;
|
||||
font-size: 1.3rem;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
padding: 0.5em 1em;
|
||||
|
||||
@include themify($themes) {
|
||||
color: themed(mainTextColor);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(chartOptionsHoverColor);
|
||||
color: themed(mainTextColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -10,7 +10,8 @@ $themes: (
|
|||
alternativeTextColor: #111921,
|
||||
optionalTextColor: #556576,
|
||||
blueTextColor: #4db1ff,
|
||||
redTextColor: #ff5252,
|
||||
greenTextColor: #5cda9d,
|
||||
redTextColor: #fe5252,
|
||||
blueButtonBackgroundColor: #4db1ff,
|
||||
blueButtonHoverColor: #60b9ff,
|
||||
disabledButtonBackgroundColor: #90a4ae,
|
||||
|
|
@ -38,7 +39,9 @@ $themes: (
|
|||
chartOptionsBackgroundColor: #2b3644,
|
||||
chartOptionsHoverColor: #556576,
|
||||
tooltipBackgroundColor: #42505f,
|
||||
tooltipShadow: 0 0 1rem rgba(0, 0, 0, 0.5)
|
||||
tooltipShadow: 0 0 1rem rgba(0, 0, 0, 0.5),
|
||||
modalBackground: url(~src/assets/images/background-dark.png),
|
||||
closeButtonColor: #556576
|
||||
),
|
||||
gray: (
|
||||
bodyBackgroundColor: #101417,
|
||||
|
|
@ -51,7 +54,8 @@ $themes: (
|
|||
alternativeTextColor: #1a1a1a,
|
||||
optionalTextColor: #565c62,
|
||||
blueTextColor: #42a5f5,
|
||||
redTextColor: #ff5252,
|
||||
greenTextColor: #47cf8d,
|
||||
redTextColor: #fe5252,
|
||||
blueButtonBackgroundColor: #42a5f5,
|
||||
blueButtonHoverColor: #4dafff,
|
||||
disabledButtonBackgroundColor: #79848f,
|
||||
|
|
@ -79,7 +83,9 @@ $themes: (
|
|||
chartOptionsBackgroundColor: #292d31,
|
||||
chartOptionsHoverColor: #515960,
|
||||
tooltipBackgroundColor: #3e464c,
|
||||
tooltipShadow: 0 0 1rem rgba(0, 0, 0, 0.5)
|
||||
tooltipShadow: 0 0 1rem rgba(0, 0, 0, 0.5),
|
||||
modalBackground: url(~src/assets/images/background-gray.png),
|
||||
closeButtonColor: #515960
|
||||
),
|
||||
white: (
|
||||
bodyBackgroundColor: #eeeeee,
|
||||
|
|
@ -92,6 +98,7 @@ $themes: (
|
|||
alternativeTextColor: #fefefe,
|
||||
optionalTextColor: #a0a5ab,
|
||||
blueTextColor: #2c95f1,
|
||||
greenTextColor: #46c172,
|
||||
redTextColor: #ff5252,
|
||||
blueButtonBackgroundColor: #2c95f1,
|
||||
blueButtonHoverColor: #379ffa,
|
||||
|
|
@ -120,7 +127,9 @@ $themes: (
|
|||
chartOptionsBackgroundColor: #e0e0e0,
|
||||
chartOptionsHoverColor: #ffffff,
|
||||
tooltipBackgroundColor: #ffffff,
|
||||
tooltipShadow: 0 0 1rem rgba(120, 120, 120, 0.5)
|
||||
tooltipShadow: 0 0 1rem rgba(120, 120, 120, 0.5),
|
||||
modalBackground: url(~src/assets/images/background-white.png),
|
||||
closeButtonColor: #43454b
|
||||
)
|
||||
);
|
||||
|
||||
|
|
|
|||
|
|
@ -81,27 +81,3 @@ app-settings {
|
|||
app-login {
|
||||
min-width: inherit;
|
||||
}
|
||||
|
||||
.switch {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(switchBackgroundColor);
|
||||
}
|
||||
|
||||
.circle {
|
||||
|
||||
&.on {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(blueTextColor);
|
||||
}
|
||||
}
|
||||
|
||||
&.off {
|
||||
|
||||
@include themify($themes) {
|
||||
background-color: themed(optionalTextColor);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,6 +17,7 @@
|
|||
|
||||
&:not(:last-child) {
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
margin-right: 20px;
|
||||
|
||||
&:after {
|
||||
|
|
|
|||
18
src/gui/qt-daemon/html/close.svg
Normal file
18
src/gui/qt-daemon/html/close.svg
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 384 384" style="enable-background:new 0 0 384 384;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Layer_1">
|
||||
</g>
|
||||
<g id="Layer_1_copy">
|
||||
</g>
|
||||
<g id="Layer_4">
|
||||
<polygon class="st0" points="300,105.1 278.9,84 192,170.9 105.1,84 84,105.1 170.9,192 84,278.9 105.1,300 192,213.1 278.9,300
|
||||
300,278.9 213.1,192 "/>
|
||||
</g>
|
||||
<g id="Layer_2">
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 644 B |
Binary file not shown.
|
Before Width: | Height: | Size: 140 KiB After Width: | Height: | Size: 142 KiB |
|
|
@ -7,7 +7,6 @@
|
|||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
|
||||
<script type="text/javascript" src="qrc:///qtwebchannel/qwebchannel.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
|
|
|||
|
|
@ -1,474 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
#contacts {
|
||||
padding: 2.5rem 8rem;
|
||||
|
||||
.main-options-wrapper {
|
||||
|
||||
.contacts-options {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, space-between);
|
||||
margin-bottom: 7rem;
|
||||
|
||||
.contacts-options-left {
|
||||
.flex-container-direction(row);
|
||||
|
||||
.contacts-groups {
|
||||
|
||||
.dropdown-toggle {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
background-color: white !important;
|
||||
border: 1px solid @contacts-groups-border-color;
|
||||
border-radius: 4rem;
|
||||
box-shadow: none;
|
||||
color: @program-dark-color;
|
||||
font-size: 3.75rem;
|
||||
height: 8.25rem;
|
||||
padding: 0 4rem;
|
||||
outline-style: none !important;
|
||||
width: 62.5rem;
|
||||
z-index: 0;
|
||||
|
||||
.filter-option {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.caret {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu.open {
|
||||
top: 10.5rem;
|
||||
border-radius: 2rem;
|
||||
box-shadow: @box-shadow;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
|
||||
a {
|
||||
min-height: 8.25rem;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
&.divider {
|
||||
display: block;
|
||||
background-color: @program-divider-color;
|
||||
margin: 0 auto;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.edit-groups-item {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
margin-right: 1.5rem;
|
||||
flex-shrink: 0;
|
||||
|
||||
&:before {
|
||||
content: '#';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-search {
|
||||
margin-left: 3.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-buttons {
|
||||
.flex-container;
|
||||
|
||||
.main-options-btn {
|
||||
|
||||
.add-contact-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
margin-left: 6rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-table {
|
||||
margin-bottom: 3rem;
|
||||
|
||||
.contacts-name {
|
||||
display: inline-flex;
|
||||
min-width: 22rem;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
font-size: 3.75rem;
|
||||
word-break: break-word;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
color: @program-table-icon-color;
|
||||
margin-right: 1rem;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
cursor: pointer;
|
||||
|
||||
.base-icon {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-account {
|
||||
.flex-container;
|
||||
|
||||
.safe-address {
|
||||
font-size: 3.25rem;
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 0.75rem;
|
||||
|
||||
.safe-address-wrap {
|
||||
width: 40rem;
|
||||
}
|
||||
|
||||
.safe-address-inner {
|
||||
left: inherit;
|
||||
right: 0;
|
||||
width: 150%;
|
||||
|
||||
.contact-address {
|
||||
|
||||
.safe-address-inner-additional {
|
||||
.flex-container-direction(row-reverse);
|
||||
.flex-container-alignment(flex-start, space-between);
|
||||
margin-top: 2rem;
|
||||
|
||||
.copy-icon {
|
||||
cursor: pointer;
|
||||
float: none;
|
||||
margin-right: -1rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
&:hover, &.hovered {
|
||||
color: @program-exuding-color;
|
||||
}
|
||||
|
||||
&.hovered:before {
|
||||
content: 'A';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
border-top: 1px solid @program-divider-color;
|
||||
margin-top: 4rem;
|
||||
padding-top: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
alias-display:not(.safe-address-inner-alias) {
|
||||
display: inline-flex;
|
||||
|
||||
.safe-alias {
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-location, .contacts-groups {
|
||||
max-width: 32.5rem;
|
||||
}
|
||||
|
||||
.contacts-communication-method {
|
||||
max-width: 43rem;
|
||||
}
|
||||
|
||||
.contacts-note {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
position: relative;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-menu {
|
||||
line-height: 0;
|
||||
visibility: hidden;
|
||||
|
||||
.contacts-menu-btn {
|
||||
background: transparent;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-menu-list {
|
||||
.menu-list(-10.5rem, inherit, -3rem, 38rem);
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
font-size: 3.25rem;
|
||||
|
||||
.table-long-item-wrapper {
|
||||
|
||||
.table-long-item {
|
||||
|
||||
.table-long-item-text {
|
||||
font-size: 3.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
th:last-child, td:last-child {
|
||||
width: 10rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
.contacts-menu {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.export-import-contacts-wrapper {
|
||||
.flex-container;
|
||||
color: @export-import-contacts-text-color;
|
||||
|
||||
.export-import-contacts-btn {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background-color: fade(white, 20%);
|
||||
border: 1px solid @export-import-contacts-border-color;
|
||||
font-size: 3.5rem;
|
||||
height: 6rem;
|
||||
padding: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
}
|
||||
|
||||
&.left-btn {
|
||||
border-radius: 3rem 0 0 3rem;
|
||||
border-right: none;
|
||||
width: 32.5rem;
|
||||
}
|
||||
|
||||
&.right-btn {
|
||||
border-radius: 0 3rem 3rem 0;
|
||||
width: 8.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: fade(white, 40%);
|
||||
color: @program-dark-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.export-import-contacts-menu{
|
||||
.menu-list(-1rem, inherit, 0, 42.5rem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#contact-details {
|
||||
padding: 2.5rem 8rem;
|
||||
|
||||
.contact-details-options {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, space-between);
|
||||
margin-bottom: 5.5rem;
|
||||
|
||||
.back-btn {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
.contact-name {
|
||||
color: @program-dark-color;
|
||||
font-size: 7.75rem;
|
||||
font-weight: 300;
|
||||
line-height: 7.5rem;
|
||||
margin-top: 0;
|
||||
margin-bottom: 5.5rem;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-data {
|
||||
margin-top: 11rem;
|
||||
margin-bottom: 5rem;
|
||||
|
||||
.adaptive-form-field-group {
|
||||
padding-bottom: 7.5rem;
|
||||
|
||||
.field-group-label {
|
||||
min-width: 42rem;
|
||||
max-width: 42rem;
|
||||
}
|
||||
|
||||
.safe-address-wrapper {
|
||||
width: 100%;
|
||||
|
||||
.general-input-wrapper {
|
||||
|
||||
.contact-option-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
min-width: 4rem;
|
||||
visibility: hidden;
|
||||
align-self: flex-end;
|
||||
margin: 1.5rem 0 1.5rem 2rem;
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
|
||||
&.hovered:before {
|
||||
content: 'A';
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
.contact-option-icon {
|
||||
cursor: pointer;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.safe-alias-modal {
|
||||
margin-top: 4rem;
|
||||
}
|
||||
|
||||
.contacts-data-btn-wrapper {
|
||||
.flex-container;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.contacts-data-btn {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, center);
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: @contacts-accounts-btn-text-color;
|
||||
font-size: 3rem;
|
||||
margin: 3rem 13rem 0 0;
|
||||
padding: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(6rem, 6rem, -3rem, -4rem);
|
||||
margin-right: 1.5rem;
|
||||
margin-left: -0.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-connection-wrapper {
|
||||
.flex-container;
|
||||
width: 100%;
|
||||
|
||||
.messenger-type, angucomplete-alt {
|
||||
margin-right: 6.5rem;
|
||||
min-width: 37%;
|
||||
width: 37%;
|
||||
}
|
||||
}
|
||||
|
||||
.add-contact-btn {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, center);
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: @contacts-accounts-btn-text-color;
|
||||
font-size: 3rem;
|
||||
line-height: 7rem;
|
||||
margin: 0 0 0.25rem;
|
||||
padding: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(6rem, 6rem, -3rem, -4rem);
|
||||
margin-right: 1.5rem;
|
||||
margin-left: -0.5rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-groups-field {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
|
||||
.edit-groups-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
margin-right: 1.5rem;
|
||||
flex-shrink: 0;
|
||||
|
||||
&:before {
|
||||
content: '#';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.contact-payment-history {
|
||||
padding: 7rem 2.5rem 6rem;
|
||||
}
|
||||
|
||||
.contact-empty-payments {
|
||||
color: @program-empty-color;
|
||||
font-size: 3.75rem;
|
||||
line-height: 5.5rem;
|
||||
padding: 12.5rem 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.delete-contact-btn {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: @program-dark-color;
|
||||
font-size: 4.25rem;
|
||||
margin: 1rem auto 0;
|
||||
padding: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(5rem, 4rem, -3.5rem, -5rem);
|
||||
margin-right: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,221 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
#dashboard {
|
||||
padding: 0 8rem 2.5rem;
|
||||
|
||||
.main-options-wrapper {
|
||||
|
||||
.dashboard-options {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
margin-bottom: 7rem;
|
||||
|
||||
.top-options-list {
|
||||
.flex-container;
|
||||
justify-content: space-between;
|
||||
flex-grow: 1;
|
||||
|
||||
.top-options-item {
|
||||
background: rgba(255, 255, 255, 0.4);
|
||||
padding: 2.5rem 0;
|
||||
flex-basis: 25%;
|
||||
|
||||
.top-options-link {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, center);
|
||||
height: 12rem;
|
||||
color: @dashboard-indicator-text-color;
|
||||
cursor: pointer;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(12rem, 12rem, 0, -1rem);
|
||||
color: @dashboard-indicator-icon-color;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
.top-options-number {
|
||||
font-size: 8rem;
|
||||
font-weight: 200;
|
||||
line-height: 6rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-main-color;
|
||||
|
||||
.base-icon {
|
||||
color: @program-main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: 3rem 0 0 3rem;
|
||||
|
||||
.top-options-link {
|
||||
border-radius: 2.75rem 0 0 2.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 3rem 3rem 0;
|
||||
|
||||
.top-options-link {
|
||||
border-radius: 0 2.75rem 2.75rem 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-buttons {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-slider-wrapper {
|
||||
margin: 0 -3.5rem;
|
||||
overflow: hidden;
|
||||
|
||||
.dashboard-slider {
|
||||
.flex-container;
|
||||
padding-top: 3rem;
|
||||
width: 200%;
|
||||
transition: 1s;
|
||||
|
||||
.dashboard-slider-item {
|
||||
max-width: 25%;
|
||||
min-width: 25%;
|
||||
padding: 0 3.5rem;
|
||||
transition: 1s;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slider-control-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
padding-top: 2.75rem;
|
||||
|
||||
.slider-control-btn {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background: rgba(255, 255, 255, 0.7);
|
||||
border: 1px solid @dashboard-slider-border-color;
|
||||
border-radius: 100%;
|
||||
color: @dashboard-slider-icon-color;
|
||||
padding: 0;
|
||||
height: 7rem;
|
||||
width: 7rem;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -3rem, -3.75rem);
|
||||
font-size: 12rem;
|
||||
}
|
||||
|
||||
&.prev-btn {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: white;
|
||||
color: @program-main-color;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-status-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
line-height: 0;
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
|
||||
.slider-status-btn {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
border: none;
|
||||
border-radius: 100%;
|
||||
margin: 0 1rem;
|
||||
padding: 0;
|
||||
height: 2rem;
|
||||
width: 2rem;
|
||||
}
|
||||
|
||||
&.active-slide {
|
||||
|
||||
.slider-status-btn{
|
||||
background: white;
|
||||
border: 1px solid @dashboard-slider-border-color;
|
||||
height: 2.5rem;
|
||||
width: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.add-widget-btn-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
margin: 5rem auto;
|
||||
|
||||
.add-widget-btn {
|
||||
position: relative;
|
||||
|
||||
button {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: @program-dark-color;
|
||||
font-size: 4.25rem;
|
||||
padding: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
margin-top: 0.5rem;
|
||||
margin-right: 1.5rem;
|
||||
z-index: -1;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
.menu-list(inherit, 50%, inherit, 88rem);
|
||||
.flex-container-direction(row);
|
||||
flex-wrap: wrap;
|
||||
bottom: 0;
|
||||
transform: translateX(-50%) translateY(-2em);
|
||||
|
||||
li {
|
||||
flex-basis: 50%;
|
||||
flex-shrink: 0;
|
||||
|
||||
button {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
&.last-element {
|
||||
flex-basis: 100%;
|
||||
|
||||
button {
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
.dropdown-menu {
|
||||
transform: translateX(-50%) translateY(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,134 +0,0 @@
|
|||
@import "../variables";
|
||||
|
||||
.datepicker {
|
||||
border: none !important;
|
||||
border-radius: 2.5rem !important;
|
||||
-webkit-box-shadow: @box-shadow !important;
|
||||
box-shadow: @box-shadow !important;
|
||||
font-family: 'Titillium Web', 'AgoraSansPro', sans-serif;
|
||||
width: 65rem !important;
|
||||
|
||||
.datepicker--pointer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.datepicker--nav {
|
||||
border-bottom: none;
|
||||
|
||||
.datepicker--nav-action {
|
||||
|
||||
path {
|
||||
stroke: @datepicker-nav-action-color;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker--nav-title {
|
||||
color: @datepicker-nav-title-color;
|
||||
font-size: 4rem;
|
||||
text-transform: uppercase;
|
||||
font-style: normal !important;
|
||||
|
||||
i {
|
||||
color: @datepicker-nav-title-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker--content {
|
||||
color: @program-dark-color;
|
||||
font-size: 3.25rem;
|
||||
|
||||
.datepicker--body {
|
||||
|
||||
.datepicker--days-names {
|
||||
|
||||
.datepicker--day-name {
|
||||
color: @datepicker-day-name-color;
|
||||
font-size: 3.25rem;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
}
|
||||
|
||||
.datepicker--cells {
|
||||
justify-content: space-between;
|
||||
|
||||
.datepicker--cell {
|
||||
height: 7rem !important;
|
||||
width: 7rem !important;
|
||||
margin: 0.5rem;
|
||||
|
||||
&.-selected- {
|
||||
color: @program-dark-color;
|
||||
border-radius: 100%;
|
||||
background: @datepicker-cell-selected-color;
|
||||
|
||||
&:hover {
|
||||
color: @program-dark-color;
|
||||
background: @datepicker-cell-selected-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.-focus- {
|
||||
border-radius: 100%;
|
||||
border: 1px solid @datepicker-cell-border-color;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&.-disabled- {
|
||||
color: @program-dark-color;
|
||||
|
||||
&:hover {
|
||||
border: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.-other-month- {
|
||||
color: @datepicker-day-other-month-color;
|
||||
|
||||
&.-selected- {
|
||||
|
||||
&:hover {
|
||||
color: @datepicker-day-other-month-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-radius: 100%;
|
||||
border: 1px solid @datepicker-cell-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.-current- {
|
||||
color: @program-dark-color;
|
||||
border-radius: 100%;
|
||||
border: 1px solid @datepicker-cell-border-color;
|
||||
|
||||
&.-selected- {
|
||||
|
||||
&:hover {
|
||||
color: @program-dark-color;
|
||||
background: @datepicker-cell-selected-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
border-radius: 100%;
|
||||
border: 1px solid @datepicker-cell-border-color;
|
||||
color: @program-dark-color;
|
||||
background: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
File diff suppressed because it is too large
Load diff
|
|
@ -1,177 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
header {
|
||||
min-height: 36.5rem;
|
||||
min-width: @min-width;
|
||||
padding: 0 8rem 5.5rem;
|
||||
|
||||
.header-top-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
min-height: 22rem;
|
||||
max-height: 22rem;
|
||||
|
||||
.header-options-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
height: 6rem;
|
||||
|
||||
.header-lock-btn {
|
||||
.icon-sizing(5rem, 8rem, -3.5rem, -3rem);
|
||||
color: @program-dark-color;
|
||||
cursor: pointer;
|
||||
margin-right: 10.5rem;
|
||||
}
|
||||
|
||||
.header-test-network {
|
||||
color: @program-light-color;
|
||||
font-size: 3.5rem;
|
||||
font-weight: 300;
|
||||
line-height: 6rem;
|
||||
margin-right: 9.5rem;
|
||||
.base-icon {
|
||||
color: @program-light-color;
|
||||
}
|
||||
}
|
||||
|
||||
.header-status {
|
||||
font-size: 3.5rem;
|
||||
font-weight: 300;
|
||||
line-height: 6rem;
|
||||
|
||||
&.online {
|
||||
color: @program-online-color;
|
||||
}
|
||||
|
||||
&.offline {
|
||||
color: @program-offline-color;
|
||||
}
|
||||
|
||||
&.loading {
|
||||
color: @program-light-color;
|
||||
}
|
||||
|
||||
&.sync-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
color: @program-online-color;
|
||||
|
||||
.sync {
|
||||
padding-right: 4rem;
|
||||
}
|
||||
|
||||
progress[value] {
|
||||
-webkit-appearance: none;
|
||||
appearance: none;
|
||||
width: 36.5rem;
|
||||
height: 0.75rem;
|
||||
|
||||
&::-webkit-progress-bar{
|
||||
background-color: @program-progress-bar-bg-color;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
&::-webkit-progress-value{
|
||||
background-color: @program-progress-bar-fill-color;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
.sync-percent {
|
||||
padding-left: 2.5rem;
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-logo-wrapper {
|
||||
|
||||
.header-logo {
|
||||
display: block;
|
||||
background: url("../img/logo.svg") center no-repeat;
|
||||
background-size: 100%;
|
||||
height: 7.5rem;
|
||||
width: 50rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.header-nav-wrapper {
|
||||
.flex-container;
|
||||
min-height: 10rem;
|
||||
max-height: 10rem;
|
||||
|
||||
.sidebar-nav {
|
||||
.flex-container;
|
||||
flex-grow: 1;
|
||||
|
||||
.nav-item {
|
||||
border-top: 1px solid @program-header-border-color;
|
||||
border-bottom: 1px solid @program-header-border-color;
|
||||
border-right: 1px solid @program-header-border-color;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
height: 9rem;
|
||||
box-sizing: content-box;
|
||||
|
||||
.nav-item-link {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
background: white;
|
||||
border: none;
|
||||
color: @program-header-text-color;
|
||||
margin: 0;
|
||||
padding: 1.5rem 0;
|
||||
font-size: 4.25rem;
|
||||
line-height: 6rem;
|
||||
width: 100%;
|
||||
|
||||
.indicator-number {
|
||||
border-color: @program-header-indicator-border-color;
|
||||
color: @program-header-indicator-text-color;
|
||||
margin-left: 2.5rem;
|
||||
margin-right: -2rem;
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: @program-header-text-blocked-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-left: 1px solid @program-header-border-color;
|
||||
border-radius: 10rem 0 0 10rem;
|
||||
|
||||
.nav-item-link {
|
||||
border-radius: 9.75rem 0 0 9.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 10rem 10rem 0;
|
||||
|
||||
.nav-item-link {
|
||||
border-radius: 0 9.75rem 9.75rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover:not(.active) {
|
||||
|
||||
.nav-item-link:not(:disabled) {
|
||||
background: @program-header-bg-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
|
||||
.nav-item-link {
|
||||
background: @program-header-bg-active-color;
|
||||
border-color: @program-header-bg-active-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,83 +0,0 @@
|
|||
@import "../variables";
|
||||
|
||||
.highcharts-container{
|
||||
width: 100%!important;
|
||||
}
|
||||
|
||||
.highcharts-background {
|
||||
fill-opacity: 0;
|
||||
}
|
||||
|
||||
.highcharts-tooltip {
|
||||
|
||||
span {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
b {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.highcharts-input-group {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.highcharts-range-selector-buttons {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
.highcharts-scrollbar-thumb{
|
||||
opacity: 1;
|
||||
stroke: @highcharts-scrollbar-color;
|
||||
}
|
||||
|
||||
.highcharts-scrollbar-arrow{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.highcharts-scrollbar-rifles{
|
||||
stroke: @highcharts-scrollbar-color;
|
||||
}
|
||||
|
||||
.highcharts-axis.highcharts-xaxis {
|
||||
stroke: @highcharts-axis-line-color;
|
||||
|
||||
.highcharts-tick {
|
||||
stroke: @highcharts-axis-line-color;
|
||||
}
|
||||
|
||||
.highcharts-axis-line {
|
||||
stroke: @highcharts-axis-line-color;
|
||||
}
|
||||
}
|
||||
|
||||
.highcharts-grid.highcharts-xaxis-grid.highcharts-navigator-xaxis{
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
.highcharts-label-box.highcharts-tooltip-box {
|
||||
filter: url("#dropShadow");
|
||||
|
||||
&:nth-child(1) {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
&:nth-child(2) {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
|
||||
&:nth-child(3) {
|
||||
fill-opacity: 0;
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
feFlood {
|
||||
flood-color: #1f360b;
|
||||
}
|
||||
|
|
@ -1,239 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
#history {
|
||||
padding: 2.5rem 8rem;
|
||||
}
|
||||
|
||||
.history-options {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, flex-start);
|
||||
position: relative;
|
||||
margin-bottom: 7rem;
|
||||
|
||||
.history-search {
|
||||
margin-left: 3.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
.history-table {
|
||||
margin-bottom: 3rem;
|
||||
|
||||
table {
|
||||
|
||||
thead {
|
||||
|
||||
tr {
|
||||
font-size: 3.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
tr {
|
||||
|
||||
th:first-child {
|
||||
padding-left: 0;
|
||||
padding-right: 10rem;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td:first-child {
|
||||
position: relative;
|
||||
padding-left: 0;
|
||||
padding-right: 10rem;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&.history-marker::after {
|
||||
border-left: 1rem solid @marker-light-green;
|
||||
}
|
||||
}
|
||||
|
||||
td:last-child {
|
||||
width: 14rem;
|
||||
}
|
||||
|
||||
&.transaction-blocked {
|
||||
background-color: @history-transaction-blocked-border-color !important;
|
||||
color: @history-transaction-blocked-text-color;
|
||||
|
||||
.transaction-status-indicator {
|
||||
|
||||
.status-graph {
|
||||
|
||||
&.income {
|
||||
stroke: @history-transaction-blocked-status-income-color !important;
|
||||
}
|
||||
|
||||
&.outgoing {
|
||||
stroke: @history-transaction-blocked-status-outgoing-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.status-inner {
|
||||
|
||||
.base-icon.income {
|
||||
color: @history-transaction-blocked-status-income-color !important;
|
||||
}
|
||||
|
||||
.base-icon.outgoing {
|
||||
color: @history-transaction-blocked-status-outgoing-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.safe-address {
|
||||
|
||||
.safe-address-wrap {
|
||||
color: @history-transaction-blocked-text-color;
|
||||
|
||||
.safe-address-text {
|
||||
background: -webkit-linear-gradient(left, @history-transaction-blocked-text-color 0, @history-transaction-blocked-text-color 75%, transparent 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.safe-alias {
|
||||
|
||||
.safe-alias-btn {
|
||||
background-color: fade(@history-transaction-blocked-text-color, 20%);
|
||||
border-color: @history-transaction-blocked-alias-color;
|
||||
color: @history-transaction-blocked-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.history-date {
|
||||
|
||||
&:hover {
|
||||
color: @history-transaction-blocked-hover-color;
|
||||
|
||||
.base-icon {
|
||||
color: @history-transaction-blocked-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.history-safe {
|
||||
|
||||
&:hover {
|
||||
color: @history-transaction-blocked-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
.history-date {
|
||||
|
||||
.base-icon {
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
.history-date {
|
||||
|
||||
.base-icon {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.transaction-status-indicator {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.history-safe {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
|
||||
.history-anonym-icon {
|
||||
.icon-sizing(4rem, 5rem, -4rem, -4.5rem);
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.history-date {
|
||||
.flex-container-alignment(center, flex-start);
|
||||
display: inline-flex;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
margin-left: 2rem;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
cursor: pointer;
|
||||
|
||||
.base-icon {
|
||||
color: @program-hover-color;
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.history-counterparty {
|
||||
.flex-container-direction(column);
|
||||
max-width: 75rem;
|
||||
|
||||
.safe-address {
|
||||
font-size: 3.25rem;
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 0.75rem;
|
||||
|
||||
.safe-address-wrap {
|
||||
width: 40rem;
|
||||
}
|
||||
|
||||
.safe-address-inner {
|
||||
left: inherit;
|
||||
right: 0;
|
||||
width: 150%;
|
||||
}
|
||||
}
|
||||
|
||||
alias-display:not(.safe-address-inner-alias) {
|
||||
display: inline-flex;
|
||||
|
||||
.safe-alias {
|
||||
margin-top: 0.75rem;
|
||||
margin-bottom: 0.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.history-comment-wrapper {
|
||||
.flex-container;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-btn {
|
||||
margin-top: 1.5rem;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,296 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
#mining {
|
||||
padding: 2.5rem 8rem;
|
||||
|
||||
.main-options-wrapper {
|
||||
|
||||
.mining-options {
|
||||
margin-bottom: 8rem;
|
||||
}
|
||||
}
|
||||
|
||||
.calculate-options {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
color: @program-main-color;
|
||||
height: 30.5rem;
|
||||
padding: 2.5rem 11rem 0;
|
||||
|
||||
.calculate-tile {
|
||||
.flex-container;
|
||||
font-size: 3.5rem;
|
||||
|
||||
label {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-end);
|
||||
font-weight: 600;
|
||||
height: 7rem;
|
||||
line-height: 4.5rem;
|
||||
margin-bottom: 0;
|
||||
max-width: 45rem;
|
||||
padding-right: 3rem;
|
||||
text-align: end;
|
||||
}
|
||||
|
||||
.general-input-wrapper {
|
||||
width: 42rem;
|
||||
}
|
||||
|
||||
.calculate-mining-btn {
|
||||
border: 1px solid @mining-range-border-color;
|
||||
height: 8rem;
|
||||
width: 44rem;
|
||||
font-size: 4rem;
|
||||
margin-left: 3rem;
|
||||
}
|
||||
|
||||
&:hover, &.focused-line {
|
||||
|
||||
label {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
|
||||
.general-input-wrapper {
|
||||
border-bottom-color: @program-hover-color;
|
||||
|
||||
.general-input {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: @program-input-placeholder-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chart-wrapper {
|
||||
padding-top: 1rem;
|
||||
padding-bottom: 5rem;
|
||||
transition: all 0.5s linear;
|
||||
overflow: hidden;
|
||||
|
||||
.chart-label {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
position: relative;
|
||||
color: @program-dark-color;
|
||||
font-size: 5rem;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
padding-top: 5rem;
|
||||
padding-bottom: 1rem;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
top: -1rem;
|
||||
right: -1rem;
|
||||
color: @program-label-info-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mining-select-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
flex-grow: 1;
|
||||
|
||||
.mining-select {
|
||||
.flex-container;
|
||||
|
||||
.dropdown-toggle {
|
||||
border-bottom: none;
|
||||
color: @program-hover-color;
|
||||
font-size: 5rem;
|
||||
line-height: 6rem;
|
||||
padding: 0 3rem 0 0;
|
||||
|
||||
.caret {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
border-radius: 2rem;
|
||||
min-width: 44rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.mining-safe {
|
||||
padding-left: 5rem;
|
||||
}
|
||||
|
||||
&.mining-view {
|
||||
padding-left: 5rem;
|
||||
padding-right: 6rem;
|
||||
|
||||
.dropdown-menu {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mined-empty {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
color: @program-empty-color;
|
||||
font-size: 3.75rem;
|
||||
height: 35rem;
|
||||
}
|
||||
|
||||
.mined-statistics {
|
||||
padding: 3rem 0;
|
||||
|
||||
.mined-statistics-options {
|
||||
.flex-container;
|
||||
.flex-container-alignment(flex-start, space-between);
|
||||
padding: 7rem 7rem 0;
|
||||
|
||||
.chart-range-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
margin-top: 1rem;
|
||||
|
||||
.chart-range-group {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
color: @program-dark-color;
|
||||
font-size: 3rem;
|
||||
|
||||
.chart-range-selector {
|
||||
.flex-container;
|
||||
margin: 0 2.5rem;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
border: 1px solid @mining-range-border-color;
|
||||
color: @mining-range-text-color;
|
||||
line-height: 5.5rem;
|
||||
height: 6rem;
|
||||
width: 13rem;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
|
||||
&:first-child {
|
||||
border-radius: 3rem 0 0 3rem;
|
||||
width: 13.5rem;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 3rem 3rem 0;
|
||||
width: 13.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background: white;
|
||||
color: @program-dark-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
margin-right: 8.5rem;
|
||||
|
||||
@media screen and (max-width: 1150px) {
|
||||
margin-right: 2.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.total-mined-chart {
|
||||
color: @program-dark-color;
|
||||
font-size: 5rem;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
line-height: 7rem;
|
||||
white-space: nowrap;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.total-mined-table {
|
||||
color: @program-dark-color;
|
||||
font-size: 5rem;
|
||||
font-style: italic;
|
||||
font-weight: 300;
|
||||
line-height: 7rem;
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.statistics-table {
|
||||
margin: 8rem 2.5rem 2.5rem;
|
||||
overflow: hidden;
|
||||
transition: height 1s;
|
||||
|
||||
table {
|
||||
|
||||
tbody {
|
||||
|
||||
tr {
|
||||
|
||||
td {
|
||||
width: 33.33%;
|
||||
|
||||
.order-icon {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
position: relative;
|
||||
padding-left: 8rem;
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
border-left: 1rem solid @marker-light-green;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.pagination-wrapper {
|
||||
margin: 5rem 2.5rem 3rem;
|
||||
|
||||
.pagination {
|
||||
|
||||
.pages {
|
||||
color: @program-pagination-text-inactive-color;
|
||||
}
|
||||
|
||||
.next-page, .prev-page {
|
||||
background-color: transparent;
|
||||
border-color: @program-main-color;
|
||||
color: @program-main-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#chart-calculate {
|
||||
width: 100%;
|
||||
height: 70rem;
|
||||
}
|
||||
|
||||
#chart-statistics{
|
||||
width: 100%;
|
||||
height: 142rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,113 +0,0 @@
|
|||
@import "../variables";
|
||||
|
||||
.flex-container {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.flex-container-direction(@direction) {
|
||||
.flex-container;
|
||||
-webkit-flex-direction: @direction;
|
||||
flex-direction: @direction;
|
||||
}
|
||||
|
||||
.flex-container-alignment(@align-items, @justify-content) {
|
||||
-webkit-align-items: @align-items;
|
||||
align-items: @align-items;
|
||||
-webkit-justify-content: @justify-content;
|
||||
justify-content: @justify-content;
|
||||
}
|
||||
|
||||
.general-button(@width, @height) {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background: fade(white, 40%);
|
||||
border: none;
|
||||
border-radius: 10rem;
|
||||
padding: 0 3rem;
|
||||
height: @height;
|
||||
width: @width;
|
||||
|
||||
&:hover {
|
||||
background: fade(white, 55%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: fade(white, 55%);
|
||||
}
|
||||
}
|
||||
|
||||
.icon-sizing(@height, @width, @top, @left) {
|
||||
width: @width;
|
||||
height: @height;
|
||||
|
||||
&:before {
|
||||
top: @top;
|
||||
left: @left;
|
||||
}
|
||||
}
|
||||
|
||||
.menu-list(@top, @left, @right, @width) {
|
||||
position: absolute;
|
||||
top: @top;
|
||||
left: @left;
|
||||
right: @right;
|
||||
min-width: @width;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
box-shadow: @box-shadow;
|
||||
border-radius: 2rem;
|
||||
overflow: hidden;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
|
||||
button {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: @program-exuding-color;
|
||||
font-size: 3.5rem;
|
||||
height: 8.25rem;
|
||||
padding-left: 3rem;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
white-space: nowrap;
|
||||
|
||||
&:disabled {
|
||||
color: @program-light-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
&:not(:disabled) {
|
||||
background: @program-select-hover-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
|
||||
button {
|
||||
border-top-left-radius: 2rem;
|
||||
border-top-right-radius: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
|
||||
button {
|
||||
border-bottom-left-radius: 2rem;
|
||||
border-bottom-right-radius: 2rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.menu-divider {
|
||||
border-top: 1px solid @program-divider-color;
|
||||
margin: 0 3.5rem;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,125 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.page-empty {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: -1;
|
||||
color: @program-exuding-color;
|
||||
text-align: center;
|
||||
min-height: 150rem;
|
||||
|
||||
.one-block {
|
||||
display: inline-block;
|
||||
width: 112rem;
|
||||
|
||||
&.wider-block {
|
||||
width: 140rem;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 10.75rem;
|
||||
font-weight: 200;
|
||||
margin-top:6.5rem;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 6.25rem;
|
||||
margin-top: 5.5rem;
|
||||
font-weight: 200;
|
||||
line-height: 9.5rem;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dashboard-empty {
|
||||
z-index: 0;
|
||||
margin: 18rem 8rem;
|
||||
min-height: 100rem;
|
||||
|
||||
.main-block {
|
||||
display: block;
|
||||
height: 100%;
|
||||
padding: 0 30rem;
|
||||
overflow: hidden;
|
||||
|
||||
.main-block-row {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
width: 155rem;
|
||||
height: 100%;
|
||||
transition: transform 0.5s ease-in-out;
|
||||
|
||||
.main-block-col {
|
||||
.flex-container-direction(column);
|
||||
.flex-container-alignment(center, center);
|
||||
position: relative;
|
||||
margin-bottom: 0;
|
||||
width: 55rem;
|
||||
transition: all 0.2s ease-in-out;
|
||||
|
||||
.main-block-icon {
|
||||
|
||||
&.dashboard-create-safe {
|
||||
background: url('../img/createsafe.svg') no-repeat center;
|
||||
background-size: 100%;
|
||||
width: 50rem;
|
||||
height: 16rem;
|
||||
}
|
||||
|
||||
&.dashboard-open-safe {
|
||||
background: url('../img/opensafe.svg') no-repeat center;
|
||||
background-size: 100%;
|
||||
width: 50rem;
|
||||
height: 20rem;
|
||||
margin-top: -4rem;
|
||||
}
|
||||
|
||||
&.dashboard-open-file-safe {
|
||||
background: url('../img/openfilesafe.svg') no-repeat center;
|
||||
background-size: 100%;
|
||||
width: 50rem;
|
||||
height: 16rem;
|
||||
margin-top: -1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
&.dashboard-open-smartsafe {
|
||||
background: url('../img/opensmartsafe.svg') no-repeat center;
|
||||
background-size: 100%;
|
||||
width: 50rem;
|
||||
height: 16rem;
|
||||
margin-top: -1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.main-block-title {
|
||||
font-size: 9.5rem;
|
||||
font-weight: 200;
|
||||
line-height: 24rem;
|
||||
margin-bottom: 3rem;
|
||||
white-space: nowrap;
|
||||
|
||||
&.smaller-size {
|
||||
font-size: 8rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
margin-top: -3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.slide-up {
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,118 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.main-options-wrapper {
|
||||
|
||||
.page-title {
|
||||
color: @program-dark-color;
|
||||
font-size: 8rem;
|
||||
font-weight: 300;
|
||||
line-height: 9rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.back-btn {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background: transparent;
|
||||
border: none;
|
||||
color: @program-dark-color;
|
||||
font-size: 3.75rem;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(3rem, 2rem, -4.5rem, -6rem);
|
||||
margin-right: 2rem;
|
||||
margin-bottom: -0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.main-options-btn {
|
||||
.general-button(auto, 8.25rem);
|
||||
color: @program-button-text-color;
|
||||
font-size: 4.25rem;
|
||||
min-width: 45rem;
|
||||
|
||||
&.disabled {
|
||||
color: @program-light-color;
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
background: fade(white, 55%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: fade(white, 55%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main-options-btn-group {
|
||||
.flex-container-direction(row);
|
||||
border-radius: 10rem;
|
||||
|
||||
.main-options-btn {
|
||||
border-radius: 0;
|
||||
min-width: 33rem;
|
||||
|
||||
&.button-in-group {
|
||||
border-right: 1px solid @program-button-divider-color;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: 10rem;
|
||||
border-bottom-left-radius: 10rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-top-right-radius: 10rem;
|
||||
border-bottom-right-radius: 10rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.button-in-dropdown {
|
||||
border-top-right-radius: 10rem;
|
||||
border-bottom-right-radius: 10rem;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(2rem, 2rem, -4rem, -5rem);
|
||||
margin-top: 0.5rem;
|
||||
margin-left: 2rem;
|
||||
font-size: 12rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown.open {
|
||||
|
||||
.button-in-dropdown {
|
||||
background: rgba(255, 255, 255, 0.55)!important;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
.menu-list(10.5rem, inherit, -0.75rem, 47rem);
|
||||
border-radius: 3rem;
|
||||
|
||||
li {
|
||||
height: auto;
|
||||
|
||||
button {
|
||||
font-size: 3.75rem;
|
||||
padding: 1.5rem 4rem;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: 3rem;
|
||||
border-top-right-radius: 3rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom-left-radius: 3rem;
|
||||
border-bottom-right-radius: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,119 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.pagination-wrapper {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, space-between);
|
||||
|
||||
.display {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, space-between);
|
||||
font-size: 3.75rem;
|
||||
|
||||
.display-text {
|
||||
color: @program-pagination-text-color;
|
||||
margin-right: 2rem;
|
||||
}
|
||||
|
||||
.display-values {
|
||||
.flex-container-direction(row);
|
||||
color: @program-pagination-text-inactive-color;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 2rem;
|
||||
width: 4rem;
|
||||
|
||||
&:hover {
|
||||
color: @program-pagination-text-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: @program-pagination-text-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.show-all {
|
||||
.flex-container;
|
||||
color: @program-pagination-text-color;
|
||||
cursor: pointer;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(6rem, 6rem, -3rem, -4rem);
|
||||
margin-right: 2rem;
|
||||
|
||||
&.rotate-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.show-all-text {
|
||||
font-size: 3.75rem;
|
||||
line-height: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
.pagination {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, space-between);
|
||||
margin: 0;
|
||||
|
||||
.prev-page, .next-page {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background-color: fade(white, 30%);
|
||||
border: 1px solid @program-pagination-border-color;
|
||||
border-radius: 3rem;
|
||||
color: white;
|
||||
height: 6rem;
|
||||
width: 7.5rem;
|
||||
|
||||
.pagination-arrow {
|
||||
.icon-sizing(4rem, 4rem, -3rem, -3.75rem);
|
||||
font-size: 12rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: fade(white, 45%);
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.prev-page {
|
||||
|
||||
.pagination-arrow {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
|
||||
.pages {
|
||||
|
||||
.flex-container;
|
||||
|
||||
color: @program-pagination-pages-color;
|
||||
font-size: 3.75rem;
|
||||
margin: 0 2.5rem;
|
||||
|
||||
span {
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
.active-page {
|
||||
width: 6rem;
|
||||
|
||||
.general-input{
|
||||
border-bottom: none;
|
||||
color: white;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,212 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.general-panel {
|
||||
background: @program-panel-bg-color;
|
||||
border: 1px solid @program-panel-border-color;
|
||||
border-radius: 3rem;
|
||||
margin-bottom: 6rem;
|
||||
|
||||
.general-panel-header {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, flex-start);
|
||||
background-color: @program-panel-header-bg-color;
|
||||
border-top-left-radius: 2.75rem;
|
||||
border-top-right-radius: 2.75rem;
|
||||
color: @program-dark-color;
|
||||
font-size: 5rem;
|
||||
height: 13rem;
|
||||
padding-left: 4rem;
|
||||
|
||||
.general-panel-header-arrow {
|
||||
.icon-sizing(2rem, 2rem, -5rem, -6rem);
|
||||
cursor: pointer;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
&.closed-panel {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 2.75rem;
|
||||
border-bottom-right-radius: 2.75rem;
|
||||
|
||||
.general-panel-header-arrow {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.general-panel-body {
|
||||
border-bottom-left-radius: 2.75rem;
|
||||
border-bottom-right-radius: 2.75rem;
|
||||
|
||||
.adaptive-form {
|
||||
.flex-container-direction(column);
|
||||
color: @program-exuding-color;
|
||||
padding-left: 32rem;
|
||||
padding-right: 37rem;
|
||||
|
||||
i {
|
||||
display: flex;
|
||||
|
||||
&.option-icon {
|
||||
align-self: flex-end;
|
||||
margin: 1.5rem 0 1.5rem 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
.adaptive-form-column {
|
||||
width: 100%;
|
||||
|
||||
.adaptive-form-field-group {
|
||||
.flex-container-direction(row);
|
||||
|
||||
.field-group-label {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-end);
|
||||
position: relative;
|
||||
color: @program-label-color;
|
||||
font-size: 3.5rem;
|
||||
font-weight: 600;
|
||||
line-height: 3.5rem;
|
||||
height: 7rem;
|
||||
padding-right: 2.5rem;
|
||||
margin: 0;
|
||||
min-width: 31rem;
|
||||
max-width: 31rem;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.field-group-error-wrapper {
|
||||
.flex-container-direction(column);
|
||||
width: 100%;
|
||||
|
||||
.field-group-error {
|
||||
display: block;
|
||||
color: @error-color;
|
||||
font-size: 3.25rem;
|
||||
line-height: 2.75rem;
|
||||
font-style: italic;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.general-input {
|
||||
|
||||
&:hover, &:focus, &:active {
|
||||
|
||||
&:read-only:not(.no-hover) {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:hover, &.focused-line {
|
||||
|
||||
&:not(.no-hover) {
|
||||
color: @program-hover-color;
|
||||
|
||||
.general-input {
|
||||
border-bottom-color: @program-hover-color;
|
||||
color: @program-hover-color;
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: @program-input-placeholder-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.general-input-wrapper {
|
||||
border-bottom-color: @program-hover-color;
|
||||
color: @program-hover-color;
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: @program-input-placeholder-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.general-textarea {
|
||||
border-bottom-color: @program-hover-color;
|
||||
color: @program-hover-color;
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
color: @program-input-placeholder-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.general-select {
|
||||
|
||||
.dropdown-toggle {
|
||||
color: @program-hover-color;
|
||||
border-bottom-color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.option-icon {
|
||||
cursor: pointer;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1085px) and (max-width: 1164px) {
|
||||
padding-left: 47rem;
|
||||
padding-right: 52rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1165px) and (max-width: 1334px) {
|
||||
.flex-container-direction(row);
|
||||
padding-left: 9.5rem;
|
||||
padding-right: 21.5rem;
|
||||
|
||||
.adaptive-form-column {
|
||||
width: 50%;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 9.5rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-left: 9.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1335px) and (max-width: 1614px) {
|
||||
.flex-container-direction(row);
|
||||
padding-left: 16.5rem;
|
||||
padding-right: 23.5rem;
|
||||
|
||||
.adaptive-form-column {
|
||||
width: 50%;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 9.5rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-left: 9.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1615px) {
|
||||
.flex-container-direction(row);
|
||||
padding-left: 25rem;
|
||||
padding-right: 31rem;
|
||||
|
||||
.adaptive-form-column {
|
||||
width: 50%;
|
||||
|
||||
&:first-child {
|
||||
margin-right: 9.5rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-left: 9.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load diff
|
|
@ -1,84 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
#settings {
|
||||
padding: 2.5rem 8rem;
|
||||
|
||||
.main-options-wrapper {
|
||||
|
||||
.settings-options {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, space-between);
|
||||
}
|
||||
}
|
||||
|
||||
.settings-panel {
|
||||
background: @program-panel-bg-color;
|
||||
border: 1px solid @program-panel-border-color;
|
||||
border-radius: 3rem;
|
||||
width: 100%;
|
||||
|
||||
.settings-panel-header {
|
||||
background-color: fade(@program-panel-border-color, 30%);
|
||||
border-top-left-radius: 2.75rem;
|
||||
border-top-right-radius: 2.75rem;
|
||||
color: @program-dark-color;
|
||||
height: 21rem;
|
||||
padding-left: 6rem;
|
||||
|
||||
h3 {
|
||||
font-size: 5rem;
|
||||
line-height: 21rem;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.settings-panel-body {
|
||||
|
||||
.settings-panel-body-item {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
color: @program-main-color;
|
||||
font-size: 4rem;
|
||||
height: 21rem;
|
||||
padding-left: 6rem;
|
||||
padding-right: 7rem;
|
||||
|
||||
.general-select {
|
||||
max-width: 51.5rem;
|
||||
.dropdown-menu {
|
||||
&.open {
|
||||
max-height: 32rem !important;
|
||||
.inner{
|
||||
max-height: inherit !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.general-range-wrapper {
|
||||
width: 76rem;
|
||||
}
|
||||
|
||||
.settings-btn {
|
||||
font-size: 4rem;
|
||||
height: 8.5rem;
|
||||
width: 32rem;
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
background-color: fade(@program-panel-border-color, 30%);
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom-left-radius: 2.75rem;
|
||||
border-bottom-right-radius: 2.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,228 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.table-wrapper {
|
||||
background: @program-table-bg-color;
|
||||
border: 1px solid @program-table-border-color;
|
||||
border-radius: 3rem;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
|
||||
table {
|
||||
border-radius: 3rem;
|
||||
width: 100%;
|
||||
|
||||
thead {
|
||||
|
||||
tr {
|
||||
background-color: @program-table-header-bg-color;
|
||||
border: none;
|
||||
border-top-left-radius: 2.75rem;
|
||||
border-top-right-radius: 2.75rem;
|
||||
color: @program-exuding-color;
|
||||
font-size: 3.5rem;
|
||||
height: 18rem;
|
||||
|
||||
th {
|
||||
font-weight: 400;
|
||||
padding: 0 1rem;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
.ordered-cell {
|
||||
.flex-container-direction(row);
|
||||
.flex-container-alignment(center, flex-start);
|
||||
|
||||
.order-icon {
|
||||
.icon-sizing(2rem, 2rem, -5rem, -6rem);
|
||||
color: @program-light-color;
|
||||
cursor: pointer;
|
||||
margin-left: 2rem;
|
||||
|
||||
&.rotate-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: @program-exuding-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: 2.75rem;
|
||||
padding-left: 4rem;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-top-right-radius: 2.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
|
||||
tr {
|
||||
border: none;
|
||||
color: @program-main-color;
|
||||
font-size: 3.5rem;
|
||||
height: 18rem;
|
||||
overflow: hidden;
|
||||
|
||||
td {
|
||||
padding: 3rem 1rem;
|
||||
|
||||
safe-address-copy {
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 4rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
background-color: @program-table-header-bg-color;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom: none;
|
||||
border-bottom-left-radius: 2.75rem;
|
||||
border-bottom-right-radius: 2.75rem;
|
||||
|
||||
td:first-child {
|
||||
border-bottom-left-radius: 2.75rem;
|
||||
}
|
||||
|
||||
td:last-child {
|
||||
border-bottom-right-radius: 2.75rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.table-long-item-wrapper {
|
||||
display: inline-block;
|
||||
color: @program-main-color;
|
||||
max-width: 100%;
|
||||
position: relative;
|
||||
|
||||
.table-long-item {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
cursor: pointer;
|
||||
|
||||
.table-long-item-text {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
background: -webkit-linear-gradient(left, @program-main-color 0, @program-main-color 75%, transparent 100%);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
font-size: 3.5rem;
|
||||
height: 4.5rem;
|
||||
line-height: 4.5rem;
|
||||
}
|
||||
|
||||
.separator {
|
||||
color: #a1b2a2;
|
||||
}
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
min-width: 4rem;
|
||||
min-height: 4rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
|
||||
.table-long-item-text {
|
||||
background: -webkit-linear-gradient(left, @program-hover-color 0, @program-hover-color 75%, transparent 100%);
|
||||
-webkit-background-clip: text;
|
||||
}
|
||||
|
||||
.separator {
|
||||
color: #cdb495;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.open {
|
||||
color: @program-hover-color;
|
||||
|
||||
.table-long-item-text {
|
||||
background: -webkit-linear-gradient(left, @program-hover-color 0, @program-hover-color 75%, transparent 100%);
|
||||
-webkit-background-clip: text;
|
||||
|
||||
span {
|
||||
color: #cdb495;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.table-long-item-inner {
|
||||
position: absolute;
|
||||
top: 6.5rem;
|
||||
left: 0;
|
||||
background-color: white;
|
||||
border: none;
|
||||
border-radius: 2rem;
|
||||
-webkit-box-shadow: @table-item-shadow;
|
||||
box-shadow: @table-item-shadow;
|
||||
color: @program-exuding-color;
|
||||
font-size: 3.25rem;
|
||||
padding: 0 3rem;
|
||||
margin-left: -3rem;
|
||||
margin-top: 0;
|
||||
max-height: 90vh;
|
||||
white-space: nowrap;
|
||||
z-index: 1;
|
||||
outline: none;
|
||||
overflow-y: auto;
|
||||
|
||||
|
||||
|
||||
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transform: translateY(-2em);
|
||||
transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
|
||||
|
||||
&.open {
|
||||
visibility: visible;
|
||||
max-height: 90vh;
|
||||
opacity: 1;
|
||||
transform: translateY(0%);
|
||||
transition-delay: 0s, 0s, 0.3s;
|
||||
}
|
||||
|
||||
div {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
height: 8rem;
|
||||
|
||||
&:not(:last-child) {
|
||||
border-bottom: 1px solid #f3f5f4;
|
||||
}
|
||||
}
|
||||
|
||||
.copy-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
color: @program-copy-icon-color;
|
||||
cursor: pointer;
|
||||
margin-left: 5rem;
|
||||
|
||||
&:hover, &.hovered {
|
||||
color: @program-exuding-color;
|
||||
}
|
||||
|
||||
&.hovered:before {
|
||||
content: 'A';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,85 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.general-tabs {
|
||||
.flex-container;
|
||||
margin: 7.5rem auto 5rem;
|
||||
padding: 0;
|
||||
|
||||
.general-tab {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
flex: 1 0 0;
|
||||
background-color: @program-tab-bg-color;
|
||||
border: 1px solid @program-tab-border-color;
|
||||
font-size: 6rem;
|
||||
font-weight: 200;
|
||||
line-height: 10rem;
|
||||
|
||||
button {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
color: @program-tab-text-color;
|
||||
height: 17rem;
|
||||
line-height: 6rem;
|
||||
margin: 0;
|
||||
padding: 0 2rem;
|
||||
width: 100%;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(8rem, 8rem, -2rem, -3rem);
|
||||
margin-right: 2rem;
|
||||
|
||||
&.bigger-indent {
|
||||
margin-right: 3rem;
|
||||
}
|
||||
|
||||
&.wider-icon {
|
||||
.icon-sizing(8rem, 10rem, -2rem, -2rem);
|
||||
}
|
||||
}
|
||||
|
||||
.indicator-number {
|
||||
font-weight: 400;
|
||||
margin-top: 1rem;
|
||||
margin-left: 2.5rem;
|
||||
}
|
||||
|
||||
&:hover, &:active {
|
||||
background-color: @program-tab-hover-bg-color;
|
||||
color: @program-dark-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
border-radius: 2rem 0 0 2rem;
|
||||
|
||||
button {
|
||||
border-radius: 1.75rem 0 0 1.75rem;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 2rem 2rem 0;
|
||||
|
||||
button {
|
||||
border-radius: 0 1.75rem 1.75rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.tab-active {
|
||||
|
||||
button {
|
||||
background-color: @program-tab-hover-bg-color;
|
||||
color: @program-dark-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,466 +0,0 @@
|
|||
@import "../variables";
|
||||
@import "mixins";
|
||||
|
||||
.widgets {
|
||||
.flex-container;
|
||||
flex-wrap: wrap;
|
||||
margin: 3.5rem -3.5rem 3.5rem;
|
||||
|
||||
.widget-wrapper {
|
||||
//padding: 0 3.5rem 7rem;
|
||||
//-webkit-transform: translateZ(0);
|
||||
//transform: translateZ(0);
|
||||
padding: 3.5rem 3.5rem;
|
||||
transition: 0.1s;
|
||||
|
||||
.widget-block {
|
||||
background: fade(white, 60%);
|
||||
border: 1px solid @program-panel-border-color;
|
||||
border-radius: 3rem;
|
||||
|
||||
.widget-header {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
height: 13rem;
|
||||
padding: 0 5rem;
|
||||
|
||||
h3 {
|
||||
color: @program-exuding-color;
|
||||
font-size: 5.75rem;
|
||||
font-weight: 300;
|
||||
margin: 0;
|
||||
|
||||
&.widget-select-wrapper {
|
||||
.flex-container;
|
||||
line-height: 6rem;
|
||||
|
||||
.widget-select {
|
||||
.flex-container;
|
||||
margin-left: 5rem;
|
||||
|
||||
.dropdown-toggle {
|
||||
border-bottom: none;
|
||||
color: @program-hover-color;
|
||||
font-size: 5rem;
|
||||
line-height: 6rem;
|
||||
margin-bottom: -1rem;
|
||||
padding: 0 3rem 0 0;
|
||||
|
||||
.caret {
|
||||
color: @program-input-placeholder-hover-color;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
min-width: 44rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-menu {
|
||||
|
||||
.widget-menu-btn {
|
||||
.flex-container;
|
||||
background: transparent;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
color: @program-main-color;
|
||||
}
|
||||
}
|
||||
|
||||
.widget-menu-list {
|
||||
.menu-list(6.5rem, inherit, -2rem, 46rem);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-body-wrapper {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
border-bottom-left-radius: 3rem;
|
||||
border-bottom-right-radius: 3rem;
|
||||
overflow: hidden;
|
||||
|
||||
.widget-body {
|
||||
border-bottom-left-radius: 3rem;
|
||||
border-bottom-right-radius: 3rem;
|
||||
height: 53rem;
|
||||
overflow-y: auto;
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
thead {
|
||||
|
||||
tr {
|
||||
background-color: fade(white, 40%);
|
||||
color: @program-exuding-color;
|
||||
font-size: 3.5rem;
|
||||
height: 9rem;
|
||||
|
||||
th {
|
||||
font-weight: 400;
|
||||
padding: 0 1rem;
|
||||
text-transform: uppercase;
|
||||
white-space: nowrap;
|
||||
|
||||
.ordered-cell {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
|
||||
.order-icon {
|
||||
.icon-sizing(2rem, 2rem, -5rem, -6rem);
|
||||
color: @program-light-color;
|
||||
cursor: pointer;
|
||||
margin-left: 2rem;
|
||||
margin-top: 0.25rem;
|
||||
|
||||
&.active {
|
||||
color: @program-exuding-color;
|
||||
}
|
||||
|
||||
&.rotate-icon {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
tbody {
|
||||
|
||||
tr {
|
||||
color: @program-main-color;
|
||||
font-size: 3.25rem;
|
||||
height: 9rem;
|
||||
|
||||
td {
|
||||
padding: 0 1rem;
|
||||
|
||||
.empty-table {
|
||||
color: @program-empty-color;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
padding-left: 5rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&:nth-child(even) {
|
||||
background-color: fade(white, 40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-loading {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
color: @program-empty-color;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.widget-small {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
&.widget-big {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.drag-not-possible {
|
||||
|
||||
.widget-block {
|
||||
box-shadow: 0 0 10px 3px rgb(255, 95, 95);
|
||||
background-color: rgba(255, 95, 95, 0.6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.widget-long-item-wrapper {
|
||||
max-width: 32rem;
|
||||
|
||||
.table-long-item {
|
||||
|
||||
.table-long-item-text {
|
||||
font-size: 3.25rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.payments-widget {
|
||||
|
||||
tr.transaction-blocked {
|
||||
background-color: @history-transaction-blocked-border-color !important;
|
||||
color: @history-transaction-blocked-text-color !important;
|
||||
|
||||
.transaction-status-indicator {
|
||||
|
||||
.status-graph {
|
||||
|
||||
&.income {
|
||||
stroke: @history-transaction-blocked-status-income-color !important;
|
||||
}
|
||||
|
||||
&.outgoing {
|
||||
stroke: @history-transaction-blocked-status-outgoing-color !important;
|
||||
}
|
||||
}
|
||||
|
||||
.status-inner {
|
||||
|
||||
.base-icon.income {
|
||||
color: @history-transaction-blocked-status-income-color !important;
|
||||
}
|
||||
|
||||
.base-icon.outgoing {
|
||||
color: @history-transaction-blocked-status-outgoing-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payments-marker {
|
||||
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-left: 1rem solid @marker-light-green;
|
||||
}
|
||||
}
|
||||
|
||||
.transaction-status-indicator {
|
||||
|
||||
.mined-icon {
|
||||
font-size: 11rem;
|
||||
|
||||
&:before {
|
||||
top: -2.5rem;
|
||||
left: -3.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.payments-comment-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
max-width: 9rem;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contacts-widget {
|
||||
|
||||
tr {
|
||||
|
||||
td:last-child {
|
||||
width: 20rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
.contact-options-btn-wrapper {
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-name {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, flex-start);
|
||||
font-size: 3.25rem;
|
||||
white-space: nowrap;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(4rem, 4rem, -4rem, -5rem);
|
||||
color: @program-table-icon-color;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
cursor: pointer;
|
||||
|
||||
.base-icon {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.contact-connections {
|
||||
max-width: 36rem;
|
||||
}
|
||||
|
||||
.contact-options-btn-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
visibility: hidden;
|
||||
|
||||
.contact-options-btn {
|
||||
.flex-container;
|
||||
background: transparent;
|
||||
border: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: @program-main-color;
|
||||
|
||||
.send-money-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
}
|
||||
|
||||
.payments-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
}
|
||||
|
||||
.delete-icon {
|
||||
.icon-sizing(5rem, 5rem, -3.5rem, -4.5rem);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
color: @program-light-color;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
&:not(:disabled) {
|
||||
color: @program-hover-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.network-info-widget {
|
||||
|
||||
.network-text-wrapper {
|
||||
display: inline-block;
|
||||
|
||||
.base-icon {
|
||||
.icon-sizing(2rem, 2rem, -5rem, -6rem);
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: @program-hover-color;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mining-widget {
|
||||
border-top: none !important;
|
||||
height: 58rem !important;
|
||||
|
||||
.mining-widget-empty {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
color: @program-empty-color;
|
||||
font-size: 3.75rem;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.mining-widget-chart {
|
||||
|
||||
.chart-range-wrapper {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, space-between);
|
||||
padding: 2.5rem 7rem;
|
||||
|
||||
.chart-range-group {
|
||||
.flex-container;
|
||||
.flex-container-alignment(center, center);
|
||||
color: @program-dark-color;
|
||||
font-size: 3rem;
|
||||
|
||||
.chart-range-selector {
|
||||
.flex-container;
|
||||
margin: 0 2.5rem;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
border: 1px solid @mining-range-border-color;
|
||||
color: @mining-range-text-color;
|
||||
line-height: 5.5rem;
|
||||
height: 6rem;
|
||||
width: 14rem;
|
||||
text-align: center;
|
||||
list-style-type: none;
|
||||
|
||||
&:first-child {
|
||||
border-radius: 3rem 0 0 3rem;
|
||||
width: 14.5rem;
|
||||
}
|
||||
|
||||
&:not(:first-child) {
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-radius: 0 3rem 3rem 0;
|
||||
width: 14.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.active {
|
||||
background: white;
|
||||
color: @program-dark-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.chart-graph {
|
||||
height: 47rem;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//TODO active line when tooltip clicked
|
||||
/*.active-widget-tr {
|
||||
background: #dce4d3 !important;
|
||||
color: #062f1b !important;
|
||||
|
||||
.comment {
|
||||
.icon {
|
||||
color: #062f1b !important;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
||||
.red-row{
|
||||
background-color: #e95145 !important;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,173 +0,0 @@
|
|||
@xs: ~"(max-width: 767px)";
|
||||
@sm: ~"(min-width: 768px)";
|
||||
@md: ~"(min-width: 992px)";
|
||||
@lg: ~"(min-width: 1200px)";
|
||||
|
||||
@min-width: 250rem;
|
||||
|
||||
@background-image: url('../img/bg_blue.jpg');
|
||||
@program-online-color: #5d6c78;
|
||||
@program-offline-color: #cd5044;
|
||||
@scroll-light-color: fade(white, 70%);
|
||||
@scroll-dark-color: #7b919e;
|
||||
@error-color: #e9301d;
|
||||
@success-color: #1d9f5f;
|
||||
@box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.25);
|
||||
@modal-form-shadow: 0 0.5rem 0.75rem 0 rgba(0, 0, 0, 0.15);
|
||||
@table-item-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.175);
|
||||
@market-details-shadow: 0 2.5rem 6rem 0 rgba(0, 0, 0, 0.45);
|
||||
|
||||
@program-header-text-color: #004d73;
|
||||
@program-header-text-blocked-color: #aaafb4;
|
||||
@program-header-border-color: #edf2f4;
|
||||
@program-header-bg-hover-color: #f4f9fb;
|
||||
@program-header-bg-active-color: #d5e6f0;
|
||||
@program-header-indicator-text-color: #b83a2d;
|
||||
@program-header-indicator-border-color: #d48279;
|
||||
|
||||
@program-table-bg-color: fade(white, 60%);
|
||||
@program-table-header-bg-color: fade(white, 40%);
|
||||
@program-table-border-color: #e1e8eb;
|
||||
@program-table-icon-color: #5a7388;
|
||||
@program-table-button-border-color: #adbbbe;
|
||||
@program-table-button-border-hover-color: #b3ac90;
|
||||
@program-table-button-icon-hover-color: #7d5d1f;
|
||||
|
||||
@program-tab-bg-color: fade(white, 50%);
|
||||
@program-tab-hover-bg-color: white;
|
||||
@program-tab-border-color: #e1e8eb;
|
||||
@program-tab-text-color: #4d7a92;
|
||||
|
||||
@program-filter-button-border-color: #e1e8eb;
|
||||
@program-options-bg-hover-color: #f1f6f9;
|
||||
|
||||
@program-panel-bg-color: fade(white, 60%);
|
||||
@program-panel-header-bg-color: #d5e6ef;
|
||||
@program-panel-border-color: #e1e8eb;
|
||||
@program-panel-divider-color: #e1e8eb;
|
||||
|
||||
@program-pagination-text-color: #1f415d;
|
||||
@program-pagination-text-inactive-color: #83919d;
|
||||
@program-pagination-border-color: #e3eaec;
|
||||
@program-pagination-pages-color: #a2bac9;
|
||||
|
||||
@marker-red: #f1b2b2;
|
||||
@marker-yellow: #fce493;
|
||||
@marker-grey: #aaafb4;
|
||||
@marker-escrow: #65a9de;
|
||||
@marker-light-green: #a7c790;
|
||||
|
||||
@program-exuding-color: #142839;
|
||||
@program-main-color: #1f415d;
|
||||
@program-dark-color: #004d73;
|
||||
@program-light-color: #929ca4;
|
||||
@program-empty-color: #7190a1;
|
||||
@program-hover-color: #74520f;
|
||||
@program-label-color: #004d73;
|
||||
@program-label-subtext-color: #417b96;
|
||||
@program-label-info-color: #548ca8;
|
||||
|
||||
@program-modal-header-color: #d5e6ef;
|
||||
@program-modal-header-close-color: #88a1b5;
|
||||
@program-modal-divider-color: #dae1e2;
|
||||
@program-modal-active-line-color: #61de11;
|
||||
|
||||
@program-select-hover-color: #eef3f6;
|
||||
@program-select-selected-color: #e3ecf1;
|
||||
@program-input-text-color: #142839;
|
||||
@program-input-border-color: #828d97;
|
||||
@program-input-placeholder-color: #aaafb4;
|
||||
@program-input-placeholder-hover-color: #bca577;
|
||||
@program-input-icon-color: #787f86;
|
||||
@program-checkbox-border-color: #718ea7;
|
||||
@program-switch-text-color: #5888a1;
|
||||
@program-range-border-color: #a2b9c5;
|
||||
@program-range-selected-color: #4d7a92;
|
||||
@program-button-bg-color: white;
|
||||
@program-button-hover-bg-color: #f5f8f9;
|
||||
@program-button-active-bg-color: #f1f6f9;
|
||||
@program-button-text-color: #004d73;
|
||||
@program-button-border-color: #e2eaed;
|
||||
@program-button-border-hover-color: #e1e2d9;
|
||||
@program-button-divider-color: #c3ced4;
|
||||
@program-button-done-icon-color: #60d22d;
|
||||
@program-button-subtext-color: #709bb1;
|
||||
@program-clear-button-color: #a64833;
|
||||
@program-clear-button-hover-color: #a64833;
|
||||
@program-progress-bar-bg-color: #e1e3e4;
|
||||
@program-progress-bar-fill-color: #95a2ac;
|
||||
@program-mined-icon-color: #81be55;
|
||||
@program-payments-income-color: #67aa3b;
|
||||
@program-payments-outgoing-color: #e27078;
|
||||
@program-transaction-status-inner-color: #b4bcc1;
|
||||
@program-transaction-status-pending-inner-color: #57b85f;
|
||||
@program-transaction-status-sending-inner-color: #e47661;
|
||||
@program-copy-icon-color: fade(@program-exuding-color, 50%);
|
||||
@program-divider-color: #f3f5f4;
|
||||
@program-selection-bg-color: #e8cca8;
|
||||
|
||||
@dashboard-indicator-text-color: #004d73;
|
||||
@dashboard-indicator-icon-color: #004d73;
|
||||
@dashboard-slider-border-color: #c6d4dc;
|
||||
@dashboard-slider-icon-color: #578aa2;
|
||||
@dashboard-alias-border-color: #c9d4d9;
|
||||
@safes-indicator-color: #3c7592;
|
||||
@safes-block-text-color: #8b96a0;
|
||||
@safes-block-text-open-color: #1f415d;
|
||||
@safes-block-mined-bg-color: #95b5c7;
|
||||
@safes-block-mined-icon-color: #ecf1f2;
|
||||
@safes-alias-border-color: #adbbbe;
|
||||
@safes-alias-border-hover-color: #d5cab9;
|
||||
@safes-balance-text-color: #8b96a0;
|
||||
@safe-pages-switch-bg-color: white;
|
||||
@safe-pages-switch-bg-hover-color: #f1f6f9;
|
||||
@safe-pages-switch-border-color: #e9eef2;
|
||||
@safe-pages-switch-text-color: #9ab1c4;
|
||||
@safe-pages-switch-text-hover-color: #1f415d;
|
||||
@safe-balance-indicator-color: #f5b81b;
|
||||
@safe-mined-indicator-color: #aab5ba;
|
||||
@safe-mined-completed-indicator-color: #539f42;
|
||||
@safe-button-border-hover-color: #97835c;
|
||||
@safe-alias-icon-color: #87929b;
|
||||
@safe-alias-icon-hover-color: #828d97;
|
||||
@safe-button-bg-color: fade(white, 80%);
|
||||
@market-header-icon-color: #6a9cb6;
|
||||
@market-favorite-color: #cd5044;
|
||||
@market-detail-divider-color: #ebeeec;
|
||||
@escrow-transaction-status-color: #338dd4;
|
||||
@history-transaction-blocked-border-color: #e95145;
|
||||
@history-transaction-blocked-text-color: #fbe3e2;
|
||||
@history-transaction-blocked-status-income-color: #a2be7e;
|
||||
@history-transaction-blocked-status-outgoing-color: #c51616;
|
||||
@history-transaction-blocked-alias-color: #f2a09b;
|
||||
@history-transaction-blocked-hover-color: #e7c48e;
|
||||
@contacts-groups-border-color: #e9eef2;
|
||||
@contacts-accounts-btn-text-color: #7e858c;
|
||||
@export-import-contacts-text-color: #004d73;
|
||||
@export-import-contacts-border-color: #e1e8eb;
|
||||
@mining-range-text-color: #7190a1;
|
||||
@mining-range-border-color: #e0e7ed;
|
||||
@bug-report-button-color: white;
|
||||
|
||||
@send-money-contacts-hover-color: #f4f0d7;
|
||||
@send-money-contacts-icon-hover-color: #97835c;
|
||||
@send-money-contacts-address-hover-color: #bca577;
|
||||
|
||||
@create-safe-progress-bar-step-color: #95b5c7;
|
||||
@create-safe-progress-bar-bg-color: fade(@create-safe-progress-bar-step-color, 25%);
|
||||
@create-safe-progress-bar-fill-color: #89b0c6;
|
||||
|
||||
@modal-update-text-color: #f4f6e9;
|
||||
@modal-update-green-color: #61a75b;
|
||||
@modal-update-yellow-color: #cdb912;
|
||||
@modal-update-red-color: #e95145;
|
||||
|
||||
@datepicker-nav-action-color: #004d73;
|
||||
@datepicker-nav-title-color: #142839;
|
||||
@datepicker-day-name-color: #a8b2b9;
|
||||
@datepicker-day-other-month-color: #5888a1;
|
||||
@datepicker-cell-border-color: #83a7b9;
|
||||
@datepicker-cell-selected-color: #d5e6f0;
|
||||
|
||||
@highcharts-scrollbar-color: #a5adb5;
|
||||
@highcharts-axis-line-color: fade(#a5adb5, 75%);
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 5.3 KiB |
31
src/gui/qt-daemon/html/logo.svg
Normal file
31
src/gui/qt-daemon/html/logo.svg
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:url(#SVGID_1_);}
|
||||
.st1{fill:url(#SVGID_2_);}
|
||||
.st2{fill:url(#SVGID_3_);}
|
||||
</style>
|
||||
<g>
|
||||
|
||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="512.55" y1="984.3" x2="512.55" y2="39.3" gradientTransform="matrix(1 0 0 -1 0 1024)">
|
||||
<stop offset="0" style="stop-color:#1ECED0"/>
|
||||
<stop offset="0.5" style="stop-color:#8AA9F4"/>
|
||||
<stop offset="1" style="stop-color:#6A44FB"/>
|
||||
</linearGradient>
|
||||
<polygon class="st0" points="679.6,984.7 193.5,305.1 344.4,39.7 831.6,715.3 "/>
|
||||
|
||||
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="217.75" y1="700.86" x2="217.75" y2="382.2152" gradientTransform="matrix(1 0 0 -1 0 1024)">
|
||||
<stop offset="0" style="stop-color:#57B7E3"/>
|
||||
<stop offset="1" style="stop-color:#7E8AF4;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st1" points="193.5,305.1 435.5,643.4 0,643.4 "/>
|
||||
|
||||
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="807.25" y1="332.3745" x2="807.25" y2="641.9303" gradientTransform="matrix(1 0 0 -1 0 1024)">
|
||||
<stop offset="0" style="stop-color:#7C83F4"/>
|
||||
<stop offset="1" style="stop-color:#68B0E9;stop-opacity:0"/>
|
||||
</linearGradient>
|
||||
<polygon class="st2" points="831.6,715.3 590.5,381 1024,381 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
19
src/gui/qt-daemon/html/modal-alert.svg
Normal file
19
src/gui/qt-daemon/html/modal-alert.svg
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 384 384" style="enable-background:new 0 0 384 384;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Layer_1">
|
||||
</g>
|
||||
<g id="Layer_1_copy">
|
||||
</g>
|
||||
<g id="Layer_4">
|
||||
</g>
|
||||
<g id="Layer_2">
|
||||
<path class="st0" d="M192,82.5L338.1,326l-292.2,0L192,82.5 M192,32L0,352l384,0L192,32L192,32z"/>
|
||||
<rect x="179" y="273" class="st0" width="26" height="26"/>
|
||||
<rect x="179" y="165" class="st0" width="26" height="92"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 708 B |
21
src/gui/qt-daemon/html/modal-info.svg
Normal file
21
src/gui/qt-daemon/html/modal-info.svg
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 384 384" style="enable-background:new 0 0 384 384;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Layer_1">
|
||||
<path class="st0" d="M192,26c44.3,0,86,17.3,117.4,48.6C340.7,106,358,147.7,358,192s-17.3,86-48.6,117.4
|
||||
C278,340.7,236.3,358,192,358s-86-17.3-117.4-48.6C43.3,278,26,236.3,26,192s17.3-86,48.6-117.4C106,43.3,147.7,26,192,26 M192,0
|
||||
C86,0,0,86,0,192s86,192,192,192s192-86,192-192S298,0,192,0L192,0z"/>
|
||||
<rect x="179" y="110" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 384 246)" class="st0" width="26" height="26"/>
|
||||
<rect x="179" y="152" transform="matrix(-1 -1.224647e-16 1.224647e-16 -1 384 426)" class="st0" width="26" height="122"/>
|
||||
</g>
|
||||
<g id="Layer_1_copy">
|
||||
</g>
|
||||
<g id="Layer_4">
|
||||
</g>
|
||||
<g id="Layer_2">
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1 KiB |
26
src/gui/qt-daemon/html/modal-success.svg
Normal file
26
src/gui/qt-daemon/html/modal-success.svg
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 384 384" style="enable-background:new 0 0 384 384;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
</style>
|
||||
<g id="Layer_1">
|
||||
</g>
|
||||
<g id="Layer_1_copy">
|
||||
<g>
|
||||
<path class="st0" d="M192,27c44.3,0,86,17.3,117.4,48.6C340.7,107,358,148.7,358,193s-17.3,86-48.6,117.4
|
||||
C278,341.7,236.3,359,192,359s-86-17.3-117.4-48.6C43.3,279,26,237.3,26,193s17.3-86,48.6-117.4C106,44.3,147.7,27,192,27 M192,1
|
||||
C86,1,0,87,0,193s86,192,192,192s192-86,192-192S298,1,192,1L192,1z"/>
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<polygon class="st0" points="170.8,261.4 107,200 125,181.2 170.4,225 268.8,126.6 287.2,145 "/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Layer_4">
|
||||
</g>
|
||||
<g id="Layer_2">
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 931 B |
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue