breve/static/main.css

83 lines
1.4 KiB
CSS

@import url('normalize.css');
@font-face {
font-family: Inconsolata;
src: local(Inconsolata),
url('inconsolata-regular.woff') format('woff');
}
@font-face {
font-family: Inconsolata;
font-weight: bold;
src: local(Inconsolata), local(Inconsolata Bold),
url('inconsolata-bold.woff') format('woff');
}
body {
background-color: #181b20;
color: #9b9081;
font-family: Inconsolata;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#center { align-self: center }
body,input { font-size: 1.1em; }
footer {
font-size: .9em;
color: #595450;
padding: 1em;
}
footer span {
float: right;
margin-right: 2em;
}
h1 {
font-size: 1.8em;
font-weight: 700;
color: #515e66;
margin: 1em 0 0 1em;
}
h1 a { color: #515e66 !important }
h2 {
font-size: 1.2em;
margin: .5em 0 0 1.5em;
}
input[type="text"] {
border: none;
border-bottom: .15em dashed #2b2c2e;
outline: none;
background: transparent;
color: #776049;
padding: 0 2px;
margin: 0 .5em;
}
input[type="submit"] {
border: .12em solid #2b2c2e;
background: transparent;
color: #775750;
cursor: pointer;
padding: .2em .4em!important;
}
a:link, a:visited {
color: #776049;
text-decoration: none;
}
a:hover {
text-decoration: underline;
transition: color .5s ease;
color: #775750;
}