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

View File

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

View File

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

View File

@ -1,8 +1,10 @@
#alert {
background: #6a0f0f;
background: linear-gradient(#ef3232 10%, #6a0f0f 100%);
}
#success {
background: #01582a;
background: linear-gradient(#00c953 10%, #01582a 100%);
}
@ -92,12 +94,12 @@ body {
#footer a,
#footer_signup p,
#footer_signup a {
color: rgb(167 167 167);
color: rgb(167, 167, 167);
}
a,
#navbarusername {
color: rgb(215 215 215);
color: rgb(215, 215, 215);
}
.logoutframe {
@ -127,10 +129,12 @@ input {
}
.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%);
}

View File

@ -18,7 +18,7 @@
<br>
<form action="{{ route('feed_post') }}" method="POST">
@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%;"
value="{{ old('status') }}">
<button style="width: 20%;height: 28px;margin-left: 10px;" class="greybutton" id="FeedButton"
@ -38,7 +38,7 @@
<div class="FeedContainerBox" id="FeedContainerBox1">
<div class="FeedContainerBoxImageContainer" id="FeedContainerBox1ImageContainer">
<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 class="FeedContainerBoxTextContainer" id="FeedContainerBox1TextContainer">
<a alt="{{ $post->user->name }} says" href="{{ route('profile', $post->user->id) }}"
@ -76,7 +76,7 @@
<div class="friendslist">
@if (Auth::user()->getFriendsCount() > 0)
<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)
<div class="profilefriend">
<a href="{{ route('profile', $friend->id) }}"><img alt="Profile Image"
@ -95,9 +95,8 @@
<h2>Recently Played Games</h2>
<br>
<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>
<br>
</div>
</div>
<br>

View File

@ -29,7 +29,7 @@
</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>
<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>
<button class="greenbutton" type="submit">Send</button>
<button class="redbutton" type="reset"><a href="{{ route('inbox') }}"

View File

@ -36,7 +36,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer">
<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 id="FriendsContainerBox1TextContainer">
<a onclick="window.location='/my/messages/{{ $message->id }}';"

View File

@ -29,7 +29,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer">
<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 id="FriendsContainerBox1TextContainer">
<a onclick="window.location='/my/messages/{{ $message->id }}';"

View File

@ -20,7 +20,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer">
<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 id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>

View File

@ -16,7 +16,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer">
<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 id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a>

View File

@ -18,7 +18,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer">
<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 id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $friend->id) }}" id="FeedContainerBox1Username">{{ $friend->name }}</a>

View File

@ -15,7 +15,7 @@
<div class="FriendsContainerBox" id="FriendsContainerBox1">
<div id="FriendsContainerBox1ImageContainer">
<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 id="FriendsContainerBox1TextContainer">
<a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>

View File

@ -29,7 +29,7 @@
<div class="ProfileContainerBox" id="ProfileContainerBox1">
<div id="ProfileContainerBox1ImageContainer">
<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 id="ProfileContainerBox1TextContainer">
<a href="{{ route('profile', $user->id) }}" id="FeedContainerBox1Username">{{ $user->name }}</a>