introducing: the j
This commit is contained in:
Thomas G
parent
15bf36211d
commit
225e7ce763
|
|
@ -1,34 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>ARCHBLOX - BRB</title>
|
||||
<meta content="ARCHBLOX" property="og:title"/>
|
||||
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description"/>
|
||||
<meta content="https://archblox.com/" property="og:url"/>
|
||||
<meta content="https://archblox.com/MORBLOXlogo.png" property="og:image"/>
|
||||
<meta content="#4b4b4b" data-react-helmet="true" name="theme-color"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
||||
<link rel="apple-touch-icon" href="https://archblox.com/MORBLOX.png"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-startup-image" href="https://archblox.com/MORBLOXSplash.png"/>
|
||||
<link rel="icon" type="image/x-icon" href="https://archblox.com/MORBLOX.ico">
|
||||
<link rel="stylesheet" href="https://archblox.com/main.css">
|
||||
<link rel="manifest" href="https://archblox.com/manifest.json">
|
||||
<script type="text/javascript" src="https://archblox.com/index.js"></script>
|
||||
<meta content="Currently under maintenance." property="og:description" />
|
||||
<style>
|
||||
body {
|
||||
background: black !important;
|
||||
}
|
||||
<head>
|
||||
<title>ARCHBLOX - BRB!</title>
|
||||
<meta charset="utf-8">
|
||||
<meta content="ARCHBLOX" property="og:title">
|
||||
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description">
|
||||
<meta content="https://archblox.com" property="og:url" />
|
||||
<meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<link rel="apple-touch-icon" href="https://archblox.com/img/MORBLOX.png" />
|
||||
<link rel="apple-touch-startup-image" href="https://archblox.com/img/MORBLOXsplash.png" />
|
||||
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="https://archblox.com/MORBLOX.ico'">
|
||||
<link href="https://archblox.com/css/app.css" rel="stylesheet">
|
||||
<script src="https://archblox.com/js/darkmode.js"></script>
|
||||
<script>
|
||||
getDarkMode()
|
||||
</script>
|
||||
<script src="https://archblox.com/js/detect.css" defer></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<br>
|
||||
<div id="logo_signup">
|
||||
<a href="https://archblox.com"><img alt="ARCHBLOX Logo" src="https://archblox.com/img/ARCHBLOXarched.png" width="200"
|
||||
height="40" /></a>
|
||||
|
||||
<p id="morbin">We'll be right back.</p>
|
||||
</div>
|
||||
<div class="content_signup">
|
||||
<h1>Oh Noes! ARCHBLOX is currently under maintenance.</h1>
|
||||
<p>ARCHBLOX will be back soon, so please be patient.</p>
|
||||
</div>
|
||||
<div id="footer_signup">
|
||||
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
html {
|
||||
background: black !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="color: #ffffff">Oh Noes! ARCHBLOX is currently under maintenance.</h1>
|
||||
<p style="color: #ffffff">ARCHBLOX will be back soon, so please be patient.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,769 @@
|
|||
@font-face {
|
||||
font-family: 'Source Sans Pro';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: url('SourceSansPro-Normal.ttf');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Source Sans Pro';
|
||||
font-style: italic;
|
||||
font-weight: normal;
|
||||
src: url('SourceSansPro-Italic.ttf');
|
||||
}
|
||||
|
||||
#FeedButton {
|
||||
height: 34px !important;
|
||||
}
|
||||
|
||||
html, .loggedout {
|
||||
background: none;
|
||||
}
|
||||
|
||||
.arkoticon_small {
|
||||
margin: 0px;
|
||||
width: 30px;
|
||||
content: url("/img/ark2018nbd.png");
|
||||
}
|
||||
|
||||
.arkoticon_navbar {
|
||||
margin: 0px;
|
||||
margin-top: -5px;
|
||||
content: url("/img/ark2018.png");
|
||||
margin-right: 3px;
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #E3E3E3;
|
||||
color: #191919;
|
||||
font-family: "Source Sans Pro", Arial, 'Helvetica Neue', sans-serif;
|
||||
font-size: 16px;
|
||||
font-size: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 168px;
|
||||
}
|
||||
|
||||
:focus-visible {
|
||||
outline: 0px;
|
||||
}
|
||||
|
||||
.content_signup,
|
||||
.profilefriend #FeedContainerBox1Username,
|
||||
.content p a,
|
||||
.content a,
|
||||
.content_signup p a,
|
||||
.content_signup a,
|
||||
.content_special p a,
|
||||
.content_special a {
|
||||
color: #191919
|
||||
}
|
||||
|
||||
.content {
|
||||
color: #191919;
|
||||
background-color: #E3E3E3;
|
||||
width: 970px;
|
||||
padding-top: 12px;
|
||||
margin: 40px auto 0;
|
||||
margin-top: 60px;
|
||||
padding-bottom: 40px;
|
||||
min-height: calc(100% - 40px);
|
||||
}
|
||||
|
||||
#SearchContainer,
|
||||
#FriendsContainer,
|
||||
#profilefriendcontainer {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.ProfileContainerBox,
|
||||
.FriendsContainerBox {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.Redesign .smallnavbarbutton {
|
||||
color: #191919;
|
||||
display: flex;
|
||||
margin: 3px;
|
||||
padding: 2px 5px;
|
||||
float: none;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
line-height: 1.92857;
|
||||
height: 28px;
|
||||
}
|
||||
|
||||
.success {
|
||||
background: #02b757;
|
||||
max-width: 970px;
|
||||
}
|
||||
.loading {
|
||||
background: #b8b8b8;
|
||||
max-width: 970px;
|
||||
}
|
||||
.warning {
|
||||
background: #d86868;
|
||||
max-width: 970px;
|
||||
}
|
||||
.alert {
|
||||
-webkit-transition: all .4s ease;
|
||||
-o-transition: all .4s ease;
|
||||
transition: all .4s ease;
|
||||
top: -40px;
|
||||
border-radius: 0;
|
||||
padding: 15px;
|
||||
}
|
||||
.loggedout .alert,
|
||||
.no-navigation .alert {
|
||||
top: -60px;
|
||||
}
|
||||
.loggedout .alert.visible,
|
||||
.no-navigation .alert.visible {
|
||||
top: 0;
|
||||
}
|
||||
.alert.visible {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
/*/ Legacy Alert CSS (For pages that require the old deprecated banner css.) /*/
|
||||
|
||||
#alert,
|
||||
#success {
|
||||
border: 0;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 20px;
|
||||
line-height: 1em;
|
||||
}
|
||||
#alert {
|
||||
background: #D86868;
|
||||
}
|
||||
#success {
|
||||
background: #02b757;
|
||||
}
|
||||
#alert,
|
||||
#success {
|
||||
-webkit-transition: top .4s ease;
|
||||
-o-transition: top .4s ease;
|
||||
transition: top .4s ease;
|
||||
position: fixed;
|
||||
top: 40px;
|
||||
left: 0;
|
||||
margin: 0 auto;
|
||||
width: 100%;
|
||||
max-width: 970px;
|
||||
right: 0;
|
||||
z-index: 1029;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(1):hover,
|
||||
.smallnavbarbutton:nth-child(3):hover,
|
||||
.profilefriend #FeedContainerBox1Username:hover,
|
||||
.smallnavbarbutton:nth-child(4):hover,
|
||||
.smallnavbarbutton:nth-child(5):hover,
|
||||
.smallnavbarbutton:nth-child(6):hover {
|
||||
color: #00a2ff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(1):hover::before {
|
||||
background-position: -28px -224px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(1):before {
|
||||
content: '';
|
||||
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0 -224px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(2):hover {
|
||||
color: #f68802;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(2):hover::before {
|
||||
background-position: -28px -252px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(2):before {
|
||||
content: '';
|
||||
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0 -252px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(3):hover::before {
|
||||
background-position: -28px -336px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(3):before {
|
||||
content: '';
|
||||
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0 -336px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(4):hover::before {
|
||||
background-position: -28px -196px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(4):before {
|
||||
content: '';
|
||||
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0 -196px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(5):hover::before {
|
||||
background-position: -28px -364px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(5):before {
|
||||
content: '';
|
||||
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0px -364px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(6):hover::before {
|
||||
background-position: -28px -475px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:nth-child(6):before {
|
||||
content: '';
|
||||
background-image: url(https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background-position: 0 -475px;
|
||||
}
|
||||
|
||||
.smallnavbarbutton:before {
|
||||
margin-right: 3px;
|
||||
}
|
||||
|
||||
.BannerRedesign {
|
||||
background: #0074bd;
|
||||
border: 0;
|
||||
height: 40px;
|
||||
padding: 0;
|
||||
top: 0;
|
||||
position: fixed;
|
||||
align-items: center;
|
||||
right: 0;
|
||||
left: 0;
|
||||
z-index: 1030;
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer {
|
||||
height: 40px;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mySubmenuFixed.Redesign {
|
||||
top: 0;
|
||||
height: 0;
|
||||
width: 0;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.Redesign .subMenu {
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
-ms-transform: none;
|
||||
position: fixed;
|
||||
background: #fff;
|
||||
box-shadow: 0 0 3px rgb(25 25 25 / 30%);
|
||||
width: 175px;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
height: calc(100% - 40px);
|
||||
font-family: 'Source Sans Pro';
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
top: 40px;
|
||||
z-index: 1001;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.smallnavbarbuttoncontainer {
|
||||
padding: 5px 10px 0;
|
||||
display: block;
|
||||
height: calc(100% - 5px);
|
||||
}
|
||||
|
||||
.FeedContainerBox {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.FeedContainerBoxImageContainer,
|
||||
#ProfileContainerBox1ImageContainer,
|
||||
#FriendsContainerBox1ImageContainer {
|
||||
-webkit-transition: box-shadow 200ms ease;
|
||||
-o-transition: box-shadow 200ms ease;
|
||||
transition: box-shadow 200ms ease;
|
||||
margin: 5px 24px 5px 5px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
|
||||
height: 60px;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.FeedContainerBoxImageContainer:hover,
|
||||
#ProfileContainerBox1ImageContainer:hover,
|
||||
#FriendsContainerBox1ImageContainer:hover,
|
||||
.profilefriend img:hover,
|
||||
.profilefriend:hover img {
|
||||
-webkit-transition: box-shadow 200ms ease;
|
||||
-o-transition: box-shadow 200ms ease;
|
||||
transition: box-shadow 200ms ease;
|
||||
box-shadow: 0 1px 6px 0 rgb(25 25 25 / 75%);
|
||||
}
|
||||
|
||||
.profilefriend #FeedContainerBox1Username {
|
||||
display: block;
|
||||
margin: 3px 0 0;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#gamesframe {
|
||||
padding: 0
|
||||
}
|
||||
|
||||
.profilefriend img {
|
||||
-webkit-transition: box-shadow 200ms ease;
|
||||
-o-transition: box-shadow 200ms ease;
|
||||
transition: box-shadow 200ms ease;
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
border-radius: 50%;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
|
||||
}
|
||||
|
||||
#logo_small,
|
||||
#logo_full,
|
||||
#smallnav_open {
|
||||
max-width: 76px;
|
||||
width: auto;
|
||||
margin: 0 12px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#logo_small img,
|
||||
#smallnav_open img {
|
||||
padding: 5px 0;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#logo_full .btn-logo {
|
||||
padding: 5px 0;
|
||||
max-width: 120px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#smallnav_open {
|
||||
cursor: pointer;
|
||||
background-image: url("https://images.rbxcdn.com/f4000b6d03a0df7153556d2514045629-navigation_10022018.svg");
|
||||
background-position: 0 0px;
|
||||
background-repeat: no-repeat;
|
||||
background-size: auto auto;
|
||||
width: 30px;
|
||||
margin: 0px;
|
||||
margin-top: 6px;
|
||||
margin-left: 10px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn-logo:hover,
|
||||
.smallnavbarbutton:hover,
|
||||
.navbarbuttoncontainer li:hover {
|
||||
background-image: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
#logo_full,
|
||||
#logo_full .btn-logo {
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.navbarbuttoncontainer {
|
||||
display: flex;
|
||||
min-height: 40px;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
align-content: center;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.navbarbuttoncontainer li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
padding-left: 5px;
|
||||
height: 40px
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
|
||||
color: #fff;
|
||||
font-family: "Source Sans Pro", Arial, 'Helvetica Neue', sans-serif;
|
||||
padding: 6px 9px;
|
||||
width: auto;
|
||||
font-size: 16px;
|
||||
line-height: 1.4em;
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 4px auto;
|
||||
top: 0;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer {
|
||||
font-family: "Source Sans Pro", Arial, 'Helvetica Neue', sans-serif;
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer ul li a:hover, .navbarbutton:hover {
|
||||
background-color: #191919;
|
||||
background-color: rgba(25, 25, 25, .1);
|
||||
border-radius: 5px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#FeedBox {
|
||||
border: 1px solid #B8B8B8;
|
||||
color: #191919;
|
||||
font-weight: 300;
|
||||
font-size: 16px;
|
||||
padding: 5px 12px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
#FeedBox:focus {
|
||||
box-shadow: none;
|
||||
border-color: #00A2FF;
|
||||
}
|
||||
|
||||
.content_special, #content_special {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
#feed {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
|
||||
padding: 15px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#feed h2 {
|
||||
text-align: left;
|
||||
font-size: 24px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.invisible_navbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer_signup {
|
||||
/*Remove this for now as i don't know a fix for the broken footer.*/
|
||||
/*Tersis, if you're seeing this, find a way to get the signup footer to work properly*/
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer,
|
||||
#footer_signup {
|
||||
padding: 12px;
|
||||
background-color: #fff;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
#footer p,
|
||||
#footer a:nth-child(2),
|
||||
#footer_signup p,
|
||||
#footer_signup a:nth-child(2) {
|
||||
color: #b8b8b8;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#footer a:nth-child(2):hover,
|
||||
#footer a:nth-child(2):focus,
|
||||
#footer_signup a:nth-child(2):hover,
|
||||
#footer_signup a:nth-child(2):focus {
|
||||
color: #191919;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#footer a:nth-child(1),
|
||||
#footer_signup a:nth-child(1), .content_signup a:hover, .content_signup p a:hover, #footer_signup a:hover, #footer_signup p a:hover, #footer a:hover, #footer p a:hover {
|
||||
color: #00a2ff;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#footer a:nth-child(1):hover,
|
||||
#footer_signup a:nth-child(1):hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#footer p,
|
||||
#footer a {
|
||||
max-width: 970px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
button.bluebutton,
|
||||
.tab_selected {
|
||||
border: 1px solid transparent;
|
||||
background: #00A2FF;
|
||||
border-color: #00A2FF;
|
||||
-webkit-transition: box-shadow 200ms ease-in-out;
|
||||
-o-transition: box-shadow 200ms ease-in-out;
|
||||
transition: box-shadow 200ms ease-in-out;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
button.bluebutton:hover,
|
||||
button.bluebutton:focus,
|
||||
.tab_selected:hover,
|
||||
.tab_selected:focus {
|
||||
background: #32B5FF;
|
||||
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
|
||||
border-color: #32B5FF;
|
||||
color: #fff;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
button.greybutton,
|
||||
.tab {
|
||||
-webkit-transition: box-shadow 200ms ease-in-out;
|
||||
-o-transition: box-shadow 200ms ease-in-out;
|
||||
transition: box-shadow 200ms ease-in-out;
|
||||
border: 1px solid transparent;
|
||||
background: #fff;
|
||||
border-color: #B8B8B8;
|
||||
color: #191919 !important;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
button.greybutton:hover,
|
||||
button.greybutton:focus,
|
||||
.tab:hover,
|
||||
.tab:focus {
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
|
||||
border-color: #B8B8B8;
|
||||
color: #191919;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
button.redbutton {
|
||||
transition: box-shadow 200ms ease-in-out;
|
||||
border: 1px solid transparent;
|
||||
background: #D86868;
|
||||
border-color: #D86868;
|
||||
color: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
button.redbutton:hover,
|
||||
button.redbutton:focus {
|
||||
background: #E27676;
|
||||
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
|
||||
border-color: #E27676;
|
||||
}
|
||||
|
||||
button.greenbutton {
|
||||
-webkit-transition: box-shadow 200ms ease-in-out;
|
||||
-o-transition: box-shadow 200ms ease-in-out;
|
||||
transition: box-shadow 200ms ease-in-out;
|
||||
border: 1px solid transparent;
|
||||
background: #02b757;
|
||||
border-color: #02b757;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
button.greenbutton:hover,
|
||||
button.greenbutton:focus {
|
||||
background: #3FC679;
|
||||
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
|
||||
border-color: #3FC679;
|
||||
}
|
||||
|
||||
div[style="color:white;background-color:green;text-align:center;margin-top:72px"] {
|
||||
background-color: #02b757 !important
|
||||
}
|
||||
|
||||
p[style="color: darkred;"],
|
||||
.important {
|
||||
color: #D86868 !important;
|
||||
}
|
||||
|
||||
.rightgamecontainer {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a,
|
||||
.content a,
|
||||
.content_signup p a {
|
||||
color: #00A2FF
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.content_signup p a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
textarea,
|
||||
input {
|
||||
background-color: #fff;
|
||||
border: 1px solid #b8b8b8;
|
||||
color: #191919;
|
||||
border-radius: 3px
|
||||
}
|
||||
|
||||
textarea:focus,
|
||||
input:focus {
|
||||
border-color: #00A2FF
|
||||
}
|
||||
|
||||
#navbarsignedincontainer a {
|
||||
color: #fff;
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
button:hover a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.onlinestatus_website {
|
||||
color: #00A2FF;
|
||||
}
|
||||
|
||||
.onlinestatus_studio {
|
||||
color: #F68802;
|
||||
}
|
||||
|
||||
.onlinestatus_ingame {
|
||||
color: #02b757;
|
||||
}
|
||||
|
||||
.onlinestatus_offline {
|
||||
color: #b8b8b8;
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer .HeaderDivider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#logo_full {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#logo_small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
@media (min-width: 1688px) {
|
||||
#smallnav_open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mySubmenuFixed {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#logo_full img,
|
||||
#logo_full {
|
||||
max-width: 200px;
|
||||
width: 120px;
|
||||
}
|
||||
|
||||
.content, iframe {
|
||||
padding-left: 180px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#logo_full {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#logo_small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 970px) {
|
||||
.navbarbuttoncontainer a {
|
||||
font-size: 16px;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
.navbar {
|
||||
height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbarbuttoncontainer a {
|
||||
font-size: 10px;
|
||||
line-height: 1.9em;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.navbarbuttoncontainer a {
|
||||
font-size: 8px;
|
||||
line-height: 2.2em;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 560px) {
|
||||
.navbarbuttoncontainer a {
|
||||
font-size: 6px;
|
||||
line-height: 3.5em;
|
||||
top: 0px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,521 @@
|
|||
/*/=={ Written by TersisWilvin (TersisWilvin#0087 | 9T2K#0016) for the New Admin Panel Pages }==/*/
|
||||
/*/=={ Includes => Default theme > Light theme > Dark theme }==/*/
|
||||
|
||||
.EnableNewPanel ::selection {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #fff;
|
||||
}
|
||||
:focus-visible {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.EnableNewPanel .AdminPanel {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a, a:hover, a:focus, a:link, a:visited {
|
||||
color: inherit;
|
||||
font-weight: 300;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin: 0;
|
||||
line-height: 1.2em;
|
||||
}
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
font-weight: 900;
|
||||
}
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
font-weight: 900;
|
||||
}
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
}
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
h5 {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
}
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
body.EnableNewPanel {
|
||||
background: #c3c5c9;
|
||||
color: #3d3c3b;
|
||||
font: 16px Arial,Helvetica,sans-serif;
|
||||
font-weight: 300;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.NewAdminPanel {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
}
|
||||
.Admin-Navigation {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.AdminContainer {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
}
|
||||
.AdminContainer {
|
||||
margin: 130px auto 0 auto;
|
||||
top: 0;
|
||||
position: absolute;
|
||||
}
|
||||
body.Segoe-Font {
|
||||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.Admin-Navigation .Header {
|
||||
background: #a0a0a0;
|
||||
color: #fff;
|
||||
width: 100%;
|
||||
height: 75px;
|
||||
position: relative;
|
||||
z-index: 10000;
|
||||
}
|
||||
.Admin-Navigation .Header .PanelLogo {
|
||||
display: block;
|
||||
margin: auto;
|
||||
padding: 6px;
|
||||
width: 200px;
|
||||
height: 35px;
|
||||
opacity: .8;
|
||||
background-image: url(/img/MORBLOXlogo.png);
|
||||
background-size: 190px 33px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
image-rendering: auto;
|
||||
-webkit-transition: opacity .125s ease-in-out, background-size .125s ease-in-out;
|
||||
-moz-transition: opacity .125s ease-in-out, background-size .125s ease-in-out;
|
||||
-ms-transition: opacity .125s ease-in-out, background-size .125s ease-in-out;
|
||||
-o-transition: opacity .125s ease-in-out, background-size .125s ease-in-out;
|
||||
transition: opacity .125s ease-in-out, background-size .125s ease-in-out;
|
||||
}
|
||||
.Admin-Navigation .Header .PanelLogo:hover {
|
||||
background-size: 200px 35px;
|
||||
opacity: 1;
|
||||
}
|
||||
.Admin-Navigation .Header .PanelLogo:active {
|
||||
background-size: 185px 32px;
|
||||
opacity: .7;
|
||||
}
|
||||
.Admin-Navigation .Header .SubSlogan {
|
||||
text-shadow: 2px 2px 2px #5b5457;
|
||||
color: #3d3c3b;
|
||||
letter-spacing: .2rem;
|
||||
padding: 5px 0;
|
||||
margin: auto;
|
||||
display: block;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
width: fit-content;
|
||||
}
|
||||
.Admin-Navigation .Header .usernamecontainer {
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
-webkit-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
|
||||
-moz-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
|
||||
-ms-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
|
||||
-o-transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
|
||||
transition: top .125s ease-in-out, right .125s ease-in-out, left .125s ease-in-out;
|
||||
}
|
||||
.Admin-Navigation .Header .usernamecontainer:active {
|
||||
top: 11px;
|
||||
right: 8px;
|
||||
}
|
||||
.APURO2 .Admin-Navigation .Header .usernamecontainer {
|
||||
left: 10px;
|
||||
right: auto;
|
||||
}
|
||||
.APURO2 .Admin-Navigation .Header .usernamecontainer:active {
|
||||
Left: 12px;
|
||||
}
|
||||
.usernamecontainer .stext {
|
||||
color: #3d3c3b;
|
||||
text-shadow: 2px 1px 1px #767A73;
|
||||
-webkit-transition: text-shadow .125s ease-in-out;
|
||||
-moz-transition: text-shadow .125s ease-in-out;
|
||||
-ms-transition: text-shadow .125s ease-in-out;
|
||||
-o-transition: text-shadow .125s ease-in-out;
|
||||
transition: text-shadow .125s ease-in-out;
|
||||
display: none;
|
||||
}
|
||||
.usernamecontainer .clickabletext {
|
||||
-webkit-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
|
||||
-moz-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
|
||||
-ms-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
|
||||
-o-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
|
||||
transition: color .125s ease-in-out, box-shadow .125s ease-in-out, text-shadow .125s ease-in-out;
|
||||
display: unset;
|
||||
}
|
||||
.APURO2 .usernamecontainer .stext {
|
||||
display: unset;
|
||||
}
|
||||
.usernamecontainer .clickabletext:hover {
|
||||
color: #efebec;
|
||||
box-shadow: 0 2px 0 0 #efebec;
|
||||
}
|
||||
.usernamecontainer .clickabletext:active, .usernamecontainer:active .stext {
|
||||
text-shadow: 0 0 0 #b7b9ba;
|
||||
box-shadow: 0 0 0 0 transparent;
|
||||
}
|
||||
.Admin-Navigation .SubHeader {
|
||||
background: #a0a0a0;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
position: absolute;
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
box-shadow: 0px 0px 10px 5px #606060;
|
||||
box-shadow: 0px 0px 10px 5px rgba(0 0 0 / 50%);
|
||||
z-index: 9999;
|
||||
}
|
||||
.Admin-Navigation .SubHeader::after {
|
||||
content: '';
|
||||
background-image: url(/img/ABXAdmin-SubHeader.png);
|
||||
opacity: .5;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
display: block;
|
||||
border-bottom-left-radius: 12px;
|
||||
border-bottom-right-radius: 12px;
|
||||
}
|
||||
.Admin-Navigation .sub-menu {
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 33.33%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
z-index: 1;
|
||||
}
|
||||
.Admin-Navigation .menu {
|
||||
font-size: 14px;
|
||||
line-height: 1.7rem;
|
||||
-webkit-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, padding .125s ease-in-out;
|
||||
-moz-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, padding .125s ease-in-out;
|
||||
-ms-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, padding .125s ease-in-out;
|
||||
-o-transition: color .125s ease-in-out, box-shadow .125s ease-in-out, padding .125s ease-in-out;
|
||||
transition: color .125s ease-in-out, box-shadow .125s ease-in-out, padding .125s ease-in-out;
|
||||
}
|
||||
.Admin-Navigation .menu[active] {
|
||||
padding: 0 0 2px 0;
|
||||
box-shadow: 0 2px 0 0 #0f7eda;
|
||||
}
|
||||
.Admin-Navigation .menu:hover {
|
||||
color: #efebec;
|
||||
padding: 0 0 2px 0;
|
||||
box-shadow: 0 2px 0 0 #efebec;
|
||||
}
|
||||
|
||||
.Btn-Demo {
|
||||
width: 32.7%;
|
||||
width: max-content;
|
||||
margin: auto;
|
||||
}
|
||||
.Btn-Demo button {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.AdminContainer .Btn-Demo .H-24sB {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
.no-Nav .AdminContainer {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.no-Header .AdminContainer {
|
||||
margin: 55px auto 0 auto;
|
||||
}
|
||||
.no-Header .Admin-Navigation {
|
||||
height: 25px;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
visibility: hidden !important;
|
||||
}
|
||||
|
||||
[noselect] {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
/*/=={ Status }==/*/
|
||||
|
||||
|
||||
|
||||
/*/=={ Buttons }==/*/
|
||||
|
||||
/*/ Blue /*/
|
||||
|
||||
.sm-btn-blue {
|
||||
background: #0f7eda;
|
||||
border: 1px solid #0f7eda;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
padding: 4px;
|
||||
color: #fff;
|
||||
}
|
||||
.sm-btn-blue:hover, .sm-btn-blue:focus {
|
||||
background: #118ff7;
|
||||
border-color: #118ff7;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sm-btn-blue:active {
|
||||
background: #118ff7;
|
||||
color: #fff;
|
||||
}
|
||||
.md-btn-blue {
|
||||
background: #0f7eda;
|
||||
border: 1px solid #0f7eda;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
padding: 7px;
|
||||
color: #fff;
|
||||
}
|
||||
.md-btn-blue:hover, .md-btn-blue:focus {
|
||||
background: #118ff7;
|
||||
border-color: #118ff7;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-btn-blue:active {
|
||||
background: #118ff7;
|
||||
color: #fff;
|
||||
}
|
||||
.lg-btn-blue {
|
||||
background: #0f7eda;
|
||||
border: 1px solid #0f7eda;
|
||||
border-radius: 6px;
|
||||
font-size: 22px;
|
||||
padding: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.lg-btn-blue:hover, .lg-btn-blue:focus {
|
||||
background: #118ff7;
|
||||
border-color: #118ff7;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.lg-btn-blue:active {
|
||||
background: #118ff7;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sm-btn-blue[disabled], .sm-btn-blue[disabled]:hover, .sm-btn-blue[disabled]:focus, .sm-btn-blue[disabled]:active {
|
||||
background: #0a5898;
|
||||
border-color: #0a5898;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.md-btn-blue[disabled], .md-btn-blue[disabled]:hover, .md-btn-blue[disabled]:focus, .md-btn-blue[disabled]:active {
|
||||
background: #0a5898;
|
||||
border-color: #0a5898;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.lg-btn-blue[disabled], .lg-btn-blue[disabled]:hover, .lg-btn-blue[disabled]:focus, .lg-btn-blue[disabled]:active {
|
||||
background: #0a5898;
|
||||
border-color: #0a5898;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/*/ Green /*/
|
||||
|
||||
.sm-btn-green {
|
||||
background: #0caf63;
|
||||
border: 1px solid #0caf63;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
padding: 4px;
|
||||
color: #fff;
|
||||
}
|
||||
.sm-btn-green:hover, .sm-btn-green:focus {
|
||||
background: #0fda7b;
|
||||
border-color: #0fda7b;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sm-btn-green:active {
|
||||
background: #0fda7b;
|
||||
color: #fff;
|
||||
}
|
||||
.md-btn-green {
|
||||
background: #0caf63;
|
||||
border: 1px solid #0caf63;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
padding: 7px;
|
||||
color: #fff;
|
||||
}
|
||||
.md-btn-green:hover, .md-btn-green:focus {
|
||||
background: #0fda7b;
|
||||
border-color: #0fda7b;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-btn-green:active {
|
||||
background: #0fda7b;
|
||||
color: #fff;
|
||||
}
|
||||
.lg-btn-green {
|
||||
background: #0caf63;
|
||||
border: 1px solid #0caf63;
|
||||
border-radius: 6px;
|
||||
font-size: 22px;
|
||||
padding: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.lg-btn-green:hover, .lg-btn-green:focus {
|
||||
background: #0fda7b;
|
||||
border-color: #0fda7b;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.lg-btn-green:active {
|
||||
background: #0fda7b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sm-btn-green[disabled], .sm-btn-green[disabled]:hover, .sm-btn-green[disabled]:focus, .sm-btn-green[disabled]:active {
|
||||
background: #0a9840;
|
||||
border-color: #0a9840;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.md-btn-green[disabled], .md-btn-green[disabled]:hover, .md-btn-green[disabled]:focus, .md-btn-green[disabled]:active {
|
||||
background: #0a9840;
|
||||
border-color: #0a9840;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.lg-btn-green[disabled], .lg-btn-green[disabled]:hover, .lg-btn-green[disabled]:focus, .lg-btn-green[disabled]:active {
|
||||
background: #0a9840;
|
||||
border-color: #0a9840;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
/*/ Red /*/
|
||||
|
||||
.sm-btn-red {
|
||||
background: #af320c;
|
||||
border: 1px solid #af320c;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
padding: 4px;
|
||||
color: #fff;
|
||||
}
|
||||
.sm-btn-red:hover, .sm-btn-red:focus {
|
||||
background: #da380f;
|
||||
border-color: #da380f;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.sm-btn-red:active {
|
||||
background: #da380f;
|
||||
color: #fff;
|
||||
}
|
||||
.md-btn-red {
|
||||
background: #af320c;
|
||||
border: 1px solid #af320c;
|
||||
border-radius: 4px;
|
||||
font-size: 16px;
|
||||
padding: 7px;
|
||||
color: #fff;
|
||||
}
|
||||
.md-btn-red:hover, .md-btn-red:focus {
|
||||
background: #da380f;
|
||||
border-color: #da380f;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.md-btn-red:active {
|
||||
background: #da380f;
|
||||
color: #fff;
|
||||
}
|
||||
.lg-btn-red {
|
||||
background: #af320c;
|
||||
border: 1px solid #af320c;
|
||||
border-radius: 6px;
|
||||
font-size: 22px;
|
||||
padding: 14px;
|
||||
color: #fff;
|
||||
}
|
||||
.lg-btn-red:hover, .lg-btn-red:focus {
|
||||
background: #da380f;
|
||||
border-color: #da380f;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
}
|
||||
.lg-btn-red:active {
|
||||
background: #da380f;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.sm-btn-red[disabled], .sm-btn-red[disabled]:hover, .sm-btn-red[disabled]:focus, .sm-btn-red[disabled]:active {
|
||||
background: #98320a;
|
||||
border-color: #98320a;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.md-btn-red[disabled], .md-btn-red[disabled]:hover, .md-btn-red[disabled]:focus, .md-btn-red[disabled]:active {
|
||||
background: #98320a;
|
||||
border-color: #98320a;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.lg-btn-red[disabled], .lg-btn-red[disabled]:hover, .lg-btn-red[disabled]:focus, .lg-btn-red[disabled]:active {
|
||||
background: #98320a;
|
||||
border-color: #98320a;
|
||||
box-shadow: none;
|
||||
color: #fff;
|
||||
opacity: .5;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
|
@ -0,0 +1,745 @@
|
|||
/*/ Written by TersisWilvin (TersisWilvin#0087) for the ARCHBLOX Admin Panel Utility Pages.
|
||||
Includes -> Fallback Theme (Color Theme) -> Light Theme -> Dark Theme.
|
||||
/*/
|
||||
|
||||
::selection {
|
||||
background-color: #75757580;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #e3e3e3;
|
||||
min-width: 0px;
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
}
|
||||
body :focus-visible {
|
||||
outline: none !important;
|
||||
}
|
||||
.light-theme {
|
||||
background-color: #ccc;
|
||||
color: #2d312d;
|
||||
}
|
||||
.dark-theme {
|
||||
background-color: #111;
|
||||
color: #ddd;
|
||||
}
|
||||
|
||||
@font-face
|
||||
{
|
||||
font-family: "copenhagen-icons";
|
||||
src: url(copenhagen-icons-268fb7c014de8a06d7d40310b5000daa..woff) format("woff");
|
||||
font-weight: normal;
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
font-weight: 800;
|
||||
}
|
||||
h2 {
|
||||
font-size: 26px;
|
||||
font-weight: 800;
|
||||
}
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
h4 {
|
||||
font-size: 18px;
|
||||
font-weight: 400;
|
||||
}
|
||||
h5 {
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
}
|
||||
h6 {
|
||||
font-size: 12px;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
br {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
a {
|
||||
color: inherit;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.AdminPanel {
|
||||
height: 100%;
|
||||
}
|
||||
#MasterContainer.AdminPanel {
|
||||
background: #e3e3e3;
|
||||
}
|
||||
.light-theme #MasterContainer.AdminPanel {
|
||||
background-color: #ccc;
|
||||
}
|
||||
.dark-theme #MasterContainer.AdminPanel {
|
||||
background-color: #111;
|
||||
}
|
||||
#MasterContainer #BodyWrapper {
|
||||
padding-top: 25px;
|
||||
}
|
||||
#MasterContainer #BodyWrapper {
|
||||
background: #e3e3e3;
|
||||
color: #191919;
|
||||
}
|
||||
.light-theme #MasterContainer #BodyWrapper {
|
||||
background-color: #ccc;
|
||||
color: #2d312d;
|
||||
}
|
||||
.dark-theme #MasterContainer #BodyWrapper {
|
||||
background-color: #111;
|
||||
color: #ddd
|
||||
}
|
||||
#AdminWrapper.Navigation {
|
||||
width: 100%;
|
||||
}
|
||||
.AdminHeader {
|
||||
background: #0074bd;
|
||||
width: 100%;
|
||||
height: 75px;
|
||||
z-index: 2;
|
||||
position: relative;
|
||||
}
|
||||
.light-theme .AdminHeader {
|
||||
background-color: #aaa;
|
||||
}
|
||||
.dark-theme .AdminHeader {
|
||||
background-color: #333;
|
||||
}
|
||||
.AdminSubHeader {
|
||||
background: #0074bd; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(180deg, #0074bd, #004774);
|
||||
box-shadow: 0 2px 8px 0 #000;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
border-bottom-left-radius: 15px;
|
||||
border-bottom-right-radius: 15px;
|
||||
}
|
||||
.light-theme .AdminSubHeader {
|
||||
background: #aaa; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(180deg, #aaa, #555);
|
||||
box-shadow: 0 2px 8px 0 #000;
|
||||
}
|
||||
.dark-theme .AdminSubHeader {
|
||||
background: #333; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(180deg, #333, #191919);
|
||||
box-shadow: 0 2px 8px 0 #000;
|
||||
}
|
||||
.AdminSubHeader ul {
|
||||
padding: 0;
|
||||
margin: auto auto;
|
||||
width: 100%;
|
||||
height: 25px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.AdminSubHeader li {
|
||||
color: #191919;
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
list-style: none;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.light-theme .AdminSubHeader li {
|
||||
color: #000;
|
||||
}
|
||||
.dark-theme .AdminSubHeader li {
|
||||
color: #fff;
|
||||
}
|
||||
.AdminSubHeader li a {
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-weight: 100;
|
||||
cursor: pointer;
|
||||
transition: .1s all linear;
|
||||
}
|
||||
.light-theme .AdminSubHeader li a {
|
||||
color: #222;
|
||||
}
|
||||
.dark-theme .AdminSubHeader li a {
|
||||
color: #bbb;
|
||||
}
|
||||
.AdminSubHeader li a:hover, .AdminSubHeader li a:active {
|
||||
transition: .1s all linear;
|
||||
}
|
||||
.AdminSubHeader li a:hover, .AdminSubHeader li a:active, .light-theme .AdminSubHeader li a:hover, .light-theme .AdminSubHeader li a:active, .dark-theme .AdminSubHeader li a:hover, .dark-theme .AdminSubHeader li a:active {
|
||||
color: #fff;
|
||||
box-shadow: 0 2px 0 0 #fff;
|
||||
}
|
||||
.AdminSubHeader li a.active {
|
||||
box-shadow: 0 2px 0 0 #00b7ff;
|
||||
}
|
||||
.AdminSubHeader li a:focus {
|
||||
color: #dbdbdb;
|
||||
box-shadow: 0 2px 0 0 #dbdbdb;
|
||||
}
|
||||
.AdminSubHeader li a.active:focus {
|
||||
box-shadow: 0 2px 0 0 #11749b;
|
||||
}
|
||||
.AdminPanel .logoutbtn {
|
||||
color: #00b7ff;
|
||||
cursor: default;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 100;
|
||||
position: absolute;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
.AdminPanel .logoutarrow {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
.AdminPanel .logoutarrow:before {
|
||||
font-family: "copenhagen-icons";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1.1em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
transform: rotate(180deg);
|
||||
position: absolute;
|
||||
}
|
||||
.AdminPanel .logoutarrow:before {
|
||||
content: '\2794';
|
||||
}
|
||||
.AdminHeader .Slogan {
|
||||
color: #fff;
|
||||
text-shadow: #00000091 2px 2px;
|
||||
font-size: 16px;
|
||||
font-weight: 100;
|
||||
display: block;
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.light-theme .AdminHeader .Slogan {
|
||||
color: #222;
|
||||
text-shadow: #55555591 2px 2px;
|
||||
}
|
||||
.dark-theme .AdminHeader .Slogan {
|
||||
color: #bbb;
|
||||
text-shadow: #11111191 2px 2px;
|
||||
}
|
||||
.AdminHeader .SiteBrand {
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
padding: 5px;
|
||||
opacity: .9;
|
||||
background-image: url(/img/MORBLOXlogo.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: 0;
|
||||
transition: .1s opacity linear;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
.light-theme .AdminHeader .SiteBrand {
|
||||
opacity: .7;
|
||||
}
|
||||
.dark-theme .AdminHeader .SiteBrand {
|
||||
opacity: .8;
|
||||
}
|
||||
.AdminHeader .SiteBrand:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.AdminPanel #Body {
|
||||
background: #e3e3e3
|
||||
}
|
||||
.light-theme .AdminPanel #Body {
|
||||
background-color: #ccc;
|
||||
}
|
||||
.dark-theme .AdminPanel #Body {
|
||||
background-color: #111;
|
||||
}
|
||||
.AdminPanel .MainHeader, .AdminPanel .SubHeader {
|
||||
text-align: center;
|
||||
cursor: default;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.AdminPanel .Reminder {
|
||||
color: #f68802
|
||||
}
|
||||
.light-theme .AdminPanel .Reminder, .dark-theme .AdminPanel .Reminder {
|
||||
color: #ff7300
|
||||
}
|
||||
.text-error {
|
||||
display: block;
|
||||
text-align: center;
|
||||
color: #d86868;
|
||||
font-weight: 200;
|
||||
padding: 5px;
|
||||
}
|
||||
.light-theme .text-error, .dark-theme .text-error {
|
||||
color: #d6241a;
|
||||
}
|
||||
.text-header {
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
.text-secondary {
|
||||
color: #191919;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
}
|
||||
.light-theme .text-secondary {
|
||||
color: #555;
|
||||
}
|
||||
.dark-theme .text-secondary {
|
||||
color: #bbb;
|
||||
}
|
||||
.AdminPanel .Stats-Wrapper {
|
||||
text-align: center;
|
||||
padding: 4px;
|
||||
}
|
||||
.AdminPanel .StatsContainer {
|
||||
margin: 15px 15px 0 15px;
|
||||
padding: 15px;
|
||||
border: 1px dashed #ff7300;
|
||||
}
|
||||
.AdminPanel .StatsContainer {
|
||||
background-color: #b8b8b8;
|
||||
}
|
||||
.light-theme .AdminPanel .StatsContainer {
|
||||
background-color: #aaa;
|
||||
}
|
||||
.dark-theme .AdminPanel .StatsContainer {
|
||||
background-color: #080808;
|
||||
}
|
||||
.AdminPanel .Userlist {
|
||||
margin: 10px;
|
||||
}
|
||||
.AdminPanel form div {
|
||||
text-align: center;
|
||||
}
|
||||
.SearchCloseBtn {
|
||||
color: #af1400;
|
||||
transition: .1s linear;
|
||||
left: auto;
|
||||
margin-left: -23px;
|
||||
margin-top: 3px;
|
||||
position: absolute;
|
||||
font-size: 16px;
|
||||
}
|
||||
.SearchCloseBtn:hover {
|
||||
color: #d41900;
|
||||
}
|
||||
.AdminPanel #SearchInput {
|
||||
border: 1px solid #b8b8b8;
|
||||
color: #191919;
|
||||
background: #fff;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.light-theme .AdminPanel #SearchInput {
|
||||
border: 1px solid #bbb;
|
||||
color: #1b1b1b;
|
||||
background-color: #fff;
|
||||
}
|
||||
.dark-theme .AdminPanel #SearchInput {
|
||||
border: 1px solid #555;
|
||||
color: #bbb;
|
||||
background-color: #000;
|
||||
}
|
||||
.AdminPanel #SearchInput:focus, .AdminPanel #SearchInput:active {
|
||||
border-color: #0099ff;
|
||||
}
|
||||
#SearchInput, .btn-neutral {
|
||||
margin: 0 5px;
|
||||
}
|
||||
.AdminPanel .Stats {
|
||||
color: #191919;
|
||||
font-size: 16px;
|
||||
font-weight: 100;
|
||||
cursor: default;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.light-theme .AdminPanel .Stats {
|
||||
color: #222;
|
||||
}
|
||||
.dark-theme .AdminPanel .Stats {
|
||||
color: #a7a7a7;
|
||||
}
|
||||
.AdminPanel .Stats.Counter {
|
||||
color: #000;
|
||||
font-weight: 400;
|
||||
}
|
||||
.light-theme .AdminPanel .Stats.Counter {
|
||||
color: #000;
|
||||
}
|
||||
.dark-theme .AdminPanel .Stats.Counter {
|
||||
color: #fff;
|
||||
}
|
||||
.AdminPanel .Stat-Separator {
|
||||
background: #000; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(90deg,#ffffff00 0%, #fff 50%, #ffffff00 100%);
|
||||
width: 50%;
|
||||
height: 1px;
|
||||
display: block;
|
||||
margin: auto;
|
||||
}
|
||||
.light-theme .AdminPanel .Stat-Separator {
|
||||
background: #000; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(90deg,#00000000 0%, #000 50%, #00000000 100%);
|
||||
}
|
||||
.dark-theme .AdminPanel .Stat-Separator {
|
||||
background: #555; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(90deg,#55555500 0%, #555 50%, rgb(85, 85, 85,0) 100%);
|
||||
}
|
||||
.AdminPanel .SearchContainer {
|
||||
background: #b8b8b8;
|
||||
width: 235px;
|
||||
height: auto;
|
||||
border-radius: 5px;
|
||||
margin: 62px 25px 0 0;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: block; /*/Fallback for older browsers/*/
|
||||
display: flex;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.light-theme .AdminPanel .SearchContainer {
|
||||
background-color: #bbb;
|
||||
}
|
||||
.dark-theme .AdminPanel .SearchContainer {
|
||||
background-color: #555;
|
||||
}
|
||||
.SearchContainer .Thumbnail {
|
||||
background-color: #b8b8b8;
|
||||
border: 5px solid #e3e3e3;
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
margin-top: -37px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.light-theme .SearchContainer .Thumbnail {
|
||||
background-color: #bbb;
|
||||
border-color: #ccc;
|
||||
}
|
||||
.dark-theme .SearchContainer .Thumbnail {
|
||||
background-color: #555;
|
||||
border-color: #111;
|
||||
}
|
||||
.SearchBoard {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
}
|
||||
.SearchContainer .UserThumbnail {
|
||||
background-image: url(/img/defaultrender.png);
|
||||
background-size: contain;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.SearchContainer .UserDetails {
|
||||
padding: 5px;
|
||||
}
|
||||
.SearchContainer .SearchBox {
|
||||
width: 100%;
|
||||
}
|
||||
.AuthenticatedUserNameWrapper {
|
||||
top: 10px;
|
||||
right: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 100;
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
color: #fff;
|
||||
cursor: default;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.light-theme .AuthenticatedUserNameWrapper {
|
||||
color: #0D0D0D;
|
||||
}
|
||||
.dark-theme .AuthenticatedUserNameWrapper {
|
||||
color: #fff;
|
||||
}
|
||||
.AuthenticatedUserName, .logoutarrow {
|
||||
color: #00a2ff;
|
||||
transition: .25s all ease-in-out;
|
||||
display: inline-block;
|
||||
}
|
||||
.AuthenticatedUserName {
|
||||
color: #00a2ff;
|
||||
}
|
||||
.light-theme .AuthenticatedUserName, .light-theme .logoutarrow {
|
||||
color: #0387bb;
|
||||
}
|
||||
.dark-theme .AuthenticatedUserName, .dark-theme .logoutarrow {
|
||||
color: #00b7ff;
|
||||
}
|
||||
.AuthenticatedUserName:hover, .logout:hover + .logoutarrow {
|
||||
color: #7ddaff;
|
||||
transition: .25s all ease-in-out;
|
||||
}
|
||||
.UserDetails .Row {
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
.SearchContainer .Thumbnail a {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: block;
|
||||
float: right;
|
||||
top: -12px;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.ingame {
|
||||
display: none; /*TODO*/
|
||||
}
|
||||
.online {
|
||||
background: #0087e0; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(0deg, #0087e0 0%, #005085 49%,#005a85 50%, #0099ff 95%, #fff 100%);
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
margin: -8px;
|
||||
}
|
||||
.offline {
|
||||
background: #a3a3a3; /*/Fallback for older browsers/*/
|
||||
background: linear-gradient(0deg, #a3a3a3 0%, #7a7a7a 49%, #797979 50%, #c9c9c9 95%, #fff 100%);
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
margin: -8px;
|
||||
}
|
||||
.online, .offline, .ingame {
|
||||
border: 2px solid #e3e3e3;
|
||||
}
|
||||
.light-theme .online, .light-theme .offline, .light-theme .ingame {
|
||||
border-color: #ccc;
|
||||
}
|
||||
.dark-theme .online, .dark-theme .offline, .dark-theme .ingame {
|
||||
border-color: #111;
|
||||
}
|
||||
.info-hidden {
|
||||
font-style: italic;
|
||||
}
|
||||
.info-error {
|
||||
color: #ff3300;
|
||||
font-style: italic;
|
||||
cursor: not-allowed;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.info-email {
|
||||
color: #444;
|
||||
}
|
||||
|
||||
/*Heavily based off of the roblox developer tree list (because it looks cool)*/
|
||||
.SearchTree {
|
||||
width: 260px;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
margin: 10px auto 0;
|
||||
min-height: 550px;
|
||||
}
|
||||
.SearchTree .Menu {
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
line-height: 20px;
|
||||
min-height: 550px;
|
||||
}
|
||||
.SearchTree a {
|
||||
color: #191919;
|
||||
transition: .15s all ease-in-out;
|
||||
font-size: 14px;
|
||||
margin: 0 0 0 38px;
|
||||
padding-right: 5px;
|
||||
position: relative;
|
||||
top: 18px;
|
||||
display: inline-block;
|
||||
}
|
||||
.SearchTree a:hover {
|
||||
color: #00a2ff;
|
||||
}
|
||||
.light-theme .SearchTree a {
|
||||
color: #565656;
|
||||
}
|
||||
.dark-theme .SearchTree a {
|
||||
color: #9b9b9b;
|
||||
}
|
||||
.light-theme .SearchTree a:hover {
|
||||
color: #0387bb;
|
||||
}
|
||||
.dark-theme .SearchTree a:hover {
|
||||
color: #00b7ff;
|
||||
}
|
||||
.SearchTree a::after {
|
||||
content: '';
|
||||
border: 1px solid #191919;
|
||||
border-radius: 100%;
|
||||
width: 2px;
|
||||
height: 2px;
|
||||
display: inline-block;
|
||||
left: -10px;
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
}
|
||||
.light-theme .SearchTree a::after {
|
||||
border-color: #222;
|
||||
}
|
||||
.dark-theme .SearchTree a::after {
|
||||
border-color: #555;
|
||||
}
|
||||
.SearchTree a span {
|
||||
display: block;
|
||||
}
|
||||
#BodyWrapper .forwardArrow::before {
|
||||
font-family: "copenhagen-icons";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
#BodyWrapper .forwardArrow::before {
|
||||
content: '\2794';
|
||||
}
|
||||
#BodyWrapper .forwardArrow {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
line-height: 14px;
|
||||
}
|
||||
#BodyWrapper .forwardArrow::after, #BodyWrapper .userInfo::after {
|
||||
display: none;
|
||||
}
|
||||
#BodyWrapper .userInfo {
|
||||
margin: 0;
|
||||
}
|
||||
#BodyWrapper .userInfo::before {
|
||||
font-family: "copenhagen-icons";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1em;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
#BodyWrapper .userInfo::before {
|
||||
content: '\2139';
|
||||
border-radius: 100%;
|
||||
}
|
||||
.TreeList {
|
||||
border-left: 1px dashed #191919;
|
||||
margin: 13px 0 0 30px;
|
||||
padding: 0;
|
||||
}
|
||||
.light-theme .TreeList {
|
||||
border-color: #222;
|
||||
}
|
||||
.dark-theme .TreeList {
|
||||
border-color: #555;
|
||||
}
|
||||
#DropDown.TreeList {
|
||||
min-height: 550px;
|
||||
}
|
||||
.SearchTree li ul li {
|
||||
list-style-type: none;
|
||||
position: relative;
|
||||
top: 3px;
|
||||
bottom: 0;
|
||||
padding-bottom: 16px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.SearchTree li ul li:last-child {
|
||||
padding-bottom: 11px;
|
||||
}
|
||||
.SearchTree li ul li.subList {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.SearchTree li ul li:before {
|
||||
border-top: 1px dashed #191919;
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 25px;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 0em;
|
||||
top: 28px;
|
||||
}
|
||||
.light-theme .SearchTree li ul li:before {
|
||||
border-color: #222;
|
||||
}
|
||||
.dark-theme .SearchTree li ul li:before {
|
||||
border-color: #555;
|
||||
}
|
||||
|
||||
body:not(.EnableNewPanel) .NewAdminPanel {
|
||||
display: none;;
|
||||
}
|
||||
|
||||
@media (max-width:990px) {
|
||||
.AdminPanel #Body, .AdminPanel #BodyWrapper, .AdminPanel #MasterContainer {
|
||||
width: 100% !important;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
.AuthenticatedUserNameWrapper {
|
||||
font-size: 10px;
|
||||
}
|
||||
}
|
||||
@media (max-width:500px) {
|
||||
.AuthenticatedUserNameWrapper {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,32 @@
|
|||
*
|
||||
{
|
||||
font-size: 12px;
|
||||
font-family: 'Comic Sans MS', Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
H1
|
||||
{
|
||||
font-weight: bold;
|
||||
font-size: larger;
|
||||
}
|
||||
|
||||
/*
|
||||
FILE ARCHIVED ON 17:06:51 Feb 02, 2007 AND RETRIEVED FROM THE
|
||||
INTERNET ARCHIVE ON 13:32:02 May 30, 2022.
|
||||
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
|
||||
|
||||
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
|
||||
SECTION 108(a)(3)).
|
||||
*/
|
||||
/*
|
||||
playback timings (ms):
|
||||
captures_list: 543.356
|
||||
exclusion.robots: 0.115
|
||||
exclusion.robots.policy: 0.106
|
||||
cdx.remote: 0.078
|
||||
esindex: 0.011
|
||||
LoadShardBlock: 514.942 (3)
|
||||
PetaboxLoader3.datanode: 196.729 (4)
|
||||
CDXLines.iter: 17.173 (3)
|
||||
PetaboxLoader3.resolve: 383.648 (2)
|
||||
load_resource: 175.393
|
||||
*/
|
||||
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,208 @@
|
|||
#ToolboxContainer
|
||||
{
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#ToolboxControls
|
||||
{
|
||||
text-align: left;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
#ToolboxSelector
|
||||
{
|
||||
margin: 0px 0 5px 0;
|
||||
}
|
||||
|
||||
#ToolboxSearch
|
||||
{
|
||||
margin: 0 0 5px 0;
|
||||
}
|
||||
|
||||
#ToolboxItems
|
||||
{
|
||||
background-color: window;
|
||||
border: solid 1px Black;
|
||||
min-height: 100px;
|
||||
padding: 10px 10px 10px 10px;
|
||||
width: 178px;
|
||||
}
|
||||
|
||||
#Button
|
||||
{
|
||||
background-color: White;
|
||||
border: solid 1px black;
|
||||
cursor: pointer;
|
||||
float: right;
|
||||
height: 16px;
|
||||
margin: 0 0 0 5px;
|
||||
padding: 1px 0 0 0;
|
||||
text-align: center;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
#ToolboxContainer .Navigation
|
||||
{
|
||||
font-size: 8pt;
|
||||
width: 200px;
|
||||
padding: 3px 0 0 0;
|
||||
}
|
||||
|
||||
#ToolboxContainer .Navigation a
|
||||
{
|
||||
color: #0000cc;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#ToolboxContainer .Navigation a:hover
|
||||
{
|
||||
font-weight: bold;
|
||||
letter-spacing: -.5pt;
|
||||
}
|
||||
|
||||
#ToolboxContainer .Navigation #Previous
|
||||
{
|
||||
float: left;
|
||||
width: 60px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#ToolboxContainer .Navigation #Location
|
||||
{
|
||||
float: left;
|
||||
text-align: center;
|
||||
width: 74px;
|
||||
}
|
||||
|
||||
#ToolboxContainer .Navigation #Next
|
||||
{
|
||||
float: right;
|
||||
text-align: right;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.ButtonText
|
||||
{
|
||||
border-width: 1px;
|
||||
font-size: 8pt;
|
||||
color: Black;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.ButtonText:hover
|
||||
{
|
||||
font-weight: bold;
|
||||
letter-spacing: -.1em;
|
||||
}
|
||||
|
||||
.NavigationIndicators
|
||||
{
|
||||
font-size: 6pt;
|
||||
font-weight: bold;
|
||||
letter-spacing: -.1em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.Search
|
||||
{
|
||||
border: solid 1px Black;
|
||||
float: left;
|
||||
font-family: Verdana, Sans-Serif;
|
||||
font-size: 8pt;
|
||||
height: 15px;
|
||||
line-height: 1.3em;
|
||||
padding: 1px 2px 1px 2px;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
.Page
|
||||
{
|
||||
background-color: ButtonFace;
|
||||
font-family: Verdana, Sans-Serif;
|
||||
}
|
||||
|
||||
.Toolboxes
|
||||
{
|
||||
font-family: Verdana, Sans-Serif;
|
||||
font-size: 9pt;
|
||||
font-weight: bold;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.ToolboxItem
|
||||
{
|
||||
border: solid 2px Window;
|
||||
height: 64px;
|
||||
margin: 10px 10px 10px 10px;
|
||||
width: 64px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#ToolboxContainer .SearchError
|
||||
{
|
||||
clear: both;
|
||||
margin: 1px;
|
||||
float: none;
|
||||
padding: 1px;
|
||||
text-align: center;
|
||||
color: Red;
|
||||
font-size: small;
|
||||
}
|
||||
|
||||
#SetTabs
|
||||
{
|
||||
background: #7c7c7c;
|
||||
color: #fff;
|
||||
padding-top: 4px;
|
||||
height: 25px;
|
||||
clear: both;
|
||||
font-family: Arial;
|
||||
font-size:11px;
|
||||
}
|
||||
#SetTabs div
|
||||
{
|
||||
float:left;
|
||||
padding:5px 5px 0px 5px;
|
||||
background: #a3a3a3;
|
||||
cursor: pointer;
|
||||
height:20px;
|
||||
}
|
||||
#SetTabs div.Selected
|
||||
{
|
||||
background: #f0f0f0;
|
||||
color: #000;
|
||||
}
|
||||
#MySets
|
||||
{
|
||||
margin:0px 4px 0px 2px;
|
||||
}
|
||||
#RobloxSets
|
||||
{
|
||||
margin: 0px 2px 0px 5px;
|
||||
}
|
||||
#OtherSets
|
||||
{
|
||||
margin:0px 2px;
|
||||
}
|
||||
|
||||
/*
|
||||
FILE ARCHIVED ON 21:28:21 Feb 03, 2012 AND RETRIEVED FROM THE
|
||||
INTERNET ARCHIVE ON 14:10:38 May 30, 2022.
|
||||
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
|
||||
|
||||
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
|
||||
SECTION 108(a)(3)).
|
||||
*/
|
||||
/*
|
||||
playback timings (ms):
|
||||
captures_list: 125.097
|
||||
exclusion.robots: 0.08
|
||||
exclusion.robots.policy: 0.074
|
||||
RedisCDXSource: 4.383
|
||||
esindex: 0.011
|
||||
LoadShardBlock: 105.867 (3)
|
||||
PetaboxLoader3.datanode: 131.891 (4)
|
||||
CDXLines.iter: 12.573 (3)
|
||||
load_resource: 239.471
|
||||
PetaboxLoader3.resolve: 207.371
|
||||
*/
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,397 @@
|
|||
/******/ (() => { // webpackBootstrap
|
||||
/******/ var __webpack_modules__ = ({
|
||||
|
||||
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./resources/css/app.css":
|
||||
/*!*****************************************************************************************************************************************************************************************!*\
|
||||
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./resources/css/app.css ***!
|
||||
\*****************************************************************************************************************************************************************************************/
|
||||
/***/ (() => {
|
||||
|
||||
throw new Error("Module build failed (from ./node_modules/css-loader/dist/cjs.js):\nError: Can't resolve '../img/animated.png' in 'C:\\wamp64\\www\\morblox-site\\resources\\css'\n at finishWithoutResolve (C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\Resolver.js:309:18)\n at C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\Resolver.js:386:15\n at C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\Resolver.js:435:5\n at eval (eval at create (C:\\wamp64\\www\\morblox-site\\node_modules\\tapable\\lib\\HookCodeFactory.js:33:10), <anonymous>:16:1)\n at C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\Resolver.js:435:5\n at eval (eval at create (C:\\wamp64\\www\\morblox-site\\node_modules\\tapable\\lib\\HookCodeFactory.js:33:10), <anonymous>:27:1)\n at C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\DescriptionFilePlugin.js:87:43\n at C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\Resolver.js:435:5\n at eval (eval at create (C:\\wamp64\\www\\morblox-site\\node_modules\\tapable\\lib\\HookCodeFactory.js:33:10), <anonymous>:15:1)\n at C:\\wamp64\\www\\morblox-site\\node_modules\\enhanced-resolve\\lib\\Resolver.js:435:5");
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
|
||||
/*!****************************************************************************!*\
|
||||
!*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
|
||||
\****************************************************************************/
|
||||
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
|
||||
|
||||
"use strict";
|
||||
|
||||
|
||||
var isOldIE = function isOldIE() {
|
||||
var memo;
|
||||
return function memorize() {
|
||||
if (typeof memo === 'undefined') {
|
||||
// Test for IE <= 9 as proposed by Browserhacks
|
||||
// @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
|
||||
// Tests for existence of standard globals is to allow style-loader
|
||||
// to operate correctly into non-standard environments
|
||||
// @see https://github.com/webpack-contrib/style-loader/issues/177
|
||||
memo = Boolean(window && document && document.all && !window.atob);
|
||||
}
|
||||
|
||||
return memo;
|
||||
};
|
||||
}();
|
||||
|
||||
var getTarget = function getTarget() {
|
||||
var memo = {};
|
||||
return function memorize(target) {
|
||||
if (typeof memo[target] === 'undefined') {
|
||||
var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
|
||||
|
||||
if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
|
||||
try {
|
||||
// This will throw an exception if access to iframe is blocked
|
||||
// due to cross-origin restrictions
|
||||
styleTarget = styleTarget.contentDocument.head;
|
||||
} catch (e) {
|
||||
// istanbul ignore next
|
||||
styleTarget = null;
|
||||
}
|
||||
}
|
||||
|
||||
memo[target] = styleTarget;
|
||||
}
|
||||
|
||||
return memo[target];
|
||||
};
|
||||
}();
|
||||
|
||||
var stylesInDom = [];
|
||||
|
||||
function getIndexByIdentifier(identifier) {
|
||||
var result = -1;
|
||||
|
||||
for (var i = 0; i < stylesInDom.length; i++) {
|
||||
if (stylesInDom[i].identifier === identifier) {
|
||||
result = i;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
function modulesToDom(list, options) {
|
||||
var idCountMap = {};
|
||||
var identifiers = [];
|
||||
|
||||
for (var i = 0; i < list.length; i++) {
|
||||
var item = list[i];
|
||||
var id = options.base ? item[0] + options.base : item[0];
|
||||
var count = idCountMap[id] || 0;
|
||||
var identifier = "".concat(id, " ").concat(count);
|
||||
idCountMap[id] = count + 1;
|
||||
var index = getIndexByIdentifier(identifier);
|
||||
var obj = {
|
||||
css: item[1],
|
||||
media: item[2],
|
||||
sourceMap: item[3]
|
||||
};
|
||||
|
||||
if (index !== -1) {
|
||||
stylesInDom[index].references++;
|
||||
stylesInDom[index].updater(obj);
|
||||
} else {
|
||||
stylesInDom.push({
|
||||
identifier: identifier,
|
||||
updater: addStyle(obj, options),
|
||||
references: 1
|
||||
});
|
||||
}
|
||||
|
||||
identifiers.push(identifier);
|
||||
}
|
||||
|
||||
return identifiers;
|
||||
}
|
||||
|
||||
function insertStyleElement(options) {
|
||||
var style = document.createElement('style');
|
||||
var attributes = options.attributes || {};
|
||||
|
||||
if (typeof attributes.nonce === 'undefined') {
|
||||
var nonce = true ? __webpack_require__.nc : 0;
|
||||
|
||||
if (nonce) {
|
||||
attributes.nonce = nonce;
|
||||
}
|
||||
}
|
||||
|
||||
Object.keys(attributes).forEach(function (key) {
|
||||
style.setAttribute(key, attributes[key]);
|
||||
});
|
||||
|
||||
if (typeof options.insert === 'function') {
|
||||
options.insert(style);
|
||||
} else {
|
||||
var target = getTarget(options.insert || 'head');
|
||||
|
||||
if (!target) {
|
||||
throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
|
||||
}
|
||||
|
||||
target.appendChild(style);
|
||||
}
|
||||
|
||||
return style;
|
||||
}
|
||||
|
||||
function removeStyleElement(style) {
|
||||
// istanbul ignore if
|
||||
if (style.parentNode === null) {
|
||||
return false;
|
||||
}
|
||||
|
||||
style.parentNode.removeChild(style);
|
||||
}
|
||||
/* istanbul ignore next */
|
||||
|
||||
|
||||
var replaceText = function replaceText() {
|
||||
var textStore = [];
|
||||
return function replace(index, replacement) {
|
||||
textStore[index] = replacement;
|
||||
return textStore.filter(Boolean).join('\n');
|
||||
};
|
||||
}();
|
||||
|
||||
function applyToSingletonTag(style, index, remove, obj) {
|
||||
var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
|
||||
|
||||
/* istanbul ignore if */
|
||||
|
||||
if (style.styleSheet) {
|
||||
style.styleSheet.cssText = replaceText(index, css);
|
||||
} else {
|
||||
var cssNode = document.createTextNode(css);
|
||||
var childNodes = style.childNodes;
|
||||
|
||||
if (childNodes[index]) {
|
||||
style.removeChild(childNodes[index]);
|
||||
}
|
||||
|
||||
if (childNodes.length) {
|
||||
style.insertBefore(cssNode, childNodes[index]);
|
||||
} else {
|
||||
style.appendChild(cssNode);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function applyToTag(style, options, obj) {
|
||||
var css = obj.css;
|
||||
var media = obj.media;
|
||||
var sourceMap = obj.sourceMap;
|
||||
|
||||
if (media) {
|
||||
style.setAttribute('media', media);
|
||||
} else {
|
||||
style.removeAttribute('media');
|
||||
}
|
||||
|
||||
if (sourceMap && typeof btoa !== 'undefined') {
|
||||
css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
|
||||
} // For old IE
|
||||
|
||||
/* istanbul ignore if */
|
||||
|
||||
|
||||
if (style.styleSheet) {
|
||||
style.styleSheet.cssText = css;
|
||||
} else {
|
||||
while (style.firstChild) {
|
||||
style.removeChild(style.firstChild);
|
||||
}
|
||||
|
||||
style.appendChild(document.createTextNode(css));
|
||||
}
|
||||
}
|
||||
|
||||
var singleton = null;
|
||||
var singletonCounter = 0;
|
||||
|
||||
function addStyle(obj, options) {
|
||||
var style;
|
||||
var update;
|
||||
var remove;
|
||||
|
||||
if (options.singleton) {
|
||||
var styleIndex = singletonCounter++;
|
||||
style = singleton || (singleton = insertStyleElement(options));
|
||||
update = applyToSingletonTag.bind(null, style, styleIndex, false);
|
||||
remove = applyToSingletonTag.bind(null, style, styleIndex, true);
|
||||
} else {
|
||||
style = insertStyleElement(options);
|
||||
update = applyToTag.bind(null, style, options);
|
||||
|
||||
remove = function remove() {
|
||||
removeStyleElement(style);
|
||||
};
|
||||
}
|
||||
|
||||
update(obj);
|
||||
return function updateStyle(newObj) {
|
||||
if (newObj) {
|
||||
if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
|
||||
return;
|
||||
}
|
||||
|
||||
update(obj = newObj);
|
||||
} else {
|
||||
remove();
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
module.exports = function (list, options) {
|
||||
options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
|
||||
// tags it will allow on a page
|
||||
|
||||
if (!options.singleton && typeof options.singleton !== 'boolean') {
|
||||
options.singleton = isOldIE();
|
||||
}
|
||||
|
||||
list = list || [];
|
||||
var lastIdentifiers = modulesToDom(list, options);
|
||||
return function update(newList) {
|
||||
newList = newList || [];
|
||||
|
||||
if (Object.prototype.toString.call(newList) !== '[object Array]') {
|
||||
return;
|
||||
}
|
||||
|
||||
for (var i = 0; i < lastIdentifiers.length; i++) {
|
||||
var identifier = lastIdentifiers[i];
|
||||
var index = getIndexByIdentifier(identifier);
|
||||
stylesInDom[index].references--;
|
||||
}
|
||||
|
||||
var newLastIdentifiers = modulesToDom(newList, options);
|
||||
|
||||
for (var _i = 0; _i < lastIdentifiers.length; _i++) {
|
||||
var _identifier = lastIdentifiers[_i];
|
||||
|
||||
var _index = getIndexByIdentifier(_identifier);
|
||||
|
||||
if (stylesInDom[_index].references === 0) {
|
||||
stylesInDom[_index].updater();
|
||||
|
||||
stylesInDom.splice(_index, 1);
|
||||
}
|
||||
}
|
||||
|
||||
lastIdentifiers = newLastIdentifiers;
|
||||
};
|
||||
};
|
||||
|
||||
/***/ })
|
||||
|
||||
/******/ });
|
||||
/************************************************************************/
|
||||
/******/ // The module cache
|
||||
/******/ var __webpack_module_cache__ = {};
|
||||
/******/
|
||||
/******/ // The require function
|
||||
/******/ function __webpack_require__(moduleId) {
|
||||
/******/ // Check if module is in cache
|
||||
/******/ var cachedModule = __webpack_module_cache__[moduleId];
|
||||
/******/ if (cachedModule !== undefined) {
|
||||
/******/ return cachedModule.exports;
|
||||
/******/ }
|
||||
/******/ // Create a new module (and put it into the cache)
|
||||
/******/ var module = __webpack_module_cache__[moduleId] = {
|
||||
/******/ // no module.id needed
|
||||
/******/ // no module.loaded needed
|
||||
/******/ exports: {}
|
||||
/******/ };
|
||||
/******/
|
||||
/******/ // Execute the module function
|
||||
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
|
||||
/******/
|
||||
/******/ // Return the exports of the module
|
||||
/******/ return module.exports;
|
||||
/******/ }
|
||||
/******/
|
||||
/************************************************************************/
|
||||
/******/ /* webpack/runtime/compat get default export */
|
||||
/******/ (() => {
|
||||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||||
/******/ __webpack_require__.n = (module) => {
|
||||
/******/ var getter = module && module.__esModule ?
|
||||
/******/ () => (module['default']) :
|
||||
/******/ () => (module);
|
||||
/******/ __webpack_require__.d(getter, { a: getter });
|
||||
/******/ return getter;
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/define property getters */
|
||||
/******/ (() => {
|
||||
/******/ // define getter functions for harmony exports
|
||||
/******/ __webpack_require__.d = (exports, definition) => {
|
||||
/******/ for(var key in definition) {
|
||||
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
|
||||
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
|
||||
/******/ }
|
||||
/******/ }
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/hasOwnProperty shorthand */
|
||||
/******/ (() => {
|
||||
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/make namespace object */
|
||||
/******/ (() => {
|
||||
/******/ // define __esModule on exports
|
||||
/******/ __webpack_require__.r = (exports) => {
|
||||
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
|
||||
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
/******/ }
|
||||
/******/ Object.defineProperty(exports, '__esModule', { value: true });
|
||||
/******/ };
|
||||
/******/ })();
|
||||
/******/
|
||||
/******/ /* webpack/runtime/nonce */
|
||||
/******/ (() => {
|
||||
/******/ __webpack_require__.nc = undefined;
|
||||
/******/ })();
|
||||
/******/
|
||||
/************************************************************************/
|
||||
var __webpack_exports__ = {};
|
||||
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
|
||||
(() => {
|
||||
"use strict";
|
||||
/*!*******************************!*\
|
||||
!*** ./resources/css/app.css ***!
|
||||
\*******************************/
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
||||
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
|
||||
/* harmony export */ });
|
||||
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
|
||||
/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
|
||||
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_2_app_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./app.css */ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].oneOf[1].use[2]!./resources/css/app.css");
|
||||
/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_2_app_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_2_app_css__WEBPACK_IMPORTED_MODULE_1__);
|
||||
|
||||
|
||||
|
||||
var options = {};
|
||||
|
||||
options.insert = "head";
|
||||
options.singleton = false;
|
||||
|
||||
var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_2_app_css__WEBPACK_IMPORTED_MODULE_1___default()), options);
|
||||
|
||||
|
||||
|
||||
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ((_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_1_node_modules_postcss_loader_dist_cjs_js_ruleSet_1_rules_5_oneOf_1_use_2_app_css__WEBPACK_IMPORTED_MODULE_1___default().locals) || {});
|
||||
})();
|
||||
|
||||
/******/ })()
|
||||
;
|
||||
|
|
@ -0,0 +1,201 @@
|
|||
#alert {
|
||||
background: #6a0f0f;
|
||||
background: linear-gradient(#ef3232 10%, #6a0f0f 100%);
|
||||
}
|
||||
|
||||
#success {
|
||||
background: #01582a;
|
||||
background: linear-gradient(#00c953 10%, #01582a 100%);
|
||||
}
|
||||
|
||||
.warningtext {
|
||||
color: #ff6767;
|
||||
}
|
||||
|
||||
|
||||
.popupcontainer {
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background: #2362DE;
|
||||
background: linear-gradient(#3690df 10%, #0d1085 100%);
|
||||
}
|
||||
|
||||
.onlinestatus_website {
|
||||
color: #2260DD;
|
||||
}
|
||||
|
||||
.onlinestatus_studio {
|
||||
color: rgb(185, 135, 20);
|
||||
}
|
||||
|
||||
.onlinestatus_ingame {
|
||||
color: green;
|
||||
}
|
||||
|
||||
.onlinestatus_offline {
|
||||
color: #727272;
|
||||
}
|
||||
|
||||
.FeedContainerBox,
|
||||
.ProfileContainerBox,
|
||||
.FriendsContainerBox {
|
||||
border: 1px solid #787373;
|
||||
}
|
||||
|
||||
.smallnav {
|
||||
color: rgb(255, 255, 255);
|
||||
background: linear-gradient(#303030 10%, #000000 100%);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: rgb(31, 31, 31);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.loggedout body {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.loggedout {
|
||||
background: transparent url(/img/backgrounddark.jpg) no-repeat scroll center top;
|
||||
background-color: #000000;
|
||||
background-size: cover;
|
||||
/*
|
||||
background-image: url('../img/animateddark.png');
|
||||
background-color: rgb(1, 17, 48);
|
||||
*/
|
||||
}
|
||||
|
||||
.content {
|
||||
color: rgb(167, 167, 167);
|
||||
background: rgb(25, 25, 25);
|
||||
}
|
||||
|
||||
.content_signup {
|
||||
color: rgb(167, 167, 167);
|
||||
background: rgb(25, 25, 25);
|
||||
}
|
||||
|
||||
.content p a,
|
||||
.content a,
|
||||
.content_signup p a,
|
||||
.content_signup a,
|
||||
.content_special p a,
|
||||
.content_special a {
|
||||
color: #005587;
|
||||
}
|
||||
|
||||
#footer {
|
||||
background: rgb(31, 31, 31);
|
||||
}
|
||||
|
||||
#footer_signup {
|
||||
background: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
#footer p,
|
||||
#footer a,
|
||||
#footer_signup p,
|
||||
#footer_signup a {
|
||||
color: rgb(167, 167, 167);
|
||||
}
|
||||
|
||||
a,
|
||||
#navbarusername {
|
||||
color: rgb(215, 215, 215);
|
||||
}
|
||||
|
||||
.logoutframe {
|
||||
background: rgb(255, 255, 255);
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
.iphone-sidebar {
|
||||
color: rgb(255, 255, 255);
|
||||
background-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
.iphone-content {
|
||||
color: white;
|
||||
background-color: rgb(0, 0, 0);
|
||||
}
|
||||
|
||||
#InviteTreeContainer {
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
|
||||
textarea,
|
||||
select,
|
||||
input {
|
||||
background-color: rgb(25, 25, 25);
|
||||
color: rgb(200,200,200);
|
||||
}
|
||||
|
||||
.tab_selected {
|
||||
background: #01639c;
|
||||
background: linear-gradient(180deg, #00a2ff 0%, #01639c 100%)
|
||||
}
|
||||
|
||||
.tab {
|
||||
background: #4b4b4b;
|
||||
color: rgb(255, 255, 255) !important;
|
||||
background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
|
||||
}
|
||||
|
||||
button.greybutton {
|
||||
background: rgb(36, 36, 36);
|
||||
color: rgb(255, 255, 255);
|
||||
background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
|
||||
}
|
||||
|
||||
button:hover.greybutton {
|
||||
background: linear-gradient(0deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
|
||||
}
|
||||
|
||||
button.bluebutton {
|
||||
background: #01639c;
|
||||
color: rgb(255, 255, 255);
|
||||
background: linear-gradient(180deg, #00a2ff 0%, #01639c 100%)
|
||||
}
|
||||
|
||||
button:hover.bluebutton {
|
||||
background: linear-gradient(0deg, #00a2ff 0%, #01639c 100%)
|
||||
}
|
||||
|
||||
button.redbutton {
|
||||
background: #e42424;
|
||||
color: rgb(255, 255, 255);
|
||||
background: linear-gradient(180deg, #d86868 0%, #e42424 100%);
|
||||
}
|
||||
|
||||
button:hover.redbutton {
|
||||
background: linear-gradient(0deg, #d86868 0%, #e42424 100%);
|
||||
}
|
||||
|
||||
button.greenbutton {
|
||||
background: #1a5c2e;
|
||||
color: rgb(255, 255, 255);
|
||||
background: linear-gradient(180deg, #02b757 0%, #1a5c2e 100%);
|
||||
}
|
||||
|
||||
button:hover.greenbutton {
|
||||
background: linear-gradient(0deg, #02b757 0%, #1a5c2e 100%);
|
||||
}
|
||||
|
||||
button {
|
||||
color:rgb(0, 0, 0)
|
||||
}
|
||||
|
||||
div.mySubmenuFixed {
|
||||
background: #101010;
|
||||
}
|
||||
.Redesign .subMenu {
|
||||
background: #101010;
|
||||
}
|
||||
|
||||
.popup {
|
||||
color: white;
|
||||
background: black;
|
||||
}
|
||||
|
|
@ -0,0 +1,263 @@
|
|||
|
||||
@keyframes alertanim {
|
||||
0% {
|
||||
top: 0px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position-x: 72px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes animatedbackground {
|
||||
from {
|
||||
background-position-x: 0px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position-x: 2000px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
html, .loggedout {
|
||||
background: url('../img/animated.png');
|
||||
background-color: rgb(49, 107, 223);
|
||||
background-position: center bottom;
|
||||
background-repeat: repeat-x;
|
||||
background-attachment: fixed;
|
||||
animation-name: animatedbackground;
|
||||
animation-duration: 50s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
body {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.success {
|
||||
background: #02b757;
|
||||
background: linear-gradient(#a3e2bd 10%, #02b757 100%);
|
||||
max-width: 100%;
|
||||
}
|
||||
.loading {
|
||||
background: #808080;
|
||||
background: linear-gradient(0deg, #3d3d3d, #808080);
|
||||
max-width: 100%;
|
||||
}
|
||||
.warning {
|
||||
background: #de2323;
|
||||
background: linear-gradient(#f07575 10%, #de2323 100%);
|
||||
max-width: 100%;
|
||||
}
|
||||
.alert {
|
||||
-webkit-transition: all 0s ease;
|
||||
-o-transition: all 0s ease;
|
||||
transition: all 0s ease;
|
||||
height: fit-content;
|
||||
margin: 0px;
|
||||
animation: alertanim;
|
||||
animation-duration: 250ms;
|
||||
animation-iteration-count: 1;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.alert.visible {
|
||||
top: 72px;
|
||||
}
|
||||
|
||||
/*/ Legacy Alert CSS (For pages that require the old deprecated banner css.) /*/
|
||||
|
||||
#alert,
|
||||
#success {
|
||||
height: fit-content;
|
||||
margin: 0px;
|
||||
animation: alertanim;
|
||||
animation-duration: 250ms;
|
||||
animation-iteration-count: 1;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 72px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.content, #footer {
|
||||
max-width: 1000px;
|
||||
width: auto;
|
||||
padding: 5px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
#footer, #footer_signup {
|
||||
background: rgba(172,172,172,0.75);
|
||||
}
|
||||
|
||||
.content_signup {
|
||||
background: rgba(255, 255, 255,0.75);
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 105px;
|
||||
min-height: 550px;
|
||||
background: rgba(255, 255, 255,0.75);
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-top: 105px;
|
||||
}
|
||||
|
||||
#logo_full {
|
||||
display: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#logo_small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer {
|
||||
font-family: "Helvetica Neue";
|
||||
height: 40px;;
|
||||
}
|
||||
|
||||
.BannerCenterContainer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#logo_full, #logo_full .btn-logo {
|
||||
width: 200px;
|
||||
Height: 40px;
|
||||
}
|
||||
|
||||
.btn-logo:hover, .smallnavbarbutton:hover, .navbarbuttoncontainer li:hover {
|
||||
background-image: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.BannerRedesign {
|
||||
height: 40px;
|
||||
margin: 0px;
|
||||
padding-right: 5px;
|
||||
align-content: center;
|
||||
padding-left: 5px;
|
||||
padding-top: 2px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
padding-bottom: 2px;
|
||||
color: white;
|
||||
line-height: normal;
|
||||
z-index: 100;
|
||||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
background: #2362DE;
|
||||
background: linear-gradient(#5082ed 10%, #0a44b7 100%);
|
||||
border: 0;
|
||||
}
|
||||
.Redesign .subMenu {
|
||||
height: 25px;
|
||||
margin: 0px;
|
||||
padding-left: 10px;
|
||||
padding-right: 5px;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 43px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
line-height: normal;
|
||||
color: rgb(255, 255, 255);
|
||||
text-size-adjust: auto;
|
||||
text-align: left;
|
||||
background: #000000;
|
||||
background: linear-gradient(#303030 10%, #000000 100%);
|
||||
}
|
||||
.mySubmenuFixed.Redesign {
|
||||
background: #000000;
|
||||
background: linear-gradient(#303030 10%, #000000 100%);
|
||||
}
|
||||
.navbarbuttoncontainer {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.navbarbuttoncontainer li {
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
}
|
||||
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
|
||||
position: relative;
|
||||
padding-right: 5px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-family: "Helvetica Neue";
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
}
|
||||
.Redesign .smallnavbarbutton {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
padding-right: 5px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
float: none;
|
||||
}
|
||||
.mySubmenuFixed.Redesign {
|
||||
background: none;
|
||||
height: 29px;
|
||||
top: 44px;
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer .HeaderDivider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#footer_signup a, #footer_signup p a, #footer a, #footer p a {
|
||||
transition: none;
|
||||
}
|
||||
|
||||
.content_signup a:hover, .content_signup p a:hover, #footer_signup a:hover, #footer_signup p a:hover, #footer a:hover, #footer p a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#navbarsignedincontainer {
|
||||
display: block;
|
||||
}
|
||||
#navbarsignedincontainer a:nth-child(1)::after {
|
||||
content: ' | ';
|
||||
}
|
||||
|
||||
#footer p, #footer a, #footer_signup p, #footer_signup a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
@media (min-width: 1688px) {
|
||||
#logo_full {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#logo_small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,258 @@
|
|||
|
||||
@keyframes alertanim {
|
||||
0% {
|
||||
top: 0px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position-x: 72px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes animatedbackground {
|
||||
from {
|
||||
background-position-x: 0px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position-x: 2000px;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
html, .loggedout {
|
||||
background: url('../img/animateddark.png');
|
||||
background-color: rgb(1, 17, 48);
|
||||
background-position: center bottom;
|
||||
background-repeat: repeat-x;
|
||||
background-attachment: fixed;
|
||||
animation-name: animatedbackground;
|
||||
animation-duration: 50s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
body {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.content, #footer {
|
||||
max-width: 1000px;
|
||||
width: auto;
|
||||
padding: 5px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.success {
|
||||
background: #02b757;
|
||||
background: linear-gradient(#a3e2bd 10%, #02b757 100%);
|
||||
max-width: 100%;
|
||||
}
|
||||
.loading {
|
||||
background: #808080;
|
||||
background: linear-gradient(0deg, #3d3d3d, #808080);
|
||||
max-width: 100%;
|
||||
}
|
||||
.warning {
|
||||
background: #de2323;
|
||||
background: linear-gradient(#f07575 10%, #de2323 100%);
|
||||
max-width: 100%;
|
||||
}
|
||||
.alert {
|
||||
-webkit-transition: all 0s ease;
|
||||
-o-transition: all 0s ease;
|
||||
transition: all 0s ease;
|
||||
height: fit-content;
|
||||
margin: 0px;
|
||||
animation: alertanim;
|
||||
animation-duration: 250ms;
|
||||
animation-iteration-count: 1;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
border-radius: 0;
|
||||
}
|
||||
.alert.visible {
|
||||
top: 72px;
|
||||
}
|
||||
|
||||
/*/ Legacy Alert CSS (For pages that require the old deprecated banner css.) /*/
|
||||
|
||||
#alert,
|
||||
#success {
|
||||
height: fit-content;
|
||||
margin: 0px;
|
||||
animation: alertanim;
|
||||
animation-duration: 250ms;
|
||||
animation-iteration-count: 1;
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 72px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
padding-right: 5px;
|
||||
padding-left: 5px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#footer, #footer_signup {
|
||||
background: rgba(0,0,0,0.75);
|
||||
}
|
||||
|
||||
.content_signup {
|
||||
background: rgba(25, 25, 25,0.75);
|
||||
}
|
||||
.content, #footer {
|
||||
max-width: 1000px;
|
||||
width: 1000px;
|
||||
margin: auto;
|
||||
}
|
||||
.content {
|
||||
margin-top: 105px;
|
||||
background: rgba(25, 25, 25,0.75);
|
||||
min-height: 550px;
|
||||
}
|
||||
|
||||
#logo_full {
|
||||
display: none;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#logo_small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer {
|
||||
font-family: "Helvetica Neue";
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.BannerCenterContainer {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#logo_full, #logo_full .btn-logo {
|
||||
width: 200px;
|
||||
Height: 40px;
|
||||
}
|
||||
|
||||
.btn-logo:hover, .smallnavbarbutton:hover, .navbarbuttoncontainer li:hover {
|
||||
background-image: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.BannerRedesign {
|
||||
height: 40px;
|
||||
margin: 0px;
|
||||
padding-right: 5px;
|
||||
align-content: center;
|
||||
padding-left: 5px;
|
||||
padding-top: 2px;
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
padding-bottom: 2px;
|
||||
color: white;
|
||||
line-height: normal;
|
||||
z-index: 100;
|
||||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
background: #2362DE;
|
||||
background: linear-gradient(#3690df 10%, #0d1085 100%);
|
||||
border: 0;
|
||||
}
|
||||
.Redesign .subMenu {
|
||||
height: 25px;
|
||||
left: 0;
|
||||
margin: 0px;
|
||||
padding-left: 10px;
|
||||
padding-right: 5px;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
top: 43px;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
display: inline-flex;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
line-height: normal;
|
||||
color: rgb(255, 255, 255);
|
||||
text-size-adjust: auto;
|
||||
text-align: left;
|
||||
background: #000000;
|
||||
background: linear-gradient(#303030 10%, #000000 100%);
|
||||
}
|
||||
.navbarbuttoncontainer {
|
||||
padding-left: 5px;
|
||||
}
|
||||
.navbarbuttoncontainer li {
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 40px;
|
||||
}
|
||||
.navbarbutton {
|
||||
position: relative;
|
||||
padding-right: 5px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-family: "Helvetica Neue";
|
||||
font-weight: bold;
|
||||
}
|
||||
.Redesign .smallnavbarbutton {
|
||||
position: relative;
|
||||
padding: 0;
|
||||
padding-right: 5px;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
line-height: 25px;
|
||||
float: none;
|
||||
}
|
||||
.mySubmenuFixed.Redesign {
|
||||
background: none;
|
||||
height: 29px;
|
||||
top: 44px;
|
||||
}
|
||||
#NavigationRedesignBannerContainer ul li a, .NavigationRedesign ul li a:visited, .navbarbutton {
|
||||
position: relative;
|
||||
padding-right: 5px;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-family: "Helvetica Neue";
|
||||
font-weight: bold;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
#navbarsignedincontainer {
|
||||
display: block;
|
||||
}
|
||||
#navbarsignedincontainer a:nth-child(1)::after {
|
||||
content: ' | ';
|
||||
}
|
||||
|
||||
#NavigationRedesignBannerContainer .HeaderDivider {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content_signup a:hover, .content_signup p a:hover, #footer_signup a:hover, #footer_signup p a:hover, #footer a:hover, #footer p a:hover {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
@media (min-width: 1688px) {
|
||||
#logo_full {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#logo_small {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 171 B |
Binary file not shown.
|
After Width: | Height: | Size: 332 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 283 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 241 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 169 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 962 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 179 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 139 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 569 KiB |
|
|
@ -1,34 +1,40 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us">
|
||||
<head>
|
||||
<title>ARCHBLOX - BRB</title>
|
||||
<meta content="ARCHBLOX" property="og:title"/>
|
||||
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description"/>
|
||||
<meta content="https://archblox.com/" property="og:url"/>
|
||||
<meta content="https://archblox.com/MORBLOXlogo.png" property="og:image"/>
|
||||
<meta content="#4b4b4b" data-react-helmet="true" name="theme-color"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
||||
<link rel="apple-touch-icon" href="https://archblox.com/MORBLOX.png"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="apple-touch-startup-image" href="https://archblox.com/MORBLOXSplash.png"/>
|
||||
<link rel="icon" type="image/x-icon" href="https://archblox.com/MORBLOX.ico">
|
||||
<link rel="stylesheet" href="https://archblox.com/main.css">
|
||||
<link rel="manifest" href="https://archblox.com/manifest.json">
|
||||
<script type="text/javascript" src="https://archblox.com/index.js"></script>
|
||||
<meta content="Currently under maintenance." property="og:description" />
|
||||
<style>
|
||||
body {
|
||||
background: black !important;
|
||||
}
|
||||
<head>
|
||||
<title>ARCHBLOX - BRB!</title>
|
||||
<meta charset="utf-8">
|
||||
<meta content="ARCHBLOX" property="og:title">
|
||||
<meta content="ARCHBLOX is a work in progress 2012 ROBLOX revival with a heavy emphasis on Skeuomorphic UI." property="og:description">
|
||||
<meta content="https://archblox.com" property="og:url" />
|
||||
<meta content="https://archblox.com/img/MORBLOXlogo.png" property="og:image" />
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<link rel="apple-touch-icon" href="{{ asset('img/MORBLOX.png') }}" />
|
||||
<link rel="apple-touch-startup-image" href="{{ asset('img/MORBLOXsplash.png') }}" />
|
||||
<meta name="viewport" content="width=device-width, viewport-fit=cover, initial-scale=1">
|
||||
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}">
|
||||
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
|
||||
<script src="{{ asset('js/darkmode.js?id=' . Str::random(8)) }}"></script>
|
||||
<script>
|
||||
getDarkMode()
|
||||
</script>
|
||||
<script src="{{ asset('js/detect.js') }}" defer></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<br>
|
||||
<div id="logo_signup">
|
||||
<a href="{{ route('index') }}"><img alt="ARCHBLOX Logo" src="{{ asset('img/ARCHBLOXarched.png') }}" width="200"
|
||||
height="40" /></a>
|
||||
|
||||
<p id="morbin">We'll be right back.</p>
|
||||
</div>
|
||||
<div class="content_signup">
|
||||
<h1>Oh Noes! ARCHBLOX is currently under maintenance.</h1>
|
||||
<p>ARCHBLOX will be back soon, so please be patient.</p>
|
||||
</div>
|
||||
<div id="footer_signup">
|
||||
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.</p>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
html {
|
||||
background: black !important;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1 style="color: #ffffff">Oh Noes! ARCHBLOX is currently under maintenance.</h1>
|
||||
<p style="color: #ffffff">ARCHBLOX will be back soon, so please be patient.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
var time = 5;
|
||||
|
||||
function redirect() {
|
||||
window.location.replace("https://archblox.com");
|
||||
}
|
||||
|
||||
function remove(el) {
|
||||
var element = el;
|
||||
element.remove();
|
||||
}
|
||||
|
||||
function countdown() {
|
||||
if (time > 0) {
|
||||
time--;
|
||||
document.getElementById('timeElement').innerHTML = time;
|
||||
console.log(time);
|
||||
}
|
||||
}
|
||||
|
||||
setInterval(countdown, 1000);
|
||||
setTimeout(redirect, 5000);
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,32 @@
|
|||
function getDarkMode() {
|
||||
var currentTime = new Date().getHours();
|
||||
if (6 >= currentTime || currentTime > 18) {
|
||||
var li = document.createElement('link');
|
||||
var href = "{{ asset('css/appdark.css?id='.Str::random(8)) }}";
|
||||
var rel = 'stylesheet';
|
||||
li.setAttribute('href', href);
|
||||
li.setAttribute('rel', rel);
|
||||
var s = document.getElementsByTagName('head')[0];
|
||||
s.appendChild(li, s);
|
||||
|
||||
var li = document.createElement('meta');
|
||||
var content = "#1952A6";
|
||||
var datareacthelmet = 'true';
|
||||
var name = "theme-color"
|
||||
li.setAttribute('content', content);
|
||||
li.setAttribute('data-react-helmet', datareacthelmet);
|
||||
li.setAttribute('name',name)
|
||||
var s = document.getElementsByTagName('head')[0];
|
||||
s.appendChild(li, s);
|
||||
} else {
|
||||
var li = document.createElement('meta');
|
||||
var content = "#1952A6";
|
||||
var datareacthelmet = 'true';
|
||||
var name = "theme-color"
|
||||
li.setAttribute('content', content);
|
||||
li.setAttribute('data-react-helmet', datareacthelmet);
|
||||
li.setAttribute('name',name)
|
||||
var s = document.getElementsByTagName('head')[0];
|
||||
s.appendChild(li, s);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
// warning
|
||||
|
||||
console.log("Stop!");
|
||||
console.log(" ");
|
||||
console.log("Be cautious of what you entering/pasting in here, as it can be an account token stealer, which can get that person access to your account.");
|
||||
console.log("Be safe, and be smart.");
|
||||
console.log(" ");
|
||||
console.log("If you know what you're doing, have fun then!");
|
||||
console.log(" ");
|
||||
|
||||
// Detect if user is on an older domain that isn't recommended.
|
||||
|
||||
function addWarning() {
|
||||
let alertsystemdiv = document.createElement("div");
|
||||
alertsystemdiv.innerHTML = "You are on an unsupported version of the site. Please go to <a href='https://archblox.com'>archblox.com</a> instead.";
|
||||
alertsystemdiv.setAttribute("class","alert warning visible");
|
||||
document.body.appendChild(alertsystemdiv);
|
||||
}
|
||||
|
||||
function addDatabaseBackupRestoreWarning() {
|
||||
let alertsystemdiv = document.createElement("div");
|
||||
alertsystemdiv.innerHTML = "<div class='alert loading visible'>Thanks for playing! We'll be back as soon as I can get a new VPS. (Please don't change settings, message or post anything!)</div>";
|
||||
alertsystemdiv.setAttribute("class","alert-system");
|
||||
document.body.appendChild(alertsystemdiv);
|
||||
}
|
||||
|
||||
if (window.document.location.hostname == "archblox.com" || window.document.location.hostname == "localhost" || window.document.location.hostname == "127.0.0.1" || window.document.location.hostname == "127.0.0.1:8000") {
|
||||
console.log("User is on " + window.document.location.hostname + ". Supported URL.");
|
||||
//addDatabaseBackupRestoreWarning(); -- only when the sever is backing up.
|
||||
} else {
|
||||
console.log("User is on " + window.document.location.hostname + ". Unsupported/legacy URL.");
|
||||
addWarning();
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
// warning
|
||||
console.log("Stop, admin!");
|
||||
console.log(" ");
|
||||
console.log("Be cautious of what you entering/pasting in here, as it can be an account token stealer, which can get that person access to your account and the entire admin panel.");
|
||||
console.log("Be safe, and be smart.");
|
||||
console.log(" ");
|
||||
console.log("If you know what you're doing, go ahead!");
|
||||
console.log(" ");
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
// warning
|
||||
console.log("Stop!");
|
||||
console.log(" ");
|
||||
console.log("Be cautious of what you entering/pasting in here, as it can be an account token stealer, which can get that person access to your account.");
|
||||
console.log("Be safe, and be smart.");
|
||||
console.log(" ");
|
||||
console.log("If you know what you're doing, have fun then!");
|
||||
console.log(" ");
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
function openStudioPopup(placeid) {
|
||||
document.querySelector('.popupcontainer_studio').removeAttribute('id');
|
||||
window.location.href = "archbloxstudio://";
|
||||
}
|
||||
function closeStudioPopup() {
|
||||
document.querySelector('.popupcontainer_studio').setAttribute("id", "invisible");
|
||||
}
|
||||
function openClientPopup(ip,port,placefile,mode) {
|
||||
// launch client
|
||||
document.querySelector('.popupcontainer_client').removeAttribute('id');
|
||||
if (mode == "host") {
|
||||
// user is hosting, use port and place file
|
||||
window.location.href = "archblox://host/" + port + ":" + placefile;
|
||||
} else if (mode == "join") {
|
||||
// user is joining a game, use ip and port
|
||||
window.location.href = "archblox://join/" + port + ":" + ip;
|
||||
} else if (mode == "hostandjoin") {
|
||||
// user is hosting and joining their own game, use everything
|
||||
window.location.href = "archblox://host/" + port + ":" + placefile;
|
||||
setTimeout(function(){
|
||||
window.location.href = "archblox://join/" + port + ":" + ip;
|
||||
},10000);
|
||||
} else {
|
||||
// no information so just use the default
|
||||
window.location.href = "archblox://";
|
||||
}
|
||||
}
|
||||
function closeClientPopup() {
|
||||
document.querySelector('.popupcontainer_client').setAttribute("id", "invisible");
|
||||
}
|
||||
|
|
@ -0,0 +1,99 @@
|
|||
var active = 0;
|
||||
|
||||
function openPopup(id) {
|
||||
document.querySelector('.popupcontainer').removeAttribute('id');
|
||||
|
||||
switch (id) {
|
||||
case 1:
|
||||
active = 1;
|
||||
setActiveSetting(1);
|
||||
document.querySelector('.popup .username_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Username";
|
||||
document.querySelector('.popup .warningtext').innerHTML = "You can only change your username once.";
|
||||
document.querySelector('.popup #desc').innerHTML = "Your new username must be from 3-20 characters long.<br>Spaces, periods, and underscores allowed.";
|
||||
break;
|
||||
case 2:
|
||||
active = 2;
|
||||
setActiveSetting(2);
|
||||
document.querySelector('.popup .email_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Email";
|
||||
document.querySelector('.popup .warningtext').innerHTML = null;
|
||||
document.querySelector('.popup #desc').innerHTML = "Enter your new Email below as well as confirming it.<br>Emails are primarily used to reset passwords.";
|
||||
break;
|
||||
case 3:
|
||||
active = 3;
|
||||
setActiveSetting(3);
|
||||
document.querySelector('.popup .dob_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Date of Birth";
|
||||
document.querySelector('.popup .warningtext').innerHTML = null;
|
||||
document.querySelector('.popup #desc').innerHTML = null;
|
||||
break;
|
||||
case 4:
|
||||
active = 4;
|
||||
setActiveSetting(4);
|
||||
document.querySelector('.popup .password_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Password";
|
||||
document.querySelector('.popup .warningtext').innerHTML = "Your password must follow ARCHBLOX's format.";
|
||||
document.querySelector('.popup #desc').innerHTML = "Firstly, you need to remember your old password.<br><span style=\"text-align:left\">Your new password must include:<br> <ul style=\"margin-inline-start:2.5em\"><li>8 or more characters</li><li>1 capital letter</li><li>1 symbol</li><li>1 number</li></ul></span>";
|
||||
break;
|
||||
case 5:
|
||||
active = 5;
|
||||
setActiveSetting(5);
|
||||
document.querySelector('.popup .date_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Date Preference";
|
||||
document.querySelector('.popup .warningtext').innerHTML = null;
|
||||
document.querySelector('.popup #desc').innerHTML = "Change the way you see dates on the site.<br>Default preference is the Australian format (dd/mm/yyyy)";
|
||||
break;
|
||||
case 6:
|
||||
active = 6;
|
||||
setActiveSetting(6);
|
||||
document.querySelector('.popup .time_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Time Preference";
|
||||
document.querySelector('.popup .warningtext').innerHTML = null;
|
||||
document.querySelector('.popup #desc').innerHTML = "Choose whether 12 hour or 24 hour time is displayed on the site.";
|
||||
break;
|
||||
case 7:
|
||||
active = 7;
|
||||
setActiveSetting(7);
|
||||
document.querySelector('.popup .message_change').removeAttribute('id');
|
||||
document.querySelector('.popup #heading').innerHTML = "Change Message Privacy";
|
||||
document.querySelector('.popup .warningtext').innerHTML = null;
|
||||
document.querySelector('.popup #desc').innerHTML = "Choose who can send you messages on the website.";
|
||||
break;
|
||||
default:
|
||||
console.error('Invalid setting.');
|
||||
}
|
||||
}
|
||||
|
||||
function closePopup() {
|
||||
document.querySelector('.popupcontainer').setAttribute("id", "invisible");
|
||||
switch (active) {
|
||||
case 1:
|
||||
document.querySelector('.popup .username_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
case 2:
|
||||
document.querySelector('.popup .email_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
case 3:
|
||||
document.querySelector('.popup .dob_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
case 4:
|
||||
document.querySelector('.popup .password_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
case 5:
|
||||
document.querySelector('.popup .date_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
case 6:
|
||||
document.querySelector('.popup .time_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
case 7:
|
||||
document.querySelector('.popup .message_change').setAttribute("id", "invisible");
|
||||
break;
|
||||
default:
|
||||
console.error('Invalid setting.');
|
||||
}
|
||||
}
|
||||
|
||||
function setActiveSetting(id) {
|
||||
document.querySelector('.popup #activeSetting').setAttribute("value", id);
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue