diff --git a/src/chrome/skin/aboutI2p.css b/src/chrome/skin/aboutI2p.css index b182f0e..a3da8d2 100644 --- a/src/chrome/skin/aboutI2p.css +++ b/src/chrome/skin/aboutI2p.css @@ -1,128 +1,99 @@ * { - padding: 0px; - margin: 0px; + padding: 0; + margin: 0 } - html { - height: 100%; + height: 100% } - a { - color: #3B6BBF; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; - outline: none; + color: #3b6bbf; + text-decoration: none; + font-weight: 700; + word-wrap: break-word; + outline: 0 } - .applicationDesc { - color: #81888f; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; - outline: none; + color: #81888f; + text-decoration: none; + font-weight: 700; + word-wrap: break-word; + outline: 0 } - +.applicationDesc:hover, a:hover { - color: #495057;; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; - outline: none; + color: #495057; + text-decoration: none; + font-weight: 700; + word-wrap: break-word; + outline: 0 } - -.applicationDesc:hover { - color: #495057;; - text-decoration: none; - font-weight: bold; - word-wrap: break-word; - outline: none; -} - body { display: flex; flex-direction: column; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; + font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif; width: 100%; height: 100%; - margin: 0px auto; - padding: 0px 0px; - /*color: var(--abouttor-text-color);*/ - /*background-color: var(--abouttor-bg-toroff-color);*/ + margin: 0 auto; + padding: 0; color: #495057; background-attachment: fixed; background-size: 100% 100%; text-decoration: none; - font-weight: bold; + font-weight: 700; word-wrap: break-word; - outline: none; + outline: 0 } - -/* Hide the entire document by default to avoid showing the incorrect - * I2P on / off status (that info must be retrieved from the chrome - * process, which involves IPC when multiprocess mode is enabled). An - * initialized attribute will be added as soon as the status is known. - */ - body:not([initialized]) { - display: none; +body:not([initialized]) { + display: none } - .background { - background-color: #F8F8FF; - /*padding: 120px;*/ - height: 100%; + background-color: #f8f8ff; + height: 100% } - p { - font-weight: 300; line-height: 32px; font-size: 17px; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; + font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif; text-decoration: none; color: #495057; - font-weight: bold; + font-weight: 700; word-wrap: break-word; - outline: none; + outline: 0 } - .content { min-height: 3rem; padding: 1rem; margin: 1.5rem; display: inline-block; - border: 1px solid #D9D9D6; + border: 1px solid #d9d9d6; border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; - background: #F8F8FF; - /*box-shadow: 0px 30px 200px rgba(61,0,84,0.7);*/ + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc; + background: #f8f8ff } - .extended-info { min-height: 3rem; padding: 1rem; margin-top: 1.5rem; display: inline-block; - border: 1px solid #D9D9D6; + border: 1px solid #d9d9d6; border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; - background: #F8F8FF; - min-width: 50%; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc; + background: #f8f8ff; + min-width: 50% } - .application-info { min-height: 3rem; padding: 1rem; margin-top: 1.5rem; display: inline-block; - border: 1px solid #D9D9D6; + border: 1px solid #d9d9d6; border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; - background: #F8F8FF; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc; + background: #f8f8ff } - h1 { margin-right: auto; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; + font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif; font-weight: 600; font-size: 32px; text-transform: uppercase; @@ -130,25 +101,12 @@ h1 { border: 1px solid #dee2e6; border-radius: 2px 2px 0 0; width: 90%; - padding-left: 5%; + padding-left: 5% } - -h2 { - margin-right: auto; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - font-weight: 600; - font-size: 25px; - text-transform: uppercase; - color: #41465f; - border: 1px solid #dee2e6; - border-radius: 2px 2px 0 0; - width: 90%; - padding-left: 5%; -} - +h2, h3 { margin-right: auto; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; + font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif; font-weight: 600; font-size: 25px; text-transform: uppercase; @@ -156,218 +114,170 @@ h3 { border: 1px solid #dee2e6; border-radius: 2px 2px 0 0; width: 90%; - padding-left: 5%; + padding-left: 5% } - h4 { margin-right: auto; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; + font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif; font-weight: 600; - font-size: 20px !important; + font-size: 20px!important; text-transform: uppercase; color: #41465f; border: 1px solid #dee2e6; border-radius: 2px 2px 0 0; width: 90%; - padding-left: 5%; + padding-left: 5% } - .showhider { margin-right: auto; - font-family: "Droid Sans", "Noto Sans", Ubuntu, "Segoe UI", "Lucida Grande", Verdana, Helvetica, sans-serif; - font-weight: 600; + font-family: "Droid Sans","Noto Sans",Ubuntu,"Segoe UI","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform: uppercase; - background: none!important; + background: 0 0!important; border: none; padding: 0!important; width: 90%; - padding-left: 5%; - color: #3B6BBF; + color: #3b6bbf; text-decoration: none; - font-weight: bold; + font-weight: 700; word-wrap: break-word; - outline: none; - text-align: left; + outline: 0; + text-align: left } - #links .showhider { - font-size: 25px; + font-size: 25px } - #info-content { - display: none; + display: none } - .section-header { display: flex; flex-direction: row; - margin-bottom: 80px; + margin-bottom: 80px } - -body[i2pon] .hideIfI2POn, +body:not([i2pconsoleon]) .hideIfI2PConsoleOff, body:not([i2pon]) .hideIfI2POff, -body[i2pproxyon] .hideIfI2PProxyOn, body:not([i2pproxyon]) .hideIfI2PProxyOff, body[i2pconsoleon] .hideIfI2PConsoleOn, -body:not([i2pconsoleon]) .hideIfI2PConsoleOff { - display: none !important; +body[i2pon] .hideIfI2POn, +body[i2pproxyon] .hideIfI2PProxyOn { + display: none!important } - ul { margin-left: 2rem; - list-style: none; + list-style: none } - li { - min-height: 3rem; - padding: .5rem; - margin-left: 32%; - margin-top: .5rem; - margin-bottom: .5rem; - margin-right: .5rem; - background: #DEE2E6; - border: 1px solid #DEE2E6; - width: 64%; - min-width: 64%; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 3rem; + padding: .5rem; + background: #dee2e6; + border: 1px solid #dee2e6; + width: 64%; + min-width: 64%; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc; + margin: .5rem .5rem .5rem 32% } - #readyness { - min-height: 5rem; - padding: .5rem; - margin: .5rem; - width: 42%; - min-width: 42%; - /*display: inline;*/ - background: #DEE2E6; - /*float: right;*/ - text-align: center !important; - border: 1px solid #DEE2E6; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 5rem; + padding: .5rem; + margin: .5rem; + width: 42%; + min-width: 42%; + background: #dee2e6; + text-align: center!important; + border: 1px solid #dee2e6; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - #onboarding { - min-height: 5rem; - padding: .5rem; - margin: .5rem; - width: 42%; - min-width: 42%; - font-size: 2rem; - /*display: inline;*/ - background: #A48FE1; - /*float: right;*/ - text-align: center !important; - border: 1px solid #A48FE1; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 5rem; + padding: .5rem; + margin: .5rem; + width: 42%; + min-width: 42%; + font-size: 2rem; + background: #a48fe1; + text-align: center!important; + border: 1px solid #a48fe1; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - #i2pbrowser-description { - width: 50%; - min-width: 50%; - min-height: 5rem; - padding: .5rem; - display: inline; - background: #DEE2E6; - float: right; - border: 1px solid #DEE2E6; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + width: 50%; + min-width: 50%; + min-height: 5rem; + padding: .5rem; + display: inline; + background: #dee2e6; + float: right; + border: 1px solid #dee2e6; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - -#applicationExplain { - min-height: 5rem; - padding: .5rem; - margin: .5rem; - width: 30%; - min-width: 30%; - /*display: inline;*/ - background: #DEE2E6; - float: left; - text-align: center !important; - border: 1px solid #DEE2E6; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; -} - +#applicationExplain, #linksExplain { - min-height: 5rem; - padding: .5rem; - margin: .5rem; - width: 30%; - min-width: 30%; - /*display: inline;*/ - background: #DEE2E6; - float: left; - text-align: center !important; - border: 1px solid #DEE2E6; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 5rem; + padding: .5rem; + margin: .5rem; + width: 30%; + min-width: 30%; + background: #dee2e6; + float: left; + text-align: center!important; + border: 1px solid #dee2e6; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - #proxyReady { - min-height: 3rem; - padding: .5rem; - margin: .2rem; - width: 38%; - min-width: 38%; - display: inline; - background: #D9D9D6; - float: right; - text-align: center !important; - border: 1px solid #D9D9D6; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 3rem; + padding: .5rem; + margin: .2rem; + width: 38%; + min-width: 38%; + display: inline; + background: #d9d9d6; + float: right; + text-align: center!important; + border: 1px solid #d9d9d6; + border-radius: 2px; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - #proxyUnready { - min-height: 3rem; - padding: .5rem; - margin: .2rem; - width: 38%; - min-width: 38%; - display: inline; - float: right; - text-align: center !important; - border: 1px solid #FFC56D; - border-radius: 2px; - background: #FFC56D; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 3rem; + padding: .5rem; + margin: .2rem; + width: 38%; + min-width: 38%; + display: inline; + float: right; + text-align: center!important; + border: 1px solid #ffc56d; + border-radius: 2px; + background: #ffc56d; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - #consoleOn { - min-height: 3rem; - padding: .5rem; - margin: .2rem; - width: 38%; - min-width: 38%; - display: inline; - float: left; - text-align: center !important; - border: 1px solid #F7E59A; - border-radius: 2px; - background: #F7E59A; - box-shadow: inset 0 0 0 1px #fff, 0 0 1px #ccc; + min-height: 3rem; + padding: .5rem; + margin: .2rem; + width: 38%; + min-width: 38%; + display: inline; + float: left; + text-align: center!important; + border: 1px solid #f7e59a; + border-radius: 2px; + background: #f7e59a; + box-shadow: inset 0 0 0 1px #fff,0 0 1px #ccc } - +#onboardingContentFour, +#onboardingContentOne, +#onboardingContentThree, +#onboardingContentTwo, #onboardingContentZero { - display: none; -} -#onboardingContentOne { - display: none; -} -#onboardingContentTwo { - display: none; -} -#onboardingContentThree { - display: none; -} -#onboardingContentFour { - display: none; + display: none } .onboardingContent { - font-size: .8rem !important; - text-align: left; + font-size: .8rem!important; + text-align: left } \ No newline at end of file