pbca26
8 years ago
3 changed files with 554 additions and 548 deletions
@ -0,0 +1,552 @@ |
|||
/* TODO: nesting, separate */ |
|||
|
|||
#app > div { |
|||
height: 100%; |
|||
} |
|||
|
|||
.page-main { |
|||
background: #f3f4f5; |
|||
} |
|||
|
|||
#kmd_header_button button { |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.widget.active .bg-white { |
|||
box-shadow: inset 1px 1px 10px #ccc; |
|||
} |
|||
|
|||
body { |
|||
padding-top: 44px; |
|||
} |
|||
|
|||
.login-form, |
|||
.register-form { |
|||
width: 540px; |
|||
margin: 30px 0; |
|||
} |
|||
|
|||
#section-iguana-wallet-settings .panel-title { |
|||
cursor: pointer; |
|||
cursor: hand; |
|||
} |
|||
|
|||
#section-iguana-wallet-settings .panel-title:before { |
|||
content: '\F273'; |
|||
} |
|||
#section-iguana-wallet-settings .panel-title.collapsed:before { |
|||
content: '\F278'; |
|||
} |
|||
|
|||
#section-dashboard { |
|||
height: 100%; |
|||
} |
|||
|
|||
#section-iguana-wallet-settings { |
|||
background: #f3f4f5; |
|||
} |
|||
|
|||
#edexcoin_dashboardinfo a, |
|||
.nav-top-menu, |
|||
#kmd_txid_info_mdl .nav-tabs li, |
|||
.pagination a, |
|||
.action { |
|||
cursor: pointer; |
|||
cursor: hand; |
|||
} |
|||
|
|||
#easydex-header-div { |
|||
background-repeat: no-repeat; |
|||
background-size: 100%; |
|||
} |
|||
|
|||
.unselectable { |
|||
user-select: none; |
|||
} |
|||
|
|||
.seed-toggle { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 0px; |
|||
cursor: pointer; |
|||
cursor: hand; |
|||
} |
|||
|
|||
.radio-custom input { |
|||
cursor: pointer; |
|||
cursor: hand; |
|||
} |
|||
|
|||
.collapse { |
|||
overflow: hidden; |
|||
display: block; |
|||
} |
|||
|
|||
.collapse-active { |
|||
transition: height 0.3s ease-out; |
|||
} |
|||
|
|||
.rc-tree { |
|||
height: 450px; |
|||
overflow-y: scroll; |
|||
margin-top: 20px; |
|||
|
|||
a { |
|||
pointer-events: none; |
|||
} |
|||
li span.rc-tree-iconEle { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
.rc-tree-node-content-wrapper-close + ul { |
|||
height: 0; |
|||
} |
|||
.rc-tree-node-content-wrapper { |
|||
user-select: none; |
|||
} |
|||
.rc-tree-node-content-wrapper-normal { |
|||
color: inherit; |
|||
pointer-events: all; |
|||
user-select: all; |
|||
} |
|||
|
|||
#RefreshBasiliskConnectionsMdl .btn-close { |
|||
position: absolute; |
|||
top: 15px; |
|||
right: 15px; |
|||
} |
|||
|
|||
.page-aside { |
|||
position: fixed; |
|||
} |
|||
|
|||
.page-aside-inner .wallet-widgets-list { |
|||
overflow-y: auto; |
|||
height: 100%; |
|||
} |
|||
|
|||
.display-sync-only-coins-toggle { |
|||
cursor: pointer; |
|||
} |
|||
.display-sync-only-coins-toggle:hover { |
|||
color: #ffa726; |
|||
} |
|||
|
|||
.btn-add-coin-item, |
|||
.btn-add-coin-item-options, |
|||
.btn-save-coin-selection, |
|||
.btn-load-coin-selection { |
|||
position: absolute; |
|||
right: 32px; |
|||
z-index: 50; |
|||
} |
|||
.btn-add-coin-item { |
|||
right: 60px; |
|||
} |
|||
.btn-add-coin-item-options { |
|||
padding: 6px; |
|||
} |
|||
.btn-save-coin-selection { |
|||
top: 60px; |
|||
} |
|||
.btn-load-coin-selection { |
|||
top: 95px; |
|||
} |
|||
|
|||
.btn-outline-primary { |
|||
color: #FF6600; |
|||
background-color: #fff; |
|||
border-color: #FF6600; |
|||
} |
|||
|
|||
.add-coin-modal { |
|||
.modal-body { |
|||
max-height: 590px; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.multi { |
|||
.col-sm-8 { |
|||
width: 30%; |
|||
} |
|||
.col-sm-12 { |
|||
&.text-center { |
|||
width: 60%; |
|||
padding: 0; |
|||
|
|||
.col-lg-4 { |
|||
width: 25%; |
|||
margin-right: 8%; |
|||
padding: 0; |
|||
|
|||
.input.to-labelauty+label { |
|||
max-width: 136px; |
|||
} |
|||
} |
|||
.col-lg-4:last-child { |
|||
margin-right: 0; |
|||
} |
|||
.col-sm-1 { |
|||
width: 44px; |
|||
padding: 0; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.sync-only-forks { |
|||
color: #757575; |
|||
|
|||
.modal-body { |
|||
overflow-y: auto; |
|||
} |
|||
.badge{ |
|||
&.up { |
|||
position: absolute; |
|||
top: 40px; |
|||
left: 65px; |
|||
margin: 0 5px; |
|||
} |
|||
} |
|||
.avatar { |
|||
width: 20%; |
|||
display: inline-block; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
|
|||
img { |
|||
width: 55px; |
|||
display: inherit; |
|||
} |
|||
} |
|||
.progress-bars { |
|||
padding-left: 40px; |
|||
display: inline-block; |
|||
width: 80%; |
|||
margin: 0 auto; |
|||
} |
|||
.padding-bottom-60:last-child { |
|||
padding-bottom: 0 !important; |
|||
} |
|||
} |
|||
|
|||
#SettingsAccordion { |
|||
.panel { |
|||
.panel-collapse { |
|||
transition: all .3s; |
|||
|
|||
&.collapse { |
|||
height: 0; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.center { |
|||
text-align: center; |
|||
} |
|||
|
|||
.navbar { |
|||
&.navbar-fixed-top { |
|||
.dropdown { |
|||
&.open { |
|||
.dropdown-menu { |
|||
right: 0; |
|||
} |
|||
} |
|||
.dropdown-menu { |
|||
display: block; |
|||
right: -165px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
/* The switch - the box around the slider */ |
|||
.switch { |
|||
position: relative; |
|||
display: inline-block; |
|||
width: 40px; |
|||
height: 24px; |
|||
} |
|||
|
|||
/* Hide default HTML checkbox */ |
|||
.switch input { |
|||
display: none; |
|||
} |
|||
|
|||
/* The slider */ |
|||
.slider { |
|||
border-radius: 20px; |
|||
position: absolute; |
|||
cursor: pointer; |
|||
top: 0; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
background-color: #ccc; |
|||
-webkit-transition: .4s; |
|||
transition: .4s; |
|||
} |
|||
|
|||
.slider:before { |
|||
border-radius: 50%; |
|||
position: absolute; |
|||
content: ""; |
|||
height: 20px; |
|||
width: 20px; |
|||
left: 2px; |
|||
bottom: 2px; |
|||
background-color: white; |
|||
-webkit-transition: .4s; |
|||
transition: .4s; |
|||
} |
|||
|
|||
.toggle-label { |
|||
color: #757575; |
|||
display: inline-block; |
|||
position: relative; |
|||
top: -12px; |
|||
left: 8px; |
|||
} |
|||
|
|||
input:checked + .slider { |
|||
background-color: rgb(57, 73, 171); |
|||
} |
|||
|
|||
input:focus + .slider { |
|||
box-shadow: 0 0 1px rgb(57, 73, 171); |
|||
} |
|||
|
|||
input:checked + .slider:before { |
|||
-webkit-transform: translateX(16px); |
|||
-ms-transform: translateX(16px); |
|||
transform: translateX(16px); |
|||
} |
|||
|
|||
.dropdown-menu li { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/* Rounded sliders */ |
|||
.slider.round { |
|||
border-radius: 34px; |
|||
} |
|||
|
|||
.slider.round:before { |
|||
border-radius: 50%; |
|||
} |
|||
|
|||
.pointer { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.text-center { |
|||
text-align: center; |
|||
} |
|||
|
|||
.breadcrumb > li + li:before { |
|||
display: none; |
|||
} |
|||
|
|||
.notifications-modal { |
|||
color: #757575; |
|||
} |
|||
|
|||
.notifications { |
|||
.notice { |
|||
position: relative; |
|||
margin: 1em; |
|||
background: #F9F9F9; |
|||
padding: 1em 1em 1em 2em; |
|||
border-left: 4px solid #DDD; |
|||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125); |
|||
} |
|||
|
|||
.notice:before { |
|||
position: absolute; |
|||
top: 50%; |
|||
margin-top: -17px; |
|||
left: -17px; |
|||
background-color: #DDD; |
|||
color: #FFF; |
|||
width: 30px; |
|||
height: 30px; |
|||
border-radius: 100%; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
font-weight: bold; |
|||
font-family: Georgia; |
|||
text-shadow: 1px 1px rgba(0, 0, 0, 0.5); |
|||
} |
|||
|
|||
.info { |
|||
border-color: #0074D9; |
|||
} |
|||
|
|||
.info:before { |
|||
content: 'i'; |
|||
background-color: #0074D9; |
|||
} |
|||
|
|||
.success { |
|||
border-color: #2ECC40; |
|||
} |
|||
|
|||
.success:before { |
|||
content: '√'; |
|||
background-color: #2ECC40; |
|||
} |
|||
|
|||
.warning { |
|||
border-color: #FFDC00; |
|||
} |
|||
|
|||
.warning:before { |
|||
content: '!'; |
|||
background-color: #FFDC00; |
|||
} |
|||
|
|||
.error { |
|||
border-color: #FF4136; |
|||
} |
|||
|
|||
.error:before { |
|||
content: 'X'; |
|||
background-color: #FF4136; |
|||
} |
|||
} |
|||
|
|||
.notifications-badge { |
|||
position: fixed; |
|||
bottom: 10px; |
|||
left: 5px; |
|||
cursor: pointer; |
|||
height: 20px; |
|||
z-index: 20; |
|||
|
|||
.badge { |
|||
margin-left: 2px; |
|||
font-weight: bold; |
|||
} |
|||
.badge.success { |
|||
color: #3c763d; |
|||
background-color: #dff0d8; |
|||
border-color: #d6e9c6; |
|||
} |
|||
.badge.pending { |
|||
color: #8a6d3b; |
|||
background-color: #fcf8e3; |
|||
border-color: #faebcc; |
|||
} |
|||
.badge.error { |
|||
color: #a94442; |
|||
background-color: #f2dede; |
|||
border-color: #ebccd1; |
|||
} |
|||
|
|||
.spinner-hide { |
|||
>div { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
.spinner { |
|||
position: absolute; |
|||
left: 60px; |
|||
bottom: -12px; |
|||
|
|||
>div { |
|||
background-color: #fff; |
|||
margin-right: 1px; |
|||
width: 3px; |
|||
} |
|||
} |
|||
|
|||
&.stick-to-top { |
|||
top: -3px; |
|||
left: 470px; |
|||
z-index: 1500; |
|||
|
|||
.spinner { |
|||
display: inline-block; |
|||
position: relative; |
|||
left: -4px; |
|||
bottom: -16px; |
|||
|
|||
>div { |
|||
background-color: #00bcd4; |
|||
margin-right: 1px; |
|||
width: 3px; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
#js-copytextarea { |
|||
opacity: 0; |
|||
height: 10px; |
|||
width: 200px; |
|||
} |
|||
|
|||
#app { |
|||
height: 100%; |
|||
} |
|||
|
|||
.spinner { |
|||
width: 50px; |
|||
height: 40px; |
|||
text-align: center; |
|||
font-size: 10px; |
|||
} |
|||
|
|||
.spinner > div { |
|||
background-color: #333; |
|||
height: 100%; |
|||
width: 6px; |
|||
display: inline-block; |
|||
|
|||
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; |
|||
animation: sk-stretchdelay 1.2s infinite ease-in-out; |
|||
} |
|||
|
|||
.spinner .rect2 { |
|||
-webkit-animation-delay: -1.1s; |
|||
animation-delay: -1.1s; |
|||
} |
|||
|
|||
.spinner .rect3 { |
|||
-webkit-animation-delay: -1.0s; |
|||
animation-delay: -1.0s; |
|||
} |
|||
|
|||
.spinner .rect4 { |
|||
-webkit-animation-delay: -0.9s; |
|||
animation-delay: -0.9s; |
|||
} |
|||
|
|||
.spinner .rect5 { |
|||
-webkit-animation-delay: -0.8s; |
|||
animation-delay: -0.8s; |
|||
} |
|||
|
|||
@-webkit-keyframes sk-stretchdelay { |
|||
0%, 40%, 100% { -webkit-transform: scaleY(0.4) } |
|||
20% { -webkit-transform: scaleY(1.0) } |
|||
} |
|||
|
|||
@keyframes sk-stretchdelay { |
|||
0%, 40%, 100% { |
|||
transform: scaleY(0.4); |
|||
-webkit-transform: scaleY(0.4); |
|||
} 20% { |
|||
transform: scaleY(1.0); |
|||
-webkit-transform: scaleY(1.0); |
|||
} |
|||
} |
|||
|
|||
.bootstrap-select > .dropdown-toggle { |
|||
z-index: 0; |
|||
} |
|||
Loading…
Reference in new issue