178 lines
2.8 KiB
Plaintext
178 lines
2.8 KiB
Plaintext
@import (less) "picnic.css";
|
|
@import (less) "colors.less";
|
|
|
|
.translation-element-margin {
|
|
margin: 0 0.3em;
|
|
padding: 0;
|
|
}
|
|
|
|
.translation-button {
|
|
width: 1.5em;
|
|
height: 1.5em;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
._hoverable {
|
|
&:hover {
|
|
background-color: @silver;
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
// do I need this @ lexonomy?
|
|
// .elm-div {
|
|
// clear: both;
|
|
// overflow: auto;
|
|
// margin-bottom: 1em;
|
|
// }
|
|
|
|
#entry {
|
|
#entry-header {
|
|
// DONE!
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
|
|
#headword {
|
|
font-size: 1.2em;
|
|
color: @blue;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#grammar {
|
|
color: @gray;
|
|
font-style: italic;
|
|
margin-left: 1em;
|
|
}
|
|
|
|
#comment {
|
|
border-radius: 0em;
|
|
float: right;
|
|
|
|
&:before {
|
|
content: "Opomba: "
|
|
}
|
|
}
|
|
}
|
|
|
|
#sense-container {
|
|
border-top: 1px dotted #999999;
|
|
padding-top: 0.5em;
|
|
margin-top: 0.5em;
|
|
|
|
.sense-num {
|
|
float: left;
|
|
}
|
|
|
|
.sense {
|
|
margin-left: 2em;
|
|
|
|
.sense-definition {
|
|
//done!
|
|
margin-left: 0.4em;
|
|
|
|
._hoverable();
|
|
&:after {
|
|
content: ")";
|
|
}
|
|
&:before {
|
|
content: "(";
|
|
}
|
|
}
|
|
|
|
.sense-label {
|
|
// done!
|
|
color: @blue;
|
|
._hoverable();
|
|
}
|
|
|
|
.translation-div {
|
|
display: inline;
|
|
|
|
.translation-tags {
|
|
display: inline;
|
|
color: @green;
|
|
font-size: 0.6em;
|
|
}
|
|
|
|
.translation-text {
|
|
display: inline;
|
|
color: @maroon;
|
|
.translation-element-margin();
|
|
}
|
|
|
|
._hoverable();
|
|
}
|
|
|
|
.translation-add {
|
|
.translation-element-margin();
|
|
.translation-button();
|
|
}
|
|
}
|
|
|
|
.example {
|
|
.example-dot, .example-rest {
|
|
float: left;
|
|
}
|
|
|
|
.example-arrow, .example-dot {
|
|
margin-right: 1em;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// if span left of input it is just too high, this is a fix
|
|
.span-left-of-input {
|
|
margin-top: 0.3em;
|
|
}
|
|
|
|
// if modal on full screen, it gets too small
|
|
@media (min-width: 60em) {
|
|
.modal > article {
|
|
width: 40em;
|
|
}
|
|
}
|
|
|
|
// TODO:
|
|
// #log {
|
|
// overflow: scroll;
|
|
// border: 2px solid red;
|
|
// height: 10em;
|
|
//
|
|
// :nth-last-child(odd) {
|
|
// background-color: lightgray;
|
|
// }
|
|
// }
|
|
|
|
.popup-menu {
|
|
// DONE!
|
|
position: absolute;
|
|
|
|
//better look with border
|
|
padding: 0 0.2em;
|
|
border: 1px solid @silver;
|
|
background-color: @white;
|
|
border-radius: 0.2em;
|
|
|
|
// by default hidden
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: visibility 0s, opacity 0.1s linear;
|
|
|
|
button {
|
|
margin-right: 0.1em; // space inbetween them
|
|
margin-left: 0.1em;
|
|
|
|
padding: 0.1em 0.5em; // a little smaller than usual button
|
|
}
|
|
}
|
|
|
|
// remove me
|
|
.blk {
|
|
&:before {
|
|
content: '\a';
|
|
white-space: pre;
|
|
}
|
|
display: block;
|
|
}
|