libervia-templates: sat_templates/templates/default/static/styles.css annotate

annotate sat_templates/templates/default/static/styles.css @ 166:178f55b825b7

small refactoring/redesign, better BEM integration: - blog has been redesigned, and almost all blog CSS has been made generic and moved to main styles.css file. - better noscript handling, dynamic elements are created using "magic" classes (dom_update.js) - using better icons for older/newer messages - better state handling, classes now use "state_XXX" - more classes now use BEM convention - menu labels have been moved to a separate template (components/menu_labels.html), so it can be overriden easily by other sites - better styles.css organisation

author	Goffi <goffi@goffi.org>
date	Wed, 03 Oct 2018 21:00:24 +0200
parents	e9f0a4215e46
children	6f05d4bdc58e

rev	line source
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1 /*************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	2 * Constants *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	3 *************/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	4
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	5 :root {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	6 --box-bg-color: #efefef;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	7 --box--expand_limit: 20rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	8 --box--expand_height-min: 9rem;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	9 --select-bg-color: #ddd;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	10 --size-medium: 3rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	11 --color-prim: #fafafa;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	12 --color-prim--light: #ffffff;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	13 --color-prim--dark: #c7c7c7;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	14 --color-sec: #448aff;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	15 --color-sec--light: #83b9ff;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	16 --color-sec--dark: #005ecb;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	17 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	18
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	19 /*****************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	20 * Main Elements *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	21 *****************/
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	22
0 9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	23 html {
14 9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design Goffi <goffi@goffi.org> parents: 4 diff changeset	24 font-family: "sat-base-font";
0 9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	25 }
9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	26
4 e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	27 body {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	28 margin: 0;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	29 padding: 0;
4 e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	30 display: flex;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	31 height: 100vh;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	32 flex-direction: column;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	33 box-sizing: border-box;
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	34 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	35
122 9d95b58200df file: files handling first draft: Goffi <goffi@goffi.org> parents: 118 diff changeset	36 ul {
9d95b58200df file: files handling first draft: Goffi <goffi@goffi.org> parents: 118 diff changeset	37 padding: 0;
9d95b58200df file: files handling first draft: Goffi <goffi@goffi.org> parents: 118 diff changeset	38 }
9d95b58200df file: files handling first draft: Goffi <goffi@goffi.org> parents: 118 diff changeset	39
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	40 #main_side_bar {
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	41
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	42 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	43
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	44 #main_area {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	45 flex: 1;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	46 display: flex;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	47 flex-direction: column;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	48 box-sizing: border-box;
4 e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	49 }
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	50
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	51 #body {
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	52 flex: 1;
81 3eec00136867 css (main style): #body is now a positioned element Goffi <goffi@goffi.org> parents: 73 diff changeset	53 position: relative;
4 e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	54 }
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox Goffi <goffi@goffi.org> parents: 1 diff changeset	55
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	56 .page__footer {
0 9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	57 text-align: center;
9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	58 font-size: 0.7em;
9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	59 font-weight: bold;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	60 padding-top: 1em;
0 9a31d2c02f47 SàT templates, initial commit Goffi <goffi@goffi.org> parents: diff changeset	61 }
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	62
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	63 .page__footer span {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	64 background: white;
14 9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design Goffi <goffi@goffi.org> parents: 4 diff changeset	65 }
39 9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	66
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	67
39 9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	68 .post_confirm {
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	69 text-align: center;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	70 background-color: lightgreen;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	71 padding: 1em;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	72 font-size: 1.2em;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	73 font-weight: bold;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	74 width: 60%;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	75 margin: 1.5em auto;
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set Goffi <goffi@goffi.org> parents: 14 diff changeset	76 }
47 7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	77
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	78 /**********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	79 * States *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	80 **********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	81
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	82 .state_init {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	83 cursor: pointer;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	84 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	85
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	86 .other_lang.state_init>* {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	87 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	88 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	89
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	90 .show_if_init {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	91 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	92 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	93
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	94 .state_init.show_if_init {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	95 /* unset is not working well here (it uses "inline", not element default) */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	96 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	97 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	98
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	99 .show_if_parent_init {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	100 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	101 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	102
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	103 .state_init>.show_if_parent_init {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	104 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	105 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	106
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	107 .show_if_parent_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	108 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	109 }
61 f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	110
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	111 .state_clicked>.show_if_parent_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	112 /* cf. .show_if_init */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	113 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	114 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	115
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	116 .state_clicked>span.show_if_parent_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	117 /* cf. .show_if_init */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	118 display: inline;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	119 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	120
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	121 .state_clicked>.show_if_parent_not_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	122 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	123 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	124
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	125 .show_if_grandparent_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	126 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	127 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	128
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	129 .state_clicked>*>.show_if_grandparent_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	130 /* cf. .show_if_init */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	131 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	132 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	133
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	134 .state_clicked>*>.show_if_grandparent_not_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	135 display: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	136 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	137
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	138 /***********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	139 * Generic *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	140 ***********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	141
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	142 / Buttons /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	143
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	144 .btn {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	145 padding: 0.3em 0.5em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	146 background-color: #222;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	147 color: white;
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	148 border: 1px solid #555;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	149 border-radius: 0.8em;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	150 font-weight: bold;
86 92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style Goffi <goffi@goffi.org> parents: 84 diff changeset	151 }
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style Goffi <goffi@goffi.org> parents: 84 diff changeset	152
92ca411ee635 chat: new chat_select page to select a jid to talk to + improved button style Goffi <goffi@goffi.org> parents: 84 diff changeset	153
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	154 .btn:hover {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	155 background-color: var(--color-sec);
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	156 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	157
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	158 .btn-fold {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	159 border: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	160 border-radius: 1em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	161 background-color: var(--color-prim--light);
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	162 color: #727272;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	163 font-weight: bold;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	164 font-variant: small-caps;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	165 padding: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	166 cursor: pointer;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	167 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	168
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	169 .btn-fold:hover {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	170 font-weight: bold;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	171 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	172
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	173 / Labels /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	174
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	175 .labels {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	176 text-align: right;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	177 white-space: nowrap;
61 f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	178 }
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	179
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	180 .labels a {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	181 text-decoration: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	182 color: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	183 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	184
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	185 .labels span {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	186 font-variant: small-caps;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	187 font-size: 0.8rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	188 background-color: #ddd;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	189 border-radius: 0.4em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	190 padding: 0 0.5em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	191 transition: all 0.5s;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	192 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	193
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	194 .labels a>span {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	195 cursor: pointer;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	196 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	197
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	198 .labels a>span:hover {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	199 box-shadow: 0px 0px 6px 1px #000;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	200 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	201
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	202 / instructions /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	203
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	204 .instructions--head {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	205 font-size: 1.5em;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	206 text-align: center;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	207 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	208
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	209 .instructions--alt {
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	210 text-align: center;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	211 font-style: italic;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	212 }
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	213
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	214 / images /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	215
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	216 .img--center{
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	217 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	218 margin: 0 auto;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	219 max-width: 100%;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	220 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	221
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	222 .img--small {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	223 height: 100px;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	224 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	225
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	226 / other language /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	227
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	228 .other_lang.state_init>div.info>p {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	229 margin: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	230 padding: 0.2em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	231 text-align: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	232 font-style: italic;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	233 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	234
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	235 / misc /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	236
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	237 .items_vert--centered {
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	238 display: flex;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	239 flex-direction: column;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	240 align-items: center;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	241 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	242
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	243 .link--center {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	244 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	245 text-align: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	246 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	247
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	248 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	249 * pages *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	250 *********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	251
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	252 .page__title {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	253 text-align: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	254
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	255 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	256
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	257 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	258 * boxes *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	259 *********/
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	260
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	261 .box {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	262 background: var(--color-prim--light);
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	263 position: relative;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	264 border-top: solid 1px var(--color-prim-dark);
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	265 margin: 0 auto;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	266 padding: 2rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	267 max-width: 100em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	268 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	269
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	270 .box__content {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	271 text-align: justify;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	272 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	273
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	274 .box__content img {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	275 max-width: 100%;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	276 margin: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	277 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	278
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	279 .box__content video {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	280 max-width: 100%;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	281 height: auto;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	282 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	283
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	284 .box__content--plaintext {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	285 white-space: pre-wrap;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	286 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	287
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	288
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	289 .box--large {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	290 max-width: 80rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	291 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	292
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	293 .box--plain {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	294 background-color: var(--box-bg-color);
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	295 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	296
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	297 .box--medium {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	298 max-width: 50rem;
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	299 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	300
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	301 .box--small {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	302 max-width: 20rem;
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	303 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	304
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	305 .box--hollow {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	306 border-radius: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	307 border-style: solid;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	308 border-color: silver;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	309 border-width: 1px 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	310 margin: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	311 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	312
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	313 .box--paper {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	314 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	315 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	316 border: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	317 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	318
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	319 .box--comment {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	320 max-width: 40rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	321 background: var(--color-prim);
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	322 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	323
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	324 .box--center {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	325 display: flex;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	326 align-items: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	327 justify-content: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	328 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	329
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	330 .box--zero {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	331 /* box with no padding or decoration, used when we want only the margin */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	332 border: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	333 padding: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	334 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	335
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	336 .box--expand {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	337 /* a box which is folded when too big */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	338 max-height: var(--box--expand_limit);
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	339 overflow: hidden;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	340 transition: max-height 0.5s;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	341 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	342
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	343 .box__expand_zone {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	344 /* zone to click to expand/fold the box */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	345 cursor: pointer;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	346 position: absolute;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	347 left: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	348 width: 100%;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	349 transition: opacity 0.5s;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	350 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	351
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	352 .box__expand_zone--top {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	353 top: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	354 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	355
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	356 .box__expand_zone--bottom {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	357 bottom: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	358 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	359
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	360 .box__expand_zone p {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	361 background-color: white;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	362 margin: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	363 text-align: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	364 font-size: 0.8em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	365 font-variant: small-caps;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	366 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	367
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	368 .state_clicked>.box__expand_zone {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	369 opacity: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	370 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	371
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	372 .state_clicked>.box__expand_zone:hover {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	373 opacity: 1;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	374 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	375
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	376 .box__expand_zone--bottom::before {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	377 /* we do a gradient to show that text can be expanded */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	378 background-image: linear-gradient(to bottom,rgba(255,255,255,0),#ffffff);
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	379 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	380 content: "";
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	381 width: 100%;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	382 height: 4em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	383 border: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	384 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	385
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	386 .state_clicked>.box__expand_zone--bottom::before {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	387 display: none;
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	388 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	389
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	390 .box__tools {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	391 /* toolbar in a box */
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	392 margin: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	393 padding: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	394 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	395
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	396 .box__tools a {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	397 text-decoration: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	398 color: inherit;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	399 padding: 0.2em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	400 border-radius: 0.4em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	401 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	402
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	403 .box__tools a:hover {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	404 background-color: var(--select-bg-color);
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	405 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	406
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	407 .box__under {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	408 /* block under a box showing action buttons */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	409 border: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	410 padding-top: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	411 padding-bottom: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	412 text-align: right;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	413 }
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	414
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	415 /********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	416 * Blog *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	417 ********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	418
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	419 .blog__title {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	420 font-weight: bold;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	421 text-align: center;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	422 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	423
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	424 .blog__title a {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	425 color: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	426 text-decoration: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	427 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	428
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	429 .blog__metadata {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	430 text-align: right;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	431 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	432
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	433 .blog__author {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	434 font-weight: bold;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	435 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	436
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	437 .blog__author a {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	438 color: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	439 text-decoration: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	440 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	441
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	442 .blog__author::after {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	443 content: ", ";
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	444 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	445
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	446 .blog__date {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	447 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	448
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	449 .blog__date a {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	450 color: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	451 text-decoration: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	452 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	453
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	454 /**********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	455 * Panels *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	456 **********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	457
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	458 .panel-drawer {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	459 /* A panel which is hidden by default but can be
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	460 opened when it's clicked */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	461 max-height: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	462 opacity: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	463 overflow: hidden;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	464 transition: max-height 0.5s, opacity 0.5s;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	465 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	466
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	467 .panel-drawer.state_clicked {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	468 opacity: 1;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	469 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	470
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	471 /**********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	472 * blocks *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	473 **********/
129 ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	474
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	475 .block_separator {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	476 font-size: 1.4em;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	477 display: flex;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	478 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	479
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	480 .block_separator__label {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	481 display: inline-block;
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	482 margin: 0 0.2em;
129 ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	483 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	484
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	485 .block_separator__line {
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	486 height: 1px;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	487 background: #ccc;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	488 flex: 1;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	489 margin-top: 0.7em;
129 ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	490 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	491
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	492 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	493 * lists *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	494 *********/
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	495
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	496 .list {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	497 list-style: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	498 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	499 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	500 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	501
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	502 .list__item>a {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	503 text-decoration: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	504 color: inherit;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	505 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	506
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	507 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	508 * Grids *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	509 *********/
129 ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	510
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	511 .grid {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	512 display: flex;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	513 flex-wrap: wrap;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	514 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	515
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	516 ul.grid {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	517 list-style: none;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	518 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	519
129 ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	520 .grid--center {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	521 justify-content: center;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	522 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	523
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	524 li.grid__item>a {
129 ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	525 text-decoration: none;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	526 color: inherit;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	527 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	528
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	529 .grid__item--medium {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	530 width: 170px;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	531 padding: 0.2em;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	532 text-align: center;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	533 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	534
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	535 .grid__item--selectable {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	536 cursor: pointer;
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	537 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	538
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	539 .grid__item--selectable:hover {
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	540 background-color: var(--select-bg-color);
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	541 }
ca42dc037bbf file (discover): new discovery page: Goffi <goffi@goffi.org> parents: 128 diff changeset	542
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	543 /**********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	544 * Tables *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	545 **********/
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	546
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	547 .table--main {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	548 margin: 1em auto;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	549 border-collapse: collapse;
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	550 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	551 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	552
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	553 .table--main th {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	554 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	555 border: 1px solid;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	556 padding: 0.5em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	557 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	558
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	559 .table--main td {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	560 border: 1px solid;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	561 padding: 0 0.5em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	562 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	563
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	564 .table__total {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	565 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	566 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	567
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	568 .table__total_value {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	569 font-weight: bold;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	570 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	571
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	572 /***********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	573 * Avatars *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	574 ***********/
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	575
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	576 .avatar {
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	577 height: 2rem;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	578 width: 2rem;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	579 align-content: center;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	580 justify-content: center;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	581 border-radius: 0.2rem;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	582 }
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	583
157 79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	584 .avatar--generated{
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	585 display: inline-flex;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	586 flex-direction: column;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	587 }
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	588
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	589 .avatar--float-left {
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	590 float: left;
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	591 }
79e9d7bcd96e css: use inline-flex only for avatar--generated + added avatar--float-left Goffi <goffi@goffi.org> parents: 156 diff changeset	592
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	593 .avatar__content {
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	594
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	595 }
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	596
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	597 .avatar--medium {
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	598 height: var(--size-medium);
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	599 width: var(--size-medium);
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	600 border-radius: 0.5rem;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	601 }
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	602
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	603 .avatar--generated {
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	604 text-align: center;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	605 background: #43d2f6;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	606 }
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	607
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	608 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	609 * icons *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	610 *********/
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	611
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	612 .icon--medium {
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	613 height: var(--size-medium);
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	614 display: block;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	615 margin: 0 auto;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	616 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	617
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	618 .icon--small {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	619 height: 1em;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	620 vertical-align: middle;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	621 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	622
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	623 .icon--soft {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	624 fill: #777;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	625 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	626
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	627 .icon__name {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	628
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	629 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	630
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	631 /************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	632 * Messages *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	633 ************/
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	634
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	635 .message--info {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	636 max-width: 500px;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	637 margin: 0 auto;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	638 padding: 1em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	639 text-align: justify;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	640 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	641
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	642 .message--info pre {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	643 background: #ddd;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	644 padding: 1em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	645 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	646
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	647 .message--note {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	648 max-width: 500px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	649 margin: 0 auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	650 padding: 1em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	651 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	652 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	653
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	654 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	655 * Menus *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	656 *********/
61 f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	657
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	658 .menu ul {
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	659 display: flex;
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	660 margin-top: 8px;
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	661 list-style: none;
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	662 }
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	663
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	664 .menu a {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	665 display: block;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	666 color: inherit;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	667 text-decoration: none;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	668 font-variant: small-caps;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	669 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	670
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	671 .main_menu {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	672 min-width: 200px;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	673 /* background-color: #eaeaea; */
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	674 background-color: #333;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	675 color: white;
150 1b214b168948 static (css): set overflow for menu Goffi <goffi@goffi.org> parents: 147 diff changeset	676 overflow: auto;
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	677 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	678
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	679 .main_menu ul {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	680 flex-direction: row;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	681 flex-wrap: wrap;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	682 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	683
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	684 .main_menu li {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	685 flex: 1;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	686 padding: 0;
118 c744170fd597 css: minor change in menu margin Goffi <goffi@goffi.org> parents: 116 diff changeset	687 margin: 0 0.5em;
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	688 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	689
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	690 .main_menu a {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	691 display: inline;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	692 white-space: nowrap;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	693 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	694
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	695 .main_menu a:hover {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	696 background-color: initial;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	697 text-shadow: 1px 1px 2px;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	698 font-weight: bold;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	699 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	700
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	701 .category_menu ul {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	702 justify-content: center;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	703 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	704
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	705 .category_menu li {
61 f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	706 margin: 0.5em;
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	707 text-align: center;
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	708 }
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	709
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	710 .category_menu a {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	711 border: solid 1px;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	712 padding: 0.5em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	713 border-radius: 0.2em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	714 background: #eee;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	715 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	716
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	717 /**************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	718 * containers *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	719 **************/
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	720
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	721 /* tabs */
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	722
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	723 .tab__container {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	724 max-width: 1000px;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	725 margin: 0 auto;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	726 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	727
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	728 .tab__header {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	729 background-color: white;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	730 border-bottom: 1px solid lightgrey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	731 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	732
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	733 .tab__header ul {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	734 display: flex;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	735 margin: 0;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	736 padding: 0;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	737 list-style: none;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	738 background-color: white;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	739 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	740
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	741 .tab__page {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	742 box-sizing: border-box;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	743 padding-top: 2em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	744 border: 1px solid lightgrey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	745 border-top: none;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	746 display: None;
61 f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	747 }
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	748
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	749 .tab__page.state_clicked {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	750 display: block;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	751 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	752
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	753 .tab__btn {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	754 display: inline;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	755 color: grey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	756 background-color: white;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	757 border-top: 1px solid lightgrey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	758 border-left: 1px solid lightgrey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	759 border-bottom: 1px solid lightgrey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	760 padding: 0 1em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	761 cursor: pointer;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	762 /* we go down by 1px to remove bottom border from .tab_header */
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	763 margin-bottom: -1px;
61 f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	764 }
f76ec90e0e1e base: menus handling, first draft: Goffi <goffi@goffi.org> parents: 54 diff changeset	765
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	766 .tab__btn.state_clicked {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	767 /* background: lightgrey; */
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	768 color: inherit;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	769 border-bottom: none;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	770 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	771
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	772 li.tab__btn:last-child {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	773 border-right: 1px solid lightgrey;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	774 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	775
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	776 .tab__btn input {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	777 display: None;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	778 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	779
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	780 .tab__btn label {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	781 margin: 1em;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	782 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	783
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	784 .tab__button input:checked + label {
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	785 font-weight: bold;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	786 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	787
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	788 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	789 * Forms *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	790 *********/
47 7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	791
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	792 /* a form with only one field */
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	793
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	794 .form--paper label {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	795 font-variant: small-caps;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	796 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	797
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	798 .form--paper label.required:after {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	799 content: " *";
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	800 font-weight: bold;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	801 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	802
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	803 .form--paper textarea {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	804 resize: vertical;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	805 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	806
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	807 .form--single {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	808 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	809 justify-content: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	810 align-items: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	811 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	812 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	813
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	814 .form--single input:not([type="submit"]) {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	815 margin: 1em 1em;
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	816 width: 15em;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	817 border-radius: 0.7em;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	818 outline: none;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	819 border: 1px solid black;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	820 padding: 0.4em;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	821 box-shadow: none;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	822 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	823
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	824 .form--single .form_input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	825 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	826 justify-content: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	827 align-items: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	828 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	829 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	830
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	831
47 7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	832 .form_submit {
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	833 margin: 1em auto 0;
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	834 display: block;
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	835 }
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	836
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	837 .form--single .form_submit {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	838 margin: 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	839 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	840
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	841 .form_jid {
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	842 text-align: center;
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	843 }
4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	844
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	845 .form__panel--vertical {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	846 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	847 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	848 padding: 2em 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	849 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	850
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	851 .form__panel--vertical label {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	852 display: block;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	853 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	854
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	855 .form__panel--vertical .form_input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	856 margin: 0.5em 0;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	857 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	858
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	859 .form__panel--center textarea,input:not([type="radio"]) {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	860 display: block;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	861 margin-left: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	862 margin-right: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	863 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	864
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	865 .form__panel--center label {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	866 text-align: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	867 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	868
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	869 .form__field--tiny>input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	870 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	871 width: 3em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	872 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	873
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	874 .form__field--small>input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	875 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	876 width: 20em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	877 max-width: 95%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	878 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	879
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	880 .form__field--medium>input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	881 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	882 width: 50em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	883 max-width: 95%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	884 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	885
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	886 .form__field--big>input,textarea {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	887 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	888 width: 100%;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	889 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	890
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	891 /*************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	892 * Textboxes *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	893 *************/
116 da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	894
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	895 .textbox {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	896 margin-left: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	897 margin-right: auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	898 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	899
116 da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	900 form.textbox>* {
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	901 display: block;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	902 margin: 1em auto;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	903 text-align: center;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	904 max-width: 100%;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	905 box-sizing: border-box;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	906 }
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	907
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	908 form.textbox>textarea {
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	909 text-align: left;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	910 }
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	911
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	912 .log_request {
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	913 text-align: center;
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	914 }
da8f1ba9034d input/comment: renamed "comment" library to "textbox", and made it more generic Goffi <goffi@goffi.org> parents: 115 diff changeset	915
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	916 /**************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	917 * Navigation *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	918 **************/
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	919
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	920 .prev_next ul {
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	921 list-style: none;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	922 display: flex;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	923 padding: 0;
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	924 margin: 0;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	925 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	926
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	927 .prev_next li {
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	928 flex: 1;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	929 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	930
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	931 .prev_next li.prev_next__older {
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	932 text-align: right;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	933 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	934
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	935
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	936 .prev_next a {
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	937 display: inline-block;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	938 margin-top: 1em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	939 padding: 0.2em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	940 text-decoration: None;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	941 color: inherit;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	942 font-variant: small-caps;
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	943 background-color: var(--color-prim--light);
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	944 border-radius: 0.5em;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	945 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	946
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	947 .prev_next a:hover {
115 5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	948 background-color: #ddd;
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	949 }
5d9e2270ceb4 blog/articles, input/navigation: moved navigation template in a dedicated macro Goffi <goffi@goffi.org> parents: 86 diff changeset	950
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	951 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	952 * XMLUI *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	953 *********/
47 7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	954
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	955 .xmlui_cont_vertical>* {
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	956 display: block;
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	957 box-sizing: border-box;
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	958 }
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	959
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	960 .xmlui_cont_vertical>.xmlui_widget {
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	961 width: 100%;
54 a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	962 min-height: 1em;
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	963 min-width: 1px;
47 7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	964 }
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	965
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	966 label.xmlui_label {
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	967 font-weight: bold;
7d5cca978eeb input/xmlui: XMLUI generation first draft Goffi <goffi@goffi.org> parents: 39 diff changeset	968 }
54 a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	969
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	970 ul.xmlui_list {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	971 list-style: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	972 display: flex;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	973 flex-direction: column;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	974 padding: 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	975 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	976
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	977 .xmlui_list li {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	978 display: inline-flex;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	979 background: #eee;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	980 padding: 0.5em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	981 margin: 0.5em 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	982 border: 1px solid silver;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	983 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	984
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	985 .xmlui_list li:hover {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	986 background: yellow;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	987 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	988
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	989 .xmlui_list a {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	990 display: flex;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	991 width: 100%;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	992 text-decoration: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	993 color: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	994 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	995
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	996 .xmlui_list a:visited {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	997 color: inherit;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	998 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	999
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1000 .xmlui_field__id {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1001 font-style: italic;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1002 padding-right: 1em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1003 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1004
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1005 .xmlui_field__title {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1006 padding-right: 1em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1007 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1008
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1009
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1010
54 a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1011 td a {
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1012 /* we use <a> for non JS links in table
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1013 * so we don't want specific color/text-decoration by default
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1014 */
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1015 color: inherit;
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1016 text-decoration: inherit;
a5dc14675d5e login: login, logged and registration pages Goffi <goffi@goffi.org> parents: 47 diff changeset	1017 }
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1018
84 b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1019
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1020 /*****************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1021 * Notifications *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1022 *****************/
84 b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1023
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1024 .notification.retry {
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1025 position: fixed;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1026 top: 1rem;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1027 margin: auto;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1028 width: 80%;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1029 background: #DB1616;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1030 border: 3px solid silver;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1031 left: 10%;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1032 text-align: center;
84 b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1033 }
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1034
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1035 #retry_counter {
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1036 font-weight: bold;
84 b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1037 }
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1038
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1039 #retry_now {
133 0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1040 color: blue;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1041 text-decoration: underline;
0a0d9a953d98 css: some more refactoring Goffi <goffi@goffi.org> parents: 129 diff changeset	1042 cursor: pointer;
84 b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1043 }
b2ef34e602cf base, js (websocket), css (main style): dynamic pages implementation, first draft: Goffi <goffi@goffi.org> parents: 81 diff changeset	1044
73 94b04fba91c7 css (styles): use 800px as media query limit instead of 500px, should fix menu issues on some phones. Goffi <goffi@goffi.org> parents: 66 diff changeset	1045 @media (min-width: 800px) {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1046
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1047 /*****************
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1048 * Main Elements *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1049 *****************/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1050
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1051 html {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1052 background-size: auto;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1053 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1054
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1055 body {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1056 flex-direction: row;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1057 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1058
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1059 #main_area {
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1060 overflow: auto;
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1061 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1062
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1063 /***********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1064 * Generic *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1065 ***********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1066
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1067 .btn-fold {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1068 padding: 0.3em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1069 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1070
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1071 / instructions /
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1072
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1073 .instructions--alt {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1074 padding-top: 3rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1075 margin-bottom: 3rem;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1076 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1077
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1078
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1079 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1080 * boxes *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1081 *********/
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1082
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1083 .box {
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1084 border-radius: 0.2em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1085 box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.2);
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1086 margin: 1em auto;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1087 border: solid 1px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1088 border-color: #9ca0a8;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1089 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1090
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1091 .box--medium {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1092 width: 33rem;
156 b01b58d06894 css: set max_width for box--medium Goffi <goffi@goffi.org> parents: 155 diff changeset	1093 max-width: 100%;
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1094 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1095
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1096 .box--hollow {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1097 border-radius: 0.2em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1098 border-width: 1px;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1099 margin: 0.5em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1100 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1101
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1102 .box--zero {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1103 box-shadow: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1104 border: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1105 background: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1106 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1107
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1108 .box__under {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1109 /* block under a box showing action buttons */
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1110 box-shadow: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1111 border: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1112 background: none;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1113 text-align: right;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1114 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1115
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1116 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1117 * Forms *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1118 *********/
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1119
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1120 .form__panel--vertical {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1121 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1122 flex-direction: column;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1123 padding: 2em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1124 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1125
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1126 .form__field--big>input,textarea {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1127 box-sizing: border-box;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1128 width: 95%;
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1129 }
9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1130
155 954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1131 .form--single input:not([type="submit"]) {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1132 margin: 0 1em;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1133 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1134
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1135 .form--single {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1136 display: flex;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1137 justify-content: center;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1138 flex-direction: row;
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1139 }
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1140
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1141 .form--single .form_input {
954759f0e8fa css: styles improvments + following a bit more BEM conventions Goffi <goffi@goffi.org> parents: 150 diff changeset	1142 flex-direction: row;
128 4f27ce980ced css: started to refactor CSS class to follow BEM conventions Goffi <goffi@goffi.org> parents: 122 diff changeset	1143 }
166 178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1144
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1145 /*********
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1146 * Menus *
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1147 *********/
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1148
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1149 .main_menu a {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1150 display: block;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1151 padding: 1em 0;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1152 }
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1153
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1154 .main_menu ul {
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1155 flex-direction: column;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1156 padding-left: 2em;
178f55b825b7 small refactoring/redesign, better BEM integration: Goffi <goffi@goffi.org> parents: 164 diff changeset	1157 }
66 9834106678da base: menu implementation: Goffi <goffi@goffi.org> parents: 61 diff changeset	1158 }

Mercurial > libervia-templates

annotate sat_templates/templates/default/static/styles.css @ 166:178f55b825b7