mirror of
https://github.com/supleed2/ICAS.git
synced 2024-09-19 21:26:18 +00:00
Tidy html/style.css
This commit is contained in:
parent
fe57b5b06f
commit
4095658b26
169
html/style.css
169
html/style.css
|
@ -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;
|
||||||
}
|
}
|
Loading…
Reference in a new issue