css fixes for older browsers
This commit is contained in:
parent
292a526f40
commit
22dde13107
|
|
@ -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 {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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%);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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') }}"
|
||||
|
|
|
|||
|
|
@ -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 }}';"
|
||||
|
|
|
|||
|
|
@ -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 }}';"
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue