Skip to content

Instantly share code, notes, and snippets.

@Snger

Snger/article-style.css

Forked from bangedorrunt/article-style.css
Last active October 9, 2019 05:55
Show Gist options
  • Save Snger/39adf68e8851154e22147e1d03fd5cd1 to your computer and use it in GitHub Desktop.
Save Snger/39adf68e8851154e22147e1d03fd5cd1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. Snger revised this gist Oct 9, 2019. 2 changed files with 4 additions and 2 deletions.
    3 changes: 2 additions & 1 deletion article-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    /* mkdir ~/.goldendict/styles/sim-dark-theme/
    /* filename: article-style.css
    mkdir ~/.goldendict/styles/sim-dark-theme/
    then put this stylesheet there */
    body {
    margin-top: 1px;
    3 changes: 2 additions & 1 deletion qt-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,4 +1,5 @@
    /* mkdir ~/.goldendict/styles/sim-dark-theme/
    /* filename: qt-style.css
    mkdir ~/.goldendict/styles/sim-dark-theme/
    then put this stylesheet there */
    MainWindow #searchPane #translateLine,
    MainWindow #searchPane #wordList {
  2. Snger revised this gist Oct 9, 2019. 2 changed files with 201 additions and 162 deletions.
    338 changes: 184 additions & 154 deletions article-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,51 +1,48 @@
    body
    {
    /* mkdir ~/.goldendict/styles/sim-dark-theme/
    then put this stylesheet there */
    body {
    margin-top: 1px;
    margin-right: 3px;
    margin-left: 2px;
    margin-left: 2px;
    margin-bottom: 3px;
    background: #201F1F;
    background: #dbd4d4;
    color: white;
    font-family: Bookerly, Segoe UI, Palatino Linotype, Arial Unicode MS;
    font-family: Noto Serif CJK SC, Noto Serif, Bookerly, Segoe UI,
    Palatino Linotype, Arial Unicode MS;
    }

    a:link
    {
    a:link {
    color: orange;
    }

    ul
    {
    ul {
    color: white;
    }

    .gdarticle
    {
    background: #201F1F;
    .gdarticle {
    background: #a8b1c7;
    color: white;
    margin-top: 0.1em;
    margin-bottom: 0.4em;
    padding: 5px;
    border: 1px solid white;
    }

    .gdactivearticle
    {
    border: 1px solid #3399FF;
    .gdactivearticle {
    border: none;
    border-bottom: 1px solid #5294e2;
    padding: 2ch;
    }

    .gdarticleseparator + script + .gdactivearticle .gddictname
    {
    border-top: 1px solid #3399FF;
    .gdarticleseparator + script + .gdactivearticle .gddictname {
    border-top: 1px solid #5294e2;
    }

    .gdarticleseparator
    {
    .gdarticleseparator {
    display: none;
    }

    .gddictname
    {
    .gddictname {
    font-size: 14px;
    font-weight: normal;
    float: right;
    @@ -60,138 +57,156 @@ ul
    cursor: default;
    }

    .gdactivearticle .gddictname
    {
    font-size: 14px;
    .gdactivearticle .gddictname {
    font-size: 12px;
    font-weight: normal;
    margin: -6px;
    margin-bottom: 5px;
    margin-left: 2px;

    margin: 0px;
    float: right;
    border: 1px solid white;
    border: none;
    }

    .gddicticon
    {
    display: inline;
    vertical-align: text-bottom;
    float: right;
    padding-right: 0em;
    padding-left: 0.3em;
    .gddicticon {
    display: none;
    }

    .gdfromprefix {
    display: none;
    }

    .collapse_expand_area {
    width: 17px;
    height: 18px;
    }

    .collapse_expand_area > img {
    margin-left: 4px;
    /* display: none; */
    opacity: 0;
    }

    .collapse_expand_area::after {
    content: " ";
    position: relative;
    left: -16px;
    pointer-events: none;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10.4px 6px 0 6px;
    border-color: #5294e2 transparent transparent transparent;
    }

    /**
    * Old Dictionaries using DSL format
    */
    .gdarticlebody > span:first-child .dsl_headwords,
    .gdarticlebody > h3:first-child
    {
    .gdarticlebody > h3:first-child {
    margin-top: -3px;
    display: inline-block;
    }

    .gdspellsuggestion
    {
    .gdspellsuggestion {
    /* Add some vertical space before the article */
    margin-top: 1.5em;
    }

    .dsl_article, .dsl_definition, .dsl_ex, .dsl_opt, .dsl_lang, .dsl_m0, .dsl_m1, .dsl_m2, .dsl_m3, .dsl_m4, .dsl_u, .dsl_b, .dsl_i
    {
    .dsl_article,
    .dsl_definition,
    .dsl_ex,
    .dsl_opt,
    .dsl_lang,
    .dsl_m0,
    .dsl_m1,
    .dsl_m2,
    .dsl_m3,
    .dsl_m4,
    .dsl_u,
    .dsl_b,
    .dsl_i {
    color: white !important;
    }

    .dsl_p {
    color: #FF7400 !important;
    color: #ff7400 !important;
    }

    .dsl_b font {
    color: #FFD300 !important;
    color: #ffd300 !important;
    }

    .dsl_m2 font {
    color: #71FF35 !important;
    color: #71ff35 !important;
    }

    .dsl_i font {
    color: white !important;
    }

    .dsl_article .dsl_definition {
    color: #FFEA13 !important;
    color: #ffea13 !important;
    }

    .dsl_article .dsl_definition font[color="darkcyan"]
    {
    color: #FFEA13 !important;
    .dsl_article .dsl_definition font[color="darkcyan"] {
    color: #ffea13 !important;
    }

    .dsl_article .dsl_definition font[color="teal"]
    {
    color: #FFEA13 !important;
    .dsl_article .dsl_definition font[color="teal"] {
    color: #ffea13 !important;
    }

    .dsl_article .dsl_definition font[color="darkslategray"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="darkslategray"] {
    color: #e7003e !important;
    }

    .dsl_article .dsl_definition font[color="darkslateblue"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="darkslateblue"] {
    color: #e7003e !important;
    }

    .dsl_article .dsl_definition font[color="darkmagenta"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="darkmagenta"] {
    color: #e7003e !important;
    }

    .dsl_article .dsl_definition font[color="sienna"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="sienna"] {
    color: #e7003e !important;
    }

    .dsl_article .dsl_definition font[color="rosybrown"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="rosybrown"] {
    color: #e7003e !important;
    }

    .dsl_article .dsl_definition font[color="dimgray"]
    {
    .dsl_article .dsl_definition font[color="dimgray"] {
    color: white !important;
    }

    .dsl_article .dsl_definition font[color="green"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="green"] {
    color: #e7003e !important;
    }

    .dsl_article .dsl_definition font[color="darkgreen"]
    {
    color: #E7003E !important;
    .dsl_article .dsl_definition font[color="darkgreen"] {
    color: #e7003e !important;
    }

    ::selection
    {
    background: yellow;
    color: white;
    ::selection {
    background: #5294e2;
    color: white;
    }

    code::selection
    {
    background: white;
    code::selection {
    background: white;
    }

    .dsl_s_wav img, .lsa_play img, .forvo_play img[alt="Play"]
    {
    .dsl_s_wav img,
    .lsa_play img,
    .forvo_play img[alt="Play"] {
    /**
    display: none;
    **/
    }

    .dsl_s_wav a, .lsa_play td:nth-of-type(1) a, .forvo_play td:nth-of-type(1) a
    {
    .dsl_s_wav a,
    .lsa_play td:nth-of-type(1) a,
    .forvo_play td:nth-of-type(1) a {
    color: white;
    width: 18px;
    height: 14px;
    @@ -208,13 +223,25 @@ code::selection
    * OALD9 Dictionary
    */

    .mdict, .mdict ol, .head-jump-pos, .head-jump-entry, .h-g, sn-gs, .sn-g, .x-gs, .xg, .rx-g, .x, .num, .def, .label-g, .collapse
    {
    .mdict,
    .mdict ol,
    .head-jump-pos,
    .head-jump-entry,
    .h-g,
    sn-gs,
    .sn-g,
    .x-gs,
    .xg,
    .rx-g,
    .x,
    .num,
    .def,
    .label-g,
    .collapse {
    color: white !important;
    }

    .head-jump-pos a
    {
    .head-jump-pos a {
    display: inline-block;
    background-color: green;
    color: white !important;
    @@ -229,126 +256,129 @@ code::selection
    border-radius: 2px;
    }

    .mdict .if-gs
    {
    color: #E7003E !important;
    .mdict .if-gs {
    color: #e7003e !important;
    }

    .mdict .gram-g
    {
    color: #FF7400 !important;
    .mdict .gram-g {
    color: #ff7400 !important;
    }

    .mdict .top-container
    {
    .mdict .top-container {
    line-height: 1.2em !important;
    }

    .mdict .collapse, .mdict .webtop-g
    {
    background-color: #03A9F4 !important;
    border-left: 3px solid #03A9F4 !important;
    .mdict .collapse,
    .mdict .webtop-g {
    background-color: #03a9f4 !important;
    border-left: 3px solid #03a9f4 !important;
    }

    .mdict .collapse .body .h1, .mdict .collapse .body .deflist .li .eb
    {
    color: #D32F2F !important;
    .mdict .collapse .body .h1,
    .mdict .collapse .body .deflist .li .eb {
    color: #d32f2f !important;
    }

    .mdict .collapse .body .inline .li
    {
    color: #512DA8 !important;
    .mdict .collapse .body .inline .li {
    color: #512da8 !important;
    }

    /** Fix numbered list **/
    .mdict ol
    {
    .mdict ol {
    list-style-type: none;
    }

    .mdict ol li
    {
    .mdict ol li {
    counter-increment: step-counter;

    }

    .mdict ol li::before
    {
    .mdict ol li::before {
    content: counter(step-counter);
    color: #E7003E !important;
    color: #e7003e !important;
    font-weight: bold;
    }

    /** Fix phonetics **/

    .mdict .phon {
    color: #E7003E !important;
    color: #e7003e !important;
    font-weight: bold;
    }

    /**
    * Longman Dictionary 6
    */

    .entry, .example, .collocate, .collgloss, .sense, .neutral, .exas li
    {
    .entry,
    .example,
    .collocate,
    .collgloss,
    .sense,
    .neutral,
    .exas li {
    color: white !important;
    }

    .hyphenation, .homnum, .frequent
    {
    color: #FFEB3B !important;
    .hyphenation,
    .homnum,
    .frequent {
    color: #ffeb3b !important;
    }

    .pron, .amevarpron
    {
    color: #D32F2F !important;
    .pron,
    .amevarpron {
    color: #d32f2f !important;
    font-weight: bold;
    }

    .gram, .registerlab
    {
    color: #03A9F4 !important;
    .gram,
    .registerlab {
    color: #03a9f4 !important;
    }

    .propformprep, .expr, .colloc, .collo, .exp, .display, .nodeword {
    color: #FF4081 !important;
    .propformprep,
    .expr,
    .colloc,
    .collo,
    .exp,
    .display,
    .nodeword {
    color: #ff4081 !important;
    }

    .sensenum
    {
    color: #E7003E !important;
    .sensenum {
    color: #e7003e !important;
    }

    .collobox
    {
    background-color: #448AFF !important;
    border-color: #448AFF !important;
    .collobox {
    background-color: #448aff !important;
    border-color: #448aff !important;
    }

    .thesbox
    {
    background-color: #FFEB3B !important;
    border-color: #FFEB3B !important;
    .thesbox {
    background-color: #ffeb3b !important;
    border-color: #ffeb3b !important;
    }

    .grambox .expl, .grambox .compareword, .collobox .section, .thesbox .section
    {
    background-color: #201F1F !important;
    .grambox .expl,
    .grambox .compareword,
    .collobox .section,
    .thesbox .section {
    background-color: #4b5162 !important;
    }

    .secheading
    {
    background-color: #1976D2 !important;
    .secheading {
    background-color: #1976d2 !important;
    }
    /**
    * Từ điển Lạc Việt
    */
    table, #definition_T_id, #mh_n_T_id, #mh_T_id, #C_C
    {

    table,
    #definition_T_id,
    #mh_n_T_id,
    #mh_T_id,
    #C_C {
    color: white !important;
    }

    #C_C font {
    color: white !important;
    }
    }
    25 changes: 17 additions & 8 deletions qt-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -1,10 +1,19 @@
    MainWindow #searchPane #translateLine, MainWindow #searchPane #wordList
    {
    background: #201F1F;
    color: #D4D2CF;
    /* mkdir ~/.goldendict/styles/sim-dark-theme/
    then put this stylesheet there */
    MainWindow #searchPane #translateLine,
    MainWindow #searchPane #wordList {
    background: #737c96;
    color: white;
    }
    MainWindow #translateLine, ScanPopup #translateLine, MainWindow #wordList, MainWindow #dictsPane #dictsList, MainWindow #historyPane #historyList
    {
    background: #201F1F;
    color: #D4D2CF
    MainWindow #favoritesPane #favoritesTree {
    background: #4b5162;
    color: white;
    }
    MainWindow #translateLine,
    ScanPopup #translateLine,
    MainWindow #wordList,
    MainWindow #dictsPane #dictsList,
    MainWindow #historyPane #historyList {
    background: #4b5162;
    color: #d4d2cf;
    }
  3. Thanh Dũng TRƯƠNG revised this gist Jun 17, 2016. 1 changed file with 140 additions and 1 deletion.
    141 changes: 140 additions & 1 deletion article-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -81,7 +81,9 @@ ul
    padding-left: 0.3em;
    }

    /* The first headword in a (possibly) multi-headword DSL article */
    /**
    * Old Dictionaries using DSL format
    */
    .gdarticlebody > span:first-child .dsl_headwords,
    .gdarticlebody > h3:first-child
    {
    @@ -202,6 +204,143 @@ code::selection
    **/
    }

    /**
    * OALD9 Dictionary
    */

    .mdict, .mdict ol, .head-jump-pos, .head-jump-entry, .h-g, sn-gs, .sn-g, .x-gs, .xg, .rx-g, .x, .num, .def, .label-g, .collapse
    {
    color: white !important;
    }

    .head-jump-pos a
    {
    display: inline-block;
    background-color: green;
    color: white !important;
    padding-top: 2px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    text-decoration: none;
    font-size: 90%;
    border-radius: 2px;
    }

    .mdict .if-gs
    {
    color: #E7003E !important;
    }

    .mdict .gram-g
    {
    color: #FF7400 !important;
    }

    .mdict .top-container
    {
    line-height: 1.2em !important;
    }

    .mdict .collapse, .mdict .webtop-g
    {
    background-color: #03A9F4 !important;
    border-left: 3px solid #03A9F4 !important;
    }

    .mdict .collapse .body .h1, .mdict .collapse .body .deflist .li .eb
    {
    color: #D32F2F !important;
    }

    .mdict .collapse .body .inline .li
    {
    color: #512DA8 !important;
    }

    /** Fix numbered list **/
    .mdict ol
    {
    list-style-type: none;
    }

    .mdict ol li
    {
    counter-increment: step-counter;

    }

    .mdict ol li::before
    {
    content: counter(step-counter);
    color: #E7003E !important;
    font-weight: bold;
    }

    /** Fix phonetics **/

    .mdict .phon {
    color: #E7003E !important;
    font-weight: bold;
    }

    /**
    * Longman Dictionary 6
    */

    .entry, .example, .collocate, .collgloss, .sense, .neutral, .exas li
    {
    color: white !important;
    }

    .hyphenation, .homnum, .frequent
    {
    color: #FFEB3B !important;
    }

    .pron, .amevarpron
    {
    color: #D32F2F !important;
    font-weight: bold;
    }

    .gram, .registerlab
    {
    color: #03A9F4 !important;
    }

    .propformprep, .expr, .colloc, .collo, .exp, .display, .nodeword {
    color: #FF4081 !important;
    }

    .sensenum
    {
    color: #E7003E !important;
    }

    .collobox
    {
    background-color: #448AFF !important;
    border-color: #448AFF !important;
    }

    .thesbox
    {
    background-color: #FFEB3B !important;
    border-color: #FFEB3B !important;
    }

    .grambox .expl, .grambox .compareword, .collobox .section, .thesbox .section
    {
    background-color: #201F1F !important;
    }

    .secheading
    {
    background-color: #1976D2 !important;
    }
    /**
    * Từ điển Lạc Việt
    */
  4. Thanh Dũng TRƯƠNG created this gist Jun 17, 2016.
    215 changes: 215 additions & 0 deletions article-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,215 @@
    body
    {
    margin-top: 1px;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background: #201F1F;
    color: white;
    font-family: Bookerly, Segoe UI, Palatino Linotype, Arial Unicode MS;
    }

    a:link
    {
    color: orange;
    }

    ul
    {
    color: white;
    }

    .gdarticle
    {
    background: #201F1F;
    color: white;
    margin-top: 0.1em;
    margin-bottom: 0.4em;
    padding: 5px;
    border: 1px solid white;
    }

    .gdactivearticle
    {
    border: 1px solid #3399FF;
    }

    .gdarticleseparator + script + .gdactivearticle .gddictname
    {
    border-top: 1px solid #3399FF;
    }

    .gdarticleseparator
    {
    display: none;
    }

    .gddictname
    {
    font-size: 14px;
    font-weight: normal;
    float: right;
    border: 0px;
    margin: -6px;
    margin-bottom: 5px;
    margin-left: 2px;
    padding-right: 0.4em;

    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    }

    .gdactivearticle .gddictname
    {
    font-size: 14px;
    font-weight: normal;
    margin: -6px;
    margin-bottom: 5px;
    margin-left: 2px;

    float: right;
    border: 1px solid white;
    }

    .gddicticon
    {
    display: inline;
    vertical-align: text-bottom;
    float: right;
    padding-right: 0em;
    padding-left: 0.3em;
    }

    /* 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;
    }

    .gdspellsuggestion
    {
    /* Add some vertical space before the article */
    margin-top: 1.5em;
    }

    .dsl_article, .dsl_definition, .dsl_ex, .dsl_opt, .dsl_lang, .dsl_m0, .dsl_m1, .dsl_m2, .dsl_m3, .dsl_m4, .dsl_u, .dsl_b, .dsl_i
    {
    color: white !important;
    }

    .dsl_p {
    color: #FF7400 !important;
    }

    .dsl_b font {
    color: #FFD300 !important;
    }

    .dsl_m2 font {
    color: #71FF35 !important;
    }

    .dsl_i font {
    color: white !important;
    }

    .dsl_article .dsl_definition {
    color: #FFEA13 !important;
    }

    .dsl_article .dsl_definition font[color="darkcyan"]
    {
    color: #FFEA13 !important;
    }

    .dsl_article .dsl_definition font[color="teal"]
    {
    color: #FFEA13 !important;
    }

    .dsl_article .dsl_definition font[color="darkslategray"]
    {
    color: #E7003E !important;
    }

    .dsl_article .dsl_definition font[color="darkslateblue"]
    {
    color: #E7003E !important;
    }

    .dsl_article .dsl_definition font[color="darkmagenta"]
    {
    color: #E7003E !important;
    }

    .dsl_article .dsl_definition font[color="sienna"]
    {
    color: #E7003E !important;
    }

    .dsl_article .dsl_definition font[color="rosybrown"]
    {
    color: #E7003E !important;
    }

    .dsl_article .dsl_definition font[color="dimgray"]
    {
    color: white !important;
    }

    .dsl_article .dsl_definition font[color="green"]
    {
    color: #E7003E !important;
    }

    .dsl_article .dsl_definition font[color="darkgreen"]
    {
    color: #E7003E !important;
    }

    ::selection
    {
    background: yellow;
    color: white;
    }

    code::selection
    {
    background: white;
    }

    .dsl_s_wav img, .lsa_play img, .forvo_play img[alt="Play"]
    {
    /**
    display: none;
    **/
    }

    .dsl_s_wav a, .lsa_play td:nth-of-type(1) a, .forvo_play td:nth-of-type(1) a
    {
    color: white;
    width: 18px;
    height: 14px;
    /**
    display: inline-block;
    background: url('file:///control_play_lingvo.png') no-repeat center;
    vertical-align: text-bottom;
    -webkit-user-select: none;
    user-select: none;
    **/
    }

    /**
    * Từ điển Lạc Việt
    */
    table, #definition_T_id, #mh_n_T_id, #mh_T_id, #C_C
    {
    color: white !important;
    }

    #C_C font {
    color: white !important;
    }
    10 changes: 10 additions & 0 deletions qt-style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,10 @@
    MainWindow #searchPane #translateLine, MainWindow #searchPane #wordList
    {
    background: #201F1F;
    color: #D4D2CF;
    }
    MainWindow #translateLine, ScanPopup #translateLine, MainWindow #wordList, MainWindow #dictsPane #dictsList, MainWindow #historyPane #historyList
    {
    background: #201F1F;
    color: #D4D2CF
    }