mirror of
https://github.com/ClaytonWWilson/FightHub.git
synced 2025-12-15 15:18:46 +00:00
Fix upload styles
This commit is contained in:
Ubuntu
parent
02f98647a8
commit
64dbe40470
495
main.css
495
main.css
@ -1,244 +1,251 @@
|
|||||||
body {
|
body {
|
||||||
background-color: #1E1E1E;
|
background-color: #1E1E1E;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Styles for titlebar */
|
/* Styles for titlebar */
|
||||||
|
|
||||||
|
|
||||||
form.search {
|
form.search {
|
||||||
/* border: white solid 1px; */
|
/* border: white solid 1px; */
|
||||||
height: 150px;
|
height: 150px;
|
||||||
margin-top: -10px !important;
|
margin-top: -10px !important;
|
||||||
width: 99% !important;
|
width: 99% !important;
|
||||||
border-bottom: #727272 solid 2px;
|
border-bottom: #727272 solid 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-text {
|
.title-text {
|
||||||
float: left;
|
float: left;
|
||||||
margin-top: 26px;
|
margin-top: 26px;
|
||||||
padding-right: 20px;
|
padding-right: 20px;
|
||||||
color: #FF3D53;
|
color: #FF3D53;
|
||||||
font-family: "Calibri";
|
font-family: "Calibri";
|
||||||
font-size: 50pt;
|
font-size: 50pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
margin-top: 45px;
|
margin-top: 45px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit {
|
.submit {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img.upload {
|
img.upload {
|
||||||
width: 150px;
|
width: 150px;
|
||||||
/* margin-bottom: -17px; */
|
/* margin-bottom: -17px; */
|
||||||
margin-top: 45px;
|
margin-top: 45px;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Styles for upload.php */
|
/* Styles for upload.php */
|
||||||
|
|
||||||
form.upload-form {
|
form.upload-form {
|
||||||
/* border: white solid 1px; */
|
/* border: white solid 1px; */
|
||||||
border-left: #727272 solid 2px;
|
border-left: #727272 solid 2px;
|
||||||
border-right: #727272 solid 2px;
|
border-right: #727272 solid 2px;
|
||||||
margin: 0 25% 0 25%;
|
margin: 0 25% 0 25%;
|
||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
margin-bottom: 60px;
|
margin-bottom: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload-form input, .upload-form textarea, .upload-form select {
|
.upload-form input, .upload-form textarea, .upload-form select {
|
||||||
display: block;
|
display: block;
|
||||||
margin-left: 20px;
|
margin-left: 20px;
|
||||||
/* margin-bottom: 30px; */
|
/* margin-bottom: 30px; */
|
||||||
/* border: white solid 1px; */
|
/* border: white solid 1px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload-form h3 {
|
.upload-form h3 {
|
||||||
color: #FF3D53;
|
color: #FF3D53;
|
||||||
/* border: white solid 1px; */
|
/* border: white solid 1px; */
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
margin-left: 20px;
|
margin-left: 2%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3.url {
|
h3.url {
|
||||||
/* padding-top: 40px; */
|
/* padding-top: 40px; */
|
||||||
/* border: white solid 1px; */
|
/* border: white solid 1px; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.url {
|
.url {
|
||||||
margin: auto !important;
|
/* margin: auto !important; */
|
||||||
width: 60%;
|
width: 93%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3.title {
|
h3.title {
|
||||||
padding-top: 40px;
|
padding-top: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin: auto !important;
|
/* margin: auto !important; */
|
||||||
width: 60%;
|
width: 93%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-date {
|
.user-date {
|
||||||
width: 60%;
|
width: 93%;
|
||||||
margin: auto;
|
margin-left: 3%;
|
||||||
}
|
/* margin: auto; */
|
||||||
|
}
|
||||||
.username {
|
|
||||||
padding-top: 20px;
|
.username {
|
||||||
margin-left: -20px;
|
/* margin-left: 20px; */
|
||||||
}
|
padding-top: 20px;
|
||||||
|
margin-left: -20px;
|
||||||
.video-date {
|
}
|
||||||
float: right;
|
|
||||||
margin-top: -62px;
|
.video-date {
|
||||||
}
|
float: right;
|
||||||
|
margin-top: -62px;
|
||||||
.description {
|
}
|
||||||
width: 60%;
|
|
||||||
margin: auto !important;
|
.description {
|
||||||
resize: none;
|
width: 93%;
|
||||||
}
|
/* margin: auto !important; */
|
||||||
|
resize: none;
|
||||||
h3.description {
|
}
|
||||||
padding-top: 40px;
|
|
||||||
}
|
h3.description {
|
||||||
|
padding-top: 40px;
|
||||||
.characters {
|
}
|
||||||
width: 60%;
|
|
||||||
margin: auto !important;
|
.characters {
|
||||||
}
|
width: 93%;
|
||||||
|
/* margin: auto !important; */
|
||||||
h3.characters {
|
}
|
||||||
padding-top: 40px;
|
|
||||||
}
|
h3.characters {
|
||||||
|
padding-top: 40px;
|
||||||
.players {
|
}
|
||||||
width: 60%;
|
|
||||||
margin: auto !important;
|
.players {
|
||||||
}
|
width: 93%;
|
||||||
|
/* margin: auto !important; */
|
||||||
h3.players {
|
}
|
||||||
padding-top: 40px;
|
|
||||||
}
|
h3.players {
|
||||||
|
padding-top: 40px;
|
||||||
.game-info {
|
}
|
||||||
width: 60%;
|
|
||||||
margin: auto;
|
.game-info {
|
||||||
}
|
width: 93%;
|
||||||
|
margin-left: 3%;
|
||||||
.game-name {
|
/* margin: auto; */
|
||||||
padding-top: 20px;
|
}
|
||||||
margin-left: -20px;
|
|
||||||
}
|
.game-name {
|
||||||
|
padding-top: 20px;
|
||||||
.stage-name {
|
margin-left: -20px;
|
||||||
float: right;
|
}
|
||||||
margin-top: -61px;
|
|
||||||
}
|
.stage-name {
|
||||||
|
float: right;
|
||||||
.length-button {
|
margin-top: -61px;
|
||||||
margin: auto;
|
}
|
||||||
width: 60%;
|
|
||||||
/* border: white solid 1px; */
|
.length-button {
|
||||||
}
|
margin: 3%;
|
||||||
|
width: 93%;
|
||||||
.length {
|
/* border: white solid 1px; */
|
||||||
padding-top: 20px;
|
}
|
||||||
margin-left: -20px;
|
|
||||||
}
|
.length {
|
||||||
|
padding-top: 10px;
|
||||||
.button {
|
margin-left: -20px;
|
||||||
float: right;
|
}
|
||||||
margin-top: -21px;
|
|
||||||
}
|
.button {
|
||||||
|
float: right;
|
||||||
|
margin-top: -21px;
|
||||||
|
}
|
||||||
|
|
||||||
/* Styles for Video element displays */
|
h3 {
|
||||||
|
padding-left: 15px;
|
||||||
div.video-list-container {
|
}
|
||||||
/* border: white solid 1px; */
|
|
||||||
margin-left: 15%;
|
|
||||||
margin-right: 15%;
|
|
||||||
}
|
|
||||||
|
/* Styles for Video element displays */
|
||||||
#video-item {
|
|
||||||
/* border: white solid 1px; */
|
div.video-list-container {
|
||||||
width: 100%;
|
/* border: white solid 1px; */
|
||||||
height: 178.75px;
|
margin-left: 15%;
|
||||||
padding-top: 10px;
|
margin-right: 15%;
|
||||||
border-bottom: #727272 solid 2px;
|
}
|
||||||
}
|
|
||||||
|
#video-item {
|
||||||
iframe {
|
/* border: white solid 1px; */
|
||||||
width: 300px;
|
width: 100%;
|
||||||
height: 168.75px;
|
height: 178.75px;
|
||||||
/* margin-top: 5px; */
|
padding-top: 10px;
|
||||||
margin-bottom: 10px;
|
border-bottom: #727272 solid 2px;
|
||||||
float: left;
|
}
|
||||||
}
|
|
||||||
|
iframe {
|
||||||
.video-list-container a {
|
width: 300px;
|
||||||
color: #FF3D53;
|
height: 168.75px;
|
||||||
/* border: white solid 1px; */
|
/* margin-top: 5px; */
|
||||||
padding-left: 10px;
|
margin-bottom: 10px;
|
||||||
/* margin-top: 1000px !important; */
|
float: left;
|
||||||
font-family: "Calibri";
|
}
|
||||||
/* position: relative; */
|
|
||||||
}
|
.video-list-container a {
|
||||||
|
color: #FF3D53;
|
||||||
#players-characters {
|
/* border: white solid 1px; */
|
||||||
/* border: white solid 1px; */
|
padding-left: 10px;
|
||||||
/* display: inline; */
|
/* margin-top: 1000px !important; */
|
||||||
}
|
font-family: "Calibri";
|
||||||
|
/* position: relative; */
|
||||||
#players-characters table {
|
}
|
||||||
color: #FF3D53;
|
|
||||||
font-size: 10pt;
|
#players-characters {
|
||||||
font-family: "Calibri";
|
/* border: white solid 1px; */
|
||||||
padding-left: 10px;
|
/* display: inline; */
|
||||||
width: 20%;
|
}
|
||||||
margin-top: 10px;
|
|
||||||
/* border-right: #727272 solid 2px; */
|
#players-characters table {
|
||||||
}
|
color: #FF3D53;
|
||||||
|
font-size: 10pt;
|
||||||
table .data {
|
font-family: "Calibri";
|
||||||
font-weight: lighter;
|
padding-left: 10px;
|
||||||
}
|
width: 20%;
|
||||||
|
margin-top: 10px;
|
||||||
table .header {
|
/* border-right: #727272 solid 2px; */
|
||||||
font-weight: bolder !important;
|
}
|
||||||
padding-bottom: 10px;
|
|
||||||
}
|
table .data {
|
||||||
|
font-weight: lighter;
|
||||||
#table-border {
|
}
|
||||||
border-bottom: #727272 solid 1px;
|
|
||||||
}
|
table .header {
|
||||||
|
font-weight: bolder !important;
|
||||||
#game-stage {
|
padding-bottom: 10px;
|
||||||
color: #FF3D53;
|
}
|
||||||
float: right;
|
|
||||||
font-family: "Calibri";
|
#table-border {
|
||||||
/* border: white solid 1px; */
|
border-bottom: #727272 solid 1px;
|
||||||
/* border-right: #727272 solid 2px; */
|
}
|
||||||
margin-top: -83px;
|
|
||||||
width: 20%;
|
#game-stage {
|
||||||
text-align: left;
|
color: #FF3D53;
|
||||||
}
|
float: right;
|
||||||
|
font-family: "Calibri";
|
||||||
#description p {
|
/* border: white solid 1px; */
|
||||||
/* border: white solid 1px; */
|
/* border-right: #727272 solid 2px; */
|
||||||
color: #FF3D53;
|
margin-top: -83px;
|
||||||
font-family: "Calibri";
|
width: 20%;
|
||||||
margin-left: 310px;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#description p {
|
||||||
|
/* border: white solid 1px; */
|
||||||
|
color: #FF3D53;
|
||||||
|
font-family: "Calibri";
|
||||||
|
margin-left: 310px;
|
||||||
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user