diff --git a/apps/routerconsole/jsp/themes/console/light/console.css b/apps/routerconsole/jsp/themes/console/light/console.css index f2dc900be..941b5237f 100644 --- a/apps/routerconsole/jsp/themes/console/light/console.css +++ b/apps/routerconsole/jsp/themes/console/light/console.css @@ -1807,8 +1807,8 @@ h3#passwordheading { .mlabtable { width: 30%; + top: 150px; position: absolute; - top: 17%; font-size: 10pt !important; } @@ -2197,8 +2197,7 @@ td.optionsave { .wizardnotice { position: absolute; - top: 75%; - left: 5%; + left: 75%; width: 22%; } @@ -2498,27 +2497,27 @@ td { #wizardheading { border: none; - width: 100%; padding: 2%; margin: auto; - top: 1%; + margin-left: 40%; + margin-top: -1%; font-size: xx-large; letter-spacing: 0.08em; word-spacing: 0.1em; color: #41465f; - position: absolute; background: none !important; box-shadow: none !important; } .clickableProgression { - color: #327bbf; + color: #327bbf; + margin-left: 47%; } #infodiv { - position: absolute; - left: 32%; - width: 35%; + position: relative; + left: 31%; + width: 31%; top: 50%; box-shadow: inset 0 0 0 1px #fff; background: rgba(255,255,255,0.7); @@ -2530,10 +2529,9 @@ td { } #bandwidthconfig.configtable.wizardtable { - width: 35%; - top: 17%; - left: 32%; - position: absolute; + width: 31%; + margin-top: -23%; + margin-left: 32%; background: none; font-size: 10pt !important; } @@ -2542,7 +2540,6 @@ td { bottom: 10%; right: 10%; width: max-content; - position: absolute; box-shadow: none !important; white-space: normal; background: none; @@ -2572,7 +2569,7 @@ td { #xhr.notification { width: 30%; - position: absolute; + position: relative; left: 30%; top: 38%; font-size: larger; @@ -2582,7 +2579,7 @@ td { #xhr2.notification { width: 20%; - position: absolute; + position: relative; left: 70%; top: 30%; font-size: larger; @@ -3768,7 +3765,7 @@ button:active, input[type="submit"]:active, input[type="reset"]:active { transition: ease box-shadow 0.05s; } -input.wizardbutton, button.wizardbutton { +input.wizardbuttons, button.wizardbuttons { font-size: large; } @@ -4799,9 +4796,7 @@ div#langsettings { } div#wizlangsettings.wizard { - position: absolute; - left: 15%; - top: 50%; + margin-left: 30%; } #themesettings hr, #langsettings hr { @@ -4809,12 +4804,11 @@ div#wizlangsettings.wizard { } img.wizard.progress { - position: absolute; - top: 6%; - left: 1%; - max-height: 10%; - max-width: 30%; mix-blend-mode: multiply; + position: absolute; + top: 1%; + left: 1%; + max-width: 40%; } .overlay { @@ -4834,20 +4828,23 @@ img.wizard.progress { .wizardtext { width: 25%; - position: absolute; - top: 17%; - left: 5%; font-size: larger; + margin-top: -20%; + margin-left: 10%; +} + +.wizardbuttons { + margin-left: 10%; } #wizard { z-index: 0; - position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; background-color: #f8f9fa; + text-align: start; } .langselect { /* containing box for lang selection */ @@ -4862,16 +4859,17 @@ img.wizard.progress { float: left; margin-left: 15%; transition: transform 0.3s ease 0s; + } .wizardimg { - max-width: 75%; + max-width: 50%; max-height: 100%; margin: auto; mix-blend-mode: multiply; - position: absolute; - z-index: 0; - right: 0%; + margin-left: 40%; + margin-top: -10%; + position: relative; } .langselect:hover { diff --git a/apps/routerconsole/jsp/welcome.jsp b/apps/routerconsole/jsp/welcome.jsp index d77f0a432..2463ba4f1 100644 --- a/apps/routerconsole/jsp/welcome.jsp +++ b/apps/routerconsole/jsp/welcome.jsp @@ -111,9 +111,6 @@ <%-- needed for CSS: --%>
<%-- needed for lang setting in css.jsi: --%> - -

<%=uihelper._t("Select Language")%>

-
⬤ ◯ @@ -122,6 +119,9 @@ ◯ ◯
+ +

<%=uihelper._t("Select Language")%>

+
@@ -143,9 +143,6 @@ } else if (ipg == 2) { // Overview of bandwidth test %> - -

<%=intl._t("Bandwidth Test")%>

-
◯ ⬤ @@ -154,6 +151,9 @@ ◯ ◯
+ +

<%=intl._t("Bandwidth Test")%>

+

<%=intl._t("Let's check your internet connection!")%> @@ -179,9 +179,6 @@ } else if (ipg == 3) { // Bandwidth test in progress (w/ AJAX) %> - -

<%=intl._t("Bandwidth Test in Progress")%>

-
◯ ◯ @@ -190,6 +187,9 @@ ◯ ◯
+ +

<%=intl._t("Bandwidth Test in Progress")%>

+
<%=intl._t("Javascript is disabled - wait 60 seconds for the bandwidth test to complete and then click Next")%> @@ -219,8 +219,6 @@ if (request.getParameter("skipbw") == null) { // don't display this if we skipped the test %> - -

<%=intl._t("Bandwidth Test Results")%>

◯ ◯ @@ -229,6 +227,8 @@ ◯ ◯
+ +

<%=intl._t("Bandwidth Test Results")%>

@@ -302,9 +302,6 @@ } else if (ipg == 5) { // Browser setup %> - -

<%=intl._t("Browser and Application Setup")%>

-
◯ ◯ @@ -313,6 +310,9 @@ ⬤ ◯
+ +

<%=intl._t("Browser and Application Setup")%>

+

<%=intl._t("Your browser needs to be configured to work with I2P.")%> <%=intl._t("We have instructions for configuring both Firefox and Chromium based browsers with I2P.")%> @@ -348,9 +348,6 @@ } else if (ipg == LAST_PAGE) { // Done %> - -

<%=intl._t("Welcome to the Invisible Internet!")%>

-
◯ ◯ @@ -359,6 +356,9 @@ ◯ ⬤
+ +

<%=intl._t("Welcome to the Invisible Internet!")%>

+

<%=intl._t("It will take some time for your peers to integrate your router into the network, but while that is happening you can still explore I2P applications and get to know your way around the router console.")%>

<%=intl._t("Test server location")%><%=wizhelper.getServerLocation()%>
<%=intl._t("Completion status")%><%=wizhelper.getCompletionStatus()%>