mirror of
https://github.com/ClaytonWWilson/FightHub.git
synced 2025-12-13 06: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 {
|
||||
background-color: #1E1E1E;
|
||||
}
|
||||
|
||||
|
||||
/* Styles for titlebar */
|
||||
|
||||
|
||||
form.search {
|
||||
/* border: white solid 1px; */
|
||||
height: 150px;
|
||||
margin-top: -10px !important;
|
||||
width: 99% !important;
|
||||
border-bottom: #727272 solid 2px;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
float: left;
|
||||
margin-top: 26px;
|
||||
padding-right: 20px;
|
||||
color: #FF3D53;
|
||||
font-family: "Calibri";
|
||||
font-size: 50pt;
|
||||
}
|
||||
|
||||
.search {
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.submit {
|
||||
width: 150px;
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
img.upload {
|
||||
width: 150px;
|
||||
/* margin-bottom: -17px; */
|
||||
margin-top: 45px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Styles for upload.php */
|
||||
|
||||
form.upload-form {
|
||||
/* border: white solid 1px; */
|
||||
border-left: #727272 solid 2px;
|
||||
border-right: #727272 solid 2px;
|
||||
margin: 0 25% 0 25%;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.upload-form input, .upload-form textarea, .upload-form select {
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
/* margin-bottom: 30px; */
|
||||
/* border: white solid 1px; */
|
||||
}
|
||||
|
||||
.upload-form h3 {
|
||||
color: #FF3D53;
|
||||
/* border: white solid 1px; */
|
||||
margin-bottom: 0px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
h3.url {
|
||||
/* padding-top: 40px; */
|
||||
/* border: white solid 1px; */
|
||||
}
|
||||
|
||||
.url {
|
||||
margin: auto !important;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
h3.title {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: auto !important;
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.user-date {
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.username {
|
||||
padding-top: 20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.video-date {
|
||||
float: right;
|
||||
margin-top: -62px;
|
||||
}
|
||||
|
||||
.description {
|
||||
width: 60%;
|
||||
margin: auto !important;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
h3.description {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.characters {
|
||||
width: 60%;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
h3.characters {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.players {
|
||||
width: 60%;
|
||||
margin: auto !important;
|
||||
}
|
||||
|
||||
h3.players {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.game-info {
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.game-name {
|
||||
padding-top: 20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.stage-name {
|
||||
float: right;
|
||||
margin-top: -61px;
|
||||
}
|
||||
|
||||
.length-button {
|
||||
margin: auto;
|
||||
width: 60%;
|
||||
/* border: white solid 1px; */
|
||||
}
|
||||
|
||||
.length {
|
||||
padding-top: 20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.button {
|
||||
float: right;
|
||||
margin-top: -21px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Styles for Video element displays */
|
||||
|
||||
div.video-list-container {
|
||||
/* border: white solid 1px; */
|
||||
margin-left: 15%;
|
||||
margin-right: 15%;
|
||||
}
|
||||
|
||||
#video-item {
|
||||
/* border: white solid 1px; */
|
||||
width: 100%;
|
||||
height: 178.75px;
|
||||
padding-top: 10px;
|
||||
border-bottom: #727272 solid 2px;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 300px;
|
||||
height: 168.75px;
|
||||
/* margin-top: 5px; */
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.video-list-container a {
|
||||
color: #FF3D53;
|
||||
/* border: white solid 1px; */
|
||||
padding-left: 10px;
|
||||
/* margin-top: 1000px !important; */
|
||||
font-family: "Calibri";
|
||||
/* position: relative; */
|
||||
}
|
||||
|
||||
#players-characters {
|
||||
/* border: white solid 1px; */
|
||||
/* display: inline; */
|
||||
}
|
||||
|
||||
#players-characters table {
|
||||
color: #FF3D53;
|
||||
font-size: 10pt;
|
||||
font-family: "Calibri";
|
||||
padding-left: 10px;
|
||||
width: 20%;
|
||||
margin-top: 10px;
|
||||
/* border-right: #727272 solid 2px; */
|
||||
}
|
||||
|
||||
table .data {
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
table .header {
|
||||
font-weight: bolder !important;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#table-border {
|
||||
border-bottom: #727272 solid 1px;
|
||||
}
|
||||
|
||||
#game-stage {
|
||||
color: #FF3D53;
|
||||
float: right;
|
||||
font-family: "Calibri";
|
||||
/* border: white solid 1px; */
|
||||
/* border-right: #727272 solid 2px; */
|
||||
margin-top: -83px;
|
||||
width: 20%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#description p {
|
||||
/* border: white solid 1px; */
|
||||
color: #FF3D53;
|
||||
font-family: "Calibri";
|
||||
margin-left: 310px;
|
||||
}
|
||||
body {
|
||||
background-color: #1E1E1E;
|
||||
}
|
||||
|
||||
|
||||
/* Styles for titlebar */
|
||||
|
||||
|
||||
form.search {
|
||||
/* border: white solid 1px; */
|
||||
height: 150px;
|
||||
margin-top: -10px !important;
|
||||
width: 99% !important;
|
||||
border-bottom: #727272 solid 2px;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
float: left;
|
||||
margin-top: 26px;
|
||||
padding-right: 20px;
|
||||
color: #FF3D53;
|
||||
font-family: "Calibri";
|
||||
font-size: 50pt;
|
||||
}
|
||||
|
||||
.search {
|
||||
width: 50%;
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
margin-top: 45px;
|
||||
}
|
||||
|
||||
.submit {
|
||||
width: 150px;
|
||||
padding: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
img.upload {
|
||||
width: 150px;
|
||||
/* margin-bottom: -17px; */
|
||||
margin-top: 45px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* Styles for upload.php */
|
||||
|
||||
form.upload-form {
|
||||
/* border: white solid 1px; */
|
||||
border-left: #727272 solid 2px;
|
||||
border-right: #727272 solid 2px;
|
||||
margin: 0 25% 0 25%;
|
||||
margin-top: 60px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.upload-form input, .upload-form textarea, .upload-form select {
|
||||
display: block;
|
||||
margin-left: 20px;
|
||||
/* margin-bottom: 30px; */
|
||||
/* border: white solid 1px; */
|
||||
}
|
||||
|
||||
.upload-form h3 {
|
||||
color: #FF3D53;
|
||||
/* border: white solid 1px; */
|
||||
margin-bottom: 0px;
|
||||
margin-left: 2%;
|
||||
}
|
||||
|
||||
h3.url {
|
||||
/* padding-top: 40px; */
|
||||
/* border: white solid 1px; */
|
||||
}
|
||||
|
||||
.url {
|
||||
/* margin: auto !important; */
|
||||
width: 93%;
|
||||
}
|
||||
|
||||
h3.title {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.title {
|
||||
/* margin: auto !important; */
|
||||
width: 93%;
|
||||
}
|
||||
|
||||
.user-date {
|
||||
width: 93%;
|
||||
margin-left: 3%;
|
||||
/* margin: auto; */
|
||||
}
|
||||
|
||||
.username {
|
||||
/* margin-left: 20px; */
|
||||
padding-top: 20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.video-date {
|
||||
float: right;
|
||||
margin-top: -62px;
|
||||
}
|
||||
|
||||
.description {
|
||||
width: 93%;
|
||||
/* margin: auto !important; */
|
||||
resize: none;
|
||||
}
|
||||
|
||||
h3.description {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.characters {
|
||||
width: 93%;
|
||||
/* margin: auto !important; */
|
||||
}
|
||||
|
||||
h3.characters {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.players {
|
||||
width: 93%;
|
||||
/* margin: auto !important; */
|
||||
}
|
||||
|
||||
h3.players {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
.game-info {
|
||||
width: 93%;
|
||||
margin-left: 3%;
|
||||
/* margin: auto; */
|
||||
}
|
||||
|
||||
.game-name {
|
||||
padding-top: 20px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.stage-name {
|
||||
float: right;
|
||||
margin-top: -61px;
|
||||
}
|
||||
|
||||
.length-button {
|
||||
margin: 3%;
|
||||
width: 93%;
|
||||
/* border: white solid 1px; */
|
||||
}
|
||||
|
||||
.length {
|
||||
padding-top: 10px;
|
||||
margin-left: -20px;
|
||||
}
|
||||
|
||||
.button {
|
||||
float: right;
|
||||
margin-top: -21px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* Styles for Video element displays */
|
||||
|
||||
div.video-list-container {
|
||||
/* border: white solid 1px; */
|
||||
margin-left: 15%;
|
||||
margin-right: 15%;
|
||||
}
|
||||
|
||||
#video-item {
|
||||
/* border: white solid 1px; */
|
||||
width: 100%;
|
||||
height: 178.75px;
|
||||
padding-top: 10px;
|
||||
border-bottom: #727272 solid 2px;
|
||||
}
|
||||
|
||||
iframe {
|
||||
width: 300px;
|
||||
height: 168.75px;
|
||||
/* margin-top: 5px; */
|
||||
margin-bottom: 10px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.video-list-container a {
|
||||
color: #FF3D53;
|
||||
/* border: white solid 1px; */
|
||||
padding-left: 10px;
|
||||
/* margin-top: 1000px !important; */
|
||||
font-family: "Calibri";
|
||||
/* position: relative; */
|
||||
}
|
||||
|
||||
#players-characters {
|
||||
/* border: white solid 1px; */
|
||||
/* display: inline; */
|
||||
}
|
||||
|
||||
#players-characters table {
|
||||
color: #FF3D53;
|
||||
font-size: 10pt;
|
||||
font-family: "Calibri";
|
||||
padding-left: 10px;
|
||||
width: 20%;
|
||||
margin-top: 10px;
|
||||
/* border-right: #727272 solid 2px; */
|
||||
}
|
||||
|
||||
table .data {
|
||||
font-weight: lighter;
|
||||
}
|
||||
|
||||
table .header {
|
||||
font-weight: bolder !important;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
#table-border {
|
||||
border-bottom: #727272 solid 1px;
|
||||
}
|
||||
|
||||
#game-stage {
|
||||
color: #FF3D53;
|
||||
float: right;
|
||||
font-family: "Calibri";
|
||||
/* border: white solid 1px; */
|
||||
/* border-right: #727272 solid 2px; */
|
||||
margin-top: -83px;
|
||||
width: 20%;
|
||||
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