|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
@title-color: #cc3366;
|
|
|
|
|
@line-image: "./line.png";
|
|
|
|
|
@import (less) "picnic.css";
|
|
|
|
|
@import (less) "colors.less";
|
|
|
|
|
|
|
|
|
|
.translation-element-margin {
|
|
|
|
|
margin: 0 0.3em;
|
|
|
|
@ -12,34 +12,41 @@
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.elm-div {
|
|
|
|
|
clear: both;
|
|
|
|
|
overflow: auto;
|
|
|
|
|
margin-bottom: 1em;
|
|
|
|
|
._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: @title-color;
|
|
|
|
|
color: @blue;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#grammar {
|
|
|
|
|
color: #666666;
|
|
|
|
|
color: @gray;
|
|
|
|
|
font-style: italic;
|
|
|
|
|
margin-left: 1em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#comment {
|
|
|
|
|
background-color: #e9d76d;
|
|
|
|
|
padding: 0.5em;
|
|
|
|
|
border-radius: 0em;
|
|
|
|
|
float: right;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
&:before {
|
|
|
|
|
content: "Opomba: "
|
|
|
|
@ -60,32 +67,22 @@
|
|
|
|
|
margin-left: 2em;
|
|
|
|
|
|
|
|
|
|
.sense-definition {
|
|
|
|
|
display: inline;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin: 0 0.2em;
|
|
|
|
|
//done!
|
|
|
|
|
margin-left: 0.4em;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
}
|
|
|
|
|
._hoverable();
|
|
|
|
|
&:after {
|
|
|
|
|
content: ")";
|
|
|
|
|
}
|
|
|
|
|
&:before {
|
|
|
|
|
content: "(";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.sense-label {
|
|
|
|
|
display: inline;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
margin: 0 0.2em;
|
|
|
|
|
color: lightgreen;
|
|
|
|
|
font-size: 0.8em;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
}
|
|
|
|
|
// done!
|
|
|
|
|
color: @blue;
|
|
|
|
|
._hoverable();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.translation-div {
|
|
|
|
@ -93,36 +90,17 @@
|
|
|
|
|
|
|
|
|
|
.translation-tags {
|
|
|
|
|
display: inline;
|
|
|
|
|
color: green;
|
|
|
|
|
color: @green;
|
|
|
|
|
font-size: 0.6em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.translation-text {
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
display: inline;
|
|
|
|
|
color: blue;
|
|
|
|
|
color: @maroon;
|
|
|
|
|
.translation-element-margin();
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
|
.translation-element-margin();
|
|
|
|
|
.translation-button();
|
|
|
|
|
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
-webkit-appearance: none;
|
|
|
|
|
-moz-appearance: none;
|
|
|
|
|
appearance: none;
|
|
|
|
|
|
|
|
|
|
background-size: 100%;
|
|
|
|
|
background-repeat: repeat-y;
|
|
|
|
|
color: rgba(0,0,0,0);
|
|
|
|
|
background-image: data-uri(@line-image); //url(line.png);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
background-color: #CCCCCC;
|
|
|
|
|
}
|
|
|
|
|
._hoverable();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.translation-add {
|
|
|
|
@ -143,50 +121,57 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#xml-status {
|
|
|
|
|
margin-left: 3em;
|
|
|
|
|
height: 1em;
|
|
|
|
|
margin-bottom: -1em;
|
|
|
|
|
font-size: 1em;
|
|
|
|
|
// if span left of input it is just too high, this is a fix
|
|
|
|
|
.span-left-of-input {
|
|
|
|
|
margin-top: 0.3em;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.xml-status-bad { color: red; }
|
|
|
|
|
.xml-status-good { color: green; }
|
|
|
|
|
.xml-status-wait { color: yellow; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#log {
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
border: 2px solid red;
|
|
|
|
|
height: 10em;
|
|
|
|
|
|
|
|
|
|
:nth-last-child(odd) {
|
|
|
|
|
background-color: lightgray;
|
|
|
|
|
// if modal on full screen, it gets too small
|
|
|
|
|
@media (min-width: 60em) {
|
|
|
|
|
.modal > article {
|
|
|
|
|
width: 40em;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// sweet modal edit entry
|
|
|
|
|
// TODO:
|
|
|
|
|
// #log {
|
|
|
|
|
// overflow: scroll;
|
|
|
|
|
// border: 2px solid red;
|
|
|
|
|
// height: 10em;
|
|
|
|
|
//
|
|
|
|
|
// :nth-last-child(odd) {
|
|
|
|
|
// background-color: lightgray;
|
|
|
|
|
// }
|
|
|
|
|
// }
|
|
|
|
|
|
|
|
|
|
.tag-div {
|
|
|
|
|
.tag-key {
|
|
|
|
|
width: 10em;
|
|
|
|
|
display: inline-block
|
|
|
|
|
}
|
|
|
|
|
.popup-menu {
|
|
|
|
|
// DONE!
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
|
|
.tag-input {
|
|
|
|
|
margin-left: 1em;
|
|
|
|
|
width: 9em;
|
|
|
|
|
}
|
|
|
|
|
//better look with border
|
|
|
|
|
padding: 0 0.2em;
|
|
|
|
|
border: 1px solid @silver;
|
|
|
|
|
background-color: @white;
|
|
|
|
|
border-radius: 0.2em;
|
|
|
|
|
|
|
|
|
|
select {
|
|
|
|
|
width: 9em;
|
|
|
|
|
// 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
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#cluster-group-div {
|
|
|
|
|
margin-top: 1em;
|
|
|
|
|
span {
|
|
|
|
|
width: 10em;
|
|
|
|
|
display: inline-block
|
|
|
|
|
// remove me
|
|
|
|
|
.blk {
|
|
|
|
|
&:before {
|
|
|
|
|
content: '\a';
|
|
|
|
|
white-space: pre;
|
|
|
|
|
}
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|