diff --git a/main.css b/main.css index 9dd8e9a..b6855e4 100644 --- a/main.css +++ b/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; +}