ARCHBLOX
/
website
1
0
Fork 0
Code Issues Pull Requests 4 Packages Projects Releases Wiki Activity

css fixes for older browsers

This commit is contained in:
Thomas G 2022-09-03 13:04:28 +10:00
parent 292a526f40
commit 22dde13107
12 changed files with 48 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
public/css/NewAdminCSS.css
View File

@ -180,7 +180,10 @@ h6 {
margin: 10px; margin: 10px;
} }
.NewPanel.AdminPanel form div { .NewPanel.AdminPanel form div {
display: flex; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center; justify-content: center;
} }
.NewPanel .SearchCloseBtn{ .NewPanel .SearchCloseBtn{
@ -239,6 +242,9 @@ h6 {
background-color: #555; background-color: #555;
border-radius: 5px; border-radius: 5px;
margin: 62px 25px 0 0; margin: 62px 25px 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; display: flex;
align-items: center; align-items: center;
align-content: center; align-content: center;
@ -256,7 +262,10 @@ h6 {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: relative; position: relative;
display: flex; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
@ -305,7 +314,10 @@ h6 {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
display: flex; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: row-reverse; flex-direction: row-reverse;
} }
.NewPanel .HomeBtn { .NewPanel .HomeBtn {

18
public/css/app.css
View File

@ -92,11 +92,13 @@
} }
#alert { #alert {
background: #de2323;
background: linear-gradient(#f07575 10%, #de2323 100%); background: linear-gradient(#f07575 10%, #de2323 100%);
color: #fff; color: #fff;
} }
#success { #success {
background: #02b757;
background: linear-gradient(#a3e2bd 10%, #02b757 100%); background: linear-gradient(#a3e2bd 10%, #02b757 100%);
color: #fff; color: #fff;
} }
@ -197,7 +199,10 @@
} }
.PageTitleBar { .PageTitleBar {
display: inline-flex; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%; width: 100%;
align-items: center; align-items: center;
align-content: center; align-content: center;
@ -273,6 +278,7 @@ div.mySubmenuFixed {
div.mySubmenuFixed { div.mySubmenuFixed {
top: 36px; top: 36px;
background: #363636;
background: linear-gradient(#000 10%, #191919 100%); background: linear-gradient(#000 10%, #191919 100%);
height: 25px; height: 25px;
} }
@ -531,9 +537,12 @@ iframe {
.ProfileContainerBox { .ProfileContainerBox {
border-radius: 1px; border-radius: 1px;
text-align: left; text-align: left;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 100%; width: 100%;
vertical-align: top; vertical-align: top;
display: inline-flex;
border: 1px solid #000000; border: 1px solid #000000;
overflow-y: hidden; overflow-y: hidden;
overflow-x: hidden; overflow-x: hidden;
@ -547,7 +556,10 @@ iframe {
width: 100%; width: 100%;
min-width: max-content; min-width: max-content;
vertical-align: top; vertical-align: top;
display: inline-flex; display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border: 1px solid #000000; border: 1px solid #000000;
border-width: 1px; border-width: 1px;
margin-bottom: 5px; margin-bottom: 5px;

8
public/css/appdark.css
View File

@ -1,8 +1,10 @@
#alert { #alert {
background: #6a0f0f;
background: linear-gradient(#ef3232 10%, #6a0f0f 100%); background: linear-gradient(#ef3232 10%, #6a0f0f 100%);
} }
#success { #success {
background: #01582a;
background: linear-gradient(#00c953 10%, #01582a 100%); background: linear-gradient(#00c953 10%, #01582a 100%);
} }
@ -92,12 +94,12 @@ body {
#footer a, #footer a,
#footer_signup p, #footer_signup p,
#footer_signup a { #footer_signup a {
color: rgb(167 167 167); color: rgb(167, 167, 167);
} }
a, a,
#navbarusername { #navbarusername {
color: rgb(215 215 215); color: rgb(215, 215, 215);
} }
.logoutframe { .logoutframe {
@ -127,10 +129,12 @@ input {
} }
.tab_selected { .tab_selected {
background: #01639c;
background: linear-gradient(180deg, #00a2ff 0%, #01639c 100%) background: linear-gradient(180deg, #00a2ff 0%, #01639c 100%)
} }
.tab { .tab {
background: #4b4b4b;
color: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important;
background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%); background: linear-gradient(180deg, #4b4b4b 0%, rgb(36, 36, 36) 100%);
} }

9
resources/views/home.blade.php
View File

@ -18,7 +18,7 @@
<br> <br>
<form action="{{ route('feed_post') }}" method="POST"> <form action="{{ route('feed_post') }}" method="POST">
@csrf @csrf
<p style="display: flex;"> <p style="display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;;">
<input id="FeedBox" type="text" name="status" placeholder="What are you up to?" style="width: 80%;" <input id="FeedBox" type="text" name="status" placeholder="What are you up to?" style="width: 80%;"
value="{{ old('status') }}"> value="{{ old('status') }}">
<button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton" <button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton"
@ -38,7 +38,7 @@
<div class="FeedContainerBox" id="FeedContainerBox1"> <div class="FeedContainerBox" id="FeedContainerBox1">
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer"> <div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
<a href="{{ route('profile', $post->user->id) }}"><img alt="A image of {{ $post->user->name }}" <a href="{{ route('profile', $post->user->id) }}"><img alt="A image of {{ $post->user->name }}"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer"> <div class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
<a alt="{{ $post->user->name }} says" href="{{ route('profile', $post->user->id) }}" <a alt="{{ $post->user->name }} says" href="{{ route('profile', $post->user->id) }}"
@ -76,7 +76,7 @@
<div class="friendslist"> <div class="friendslist">
@if (Auth::user()->getFriendsCount() > 0) @if (Auth::user()->getFriendsCount() > 0)
<div id="profilefriendcontainer" class="content_special" <div id="profilefriendcontainer" class="content_special"
style="flex-wrap: wrap;justify-content: space-evenly;flex-direction: row;display: inline-flex;align-content: center;align-items: center;"> style="flex-wrap: wrap;justify-content: space-evenly;flex-direction: row;align-content: center;align-items: center;">
@foreach ($friends as $friend) @foreach ($friends as $friend)
<div class="profilefriend"> <div class="profilefriend">
<a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image" <a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
@ -95,9 +95,8 @@
<h2>Recently Played Games</h2> <h2>Recently Played Games</h2>
<br> <br>
<div class="gamelist"> <div class="gamelist">
<p>You haven't played any games recently.</p><a href="/incomplete" class="text-link">Play Now</a> <p>You haven't played any games recently.</p><a href="{{ route('games')}}" class="text-link">Play Now</a>
</div> </div>
<br>
</div> </div>
</div> </div>
<br> <br>

2
resources/views/messages/create.blade.php
View File

@ -29,7 +29,7 @@
</p> </p>
<p>Subject: <input type="text" name="subject" placeholder="Subject" value="{{ old('subject') }}"></p> <p>Subject: <input type="text" name="subject" placeholder="Subject" value="{{ old('subject') }}"></p>
<button class="greybutton" type="button" onClick="document.getElementById('message').value = ''" style="margin-top:3px;margin-bottom:3px">Clear Message</button> <button class="greybutton" type="button" onClick="document.getElementById('message').value = ''" style="margin-top:3px;margin-bottom:3px">Clear Message</button>
<textarea style="width: calc(100% - 5px); height: 170px; min-height: 170px; resize: vertical;" <textarea style="width: 99%; width: calc(100% - 5px); height: 170px; min-height: 170px; resize: vertical;"
placeholder="Write your message..." id="message" name="message">{{ old('message') }}</textarea> placeholder="Write your message..." id="message" name="message">{{ old('message') }}</textarea>
<button class="greenbutton" type="submit">Send</button> <button class="greenbutton" type="submit">Send</button>
<button class="redbutton" type="reset"><a href="{{ route('inbox') }}" <button class="redbutton" type="reset"><a href="{{ route('inbox') }}"

2
resources/views/messages/index.blade.php
View File

@ -36,7 +36,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1"> <div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer"> <div id="FriendsContainerBox1ImageContainer">
<a onclick="window.location='/my/messages/{{ $message->id }}';"><img alt="Profile Image" <a onclick="window.location='/my/messages/{{ $message->id }}';"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="FriendsContainerBox1TextContainer"> <div id="FriendsContainerBox1TextContainer">
<a onclick="window.location='/my/messages/{{ $message->id }}';" <a onclick="window.location='/my/messages/{{ $message->id }}';"

2
resources/views/messages/sent.blade.php
View File

@ -29,7 +29,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1"> <div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer"> <div id="FriendsContainerBox1ImageContainer">
<a onclick="window.location='/my/messages/{{ $message->id }}';"><img alt="Profile Image" <a onclick="window.location='/my/messages/{{ $message->id }}';"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="FriendsContainerBox1TextContainer"> <div id="FriendsContainerBox1TextContainer">
<a onclick="window.location='/my/messages/{{ $message->id }}';" <a onclick="window.location='/my/messages/{{ $message->id }}';"

2
resources/views/pages/friends.blade.php
View File

@ -20,7 +20,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1"> <div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer"> <div id="FriendsContainerBox1ImageContainer">
<a href="{{ route('profile', $user->id) }}"><img alt="Profile Image" <a href="{{ route('profile', $user->id) }}"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="FriendsContainerBox1TextContainer"> <div id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a> <a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>

2
resources/views/pages/mutual_friends.blade.php
View File

@ -16,7 +16,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1"> <div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer"> <div id="FriendsContainerBox1ImageContainer">
<a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image" <a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="FriendsContainerBox1TextContainer"> <div id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a> <a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a>

2
resources/views/pages/profile_friends.blade.php
View File

@ -18,7 +18,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1"> <div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer"> <div id="FriendsContainerBox1ImageContainer">
<a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image" <a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="FriendsContainerBox1TextContainer"> <div id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a> <a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a>

2
resources/views/pages/requests.blade.php
View File

@ -15,7 +15,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1"> <div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer"> <div id="FriendsContainerBox1ImageContainer">
<a href="{{ route('profile', $user->id) }}"><img alt="Profile Image" <a href="{{ route('profile', $user->id) }}"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="FriendsContainerBox1TextContainer"> <div id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a> <a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>

2
resources/views/pages/users.blade.php
View File

@ -29,7 +29,7 @@
<div class="ProfileContainerBox" id="ProfileContainerBox1"> <div class="ProfileContainerBox" id="ProfileContainerBox1">
<div id="ProfileContainerBox1ImageContainer"> <div id="ProfileContainerBox1ImageContainer">
<a href="{{ route('profile', $user->id) }}"><img alt="Profile Image" <a href="{{ route('profile', $user->id) }}"><img alt="Profile Image"
src="{{ asset('img/defaultrender.png') }}" width="60px" height="100%"></a> src="{{ asset('img/defaultrender.png') }}" width="60px" height="60px"></a>
</div> </div>
<div id="ProfileContainerBox1TextContainer"> <div id="ProfileContainerBox1TextContainer">
<a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a> <a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>