updated a lot of css stuff and added proper fonts, and splashes

This commit is contained in:
Thomas G 2022-08-15 04:41:31 +10:00
parent 7cf3b05fdd
commit f3e7b003bf
14 changed files with 472 additions and 222 deletions

View File

@ -1,16 +1,34 @@
@keyframes alertanim {
0% {
top: 0px;
animation-timing-function: linear;
top: 0px;
animation-timing-function: linear;
}
100% {
background-position-x: 40px;
animation-timing-function: linear;
background-position-x: 40px;
animation-timing-function: linear;
}
}
html {
@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;
}
@ -18,20 +36,20 @@ html {
margin: 0px;
width: 30px;
content: url("http://archblox.com/img/ark2018nbd.png");
}
.arkoticon_navbar {
}
.arkoticon_navbar {
margin: 0px;
margin-top: -5px;
content: url("http://archblox.com/img/ark2018.png");
margin-right: 3px;
width: 30px;
}
}
body {
background-color: #E3E3E3;
color: #191919;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
font-size: 16px;
font-size: 100%;
width: 100%;
@ -40,29 +58,40 @@ body {
}
:focus-visible {
outline: 0px;
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 {
.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;
background-color: #E3E3E3;
width: 970px;
padding-top: 12px;
margin: 40px auto 0;
padding-bottom: 40px;
padding-top: 12px;
margin: 40px auto 0;
padding-bottom: 40px;
min-height: calc(100% - 40px);
}
#SearchContainer, #FriendsContainer, #profilefriendcontainer {
#SearchContainer,
#FriendsContainer,
#profilefriendcontainer {
background-color: #fff;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
padding: 15px;
}
.ProfileContainerBox, .FriendsContainerBox {
.ProfileContainerBox,
.FriendsContainerBox {
border: 0;
}
@ -73,16 +102,17 @@ body {
padding: 2px 5px;
float: none;
font-size: 16px;
font-weight: 500;
font-weight: 500;
line-height: 1.92857;
height: 28px;
}
#alert, #success {
#alert,
#success {
top: 40px;
animation: alertanim;
animation-duration: 250ms;
animation-iteration-count: 1;
animation-iteration-count: 1;
}
#alert {
@ -93,85 +123,102 @@ body {
background: #02b757;
}
.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,
.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{
.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-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{
.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-size: auto auto;
width: 28px;
height: 28px;
background-position: 0 -252px;
}
.smallnavbarbutton:nth-child(3):hover::before{
.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;
background-size: auto auto;
width: 28px;
height: 28px;
background-position: 0 -336px;
}
.smallnavbarbutton:nth-child(4):hover::before{
.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;
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):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;
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):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;
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;
}
@ -199,12 +246,14 @@ body {
margin: 0;
width: 100%;
}
.mySubmenuFixed.Redesign {
top: 0;
height: 0;
width: 0;
background: #fff;
}
.Redesign .subMenu {
-webkit-transform: translateZ(0);
transform: translateZ(0);
@ -216,6 +265,7 @@ body {
display: block;
visibility: visible;
height: calc(100% - 40px);
font-family: 'Source Sans Pro';
font-size: 16px;
left: 0;
overflow: hidden;
@ -223,6 +273,7 @@ body {
z-index: 1001;
padding: 0;
}
.smallnavbarbuttoncontainer {
padding: 5px 10px 0;
display: block;
@ -233,31 +284,38 @@ body {
border: 0;
}
.FeedContainerBoxImageContainer, #ProfileContainerBox1ImageContainer, #FriendsContainerBox1ImageContainer {
.FeedContainerBoxImageContainer,
#ProfileContainerBox1ImageContainer,
#FriendsContainerBox1ImageContainer {
-webkit-transition: box-shadow 200ms ease;
-o-transition: box-shadow 200ms ease;
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%);
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 {
.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%);
-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;
margin: 3px 0 0;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-overflow: ellipsis;
white-space: nowrap;
}
#gamesframe {
@ -266,31 +324,37 @@ body {
.profilefriend img {
-webkit-transition: box-shadow 200ms ease;
-o-transition: box-shadow 200ms ease;
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%);
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
}
#logo_small, #logo_full, #smallnav_open {
#logo_small,
#logo_full,
#smallnav_open {
max-width: 76px;
width: auto;
margin: 0 12px;
padding: 0;
}
#logo_small img, #smallnav_open img {
#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");
@ -304,7 +368,10 @@ body {
height: 30px;
float: left;
}
.btn-logo:hover, .smallnavbarbutton:hover, .navbarbuttoncontainer li:hover {
.btn-logo:hover,
.smallnavbarbutton:hover,
.navbarbuttoncontainer li:hover {
background-image: none;
background: none;
}
@ -313,66 +380,79 @@ body {
color: #fff;
}
#logo_full, #logo_full .btn-logo {
#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
}
.navbarbutton {
color: #fff;
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
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;
display: block;
float: left;
margin: 4px auto;
top: 0;
}
#NavigationRedesignBannerContainer {
font-family: "Source Sans Pro",Arial,Helvetica,sans-serif;
font-family: "Source Sans Pro", Arial, Helvetica Neue, sans-serif;
}
.navbarbutton:hover {
background-color: #191919;
background-color: rgba(25,25,25,.1);
border-radius: 5px;
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;
color: #191919;
font-weight: 300;
font-size: 16px;
padding: 5px 12px;
border-radius: 3px;
}
#FeedBox:focus {
box-shadow: none;
border-color: #00A2FF;
box-shadow: none;
border-color: #00A2FF;
}
#feed {
background-color: #fff;
box-shadow: 0 1px 4px 0 rgb(25 25 25 / 30%);
padding: 15px;
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;
font-weight: 300;
}
.invisible_navbar {
@ -385,114 +465,158 @@ body {
display: none;
}
#footer, #footer_signup {
padding: 12px;
#footer,
#footer_signup {
padding: 12px;
background-color: #fff;
position: relative;
position: relative;
margin: 0;
bottom: 0;
right: 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) {
#footer p,
#footer a:nth-child(2),
#footer_signup p,
#footer_signup a:nth-child(2) {
color: #b8b8b8;
}
#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 {
#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;
}
#footer a:nth-child(1), #footer_signup a:nth-child(1) {
#footer a:nth-child(1),
#footer_signup a:nth-child(1) {
color: #00a2ff;
}
#footer a:nth-child(1):hover, #footer_signup a:nth-child(1):hover {
#footer a:nth-child(1):hover,
#footer_signup a:nth-child(1):hover {
text-decoration: underline;
}
#footer p, #footer a {
#footer p,
#footer a {
max-width: 970px;
text-align: center;
margin: 0 auto;
text-align: center;
margin: 0 auto;
}
button.bluebutton, .tab_selected {
button.bluebutton,
.tab_selected {
border: 1px solid transparent;
background: #00A2FF;
border-color: #00A2FF;
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;
-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 {
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;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #32B5FF;
color: #fff;
text-decoration: none
}
button.greybutton, .tab {
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;
-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 {
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;
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: 1px solid transparent;
background: #D86868;
border-color: #D86868;
color: #fff;
border-radius: 3px;
}
button.redbutton:hover, button.redbutton:focus {
button.redbutton:hover,
button.redbutton:focus {
background: #E27676;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #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;
-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 {
button.greenbutton:hover,
button.greenbutton:focus {
background: #3FC679;
box-shadow: 0 1px 3px rgb(150 150 150 / 74%);
border-color: #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 {
p[style="color: darkred;"],
.important {
color: #D86868 !important;
}
a, .content a, .content_signup p a {
a,
.content a,
.content_signup p a {
color: #00A2FF
}
a:hover, .content_signup p a:hover {
a:hover,
.content_signup p a:hover {
text-decoration: underline;
}
textarea, input {
textarea,
input {
background-color: #fff;
border: 1px solid #b8b8b8;
color: #191919;
border-radius: 3px
}
textarea:focus, input:focus {
textarea:focus,
input:focus {
border-color: #00A2FF
}
@ -505,68 +629,75 @@ button:hover a {
}
.onlinestatus_website {
color: #00A2FF;
color: #00A2FF;
}
.onlinestatus_studio {
color: #F68802;
color: #F68802;
}
.onlinestatus_ingame {
color: #02b757;
color: #02b757;
}
.onlinestatus_offline {
color: #b8b8b8;
color: #b8b8b8;
}
iframe {
height: calc(100% - 104px);
padding-bottom: 40px
}
#logo_full {
display: none;
}
#logo_small {
}
#logo_small {
display: block;
}
}
@media (min-width: 1688px) {
#smallnav_open {
display: none;
}
.mySubmenuFixed {
display: block;
}
#logo_full img, #logo_full {
#logo_full img,
#logo_full {
max-width: 200px;
width: 120px;
}
.content, iframe {
.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;
@ -574,6 +705,7 @@ iframe {
top: 0px;
}
}
@media (max-width: 560px) {
.navbarbuttoncontainer a {
font-size: 8px;
@ -581,10 +713,11 @@ iframe {
top: 0px;
}
}
@media (max-width: 560px) {
.navbarbuttoncontainer a {
font-size: 6px;
line-height: 3.5em;
top: 0px;
}
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -22,6 +22,20 @@
}
}
@font-face {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: normal;
src: url('HelveticaNeue-Normal.ttf');
}
@font-face {
font-family: 'Helvetica Neue';
font-style: italic;
font-weight: normal;
src: url('HelveticaNeue-Italic.ttf');
}
.catalogitem,
.catalogitemimage {
width: 126px;
@ -88,6 +102,7 @@
.warningtext {
color: red;
}
.helpfultip {
color: orange;
font-weight: 600;
@ -97,7 +112,9 @@
display: inline-block;
float: left;
}
#logo_full, #logo_full .btn-logo {
#logo_full,
#logo_full .btn-logo {
width: 200px;
Height: 35px;
}
@ -107,24 +124,36 @@
display: none;
float: left;
}
#logo_small, #logo_small img {
#logo_small,
#logo_small img {
width: 45px;
height: 35px;
height: 35px;
}
@media (max-width: 970px) {
.navbarbuttoncontainer a, #navbarusername, .arkotcontainer p, #navbarlogincontainer {
.navbarbuttoncontainer a,
#navbarusername,
.arkotcontainer p,
#navbarlogincontainer {
font-size: 11px;
}
.arkoticon_navbar {
width: 11px;
}
}
@media (max-width: 730px) {
.navbarbuttoncontainer a {
position: relative;
}
.navbarbuttoncontainer a, #navbarusername, .arkotcontainer p, #navbarlogincontainer {
.navbarbuttoncontainer a,
#navbarusername,
.arkotcontainer p,
#navbarlogincontainer {
font-size: 9px;
}
}
@ -162,14 +191,16 @@
position: relative;
height: 36px;
z-index: 200;
font-family: Arial,Helvetica,sans-serif;
font-family: Arial, Helvetica Neue, sans-serif;
}
.BannerCenterContainer {
width: 970px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.BannerRedesign {
height: 35px;
background: #114081;
@ -181,37 +212,45 @@
top: 0;
display: inline-flex;
}
.btn-logo:hover, .navbarbuttoncontainer li:hover {
.btn-logo:hover,
.navbarbuttoncontainer li:hover {
background-image: url(/images/RevisedHeader/bg-main_menu_hover.png);
background-size: auto 35px;
}
.smallnavbarbutton:hover {
background-image: url(/images/RevisedHeader/bg-sub_menu_hover.png);
}
div.mySubmenuFixed {
position: fixed;
top: 68px;
width: 100%;
z-index: 10000;
}
div.mySubmenuFixed {
top: 36px;
background: linear-gradient(#000 10%, #191919 100%);
height: 25px;
}
.mySubmenuFixed.Redesign {
position: fixed;
top: 35px;
}
.mySubmenuFixed.Redesign {
position: fixed;
top: 35px;
}
.subMenu {
background: #A3514F;
background-repeat: repeat-x;
color: White;
font-family: Arial,Helvetica,Sans-Serif;
font-family: Arial, Helvetica Neue, Sans-Serif;
font-size: 14px;
height: 26px;
position: relative;
@ -220,6 +259,7 @@ div.mySubmenuFixed {
border-bottom: solid 3px #6E99C9;
z-index: 5;
}
.subMenu {
width: 970px;
height: 30px;
@ -229,6 +269,7 @@ div.mySubmenuFixed {
z-index: 200;
margin: 0 auto;
}
.Redesign .subMenu {
height: 25px;
background: linear-gradient(#000 10%, #191919 100%);
@ -240,6 +281,7 @@ div.mySubmenuFixed {
z-index: 1000;
float: left;
}
.navbarbuttoncontainer li {
float: left;
list-style: none;
@ -271,6 +313,7 @@ div.mySubmenuFixed {
position: relative;
*top: -6px;
}
#HeaderOr {
font-family: Arial;
font-weight: normal;
@ -281,6 +324,7 @@ div.mySubmenuFixed {
position: relative;
margin: 0 6px;
}
#headerLogin {
color: white;
background: url(/images/btn-login_dropdown.png) no-repeat;
@ -290,6 +334,7 @@ div.mySubmenuFixed {
position: relative;
cursor: pointer;
}
#headerLogin:hover {
background-position: 0 -54px;
}
@ -314,7 +359,8 @@ iframe {
padding: 3px;
}
#navbarlogincontainer, #navbarsignedincontainer {
#navbarlogincontainer,
#navbarsignedincontainer {
position: relative;
padding-right: 10px;
margin-right: 0%;
@ -381,14 +427,16 @@ iframe {
width: 200px;
}
#feed, #profileleftcontainer {
#feed,
#profileleftcontainer {
text-align: center;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
#profileleftcontainer, #profilerightcontainer {
#profileleftcontainer,
#profilerightcontainer {
max-width: 450px;
}
@ -435,11 +483,13 @@ iframe {
float: right;
position: relative;
}
#navbarlogincontainer {
margin-top: 5px;
float: right;
position: relative;
}
#NavigationRedesignBannerContainer .RightNav {
margin-top: 9px;
}
@ -449,8 +499,9 @@ iframe {
font-size: 13px;
padding: 0;
text-decoration: none;
font-weight: 800;
outline: none;
font-family: Arial,Helvetica,sans-serif;
font-family: Arial, Helvetica Neue, sans-serif;
}
.smallnavbarbutton {
@ -459,6 +510,7 @@ iframe {
text-align: center;
font-size: 15px;
}
.Redesign .smallnavbarbutton {
font-size: 12px;
padding: 5px;
@ -472,8 +524,7 @@ iframe {
html {
margin: 0px;
font-family: "Helvetica";
src: url('Helvetica.ttf') format('truetype'),;
font-family: "Helvetica Neue";
font-style: normal;
height: 100%;
color: #000;
@ -497,8 +548,8 @@ body {
margin-top: 0px;
min-width: 670px;
margin-bottom: 0px;
padding-bottom: 0px;
height: 100%;
padding-bottom: 0px;
}
.content_special,
@ -518,8 +569,9 @@ body {
.content {
color: black;
min-height: 550px;
min-height: 100%;
padding: 5px 5px 25px 5px;
/* Height of the footer */
margin: 100px auto 0 auto;
width: 970px;
background: rgb(255, 255, 255);
@ -536,15 +588,18 @@ body {
/* Fallback for IE 11*/
background-color: rgb(255, 255, 255);
}
.content_signup .hyperlink{
.content_signup .hyperlink {
display: block;
color: #0074bd;
transition: .25s all ease-in-out;
}
.content_signup .hyperlink:hover {
color: #32cfff;
}
.content_signup h1, .content_signup a, .content_signup p {
.content_signup h1, .content_signup a, .content_signup p, .content_signup h2, .content_signup h5 {
text-align: center;
}
@ -572,12 +627,14 @@ body {
margin-right: 10px;
padding-left: 5px;
padding-right: 5px;
width: calc(100% - 30px);
padding-bottom: 5px;
padding-top: 5px;
background: rgb(172, 172, 172);
/* Fallback for IE 11*/
background-color: rgb(172, 172, 172);
min-height: fit-content;
bottom: 0;
}
/*Button gradients by TersisWilvin*/
@ -590,7 +647,7 @@ body {
height: 20px;
border-radius: 1px;
border: 1px solid #3D414A;
font-family: "Helvetica";
font-family: "Helvetica Neue";
padding-left: 5px;
padding-right: 5px;
color: rgb(0, 0, 0) !important;
@ -604,7 +661,7 @@ body {
height: 20px;
border-radius: 1px;
border: 1px solid #3D414A;
font-family: "Helvetica";
font-family: "Helvetica Neue";
padding-left: 5px;
padding-right: 5px;
color: #fff !important;
@ -619,7 +676,7 @@ button {
height: 20px;
border-radius: 3px;
border: 1px solid #3D414A;
font-family: "Helvetica";
font-family: "Helvetica Neue";
color: #fff;
}

View File

@ -93,7 +93,7 @@ html {
a,
#navbarusername {
color: rgb(200,200,200);
color: rgb(215 215 215);
}
.logoutframe {

View File

@ -15,6 +15,20 @@ html {
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;
}
@ -28,7 +42,7 @@ html {
}
#NavigationRedesignBannerContainer {
font-family: "Helvetica";
font-family: "Helvetica Neue";
height: 40px;;
}
@ -105,7 +119,7 @@ html {
padding-right: 5px;
text-align: center;
font-size: 18px;
font-family: "Helvetica";
font-family: "Helvetica Neue";
font-weight: bold;
}
.Redesign .smallnavbarbutton {

View File

@ -11,12 +11,24 @@ html {
.content, #footer {
max-width: 1000px;
width: 1000px;
margin: auto;
width: 1000px;
}
#footer, #footer_signup {
background: rgba(0,0,0,0.75);
}
.content_signup {
background: rgba(25, 25, 25,0.75);
}
.content {
margin-top: 105px;
background: rgba(25, 25, 25,0.75);
min-height: 550px;
}
#footer {
}
#logo_full {
@ -28,7 +40,7 @@ html {
}
#NavigationRedesignBannerContainer {
font-family: "Helvetica";
font-family: "Helvetica Neue";
height: 40px;
}
@ -105,7 +117,7 @@ html {
padding-right: 5px;
text-align: center;
font-size: 18px;
font-family: "Helvetica";
font-family: "Helvetica Neue";
font-weight: bold;
}
.Redesign .smallnavbarbutton {

View File

@ -168,8 +168,8 @@
}
html {
margin: 0px;
font-family: "Helvetica";
src: url('Helvetica.ttf') format('truetype'),;
font-family: "Helvetica Neue";
src: url('Helvetica Neue.ttf') format('truetype'),;
font-style: normal;
background-color: rgb(49, 107, 223);
color: white;
@ -242,7 +242,7 @@ font-weight: 400;
text-align: center;
border-radius: 3px;
border: 1px solid #3D414A;
font-family: "Helvetica";
font-family: "Helvetica Neue";
color: #fff;
}
button.bluebutton {

View File

@ -1,6 +1,7 @@
@extends('layouts.loggedout')
@section('title')
<title>{{ env('APP_NAME') }} - We're Still Morbin!</title>
<title>{{ env('APP_NAME') }} - It's Archaic!
</title>
@endsection
@section('titlediscord')
<meta content="{{ env('APP_NAME') }}" property="og:title" />

View File

@ -114,7 +114,7 @@
<li><a class="navbarbutton" id="smallbtn2" href="@guest {{ route('login') }}
@else
{{ route('profile', Auth::id()) }} @endguest">Profile</a></li>
<li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a><li>
<li><a class="navbarbutton" id="smallbtn3" href="{{ route('settings') }}">Settings</a></li>
</div>
@guest
<div id="navbarlogincontainer">
@ -174,8 +174,7 @@
users are online</p>
<br>
@endif
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.
We're still Morbin'!</p>
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.</p>
<p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a>
</p>
</div>

View File

@ -1,3 +1,37 @@
@php
$splash = array(
'It\'s Archaic!',
'Think. Build. Create.',
'MORBLOX never existed.',
'You make the game.',
'Memories under the arch.',
'Watch out for Archviles!',
'We\'re still Morbin\'',
'Why yes I play ARCHBLOX, how could you tell?',
'Do not sell us expensive helicopters',
'Get better at archery with ARCHBLOX!!!',
'my bitch got me a walle hat from disney land',
'We are powering laziness',
'If you can\'t beat em, join em',
'We will, we will rock you',
'I\'m a goofy goober',
'I LOVE BEING PURPLE',
'The slogan always changes!',
'Crosswoods is a great game!',
'The oldest anarchy server in minecraft.',
'Good morning U.S.A!',
'I\'ve got a feeling that it\'s gonna be a wonderful day',
'The sun in the sky has a smile on his face',
'And he\'s shining a salute to the American race',
'OOOH ARCHBLOX\'S OH YEAH',
'you know what they say all toasters toast toast',
'omg old roblox!!',
'Thomas was here!',
'C# moment!',
'Laravel moment!'
);
@endphp
<!DOCTYPE html>
<html lang="en-us" class="loggedout">
@ -37,15 +71,16 @@
<link href="{{ asset('css/app.css?id=' . Str::random(8)) }}" rel="stylesheet">
@endswitch
@else
<style>
<style>
body {
display: none;
}
html {
background: black;
}
</style>
<script>
<script>
function getDarkMode() {
var currentTime = new Date().getHours();
if (6 >= currentTime || currentTime > 18) {
@ -89,19 +124,21 @@
<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're Still Morbin'</p>
<p id="morbin">@php echo $splash[rand(0, count($splash) - 1)]; @endphp</p>
</div>
<div class="content_signup">
@yield('contentloggedout')
</div>
<div id="footer_signup">
@if (!Auth::guest() && Auth::user()->isAdmin())
<p><strong>{{ App\Models\User::count() }}</strong> users registered | <strong>{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subMinute()->toDateTimeString())->count(); }}</strong>
users are online</p>
@if (!Auth::guest() && Auth::user()->isAdmin())
<p><strong>{{ App\Models\User::count() }}</strong> users registered |
<strong>{{ App\Models\User::where('last_seen', '>', Carbon\Carbon::now()->subMinute()->toDateTimeString())->count(); }}</strong>
users are online
</p>
<br>
@endif
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.
We're still Morbin'!</p>
<p>ARCHBLOX is not affiliated with Roblox Corp, Lego, Sony, SEGA, Microsoft, Nintendo or any other company.</p>
<p><a href="{{ route('privacy') }}">Privacy Policy</a> <a href="{{ route('tos') }}">Terms of Service</a></p>
</div>
</body>

View File

@ -10,23 +10,22 @@
@endsection
@section('contentloggedout')
<h1>Privacy Policy</h1>
<p>ARCHBLOX is committed to providing a silly ROBLOX revival and this policy outlines our ongoing obligations to you in
<p>ARCHBLOX is committed to providing a ROBLOX revival and this policy outlines our ongoing obligations to you in
respect of how we manage your Personal Information.
We have adopted the Australian Privacy Principles (APPs) contained in the Privacy Act 1988 (Cth) (the Privacy Act).
The NPPs govern the way in which we collect, use, disclose, store, secure and dispose of your Personal Information.
A copy of the Australian Privacy Principles may be obtained from the website of The Office of the Australian
Information Commissioner at www.aoic.gov.au</p>
<h2>Req. Legal Disclaimer</h2>
<p>ARCHBLOX is not associated, partnered or owned with Roblox Corp in any way.</p>
<br>
<p>ARCHBLOX is not associated or partnered with Roblox Corp in any way.</p>
<h2>How we store your passwords</h2>
<p>As with every other site that uses passwords, we need a way to secure them, so no bad actors can read them. We use
bcrypt to store your passwords securely.</p>
bcrypt to store your passwords securely. In the event of a database breach, please change your password and email, to be safe.</p>
<h2>What is Personal Information and why do we collect it?</h2>
<p>Personal Information is information that identifies an individual. The Personal Information we collect include your
username, age and email address.
We also store your Places, Decals, T-Shirts, Shirts, Pants, Audios, Settings, Friends and ARKOTs until you delete it
yourself, or we moderate it (see our Terms of Service).
This Personal Information is obtained from our website archblox.com. <a style="color: blue;"
We also store your Places, Decals, T-Shirts, Shirts, Pants, Audios, Settings, Friends, ARCHBLOX Badges, Badges and ARKOTs until you delete it
yourself, or we moderate it (see our Terms of Service). <a style="color: blue;"
href="https://media.discordapp.net/attachments/987687460974788669/991175756602409041/unknown.png?width=1440&height=345">We
do not store your IP Address.</a>
We collect your Personal Information for the primary purpose of using the services. We may also use your Personal
@ -35,27 +34,25 @@
When we collect Personal Information, we will, where appropriate and where possible, explain to you why we are
collecting the information and how we plan to use it.</p>
<h2>What happens when your account gets terminated?</h2>
<p>Within 3 months of being terminated, your account will be forever deleted. This includes all your stored data, and
personal information. YOU CAN APPEAL YOUR TERMINATION.</p>
<p>Within 3 months of being terminated, your account will be fully deleted. This includes all your stored data, and
personal information.</p>
<h2>What happens if your account is inactive for a long time?</h2>
<p>After 1 year of inactivity, your account goes into a "disabled" state, where you can only change your Personal
Information. You can either ask for it to be re-enabled or deleted. If it is inactive for another year after being
disabled, it will be terminated, and then will lose all the stored data after the 3-month period of being
terminated.</p>
<p>After 1 year of inactivity, your account goes into a "disabled" state, where you can only modify/delete your Personal
Information (Settings, Assets). You can either ask for it to be re-enabled or deleted. If it is inactive for another year after being
disabled, it will be terminated. (See "What happens when your account gets terminated!" for more info)</p>
<h2>How do I delete my account?</h2>
<p>Ask one of the developers, or press the "Delete Account" button on the Settings page.</p>
<h2>Disclosure of Personal Information</h2>
<p>Your Personal Information will only be disclosed when required by law and when you request for it. (See
Access/Deletion of your Personal Information for more information.)</p>
<h2>Security of Personal Information</h2>
<p>Your Personal Information is stored in a manner that reasonably protects it from misuse and loss and from
unauthorized access, modification or disclosure.</p>
<p>Your Personal Information is stored on our webserver. We've stored it in a manner that reasonably protects it from misuse and loss and from unauthorized access, modification or disclosure. If you would like to see what it looks like, click <a style="color: blue;"href="https://media.discordapp.net/attachments/987687460974788669/991175756602409041/unknown.png?width=1440&height=345">here</a>.</p>
<h2>Access/Deletion of your Personal Information</h2>
<p>You may access, delete and update and/or correct the Personal Information we hold (that is yours). If you wish to
access your Personal Information, please open the Settings/Build page, or contact us on our server.
In order to protect your Personal Information, we may require identification from you before releasing the requested
information.</p>
access your Personal Information, please open the Settings/Develop page, or contact us on our server if you wish to delete your account fully.</p>
<h2>Policy Updates</h2>
<p>This Policy can change from time to time and is available on our website. You will be notified of this change.</p>
<p>This Policy can change from time to time. You will be notified of any change.</p>
<h2>Privacy Policy Complaints and Enquiries</h2>
<p>If you have any queries or complaints about our Privacy Policy, please contact us on our Discord.</p>
<p>If you have any queries or complaints about our Privacy Policy, please contact us on our Discord, or contact us using the Messages system.</p>
<br>
@endsection