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

annotate sat_templates/templates/default/static/styles.css @ 170:6c251da9a4f3

style improvment

author	Goffi <goffi@goffi.org>
date	Sat, 19 Jan 2019 11:49:18 +0100
parents	6f05d4bdc58e
children	cede18c118c9

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

Mercurial > libervia-templates

annotate sat_templates/templates/default/static/styles.css @ 170:6c251da9a4f3