Site Changes
Removed submenu gradient, minor fixes and changes to admin panel regarding icons being misaligned and some issues on older browsers.
This commit is contained in:
parent
c8c5d99ba1
commit
6a12802268
|
|
@ -1,8 +1,4 @@
|
||||||
html {
|
body.NewPanel {
|
||||||
background-color: #111;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
min-width: 0px;
|
min-width: 0px;
|
||||||
}
|
}
|
||||||
|
|
@ -40,21 +36,21 @@ h6 {
|
||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
}
|
}
|
||||||
|
|
||||||
#MasterContainer.NewPanel.AdminPanel {
|
.NewPanel #MasterContainer.AdminPanel {
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
}
|
}
|
||||||
#MasterContainer.NewPanel #BodyWrapper {
|
.NewPanel #MasterContainer #BodyWrapper {
|
||||||
padding-top: 25px;
|
padding-top: 25px;
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel {
|
.NewPanel .AdminPanel {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
#MasterContainer.NewPanel .iphone-sidebar, #MasterContainer.NewPanel .iphone-content, #MasterContainer #AdminWrapper, #MasterContainer #BodyWrapper {
|
.NewPanel #MasterContainer .iphone-sidebar, .NewPanel #MasterContainer .iphone-content, #MasterContainer #AdminWrapper, #MasterContainer #BodyWrapper {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
#MasterContainer.NewPanel #AdminWrapper, #MasterContainer.NewPanel #BodyWrapper {
|
.NewPanel #MasterContainer #AdminWrapper, .NewPanel #MasterContainer #BodyWrapper {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
.NewPanel #AdminWrapper.Navigation {
|
.NewPanel #AdminWrapper.Navigation {
|
||||||
|
|
@ -134,10 +130,10 @@ h6 {
|
||||||
display: block;
|
display: block;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel #Body {
|
.NewPanel .AdminPanel #Body {
|
||||||
background-color: #111;
|
background-color: #111;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .MainHeader, .NewPanel.AdminPanel .SubHeader {
|
.NewPanel .AdminPanel .MainHeader, .NewPanel .AdminPanel .SubHeader {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
-webkit-touch-callout: none;
|
-webkit-touch-callout: none;
|
||||||
|
|
@ -147,7 +143,7 @@ h6 {
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .Reminder {
|
.NewPanel .AdminPanel .Reminder {
|
||||||
color: #ff7300
|
color: #ff7300
|
||||||
}
|
}
|
||||||
.NewPanel .text-error {
|
.NewPanel .text-error {
|
||||||
|
|
@ -167,25 +163,21 @@ h6 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .Stats-Wrapper {
|
.NewPanel .AdminPanel .Stats-Wrapper {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .StatsContainer {
|
.NewPanel .AdminPanel .StatsContainer {
|
||||||
margin: 15px 15px 0 15px;
|
margin: 15px 15px 0 15px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
border: 1px dashed #ff7300;
|
border: 1px dashed #ff7300;
|
||||||
background-color: #080808;
|
background-color: #080808;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .Userlist {
|
.NewPanel .AdminPanel .Userlist {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel form div {
|
.NewPanel .AdminPanel form div {
|
||||||
display: -webkit-box;
|
text-align: center;
|
||||||
display: -webkit-flex;
|
|
||||||
display: -ms-flexbox;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
}
|
||||||
.NewPanel .SearchCloseBtn{
|
.NewPanel .SearchCloseBtn{
|
||||||
color: #af1400;
|
color: #af1400;
|
||||||
|
|
@ -199,22 +191,22 @@ display: flex;
|
||||||
.NewPanel .SearchCloseBtn:hover {
|
.NewPanel .SearchCloseBtn:hover {
|
||||||
color: #d41900;
|
color: #d41900;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel #SearchInput {
|
.NewPanel .AdminPanel #SearchInput {
|
||||||
border: 1px solid #757575;
|
border: 1px solid #757575;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
color: #b8b8b8;
|
color: #b8b8b8;
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active {
|
.NewPanel .AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active {
|
||||||
border-color: #0099ff;
|
border-color: #0099ff;
|
||||||
}
|
}
|
||||||
.NewPanel #SearchInput, .NewPanel .btn-neutral {
|
.NewPanel #SearchInput, .NewPanel .btn-neutral {
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel #SearchInput:focus-visible {
|
.NewPanel .AdminPanel #SearchInput:focus-visible {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .Stats {
|
.NewPanel .AdminPanel .Stats {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
color: #a7a7a7;
|
color: #a7a7a7;
|
||||||
|
|
@ -226,11 +218,11 @@ display: flex;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .Stats.Counter {
|
.NewPanel .AdminPanel .Stats.Counter {
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .Stat-Separator {
|
.NewPanel .AdminPanel .Stat-Separator {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background: #555; /*/Fallback for older browsers/*/
|
background: #555; /*/Fallback for older browsers/*/
|
||||||
|
|
@ -238,7 +230,7 @@ display: flex;
|
||||||
display: block;
|
display: block;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
}
|
}
|
||||||
.NewPanel.AdminPanel .SearchContainer {
|
.NewPanel .AdminPanel .SearchContainer {
|
||||||
width: 235px;
|
width: 235px;
|
||||||
height: auto;
|
height: auto;
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
|
|
@ -266,9 +258,9 @@ display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -281,7 +273,6 @@ display: flex;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
.NewPanel .SearchContainer .UserDetails {
|
.NewPanel .SearchContainer .UserDetails {
|
||||||
width: 95%;
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
.NewPanel .SearchContainer .SearchBox {
|
.NewPanel .SearchContainer .SearchBox {
|
||||||
|
|
@ -318,9 +309,9 @@ display: flex;
|
||||||
-ms-user-select: none;
|
-ms-user-select: none;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
display: -webkit-flex;
|
display: -webkit-flex;
|
||||||
display: -ms-flexbox;
|
display: -ms-flexbox;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
}
|
}
|
||||||
.NewPanel .UserDetails .Row {
|
.NewPanel .UserDetails .Row {
|
||||||
|
|
@ -388,7 +379,7 @@ display: flex;
|
||||||
.NewPanel .SearchTree a:hover {
|
.NewPanel .SearchTree a:hover {
|
||||||
color: #00b7ff;
|
color: #00b7ff;
|
||||||
}
|
}
|
||||||
.NewPanel .SearchTree a:after {
|
.NewPanel .SearchTree a::after {
|
||||||
content: '';
|
content: '';
|
||||||
border: 1px solid #555;
|
border: 1px solid #555;
|
||||||
border-radius: 100%;
|
border-radius: 100%;
|
||||||
|
|
@ -407,7 +398,6 @@ display: flex;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
vertical-align: middle;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
.NewPanel #BodyWrapper .forwardArrow::before {
|
.NewPanel #BodyWrapper .forwardArrow::before {
|
||||||
|
|
@ -434,7 +424,6 @@ display: flex;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
line-height: 1em;
|
line-height: 1em;
|
||||||
vertical-align: middle;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
.NewPanel #BodyWrapper .userInfo::before {
|
.NewPanel #BodyWrapper .userInfo::before {
|
||||||
|
|
@ -480,7 +469,7 @@ display: flex;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@media (max-width:990px) {
|
@media (max-width:990px) {
|
||||||
.NewPanel.AdminPanel #Body, .NewPanel.AdminPanel #BodyWrapper, .NewPanel.AdminPanel #MasterContainer {
|
.NewPanel .AdminPanel #Body, .NewPanel .AdminPanel #BodyWrapper, .NewPanel .AdminPanel #MasterContainer {
|
||||||
width: 100% !important; /*!important since late 2012 roblox uses element.style CRINGE!*/
|
width: 100% !important; /*!important since late 2012 roblox uses element.style CRINGE!*/
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
@ -490,8 +479,16 @@ display: flex;
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@media (max-width: 600px) {
|
||||||
|
.NewPanel .AuthenticatedUserNameWrapper {
|
||||||
|
font-size: 10px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@media (max-width:500px) {
|
@media (max-width:500px) {
|
||||||
.NewPanel .AdminSubHeader ul {
|
.NewPanel .AdminSubHeader ul {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
|
.NewPanel .AuthenticatedUserNameWrapper {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -279,7 +279,7 @@ div.mySubmenuFixed {
|
||||||
div.mySubmenuFixed {
|
div.mySubmenuFixed {
|
||||||
top: 36px;
|
top: 36px;
|
||||||
background: #363636;
|
background: #363636;
|
||||||
background: linear-gradient(#000 10%, #191919 100%);
|
background: #191919;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -319,7 +319,7 @@ div.mySubmenuFixed {
|
||||||
|
|
||||||
.Redesign .subMenu {
|
.Redesign .subMenu {
|
||||||
height: 25px;
|
height: 25px;
|
||||||
background: linear-gradient(#000 10%, #191919 100%);
|
background: #191919;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbarbuttoncontainer {
|
.navbarbuttoncontainer {
|
||||||
|
|
@ -639,6 +639,10 @@ body {
|
||||||
color: #000;
|
color: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.loggedout body {
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
.content_special,
|
.content_special,
|
||||||
#content_special {
|
#content_special {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
|
|
@ -926,9 +930,9 @@ button:hover.greenbutton {
|
||||||
width: 970px;
|
width: 970px;
|
||||||
margin: auto auto;
|
margin: auto auto;
|
||||||
padding: 1em 5px;
|
padding: 1em 5px;
|
||||||
background: rgb(172, 172, 172);
|
background: #e6e6e6;
|
||||||
/* Fallback for IE 11*/
|
/* Fallback for IE 11*/
|
||||||
background-color: rgb(172, 172, 172);
|
background-color: #e6e6e6;
|
||||||
min-height: fit-content;
|
min-height: fit-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -35,12 +35,13 @@
|
||||||
<label class="form-check-label" for="remember">
|
<label class="form-check-label" for="remember">
|
||||||
{{ __('Remember Me') }}
|
{{ __('Remember Me') }}
|
||||||
</label>
|
</label>
|
||||||
<button type="submit" class="greenbutton" onClick="this.form.submit();this.disabled=true">Log in!</button>
|
<button type="submit" class="greenbutton" onClick="this.form.submit();this.disabled=true">Login</button>
|
||||||
@if (Route::has('password.request'))
|
@if (Route::has('password.request'))
|
||||||
<br><br>
|
<br><br>
|
||||||
<a class="btn btn-link" href="{{ route('password.request') }}" style="text-align:center;display:block">
|
<span class="hyperlink"><a class="btn btn-link" href="{{ route('password.request') }}">
|
||||||
Forgot Your Password?
|
Forgot Your Password?
|
||||||
</a>
|
</a>
|
||||||
|
</span>
|
||||||
@endif
|
@endif
|
||||||
</form>
|
</form>
|
||||||
@endsection
|
@endsection
|
||||||
|
|
@ -71,6 +71,6 @@
|
||||||
<p>An Invite Key is required to sign up. You can obtain one from a person that has played ARCHBLOX.</p>
|
<p>An Invite Key is required to sign up. You can obtain one from a person that has played ARCHBLOX.</p>
|
||||||
<p>Don't beg for keys.</p>
|
<p>Don't beg for keys.</p>
|
||||||
<br>
|
<br>
|
||||||
<button class="greenbutton" onClick="this.form.submit();this.disabled=true">Sign Up!</button>
|
<button class="greenbutton" onClick="this.form.submit();this.disabled=true">Signup</button>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
@ -20,10 +20,10 @@
|
||||||
<link href="/css/NewAdminCSS.css" rel="stylesheet">
|
<link href="/css/NewAdminCSS.css" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body class="NewPanel">
|
||||||
@yield('alert')
|
@yield('alert')
|
||||||
|
|
||||||
<div id="MasterContainer" class="NewPanel AdminPanel" style="width: 100%;">
|
<div id="MasterContainer" class="AdminPanel" style="width: 100%;">
|
||||||
<div id="AdminWrapper" class="Navigation">
|
<div id="AdminWrapper" class="Navigation">
|
||||||
<div class="AdminHeader">
|
<div class="AdminHeader">
|
||||||
<span><a href="{{ route('home') }}" title="Main Site" class="SiteBrand"></a></span>
|
<span><a href="{{ route('home') }}" title="Main Site" class="SiteBrand"></a></span>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue