/*** The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable="false"])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable="true"]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } body{ font-family: 'Open Sans', sans-serif; } .head { display: flex; align-items: center; justify-content: space-between; } .content_key { display: flex; flex-direction: column; } .select-d select{ border: 1px solid silver; padding: 7px 10px; border-radius: 5px; cursor: pointer; width: 220px; text-align: center; } .select-d { margin-top: 50px; border: 1px solid silver; } .button-find { margin-top: 30px; } .button-find a{ background: #4caf50; padding: 10px 20px; cursor: pointer; border-radius: 4px; color: white; width: 190px; text-align: center; display: flex; } .crumbs{ overflow-x: auto; } a.go-s { background: #df0000; } .find-loading { display: flex; height: 50px; margin: 15px 0px; align-items: center; } .find-loading p { display: none; align-items: center; } .find-loading p img { width: 20px; height: 20px; margin-right: 10px; } .find-loading p span { color: gray; font-size: 14px; } p.st-btc{ color: #df0000; } p.st-btc.go-start { color: #4caf50!important; } .select-d p{ font-size: 18px; font-family: 'Inter', sans-serif; margin-top: 7px; } .find-private.disable { pointer-events: none; } .find-private { display: flex; flex-direction: column; } .key-find { display: flex; flex-direction: column; margin-left: 50px; } .find-private span{ font-size: 14px; margin-bottom: 10px; } .find-btc span{ font-size: 14px; margin-bottom: 10px; } .find-btc { display: flex; } .find-btc { display: flex; padding: 20px 0px; border-bottom: 1px solid silver; margin: 20px; margin-top: 0px; } .status-btc { padding: 0px 20px; } .key-find p { color:#f7931a; } .param-btc { display: flex; margin-bottom: 15px; align-items: center; } .param-btc span{ font-size: 14px; display: block; width: 200px; } .status-btc .param-btc p{ font-size: 16px; margin: initial; font-family: 'Open Sans', sans-serif; font-weight: bold; } .logo { width: 120px; } nav { margin-right: 20px; } nav ul { display: flex; list-style: none; } nav ul li { margin-left: 20px; } nav ul li a { color: black; text-decoration: none; font-size: 16px; display: flex; font-family: 'Inter', sans-serif; } .logo img{ width:100%; } .container { width: 1200px; margin: 0 auto; padding: 20px 0px; } section.head__top { border-bottom: 1px solid #E1E8EE; } .logo a { display:flex; } h1 { font-family: 'Inter', sans-serif; font-size: 26px; font-weight: 700; } .block__search { display: flex; flex-direction: column; margin-top: 150px; } .search_block { margin-top: 20px; position:relative; margin-bottom:10px; } footer { border-top: 1px solid #E1E8EE; margin-top: 50px; } nav ul li:hover a{ color:#f7931a; } iframe { margin-top: 20px; margin-bottom: 20px; } p b{ font-weight: 600; } input.search_key { border: 2px solid #f7931a; width: 100%; border-radius: 15px; padding: 15px 15px; } .block__search p{ color: #808080d4; font-size: 14px; margin-top: 2px; } .search_key:focus{ box-shadow: 0px 0px 7px #f7931a87; } .search_block img{ position: absolute; cursor: pointer; right: 17px; width: 30px; height: 30px; top: 14px; filter: contrast(0); } .last_keys { margin-top: 50px; } h2 { font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 700; } .block__last-keys { margin-top: 10px; } .block__last-keys p { font-size: 15px; color: #000000; } .block__last-keys div img { width: 18px; margin-right: 3px; } .block__last-keys div{ display: flex; margin-bottom: 10px; align-items: center; } .block__listkeys{ display:flex; justify-content: space-between; margin-top: 30px; flex-direction: column; } .block__listkeys-item p a { color: #3490dc; text-decoration: underline; font-size: 14px; } .block__listkeys-item p a:hover { } .block__listkeys-private { display: flex; align-items: center; padding: 10px 4px; border-bottom: 1px solid #E1E8EE; } .block__listkeys-item p { font-size: 15px; display: flex; align-items: center; color: black; margin-bottom: 7px; } .block__listkeys-item.col_pr { min-width: 50%; } .block__listkeys-item.col_c { min-width: 50%; } .col_pr-1{ min-width: 50%; } .col_c-1 { min-width: 50%; } .block__listkeys-item p img{ width: 18px; margin-right: 5px; } .head_table p { font-weight:bold; font-family: 'Inter', sans-seri; color:black; } .block__listkeys-private:hover{ background: #e1e8ee59; } .controls { display: flex; justify-content: center; margin-top: 30px; } .controls img { width: 40px; background: #e1e8ee9c; border-radius: 100%; padding: 10px; } .pages { margin-top: 20px; } .pages p{ color: #2a2a2a99; font-size: 12px; } .controls a:hover img{ background: #8788899c; } .controls .rand:hover img{ transform: scale(1.2); background: none; } a.rand { margin: 0px 40px; } a.left { margin-left: 40px; } a.right { margin-right: 40px; } .controls .rand img{ background: none; border-radius: 0%; padding: 0px; transition: .3s; } .block__listkeys-item .total_balance{ display: none; background: #E1E8EE; margin-left: 10px; border-radius: 4px; padding: 1px 4px; color: black!important; font-size: 12px!important; } .total_balance img{ margin-right: 0px!important; width: 14px!important; } .block__listkeys-item .resive_balance{ display: none; background: #E1E8EE; margin-left: 10px; border-radius: 4px; padding: 1px 4px; color: black!important; font-size: 12px!important; } .resive_balance img{ margin-right: 0px!important; width: 14px!important; } .block__listkeys-item .trans_balance{ display: none; background: #E1E8EE; margin-left: 10px; border-radius: 4px; padding: 1px 4px; color: black!important; font-size: 12px!important; } .trans_balance img{ margin-right: 0px!important; width: 14px!important; } .c_key_adres{ display:flex; } .u_key_adres{ display:flex; } .trans_balance span{ margin-left: 3px; } p.load { margin-left: 10px; } p.resive_balance.color_up{ color: white!important; background: #3490dc; } p.total_balance.color_up{ color: white!important; background: #4caf50; } p.trans_balance.color_up{ color: black!important; background: #ffed4a; } p.resive_balance.color_up img{ filter: invert(1)!important; } p.total_balance.color_up img{ filter: invert(1)!important; } .stats_pages { display: flex; } .stats_pages img{ width: 20px; } .stats_pages { display: flex; margin-top: 20px; font-weight: 600; } .progress { border: 1px solid #E1E8EE; margin-top: 10px; border-radius: 5px; display: flex; } .pr-line { font-size: 12px; background: #E1E8EE; display: flex; justify-content: center; color: black; overflow: hidden; } .pr-line span { white-space: nowrap; } p.stats_text { margin-right: 10px; } p.stats_balance { display: flex; margin-right: 10px; background: #E1E8EE; padding: 1px 7px; border-radius: 5px; } p.stats_balance.res_b.color_up { color: white!important; background: #3490dc; } p.stats_balance.res_b.color_up img{ filter: invert(1)!important; } p.stats_balance.tra_b.color_up { color: black!important; background: #ffed4a; } p.stats_balance.all_b.color_up { color: white!important; background: #4caf50; } p.stats_balance.all_b.color_up img{ filter: invert(1)!important; } .info_privatekey h1{ display: flex; align-items:center; } .info_privatekey h1 img{ width: 25px; margin-right: 10px; } p.info { font-size: 16px; margin-bottom: 5px; } .info_privatekey { border-bottom: 1px solid #E1E8EE; padding-bottom: 15px; } .adres_c { display: flex; align-items:center; margin-bottom: 10px; } .adres_u { display: flex; align-items:center; } .adres_c span{ font-weight: 600; font-size: 13px; width: 300px; } .dec_c a{ color: #3490dc; text-decoration: underline; } .adres_u span{ font-weight: 600; font-size: 13px; width: 300px; } .param { margin-top: 30px; border-bottom: 1px solid #E1E8EE; padding-bottom: 30px; } /* Сделать текст-подсказку красным */ ::placeholder { color: #9e9e9e9e; } .keys_about { margin-top: 50px; } .keys_about h2{ margin-bottom: 10px; margin-top: 20px; display: flex; align-items: center; } .keys_about h2 img{ width: 25px; height: 25px; margin-left: 15px; } #menu img{ width: 35px; height: 35px; cursor: pointer; } .panel__menu{ position: fixed; right: -300px; width: 300px; height: 100%; top: 0px; background: white; z-index: 3; box-shadow: 0px 1px 2px rgb(0 0 0 / 15%), 0px 0px 16px rgb(0 0 0 / 15%), inset 0px 0.5px 0px rgb(255 255 255 / 50%); transition: all .3s; } .panel__menu.open{ right:0px; } sup { top: -5px; position: relative; font-size: 12px; } .bit-s{ display: flex; flex-wrap: wrap; } .bit-s a { margin-right: 10px; cursor: pointer; display: flex; } .bit-s a img { width: 20px; height: 20px; } nav.left__menu { position: relative; top: 50px; } nav.left__menu ul{ display: flex; flex-direction: column; } nav.left__menu ul li{ margin-bottom: 20px; } .block__last-keys a{ display: flex; align-items: center; } .block__last-keys a p{ color: #3490dc!important; text-decoration: underline; } .block__search p a{ color: #3490dc!important; text-decoration: underline; } .keys_about p{ margin-bottom: 10px; } .random{ display: flex; align-items: center; color: #3490dc!important; text-decoration: underline; } .random img{ width: 40px; height: 40px; } .random_page { margin-top: 30px; margin-bottom: 20px; } .dec_c { display: flex; align-items: center; } .dec_c span { font-weight: 600; font-size: 14px; width: 250px; } .adres_c a{ color: #3490dc; text-decoration: underline; } .adres_u a{ color: #3490dc; text-decoration: underline; } .adres_c .total_balance{ background: #E1E8EE; margin-left: 10px; padding: 1px 7px; border-radius: 4px; display: flex; font-size: 14px; } .adres_c .resive_balance{ background: #E1E8EE; margin-left: 10px; padding: 1px 7px; border-radius: 4px; display: flex; font-size: 14px; } .adres_c .trans_balance{ background: #E1E8EE; margin-left: 10px; padding: 1px 7px; border-radius: 4px; display: flex; font-size: 14px; } .adres_u .total_balance{ background: #E1E8EE; margin-left: 10px; padding: 1px 7px; border-radius: 4px; display: flex; font-size: 14px; } .adres_u .resive_balance{ background: #E1E8EE; margin-left: 10px; padding: 1px 7px; border-radius: 4px; display: flex; font-size: 14px; } .adres_u .trans_balance{ background: #E1E8EE; margin-left: 10px; padding: 1px 7px; border-radius: 4px; display: flex; font-size: 14px; } .info_privatekey h1 a{ margin-left: 20px; filter: opacity(0.5); } .logo_bottom img{ width: 130px; filter: grayscale(1); opacity: .5; } .item-wallet { display: flex; align-items: center; } p.wallet-name { min-width: 200px; font-weight: 600; font-size: 22px; color: black; border-right: 1px solid #E1E8EE; margin-bottom: 0px; padding-bottom: 10px; padding-top: 10px; } p.wallet-rating { background: #4caf50; width: 100px; height: 20px; margin-bottom: 0px; color: white; font-size: 14px; display:flex; } .wallet-name a { color: #3490dc!important; border-bottom: 1px solid; } input.search_wallet { border: 2px solid #f7931a; width: 100%; border-radius: 15px; padding: 15px 15px; } .search_block-wallet { margin-top: 20px; position: relative; margin-bottom: 10px; } p.wallet-rating span{ margin-left: auto; margin-right: 10px; } .search_block-wallet img { position: absolute; cursor: pointer; right: 17px; width: 30px; height: 30px; top: 14px; filter: contrast(0); } .footer { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; } footer p{ color: #808080d4; font-size: 14px; margin-top: 30px; } .small img{ width: 40px; height: 40px; } .small{ display:none; } .course { font-family: 'Inter', sans-serif; font-size: 36px; font-weight: 700; margin-bottom: 100px; } .course span{ color: #c0c0c091; margin: 0 10px; } ol.breadcrumb-list { display: flex; font-size: 12px; color: #777777; flex-wrap: wrap; } .breadcrumb-item:hover a{ color:#3490dc!important; } .btc__info-img img { width:80px; } .btc__info { display: flex; } .btc__info-img { margin-right: 20px; } .btc__info-text h1{ margin-bottom:5px; font-size:20px; } .info-tr { margin-top: 20px; display: flex; flex-direction: column; } .info-tr div{ margin-bottom:15px; } .info-tr div p span{ font-size: 18px; color: #00000069; } .info-tr div p { font-family: 'Inter', sans-serif; color: black; font-size: 20px; } .info-tr div span { font-weight: normal; font-size: 14px; } .btc__info-text span{ border-radius: 8px; font-size: 26px; color: #4caf50; font-weight: 600; } .balance_btc-info{ margin-top: 10px; border-top: 1px solid #c0c0c069; padding-top: 10px; } .btc-i span{ font-weight: bold; } .btc-i { margin-top: 30px; } .coinPriceBlock-signature { display: none!important; } .coinPriceBlock-container{ overflow-x: auto!important; } @media screen and (max-width:1240px){ .container{ width:100%; padding: 20px; } .block__listkeys-private{ flex-direction: column; align-items: flex-start; overflow-x: auto; } .block__listkeys-item.col_pr{ width:100%; } .block__listkeys-item.col_c{ width:100%; } .block__listkeys-item .total_balance{ flex-shrink: 0; } .block__listkeys-item .resive_balance{ flex-shrink: 0; } .block__listkeys-item .trans_balance{ flex-shrink: 0; } } @media screen and (max-width:1024px){ .find-btc { flex-direction: column; } .key-find { margin-left: 0px; margin-top: 20px; } p#f-btc { margin-top: 0px; } .adres_c span{ display:none; } .adres_u span{ display:none; } .dec_c span{ display:none; } .info_privatekey h1 { overflow-x: auto; font-size: 14px; } .dec_c { overflow-x: auto; } .adres_c{ overflow-x: auto; } .adres_u{ overflow-x: auto; } .adres_c .total_balance{ flex-shrink:0; } .adres_c .resive_balance{ flex-shrink:0; } .adres_c .trans_balance{ flex-shrink:0; } .adres_u .total_balance{ flex-shrink:0; } .adres_u .resive_balance{ flex-shrink:0; } .adres_u .trans_balance{ flex-shrink:0; } .param { margin-top: 15px; padding-bottom: 15px; } } @media screen and (max-width:768px){ p#f-btc { font-size: 12px; } .param-btc { flex-direction: column; align-items: baseline; } .param-btc p{ font-size: 12px!important; } .btc__info-text h1 { font-size: 16px; } .btc__info-text span { font-size: 15px; } .btc__info-img{ display:none; } .block__listkeys-item p a { font-size: 12px; } .c_key_adres { font-size: 12px; } .u_key_adres{ font-size: 12px; } .pages p{ display:none; } p.stats_text { display: none; } a.left { margin-left: 20px; } a.rand { margin: 0px 20px; } a.right { margin-right: 20px; } .course { font-size: 22px; } } @media screen and (max-width:464px){ .small{ display:flex; } .big{ display:none; } nav{ margin-right:0px; } .head{ padding-top: 5px; padding-bottom: 5px; } }