Tidy html/style.css

This commit is contained in:
Aadi Desai 2023-09-08 01:18:46 +01:00
parent fe57b5b06f
commit 4095658b26
Signed by: supleed2
SSH key fingerprint: SHA256:CkbNRs0yVzXEiUp2zd0PSxsfRUMFF9bLlKXtE1xEbKM

View file

@ -1,137 +1,140 @@
#logo{ #logo {
max-height:65px; max-height: 65px;
display:inline; display: inline;
float:left; float: left;
padding-right:30px; padding-right: 30px;
padding-bottom:3px; padding-bottom: 3px;
padding-top:5px; padding-top: 5px;
} }
.navbar-nav>li>a{ .navbar-nav>li>a {
padding-top:15px; padding-top: 15px;
padding-bottom:15px; padding-bottom: 15px;
line-height:40px line-height: 40px
} }
.footer { .footer {
position:fixed; position: fixed;
bottom:0; bottom: 0;
width:100%; width: 100%;
height:30px; height: 30px;
background-color:#333; background-color: #333;
} }
.footer-text { .footer-text {
line-height:20px; line-height: 20px;
padding-top:7px; padding-top: 7px;
vertical-align:middle; vertical-align: middle;
color:#FFFFFF; color: #FFFFFF;
display:table; display: table;
margin:0 auto; margin: 0 auto;
} }
html, body { html,
height:100%; body {
width:100%; height: 100%;
width: 100%;
} }
.carousel-inner, .item, .active { .carousel-inner,
height:100%; .item,
width:100%; .active {
height: 100%;
width: 100%;
background-color: #333; background-color: #333;
} }
.top-item { .top-item {
padding-top:100px; padding-top: 100px;
} }
.carousel{ .carousel {
height:100%; height: 100%;
width:100%; width: 100%;
padding-top:60px; padding-top: 60px;
} }
.carousel-inner { .carousel-inner {
height:100%; height: 100%;
width:100%; width: 100%;
} }
.item img { .item img {
width:100%; width: 100%;
vertical-align:bottom; vertical-align: bottom;
} }
.sidebar { .sidebar {
padding-bottom:30px; padding-bottom: 30px;
} }
.com-pic { .com-pic {
object-fit:cover; object-fit: cover;
max-width:150px; max-width: 150px;
width:100%; width: 100%;
height:175px; height: 175px;
} }
.pres-pic { .pres-pic {
object-fit:cover; object-fit: cover;
max-width:222px; max-width: 222px;
width:100%; width: 100%;
height:259px; height: 259px;
} }
.row h1 { .row h1 {
font-size:20pt; font-size: 20pt;
} }
.verify-body{ .verify-body {
padding-left:15px; padding-left: 15px;
padding-right:15px; padding-right: 15px;
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
display:flex; display: flex;
flex-direction:column; flex-direction: column;
} }
.discord-user{ .discord-user {
align-self:center; align-self: center;
display:flex; display: flex;
justify-content:space-around; justify-content: space-around;
align-items:center; align-items: center;
width:300px; width: 300px;
} }
#discord-username{ #discord-username {
margin-left:10px; margin-left: 10px;
} }
.verify-form{ .verify-form {
align-self:center; align-self: center;
display:flex; display: flex;
flex-direction:column; flex-direction: column;
justify-content:space-between; justify-content: space-between;
height:100px; height: 100px;
} }
.verify-input{ .verify-input {
border-radius:2px; border-radius: 2px;
border:0; border: 0;
background-color:#d1f0ff; background-color: #d1f0ff;
box-sizing:border-box; box-sizing: border-box;
padding:4px 20px 0; padding: 4px 20px 0;
} }
.verify-submit{ .verify-submit {
border-radius:2px; border-radius: 2px;
border:0; border: 0;
background-color:#83d8ff; background-color: #83d8ff;
box-sizing:border-box; box-sizing: border-box;
padding:4px 20px 0; padding: 4px 20px 0;
cursor:pointer; cursor: pointer;
} }
.verify-submit:hover, .verify-submit:hover,
.verify-submit:active{ .verify-submit:active {
background-color:#72fff3; background-color: #72fff3;
} }