User:Hagindaz/per book/French.css

Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate reading room.
This code will be executed when previewing this page.

Documentation for this user script can be added at User:Hagindaz/per book/French. This user script seems to have an accompanying .js page at User:Hagindaz/per book/French.js.

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Mozilla / Firefox / Safari: hold down Shift while clicking Reload, or press Ctrl-Shift-R (Cmd-Shift-R on Apple Mac);
Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5;
Konqueror: simply click the Reload button, or press F5;
Opera users may need to completely clear their cache in Tools→Preferences.

/* Notes:
 * * Since this is JavaScript-only, only add styles here that would be difficult to add inline, or which only apply to JavaScript content.
 * * Add container styles to {{French/Box style}} and text styles to {{French/Style}}.
 */

/* tables */
table.french-table > tbody > tr > td {
   border: solid rgb(237, 235, 232) thin;
   padding-left: 5px;
   padding-right: 5px;
}

table.french-table > tbody > tr > th {
   background-color: rgb(247, 245, 242);
   text-align: center;
   font-weight: bold;
}

table.french-table > tbody > tr > td:first-child,
table.french-table > tbody > tr > th {
   padding-left: 7px;
}

table.french-table > tbody > tr > td:last-child,
table.french-table > tbody > tr > th {
   padding-right: 7px;
}

table.french-table > tbody > tr > td:empty,
table.french-table > tbody > tr > th:empty {
   padding: 0;
   border: 0;
}
/* /tables */


/* translations tables */
table.french-table.french-translations:not(.french-dialogue) > tbody > tr > td:first-child /* French */,
table.french-table.french-translations > tbody > tr > td:nth-of-type(5) /* French sample sentence */ {
   background-color: rgb(247, 245, 242);
}

table.french-table.french-translations:not(.french-dialogue) > tbody > tr > td:nth-of-type(2) /* IPA */,
table.french-table.french-translations > tbody > tr > td:nth-of-type(4) /* usage notes */ {
   color: rgb(100, 100, 100);
}

table.french-table.french-translations > tbody > tr > td:nth-of-type(1):not(:empty) /* French */,
table.french-table.french-translations > tbody > tr > td:nth-of-type(2):not(:empty) /* IPA */,
table.french-table.french-translations > tbody > tr > td:nth-of-type(3):not(:empty) /* English */ {
   min-width: 100px;
}

table.french-table.french-translations > tbody > tr > td:nth-of-type(5) /* French sample sentence */,
table.french-table.french-translations > tbody > tr > td:nth-of-type(6) /* English sentence */ {
   color: rgb(50, 50, 50);
   font-style: italic;
}

table.french-table.french-translations > tbody > tr > td:nth-of-type(4):not(:empty)::before /* usage notes */ {
   content: "(";
}

table.french-table.french-translations > tbody > tr > td:nth-of-type(4):not(:empty)::after /* usage notes */ {
   content: ")";
}

table.french-table.french-translations > tbody > tr:hover td:not(.french-english-visibility-toggle-cell) {
   background-color: rgb(237, 235, 222);
}
/* /translations tables */


/* dialogues */
table.french-table.french-dialogue:not(.french-translations) > tbody > tr > td:first-child /* either speaker's name, if table does not include translations */,
table.french-table.french-dialogue.french-translations > tbody > tr:nth-of-type(even):not(:last-child) > td:first-child /* either speaker's name, if table includes translations */ {
   text-align: right;
   min-width: 70px;
   background-color: rgb(247, 245, 242);
}

table.french-table.french-dialogue:not(.french-translations) > tbody > tr > td:first-child::after /* either speaker's name, if table does not include translations */,
table.french-table.french-dialogue.french-translations > tbody > tr:nth-of-type(even):not(:last-child) > td:first-child::after /* either speaker's name, if table includes translations */ {
   content: " : ";
}

table.french-table.french-dialogue > tbody > tr:not(:first-child):not(:last-child) > td:nth-of-type(2) /* either speaker's French line */,
table.french-table.french-dialogue:not(.french-translations) > tbody > tr:not(:first-child):last-child > td:nth-of-type(2) /* either speaker's French line */,
table.french-table.french-dialogue.french-translations > tbody > tr:nth-of-type(odd):not(:first-child):not(:last-child) > td:nth-of-type(1) /* either speaker's English line */ {
   font-style: italic;
}

table.french-table.french-dialogue:not(.french-translations) > tbody > tr:nth-of-type(odd) > td:nth-of-type(2) /* second speaker's line, if table does not include translations */,
table.french-table.french-dialogue.french-translations > tbody > tr:nth-of-type(odd) > td:nth-of-type(1) /* either speaker's English line, if table includes translations */,
table.french-table.french-dialogue.french-translations.french-hidden-english > tbody > tr:nth-of-type(4n+4) > td:nth-of-type(2) /* second speaker's line, if table includes translations and they are hidden */ {
   color: rgb(100, 100, 100);
}

table.french-table.french-dialogue > tbody > tr:hover td:not(.french-english-visibility-toggle-cell),
table.french-table.french-dialogue.french-translations > tbody > tr:nth-of-type(even):hover + tr:nth-of-type(odd) {
   background-color: rgb(237, 235, 222) ! important;
}
/* /dialogues */


/* hidden sections */
table.french-table.french-translations > tbody > tr > td.french-english-visibility-toggle-cell {
   text-align: right;
   color: rgb(100, 100, 100);
   font-weight: normal;
   font-size: smaller;
   line-height: 110%;
   background-color: rgb(247, 245, 242);
}

table.french-table.french-translations > tbody > tr > td.french-english-visibility-toggle-cell span.french-toggle,
span.french-hidden-section-toggle-container span.french-hidden-section-toggle {
   color: #0645AD;
}

table.french-table.french-translations > tbody > tr > td.french-english-visibility-toggle-cell span.french-toggle:hover,
span.french-hidden-section-toggle-container span.french-hidden-section-toggle:hover {
   text-decoration: underline;
   cursor: pointer;
}

span.french-hidden-section-toggle-container {
   color: rgb(100, 100, 100);
   font-size: small;
   font-weight: normal;
}

table.french-table.french-translations.french-hidden-english > tbody > tr > td:nth-of-type(3) /* English */,
table.french-table.french-translations.french-hidden-english > tbody > tr > td:nth-of-type(4) /* usage notes */,
table.french-table.french-translations.french-hidden-english > tbody > tr > td:nth-of-type(6) /* English sentence */,
table.french-table.french-dialogue.french-translations.french-hidden-english > tbody > tr:nth-of-type(odd) > td:nth-of-type(1) /* either speaker's English line, if table includes translations */,
div.french-section.french-hidden {
   display: none;
}
/* /hidden sections */


/* exercises */
table.french-table.french-exercise-list > tbody > tr.french-exercise-list-row > td.french-answer::before {
   content: "›";
   color: rgb(150, 150, 150);
   margin-right: 6px;
}

table.french-table.french-exercise-list > tbody > tr.french-exercise-list-row:hover > td {
   background-color: rgb(237, 235, 222);
}

table.french-table.french-exercise-list > tbody > tr.french-exercise-list-row > td.french-answer {
   color: rgb(250, 250, 250);
}

table.french-table.french-exercise-list > tbody > tr.french-exercise-list-row:hover > td.french-answer {
   color: Black; 
}
/* /exercises */


/* misc */
span.french-IPA:hover > span.french-audio-link > french-default {
   display: none ! important;
}

span.french-IPA:hover > span.french-audio-link > french-hover {
   display: inline ! important;
}

span.french-IPA span.IPA:hover {
   color: #36b ! important;
}
/* /misc */