@font-face {
font-family: trinako;
src: url("/static/trinako_sans.otf");
}
body {
background-color: #eee;
font-family: "Arial", "Helvetica", sans-serif;
}
.header {
text-align: center;
letter-spacing: 0.2em;
}
.menu {
text-align: center;
}
.menu li {
display: inline;
list-style-type: none;
padding-left: 20px;
padding-right: 40px;
}
.main {
border-top-style: solid;
border-top-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
width: 50%;
background-color: #f7f7f7;
padding: 40px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.word {
font-family: trinako;
float: left;
margin-left: 2em;
font-weight: bold;
margin-bottom: 10px;
}
.translit {
float: right;
padding-right: 50%;
font-style: italic;
margin-bottom: 10px;
}
.meaning {
clear: left;
padding-top: 10px;
padding-left: 40px;
padding-right: 40px;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #aaa;
}
.notes {
padding-top: 20px;
padding-left: 40px;
font-style: italic;
}
.entry {
background-color: #fff;
clear: left;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.footer {
text-align: center;
width: 400px;
margin-left: auto;
margin-right: auto;
}
form {
width: 80%;
margin: 0 auto;
}
label, input {
display: inline-block;
}
label {
clear: right;
width: 30%;
text-align: right;
margin-bottom: 10px;
}
label + input {
width: 30%;
margin: 0 30% 0 4%;
}
input + input {
float: right;
}
select {
width: 50%;
margin-left: 4%;
}
textarea {
float: right;
}
.links {
text-align: right;
}
.links li {
display: inline;
list-style-type: none;
padding-left: 20px;
padding-right: 20px;
}
.langs li {
list-style-type: none;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20%;
font-size: 18pt;
letter-spacing: 0.1em;
}
.langs li:before {
content: "◊ ";
}