mirror of
https://github.com/xiaoyifang/goldendict-ng.git
synced 2024-12-23 23:54:05 +00:00
369 lines
6.6 KiB
CSS
369 lines
6.6 KiB
CSS
body {
|
|
background: #EAF0F8;
|
|
margin: 0.3em;
|
|
font-family: "Arial Unicode MS", "Lucida Sans Unicode", Tahoma, Verdana, "Palatino Linotype", sans-serif;
|
|
line-height: 120%;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: darkblue;
|
|
}
|
|
|
|
a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.gdarticle {
|
|
background: #FFFEF2;
|
|
margin-top: 0.1em;
|
|
margin-bottom: 0.35em;
|
|
padding: 5px;
|
|
padding-top: -10px;
|
|
border: 1px solid #C7D4DC;
|
|
border-radius: 8px;
|
|
}
|
|
|
|
.gdactivearticle {
|
|
background: #FFFEF2;
|
|
border: 1px solid #92B0DD;
|
|
}
|
|
|
|
.gdarticleseparator + script + .gdactivearticle .gddictname {
|
|
border-top: 1px solid #92B0DD;
|
|
border-right: 1px solid #92B0DD;
|
|
}
|
|
|
|
.gddictname {
|
|
display: -webkit-box; /* needed to be able to reorder elements, e.g. icon, dictionary name, collapse icon */
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
float: right;
|
|
border: 0px;
|
|
border-top: 1px solid #C7D4DC;
|
|
border-right: 1px solid #C7D4DC;
|
|
border-top-right-radius: 8px;
|
|
border-bottom-left-radius: 6px;
|
|
margin: -6px;
|
|
margin-bottom: 5px;
|
|
margin-left: 2px;
|
|
padding-right: 0.4em;
|
|
color: #34517D;
|
|
background: #DDE6F5;
|
|
-webkit-user-select: none;
|
|
user-select: none;
|
|
cursor: default;
|
|
}
|
|
|
|
/* Actual text with the dictionary title */
|
|
.gddicttitle
|
|
{
|
|
display:block;
|
|
-webkit-box-ordinal-group: 1;
|
|
-webkit-box-flex: 1;
|
|
}
|
|
|
|
.gdactivearticle .gddictname {
|
|
border-top: 1px solid #92B0DD;
|
|
border-right: 1px solid #92B0DD;
|
|
color: darkblue;
|
|
background: #CFDDF0;
|
|
}
|
|
|
|
.gdcollapsedarticle .gddictname
|
|
{
|
|
opacity: 0.7;
|
|
}
|
|
|
|
/* Nice diagonal pattern for the collapsed article */
|
|
.gdcollapsedarticle
|
|
{
|
|
background-image: -webkit-linear-gradient(left top, #ccc 0%, #ccc 25%, #bbb 25%, #bbb 50%, #ccc 50%, #ccc 75%, #bbb 75%);
|
|
background-size: 50px 50px;
|
|
}
|
|
|
|
/* Move the collapse/expand buttons to the last, 3rd position */
|
|
.collapse_expand_area
|
|
{
|
|
display: block;
|
|
-webkit-box-ordinal-group: 3;
|
|
}
|
|
|
|
.gddicticon
|
|
{
|
|
display: block;
|
|
vertical-align: text-bottom;
|
|
padding-right: -1em;
|
|
padding-left: 0.3em;
|
|
-webkit-box-ordinal-group: 2;
|
|
}
|
|
|
|
.gdexpandicon, .gdexpandicon:hover, .gdcollapseicon, .gdcollapseicon:hover
|
|
{
|
|
width:15px;
|
|
background-position: center 25%;
|
|
background-repeat:no-repeat;
|
|
vertical-align: top;
|
|
padding-left: -5px;
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.gdexpandicon {
|
|
background-image: url('qrcx://localhost/icons/expand_article.png');
|
|
}
|
|
|
|
.gdexpandicon:hover {
|
|
background-image: url('qrcx://localhost/icons/expand_article_hovered.png');
|
|
}
|
|
|
|
.gdcollapseicon {
|
|
background-image: url('qrcx://localhost/icons/collapse_article.png');
|
|
}
|
|
|
|
.gdcollapseicon:hover {
|
|
background-image: url('qrcx://localhost/icons/collapse_article_hovered.png');
|
|
}
|
|
|
|
.gdarticleseparator {
|
|
display: none;
|
|
}
|
|
|
|
/* The 'From ' string which preceeds dictionary name in the heading */
|
|
.gdfromprefix {
|
|
display: none;
|
|
}
|
|
|
|
/* The first headword in a (possibly) multi-headword DSL article */
|
|
.gdarticlebody > span:first-child .dsl_headwords,
|
|
.gdarticlebody > h3:first-child {
|
|
margin-top: -3px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.mwiki .toc, .mwiki .metadata mbox-small plainlinks {
|
|
display:none
|
|
}
|
|
|
|
|
|
.gddicticon img {
|
|
border: 0;
|
|
height: 15px;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
/* Text selection */
|
|
::selection {
|
|
background: #839EC7;
|
|
color:#fff;
|
|
}
|
|
|
|
code::selection {
|
|
background: #839EC7;
|
|
}
|
|
|
|
/* Headers */
|
|
h3 {
|
|
color: inherit;
|
|
font-family: Arial;
|
|
}
|
|
|
|
/******** DSL Dictionaries ****************/
|
|
|
|
/* DSL headwords */
|
|
.dsl_headwords {
|
|
color: inherit;
|
|
font-family: Arial;
|
|
}
|
|
|
|
/* Formatting */
|
|
.dsl_b {
|
|
font-family: Arial;
|
|
}
|
|
|
|
.dsl_ex, .dsl_ex .dsl_opt
|
|
{
|
|
color: slategray;
|
|
}
|
|
|
|
.dsl_ref {
|
|
color: #0000DD;
|
|
}
|
|
|
|
.dsl_url {
|
|
color: #0000DD;
|
|
}
|
|
|
|
/* Stress settings */
|
|
.dsl_stress_without_accent,
|
|
.dsl_opt .dsl_ex .dsl_stress_without_accent {
|
|
display: none;
|
|
color: green;
|
|
}
|
|
|
|
.dsl_stress_with_accent,
|
|
.dsl_opt .dsl_ex .dsl_stress_with_accent {
|
|
display: inline;
|
|
color: #DD0000;
|
|
}
|
|
.dsl_stress,
|
|
.dsl_opt .dsl_ex .dsl_stress {
|
|
display: inline;
|
|
color: blue;
|
|
}
|
|
|
|
/* Sound icon */
|
|
.dsl_s_wav img {
|
|
display: none;
|
|
}
|
|
|
|
.dsl_s_wav a {
|
|
text-decoration: none;
|
|
-webkit-user-select: none;
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
-webkit-border-radius: 100px;
|
|
text-align: center;
|
|
vertical-align: text-bottom;
|
|
}
|
|
|
|
.dsl_s_wav a {
|
|
color: #FFF;
|
|
border: 1px solid #798415;
|
|
-webkit-box-shadow: 1px 1px #CCC, inset -1px -1px #4E7500;
|
|
|
|
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1)));
|
|
}
|
|
|
|
.dsl_s_wav a:hover {
|
|
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043));
|
|
|
|
border: 1px solid #A2B01C;
|
|
-webkit-box-shadow: 1px 1px #CCC, inset -1px -1px #8A991A;
|
|
}
|
|
|
|
.dsl_s_wav a:active {
|
|
-webkit-box-shadow: 1px 1px #CCC, inset 1px 1px #B1C421;
|
|
}
|
|
|
|
.dsl_s_wav a:after {
|
|
display: inline-block;
|
|
font-family: "Webdings";
|
|
content:"X";
|
|
width: 18px;
|
|
height: 18px;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
vertical-align: center;
|
|
-webkit-background-clip: text;
|
|
color: #E6EF8F;
|
|
-webkit-text-stroke: 1px #51580E;
|
|
}
|
|
|
|
.dsl_s_wav a:hover:after {
|
|
-webkit-text-stroke: 1px #656E11;
|
|
}
|
|
|
|
|
|
/******** Verbix Dictionaries ****************/
|
|
|
|
.sdct_h .normal {
|
|
font-family: Arial;
|
|
font-size: 10pt;
|
|
color:#000000;
|
|
font-weight: normal;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.sdct_h .irregular {
|
|
font-family: Arial;
|
|
font-size: 10pt;
|
|
color:#FF0000;
|
|
font-weight: bold;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.sdct_h .orto {
|
|
font-family: Arial;
|
|
font-size: 10pt;
|
|
color:#0000FF;
|
|
font-weight: normal;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.sdct_h .archaic {
|
|
font-family: Arial;
|
|
font-size: 10pt;
|
|
color:#800080;
|
|
font-weight: normal;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.sdct_h .notused {
|
|
font-family: Arial;
|
|
font-size: 10pt;
|
|
color:#808080;
|
|
font-weight: normal;
|
|
text-decoration:none;
|
|
}
|
|
|
|
.sdct_h .pronoun {
|
|
font-family: Arial;
|
|
font-size: 10pt;
|
|
color:#008000;
|
|
font-weight: normal;
|
|
text-decoration:none;
|
|
}
|
|
|
|
|
|
.sdct_h > table {
|
|
border: 1px solid #444444;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.sdct_h td.verbtable {
|
|
border: 1px solid #444444;
|
|
}
|
|
|
|
.sdct_h th {
|
|
background-color: #A6C9EF;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sdct_h .mini {
|
|
font-size: 8pt; font-weight: normal; color: #808080;
|
|
}
|
|
|
|
.sdct_h div.spacerline {
|
|
clear: both;
|
|
margin-left: 8px;
|
|
width:100%;
|
|
border-top: 1px solid #ccc;
|
|
}
|
|
|
|
.sdct_h div.spacer {
|
|
clear: both;
|
|
}
|
|
|
|
.sdct_h div.float {
|
|
margin-left: 8px;
|
|
float: left;
|
|
}
|
|
|
|
.sdct_h div.float400 {
|
|
margin-left: 8px;
|
|
float: left;
|
|
width: 400px;
|
|
}
|
|
|
|
.sdct_h div.float250color {
|
|
margin-left: 8px;
|
|
float: left;
|
|
width: 250px;
|
|
border-style: dashed;
|
|
border-color:#0033CC;
|
|
border-collapse:collapse;
|
|
border-width:1px;
|
|
background-color:#eeeeee;
|
|
padding: 8px 8px 8px 8px;
|
|
} |