img { max-width: 100%; height: auto; } textarea { resize: vertical; } // anouncement bars .announcement { padding: 3px 10px; text-align: center; font-weight: 300; color: white; display: block; background-color: @brand-primary; a { text-decoration: underline; color: white; transition: 250ms all ease; } &:hover, &:focus { transition: 250ms all ease; color: darken(white, 5%); text-decoration: none; background-color: darken(@brand-primary, 5%); } strong { font-weight: 400; } } .annoucement-warning { background-color: @brand-danger; &:hover, &:focus { background-color: darken(@brand-danger, 5%); a, a:hover { text-decoration: none; } } } .annoucement-danger { background-color: @brand-danger; a:hover, a:focus { color: darken(white, 5%); a, a:hover { text-decoration: none; } } } // address icenticons .address-identicon-container { padding-left: 0; padding-top: @space-md; text-align: left; @media screen and (max-width: @grid-float-breakpoint) { padding-left: @space-lg; padding-right: @space-lg; padding-top: 0; } } .address-identicon-container-right { padding-right: 0; padding-top: @space-md; text-align: right; .addressIdenticon { float: right; } @media screen and (max-width: @grid-float-breakpoint) { padding-left: @space-lg; padding-right: @space-lg; padding-top: 0; } } .address-identicon-container-offline { padding: 0; margin-left: -15px; } .addressIdenticon { width: 4rem; height: 4rem; background-size: cover; background-repeat: no-repeat; border-radius: 50%; box-shadow: inset rgba(255, 255, 255, 0.5) 0 2px 2px, inset rgba(0, 0, 0, 0.6) 0 -1px 8px; } .addressIdenticon.med { width: 3rem; height: 3rem; } .addressIdenticon.small { width: 2rem; height: 2rem; } .addressIdenticon.inline { display: inline-block; } .addressIdenticon.float { float: left; margin-right: @space-sm; } // helpers .wrap { word-wrap: break-word; } .bigger-on-mobile.form-control[readonly] { height: 60px; @media screen and (max-width: 767px) { height: 100px; } } // help page #paneHelp { h3 { margin-top: 2em; } } // monospace things .mono, .form-control, #accountAddress, #accountBalance, #accountBalanceUsd, #accountBalanceEur, #accountBalanceBtc, #accountBalancePopMB-0, #accountBalancePopMB-2, #accountAddressMainTbl-1 { font-family: @font-family-monospace; font-weight: normal; letter-spacing: .02em; } // QR Code on Offline Transactions Page .offline-qrcode { margin-top: -150px; max-width: 300px; @media screen and (max-width: 942px) { margin-top: -78px; } @media screen and (max-width: 769px) { margin-top: 0; } } // collapsable containers .collapse-container { h2, h4 { cursor: pointer; } .collapse-button { float: left; font-weight: 500; user-select: none; padding: 10px; margin: -10px -35px; font-size: 24px; line-height: 1.6; } } // help collapsable containers .help .collapse-container { margin: 40px 0; .collapse-button { margin: -10px -30px; font-size: 20px; line-height: 1; } } // little x image next to custom tokens .token-remove { width: @font-size-small; height: @font-size-small; position: absolute; left: 18px; cursor: pointer; } .node-remove { width: 16px; height: 16px; position: absolute; right: 6px; top: 8px; } .m-addresses td:first-child { max-width: 50px; min-width: 50px; } .m-addresses td:last-child { text-align: right; } h2 a.isActive { color: #333; cursor: default; &:hover, &:active { color: #333; cursor: default; } } .item { margin: 6px 0; } .output.well { padding: @space-sm @space; margin-top: -@space/2; p { margin: @space-sm 0; } } label small { color: @gray-light; } .write-address { .col-xs-1 { padding: 0; } .col-xs-11 { padding-right: 10px; } } .write-boolean label { display: block; } .decrypt-drtv { padding: @space 0; label.radio { padding: 0 @space-lg; } } .qr-code { max-width: 17rem; margin: auto; } .qr-pkey-container { position: relative; } .qr-overlay { background-color: black; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .contracts { h4 + .dropdown, h4 + .dropdown .btn { margin-top: 0; } a.isActive { color: @text-color; } .dropdown-toggle { display: block; text-align: left; white-space: normal; .caret { position: absolute; right: @space; top: 1.25rem; } } .dropdown-menu-left { font-size: @font-size-small; left: auto; right: 0; min-width: 37rem; small { float: right; } } } .view-wallet-content { @media screen and (min-width: @grid-float-breakpoint) { padding-left: @space*3; } h5 { margin-bottom: @space-xs; } a.isActive { color: @text-color; } } #selectedTypeLedger ol { padding-left: 1rem; } .loading-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: fadeOut(black, 30%); z-index: 999; text-align: center; .loading { position: absolute; text-align: center; top: 40%; left: 50%; transform: translate(-50%, -60%); } img { border-radius: 50%; } h1 { animation: opacity 2000ms infinite ease-in-out; color: white; } @keyframes opacity { from, to { opacity: 0; } 50% { opacity: 1; } } } .embedded-logo { height: auto; width: 100%; max-width: 290px; padding: .5rem 0; } .ens-response { color: @gray; }