Overview
Comment: | [fx] CSS protection for the panel. Specify on which selector type rules are applied |
---|---|
Downloads: | Tarball | ZIP archive | SQL archive |
Timelines: | family | ancestors | descendants | both | trunk | fx |
Files: | files | file ages | folders |
SHA3-256: |
310a839d866e9ed756c729ea1c6fc60f |
User & Date: | olr on 2018-03-26 20:46:19 |
Other Links: | manifest | tags |
Context
2018-03-26
| ||
20:51 | [fx] CSS protection for the lexicographer panel. Specify on which selector type rules are applied check-in: b0d2b75ae1 user: olr tags: trunk, fx | |
20:46 | [fx] CSS protection for the panel. Specify on which selector type rules are applied check-in: 310a839d86 user: olr tags: trunk, fx | |
20:43 | [fx] CSS protection for the message box. Specify on which selector type rules are applied check-in: 50786fb397 user: olr tags: trunk, fx | |
Changes
Modified gc_lang/fr/webext/content_scripts/panel.css from [84bdb6c793] to [9d799fd2a8].
1 2 3 4 5 | /* CSS Content panels for Grammalecte */ | | | | | | | | | | | | | | | | | | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 | /* CSS Content panels for Grammalecte */ div.grammalecte_panel { all: initial; padding: 0; margin: 0; position: fixed; box-sizing: content-box; z-index: 2147483641; /* maximum is 2147483647: https://stackoverflow.com/questions/491052/minimum-and-maximum-value-of-z-index */ border: 2px solid hsl(210, 10%, 50%); border-radius: 10px 10px 10px 10px; background-color: hsl(210, 0%, 100%); color: hsl(0, 0%, 0%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; box-shadow: 0 0 2px 1px hsla(210, 50%, 50%, .5); line-height: normal; text-shadow: none; text-decoration: none; text-align: left; hyphens: none; } div.grammalecte_panel img { display: inline-block; margin: 0; padding: 0; } div.grammalecte_panel_bar { position: sticky; width: 100%; background-color: hsl(210, 0%, 90%); border-radius: 10px 10px 0 0; border-bottom: 1px solid hsl(210, 10%, 80%); color: hsl(210, 10%, 4%); font-size: 20px; } div.grammalecte_panel_title { padding: 10px 20px; } div.grammalecte_panel_label { display: inline-block; padding: 0 10px; font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; } div.grammalecte_panel_invisible_marker { position: absolute; /*visibility: hidden;*/ font-size: 6px; color: hsl(210, 0%, 90%); /* same color than panel_bar background */ } div.grammalecte_panel_commands { float: right; } div.grammalecte_copy_button { display: inline-block; padding: 2px 10px; background-color: hsl(150, 80%, 30%); border-radius: 0 0 0 3px; font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 22px; font-weight: bold; color: hsl(150, 0%, 100%); text-align: center; cursor: pointer; } div.grammalecte_copy_button:hover { background-color: hsl(150, 100%, 40%); } div.grammalecte_move_button { display: inline-block; padding: 2px 5px; background-color: hsl(180, 80%, 50%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 22px; font-weight: bold; color: hsl(180, 0%, 100%); text-align: center; cursor: pointer; } div.grammalecte_move_button:hover { background-color: hsl(180, 100%, 60%); } div.grammalecte_close_button { display: inline-block; padding: 2px 10px; border-radius: 0 8px 0 0; background-color: hsl(0, 80%, 50%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 22px; font-weight: bold; color: hsl(210, 0%, 100%); text-align: center; cursor: pointer; } div.grammalecte_close_button:hover { background-color: hsl(0, 100%, 60%); } div.grammalecte_panel_content { position: absolute; width: 100%; height: calc(100% - 55px); /* panel height - title_bar */ overflow: auto; } div.grammalecte_panel_message { margin: 10px; padding: 10px; border-radius: 5px; background-color: hsl(0, 50%, 40%); color: hsl(0, 50%, 96%); font-family: "Trebuchet MS", "Fira Sans", "Liberation Sans", sans-serif; font-size: 16px; } /* Spinner */ div.grammalecte_spinner { visibility: hidden; box-sizing: border-box; width: 40px; height: 40px; position: absolute; top: 0px; right: 200px; |
︙ | ︙ |