File manager

File manager - Edit - /home/infoilmg/nfnen.xyz/styles/main.css

Back
{ margin: 0; padding: 0; box-sizing: border-box; font-family: Inter; } .loadingDiv{ display: none; } p,h1,h2,h3,h4,h5,h6{ margin: 0; } html { scroll-behavior: smooth; } button{ cursor: pointer; outline: none !important; } .mobLink p,.mobLink{ text-decoration: none; margin: 0; color: #1C0260 !important; font-weight: bold; } nav{ background-color: #00EFAA !important; } .navFlex{ display: flex; } .nav-dark-item{ display: flex; align-items: center; cursor: pointer; } .nav-item a{ font-weight: bold; } .navButton{ background-color: #1C0260; border:none; outline: none; color: white; padding: 10px 20px; border-radius: 5px; } .centering{ width: 80%; margin: 0 auto; } .f_section{ padding-bottom: 70px; margin-top: 70px; background: url(../assets/first_left.svg) left bottom no-repeat, url(../assets/first_right.svg) right top 150px no-repeat; } .partners,.partners > div,.first > div{ display: flex; } .first > div{ justify-content: space-between; } .first > div > div{ width: 48%; } .partners > div{ margin-right: 20px; margin-bottom: 20px; padding:10px 20px; border-radius: 5px; } .partners img{ width: 20px; } .partners{ flex-wrap: wrap; } .partners p{ margin: 0; margin-right: 10px; } .coinmarketcap{ background-color: #E3FDEA; color: #00EFAA; } .exodus{ background-color: #CCE7FF; color: #1576CF; } .metamask{ background-color: #FDE7D1; color: #F6851B; } .microstrategy{ background-color: #F9D7D9; color: #DF3741; } .partners_separator{ background-color: #D0D0D0; height: 2px; width: 100%; margin: 20px 0; } .title_div .title{ font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 60px; / or 120% / letter-spacing: -0.025em; font-feature-settings: 'liga' off; color: #000000; } .description_div .description{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; / or 156% / font-feature-settings: 'liga' off; color: #767084; } .buttons{ display: flex; } .buttons button,.quality_btns button{ margin-right: 20px; border-radius: 8px; padding: 10px 20px; border:none; outline: none !important; } .started{ background: #06D188; color:white; } .learn{ background: rgba(6, 209, 136, 0.2); color:#06D188; transition: 0.7s; } .started{ background: #06D188; color:white; transition: 0.7s; } .started:hover{ background: rgba(6, 209, 136, 0.2); color:#06D188; } .learn{ background: rgba(6, 209, 136, 0.2); color:#06D188; } .learn:hover{ background: #06D188; color:white; } .learn:hover{ background: #06D188; color:white; } .supported_assets p{ font-style: normal; font-weight: 600; font-size: 24px; line-height: 106.4%; letter-spacing: 0.02em; color: #000000; margin: 0 auto 30px auto; } .supported_assets{ background: #FFFFFF; border: 1px solid #D0D0D0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); border-radius: 15px; text-align: center; align-items: center; padding: 30px 0; height: min-content; } .first .divs > div{ width: 45%; } .divs,.top_coin_div,.top_coin_div_img_name{ display: flex; } .top_coin_div p{ margin: 0; } .top_coin_div,.divs{ justify-content: space-between; } .top_coin_div_img_name p{ display: flex; justify-content: center; align-items: center; } .top_coins_first{ background: #FFFFFF; border: 1px solid #D0D0D0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 30px 15px; } .top_coins_first img{ margin-right: 10px; } .top_coin_name{ font-weight: bold; } .top_prices{ text-align: right; } .top_coin_separator{ height: 1.5px; width: 80%; margin: 15px auto; background-color: #D0D0D0; } .pump{ color:#0ABB7B !important; }.dump{ color:#A90302 !important; } .partner_microstrategy{ background: #FFFFFF; border: 1px solid #D0D0D0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 30px; margin-top: 30px; } .partner_microstrategy img{ margin-bottom: 10px; } .partner_microstrategy p{ margin: 0; } .partner_microstrategy .author{ margin-top: 10px; } .citata_div{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 12.2404px; line-height: 19px; / or 156% / font-feature-settings: 'liga' off; / Neutral/900 / color: #111827; display: flex; } .citata_div svg{ color: #DF3741; } .title_author{ font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 12.2404px; line-height: 19px; / or 156% / font-feature-settings: 'liga' off; / Neutral/900 / color: #111827; } .description_author{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-size: 9.52028px; line-height: 14px; / identical to box height, or 143% / font-feature-settings: 'liga' off; / Neutral/500 / color: #6B7280; } .coins_coins{ display: flex; flex-wrap: wrap; } .coins_coins p{ margin: 0; } .coins_send,.coins_receive,.form_div{ background: #FFFFFF; border: 1.605px solid #D0D0D0; width: 24%; padding: 20px; border-radius: 10px; } .form_div{ width: 60%; } .form_div{ width: 50%; } .exchange_section{ padding-top:100px; margin-bottom: 50px; } .exchange_section > div{ display: flex; justify-content: space-between; flex-wrap: wrap; } .coin{ display: flex; background-color: #E8E8E8; padding: 10px; border-radius: 3px; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .coin:hover{ background-color: #c0bfbf; } .coin p{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 20px; / identical to box height, or 138% / letter-spacing: -0.14347px; color: #000000; } .coin_text{ display: flex; justify-content: center; align-items: center; } .coin img{ margin-right: 10px; width: 30px; } .coins_coins_title{ font-weight: 700; font-size: 24px; line-height: 40px; / identical to box height, or 167% / font-feature-settings: 'liga' off; / Neutral/900 / color: #111827; } .form_div label{ font-weight: 500; font-size: 18px; line-height: 23px; / identical to box height, or 196% / text-align: center; letter-spacing: -0.166195px; color: #939393; } .lng-go-to-payment{ background: #007EDA; color: white; border: none; border-radius: 5px; width: 100%; padding: 15px; transition: 0.7s; } .lng-go-to-payment:hover{ background: #45b1ff; } .coins_send,.coins_receive,.form_div{ height: min-content; } .form_div input{ background: rgba(60, 61, 63, 0.12); border-radius: 10px; border:none; outline: none; font-weight: 600; font-size: 16.6195px; line-height: 23px; / identical to box height, or 137% / letter-spacing: -0.166195px; color: #000000; width: 100%; padding: 10px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } / Firefox / input[type=number] { -moz-appearance: textfield; } #receiveInput{ cursor: not-allowed; } .promoinputandbutton input{ width: 80%; border-radius: 10px 0 0 10px; } .promoinputandbutton button{ width: 20%; border: none; border-radius:0 10px 10px 0; cursor: pointer; outline: none !important; background: rgba(6, 209, 136, 0.2); transition: 0.7s; } .promoinputandbutton button:hover{ background: rgb(11 167 111 / 40%); } .promoinputandbutton{ display: flex; } .wrongPromo{ border: 1px solid #edc6c8 !important; / border: red; / background-color: #f9d7d9 !important; } .choosed{ background-color: #c9deff; } .trending_divs{ display: flex; justify-content: space-between; } .trending_divs >div{ width: 32%; border: 1px solid #D0D0D0; border-radius: 10px; padding: 20px; height: min-content; } .newd{ z-index: -1; } .coursing{ border: 1px solid #D0D0D0; border-radius: 10px; padding: 20px; margin-top: 20px } .trending_title p{ font-family: 'Inter'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 60px; letter-spacing: -0.025em; font-feature-settings: 'liga' off; margin: 20px 0; / Neutral/900 / color: #111827; } .trend_div_title p{ font-weight: 700; font-size: 24px; line-height: 40px; / identical to box height, or 167% / font-feature-settings: 'liga' off; / Neutral/900 / margin: 0; color: #111827; } .trend_div_title{ display: flex; align-items: center; } .trend_div_title img{ margin-right: 20px; } .newnew{ right: -70px; position: absolute; top: -70px; } .newd,.bonusmonusdiv{ position: relative; } .bonusmonusdiv{ z-index: -1; background: #FFFFFF; border: 1px solid #D0D0D0; box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.1); border-radius: 15px; padding: 30px; margin-top: 30px; } .gift,.bonuses{ position: absolute; } .gift{ left: -30px; top: -30px; } .bonuses{ left: -50px; } .bonusmonusdiv .title{ font-weight: 700; font-size: 16px; / identical to box height, or 156% / font-feature-settings: 'liga' off; / Neutral/900 / color: #111827; } .bonusmonusdiv .description{ font-weight: 400; font-size: 14px; / or 156% / font-feature-settings: 'liga' off; color: #767084; } .trons_div{ text-align: right; align-items: right; } .trons_div img{ width: 50%; } .trending_section{ background: url(../assets/trending-bg.svg) left bottom no-repeat; } .inGreen{ background-color: #00EFAA; padding: 3px 5px; border-radius: 5px; } .marqueeP{ font-weight: 500; font-size: 24px; line-height: 29px; color: #000000; background-color: #00EFAA; padding: 20px; transform: rotate(-0.75deg); margin: 0 0 30px 0; } .quality{ margin: 50px 0; } .quality p{ margin: 0; } .textwithphone{ display: flex; } .phText,.phones{ width: 50%; } .phones{ z-index: -1; } .phones img{ width:100%; height: 100%;; } .phones img{ transform: rotate(-0.75deg); } .lineZtext{ width: max-content; text-align: center; align-items: center; } .lineZtext .title{ font-weight: 700; font-size: 48px; line-height: 60px; / identical to box height, or 125% / letter-spacing: -0.025em; font-feature-settings: 'liga' off; / Neutral/900 / color: #111827; } .quality_btns{ margin: 20px 0; } .recomended{ background: url(../assets/rec_bg.svg) right bottom 50px; background-repeat: no-repeat; } .recomended > div{ display: flex; background: #FFFFFF; border: 1px solid #D0D0D0; border-radius: 10px; padding: 40px; margin: 50px auto; } .recomended_title{ font-weight: 700; font-size: 48px; line-height: 60px; / identical to box height, or 125% / letter-spacing: -0.025em; font-feature-settings: 'liga' off; / Neutral/900 / color: #111827; } .recomended_description{ font-weight: 400; font-size: 18px; line-height: 28px; / or 156% / font-feature-settings: 'liga' off; color: #767084; width: 70%; } footer{ padding: 30px 0; background-color: #000000; } footer > div{ display: flex; justify-content: space-between; } .support_description{ font-weight: 400; font-size: 18px; line-height: 28px; / identical to box height, or 156% / font-feature-settings: 'liga' off; color: #767084; margin-top: 20px; } .questions{ font-weight: 700; font-size: 24px; line-height: 40px; / identical to box height, or 167% / font-feature-settings: 'liga' off; color: #FFFFFF; text-align: right; } .questionsD{ text-align: right; display: flex; justify-content: end; } .tgsup{ padding: 10px 20px; background: #06D188; border-radius: 8px; text-decoration: none; outline: none; color: black; transition: 0.7s; } .tgsup:hover{ text-decoration: none; outline: none; color: black; background: #4ff5b9; } .sfname{ font-weight: 400; font-size: 14px; line-height: 20px; / identical to box height, or 143% / font-feature-settings: 'liga' off; / Neutral/300 / color: #D1D5DB; } footer ul{ display: flex; } footer li{ font-weight: 400; font-size: 16px; line-height: 24px; / identical to box height, or 150% / font-feature-settings: 'liga' off; / White / color: #c3c3c3; list-style: none; margin-right: 20px; transition: 0.7s; } footer li:hover{ color: white; cursor: pointer; } .f-r{ text-align: right; align-items: right; } #error,#errorWallet{ display: none; font-weight: 700; color: #b1110f; font-size: 18px; } / .recomended_img_div{ background-image: url("../assets/recomended_bg.svg"); background-position: center; } / .howtitlediv{ background: #FFFFFF; border: 1px solid #D0D0D0; border-radius: 5px; width: max-content; padding: 10px; margin-top: 50px; } .howtitlediv p{ font-weight: 400; font-size: 12px; line-height: 22px; / or 184% / letter-spacing: -0.1605px; color: #8F8E96; margin: 0; } .howdivs{ margin-top: 50px; display: flex; justify-content: space-between; } .howdivs > div{ width: 33%; background: #FFFFFF; border: 1.605px solid #D0D0D0; border-radius: 16.05px; padding: 20px; } .step-title-and-number{ display: flex; } .stepnumber{ background-color: #EFEFEF; width: 50px; height: 50px; text-align: center; align-items: center; display: flex; justify-content: center; border-radius: 5px; margin-right: 20px; } .step_title{ font-family: 'Inter'; font-style: italic; font-weight: 600; font-size: 19.26px; line-height: 22px; / or 115% / letter-spacing: -0.1605px; color: #17273E; align-items: center; display: flex; justify-content: center; } .step-description{ font-weight: 400; font-size: 16.05px; line-height: 22px; / or 138% / letter-spacing: -0.1605px; color: #8F8E96; } .lastStep{ background: #00EFAA !important; } .lastStep .stepnumber{ background: #05E1A1 !important; } .lastStep p{ color: black; } .trending_now_coins p{ margin: 0; display: flex; justify-content: center; align-items: center; } .trending_now_coins > div{ display: flex; justify-content: space-between; } .trending_now_coins > div> div{ display: flex; } .trending_now_coins img{ margin-right: 10px; } .trending_now_coins strong { margin-right: 10px; } .trendingCoinNmb{ font-weight: 400; font-size: 18px; line-height: 28px; font-feature-settings: 'liga' off; color: #767084; margin-right: 10px; } .trending_now_coins > div{ margin: 20px 0; } .supportAssets .description{ font-weight: 400; font-size: 18px; line-height: 28px; / identical to box height, or 156% / font-feature-settings: 'liga' off; color: #767084; } .supportAssets .new{ font-weight: 400; font-size: 18px; line-height: 28px; font-feature-settings: 'liga' off; color: #0085FF; margin: 20px 0; cursor: pointer; transition: 0.7s; } .supportAssets .new:hover{ color:#002444; } .supportAssets{ margin-top: 30px; } .hypedCoins table{ width: 100% } .hypedCoins table p{ margin-bottom:0; } .tableName > div{ display: flex; align-items: center; justify-content: center; } .tableName{ display: flex; } / .tableName{ justify-content: center; } .table{ text-align: center; align-items: center; } th{ text-align: center !important; align-items: center; } / td{ padding:20px 0 !important; } / tr{ text-align: center !important; align-items: center; } / .tableName p,.tableName img{ margin-right: 20px; } .mobilePhone{ display: none; } .li-a{ text-decoration: none; color: white; } / MOBILE / @media screen and (max-width: 1920px) { / .supported_assets p{ width: 50%; } / }@media screen and (max-width: 1440px) { .centering{ width: 90%; } .partners p{ font-size: 11px; } .title_div .title { font-size: 50px; } } @media screen and (max-width: 1360px) { / .f_section .centering{ display: block; } / .supported_assets p { font-size: 20px; } .title_div .title { font-size: 45px; } .phText,.phones{ width: 45%; } #supported_assets_img{ width: 80%; } .recomended > div > div{ width: 50%; } .recomended_img_div img{ width: 100%; } .top_coin_div_img_name img{ width: 30px; height: 30px; } .topcoinimgdiv{ display: flex; justify-content: center; align-items: center; } .coins_send,.coins_receive{ width: 49%; } .form_div{ width: 100%; margin-top: 20px; } } @media screen and (max-width: 1280px) { .title_div .title { font-size: 40px; } }@media screen and (max-width: 1024px) { .f_section .centering{ display: block; } .f_section .centering > div{ width: 100%; text-align: center; } .supported_assets p{ width: 100%; } .first .partners{ justify-content: space-between; } .first .partners > div{ width: 49%; margin-right: 0; justify-content: center; } .first .divs{ margin-top: 50px; } .first .buttons{ justify-content: center; } .quality_btns button{ margin-bottom: 20px; } .recomended_title{ font-size: 40px; } .recomended_description{ font-size: 14px; } .trending_divs{ flex-wrap: wrap; } .trending_divs > div{ width: 80%; margin: 0 auto; margin-bottom: 20px; } } / MOBILE / @media screen and (max-width: 860px) { .nav-item a { font-size: 12px; } } @media screen and (max-width: 800px) { .recomended_img_div{ display: none; } .recomended > div >div{ width: 100%; } .howdivs{ display: block; } .howdivs > div{ width: 100%; margin-bottom: 20px; } .dekstopPhone{ display: none; } .textwithphone{ flex-wrap: wrap; } / .textwithphone > div{ width: 100%; } / .mobilePhone{ display: block; margin-top: 20px; } .phones{ width: 70%; margin: 0 auto; } .phText{ width: 100%; } footer ul{ flex-wrap: wrap; } } / MOBILE */ @media screen and (max-width: 767px) { .navbar-toggler{ float: right; } .navFlex{ display: block; } nav > div{ justify-content: space-between !important; } .mobLink{ display: none !important; } .f_section{ background: url(../assets/first_left.svg) left top no-repeat, url(../assets/first_right.svg) right top 150px no-repeat,url(../assets/first_left.svg) left bottom no-repeat, url(../assets/first_right.svg) right bottom 150px no-repeat; } .coins_send,.coins_receive{ width: 100%; margin-bottom: 20px; } .hypedCoins,.hypedCoinsTitle{ display: none; } .lineZtext .title{ font-size: 35px; text-align: center; } .buttons button{ margin: 5px; } } @media screen and (max-width: 600px) { .first .divs > div { width: 80%; margin: 0 auto; margin-bottom: 20px; } .first .divs{ display: block; } .first .partners > div{ width: 100%; } .recomended_description{ width: 100%; } .recomended_title{ font-size: 30px; } .quality_btns button{ width: 49%; margin: 0; } .lineZtext { margin: 0 auto; } .phText .description{ text-align: center; } }@media screen and (max-width: 440px) { .lineZtext .title{ font-size: 25px; } .newnew,.bonuses{ display: none; } .f_section{ background: url(../assets/first_left.svg) left bottom no-repeat, url(../assets/first_right.svg) right bottom 150px no-repeat; } .title_div .title{ font-size: 30px; }.first .divs > div { width: 90%; } .f_section{ margin-top: 30px; } .trending_divs > div{ width: 90%; } .phones{ width: 90%; } .recomended_description{ font-size: 12px; } footer > div{ display: block; } .quality_btns button{ font-size: 12px; } .coin img { margin-right: 5px; width: 20px; } .coin_text{ font-size: 15px; } } .navbar-toggler{ border:1px solid rgba(0, 0, 0, 0) !important; } .loadingDiv{ width: 100%; display: flex; position: fixed; height: 100%; background: #0a0a0ab5; } .loader, .loader:before, .loader:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .loader { color: #00efaa; font-size: 10px; margin: 150px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before, .loader:after { content: ''; position: absolute; top: 0; } .loader:before { left: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .fields_div > div{ margin-bottom: 15px; } .select-language{ background: none; border: none; outline: none !important; }

| ver. 1.4 | Github | . | PHP 8.0.30 | Generation time: 1.7 | proxy | phpinfo | Settings