84 lines
1.2 KiB
CSS
84 lines
1.2 KiB
CSS
.btn {
|
|
display: inline-block;
|
|
padding: 0.3em 1.3em;
|
|
text-decoration: none;
|
|
|
|
font-size: 0.95em;
|
|
font-family: none;
|
|
border: 1px black solid;
|
|
border-radius: 5px;
|
|
background: #0e6eff;
|
|
color: #fff7dc;
|
|
color: white;
|
|
|
|
cursor: pointer;
|
|
}
|
|
.btn:hover {
|
|
opacity: 0.8;
|
|
}
|
|
.btn.green {
|
|
background: #178661;
|
|
}
|
|
.btn.red {
|
|
background: #ff0e5e;
|
|
}
|
|
|
|
.func-btn li {
|
|
display: inline-block;
|
|
}
|
|
|
|
.func-btn form {
|
|
display: inline-block;
|
|
}
|
|
|
|
.table-func ul li{
|
|
display: inline-block;
|
|
padding: 0.5em;
|
|
|
|
}
|
|
.table-func ul li a{
|
|
text-decoration: none;
|
|
}
|
|
|
|
.table-row-func li{
|
|
display: inline-block;
|
|
}
|
|
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
background: #ffd5d5;
|
|
background: linear-gradient(153deg, rgba(255,255,255,1) 0%, rgba(255,213,213,1) 100%);
|
|
}
|
|
|
|
div#container {
|
|
margin: 0 auto;
|
|
padding: 1rem;
|
|
width: 960px;
|
|
height: 100%;
|
|
display: block;
|
|
|
|
background: white;
|
|
box-shadow: 1px 1px 20px gray;
|
|
}
|
|
|
|
header h1{
|
|
text-align: center;
|
|
}
|
|
|
|
div#main {
|
|
margin-top: 2rem;
|
|
}
|
|
|
|
.func-btn {
|
|
text-align: right;
|
|
}
|
|
.func-btn>ul li{
|
|
display: inline;
|
|
} |