Mercurial > libervia-templates
annotate sat_templates/default/static/styles.css @ 147:33c7ce833d3f
install: setup.py fix + moved "default" dir in a "sat_templates" dir:
the merge request at https://bugs.goffi.org/mr/view/3 was a good basis, but not fully working ("default" dir was removed), this patch fixes it, and do some improvments:
- moved "default" in "sat_templates" dir, which correspond to the python module, so it can be found easily from python
- added VERSION, and mercurial hash detection, in the same way as for Cagou and backend
- slight modification of classifiers
- replaces tabs coming from MR by spaces
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sat, 02 Jun 2018 17:25:43 +0200 |
| parents | default/static/styles.css@b1e22caab8bc |
| children | 1b214b168948 |
| rev | line source |
|---|---|
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
1 :root { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
2 --select-bg-color: #ddd; |
| 133 | 3 --size-medium: 3em; |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
4 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
5 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
6 |
| 0 | 7 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
|
8 font-family: "sat-base-font"; |
| 0 | 9 } |
| 10 | |
|
4
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
11 body { |
| 66 | 12 margin: 0; |
| 13 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
|
14 display: flex; |
|
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
15 height: 100vh; |
|
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
16 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
|
17 box-sizing: border-box; |
| 66 | 18 } |
| 19 | |
| 122 | 20 ul { |
| 21 padding: 0; | |
| 22 } | |
| 23 | |
| 66 | 24 #main_side_bar { |
|
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
25 |
| 66 | 26 } |
| 27 | |
| 28 #main_area { | |
| 29 flex: 1; | |
| 30 display: flex; | |
| 31 flex-direction: column; | |
| 32 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
|
33 } |
|
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
34 |
|
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
35 #body { |
|
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
36 flex: 1; |
|
81
3eec00136867
css (main style): #body is now a positioned element
Goffi <goffi@goffi.org>
parents:
73
diff
changeset
|
37 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
|
38 } |
|
e6de0e67c4c1
styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents:
1
diff
changeset
|
39 |
| 0 | 40 footer { |
| 41 text-align: center; | |
| 42 font-size: 0.7em; | |
| 43 font-weight: bold; | |
| 44 } | |
|
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
45 |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
46 .box { |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
47 background-color: #edf2ff; |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
48 border-radius: 0; |
| 66 | 49 border-color: silver; |
|
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
50 } |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
51 |
|
140
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
52 .box__tools { |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
53 margin: 0; |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
54 padding: 0; |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
55 } |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
56 |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
57 .box__tools a { |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
58 text-decoration: none; |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
59 color: inherit; |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
60 padding: 0.2em; |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
61 border-radius: 0.4em; |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
62 } |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
63 |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
64 .box__tools a:hover { |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
65 background-color: var(--select-bg-color); |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
66 } |
|
b1e22caab8bc
ticket (item), merge-request (item): added "edit" button when url_ticket_edit is defined
Goffi <goffi@goffi.org>
parents:
133
diff
changeset
|
67 |
|
14
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
68 .title { |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
69 font-weight: bold; |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
70 text-align: center; |
|
9a77174abc1e
style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents:
4
diff
changeset
|
71 } |
|
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
|
72 |
|
9abef4a23af0
base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents:
14
diff
changeset
|
73 .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
|
74 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
|
75 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
|
76 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
|
77 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
|
78 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
|
79 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
|
80 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
|
81 } |
|
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
82 |
| 66 | 83 /*** Generic ***/ |
| 61 | 84 |
|
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
|
85 .button { |
| 133 | 86 padding: 0.5em 1em; |
| 87 background: #333; | |
| 88 color: #ccc; | |
| 89 border: 1px solid #555; | |
| 90 border-radius: 0.8em; | |
| 91 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
|
92 } |
|
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
93 |
|
92ca411ee635
chat: new chat_select page to select a jid to talk to + improved button style
Goffi <goffi@goffi.org>
parents:
84
diff
changeset
|
94 |
| 61 | 95 .button:hover { |
| 96 background-color: #bc0000; | |
| 97 } | |
| 98 | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
99 .instructions--head { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
100 font-size: 1.5em; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
101 text-align: center; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
102 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
103 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
104 .instructions--alt { |
| 133 | 105 text-align: center; |
| 106 font-style: italic; | |
| 107 } | |
| 108 | |
| 109 .items_vert--centered { | |
| 110 display: flex; | |
| 111 flex-direction: column; | |
| 112 align-items: center; | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
113 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
114 |
|
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
115 /*** blocks ***/ |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
116 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
117 .block_separator { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
118 font-size: 1.4em; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
119 display: flex; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
120 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
121 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
122 .block_separator__label { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
123 display: inline-block; |
| 133 | 124 margin: 0 0.2em; |
|
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
125 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
126 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
127 .block_separator__line { |
| 133 | 128 height: 1px; |
| 129 background: #ccc; | |
| 130 flex: 1; | |
| 131 margin-top: 0.7em; | |
|
129
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
132 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
133 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
134 /*** grids ***/ |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
135 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
136 .grid { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
137 list-style: none; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
138 display: flex; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
139 flex-wrap: wrap; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
140 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
141 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
142 .grid--center { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
143 justify-content: center; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
144 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
145 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
146 .grid__item>a { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
147 text-decoration: none; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
148 color: inherit; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
149 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
150 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
151 .grid__item--medium { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
152 width: 170px; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
153 padding: 0.2em; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
154 text-align: center; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
155 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
156 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
157 .grid__item--selectable { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
158 cursor: pointer; |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
159 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
160 |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
161 .grid__item--selectable:hover { |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
162 background-color: var(--select-bg-color); |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
163 } |
|
ca42dc037bbf
file (discover): new discovery page:
Goffi <goffi@goffi.org>
parents:
128
diff
changeset
|
164 |
| 133 | 165 /*** avatars ***/ |
| 166 | |
| 167 .avatar { | |
| 168 height: 2rem; | |
| 169 width: 2rem; | |
| 170 display: inline-flex; | |
| 171 flex-direction: column; | |
| 172 align-content: center; | |
| 173 justify-content: center; | |
| 174 background: #ccc; | |
| 175 border-radius: 0.2rem; | |
| 176 } | |
| 177 | |
| 178 .avatar__content { | |
| 179 | |
| 180 } | |
| 181 | |
| 182 .avatar--medium { | |
| 183 height: var(--size-medium); | |
| 184 width: var(--size-medium); | |
| 185 border-radius: 0.5rem; | |
| 186 } | |
| 187 | |
| 188 .avatar--generated { | |
| 189 text-align: center; | |
| 190 background: #43d2f6; | |
| 191 } | |
| 192 | |
| 193 | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
194 /*** icons ***/ |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
195 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
196 .icon--medium { |
| 133 | 197 height: var(--size-medium); |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
198 display: block; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
199 margin: 0 auto; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
200 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
201 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
202 .icon--small { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
203 height: 1em; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
204 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
205 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
206 .icon--soft { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
207 fill: #777; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
208 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
209 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
210 .icon__name { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
211 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
212 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
213 |
| 66 | 214 /*** Messages ***/ |
| 215 | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
216 .message--info { |
| 66 | 217 max-width: 500px; |
| 218 margin: 0 auto; | |
| 219 padding: 1em; | |
| 220 text-align: justify; | |
| 221 } | |
| 222 | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
223 .message--info pre { |
| 66 | 224 background: #ddd; |
| 225 padding: 1em; | |
| 226 } | |
| 227 | |
| 228 /*** Menus ***/ | |
| 61 | 229 |
| 230 .menu ul { | |
| 231 display: flex; | |
| 232 margin-top: 8px; | |
| 233 list-style: none; | |
| 234 } | |
| 235 | |
| 66 | 236 .menu a { |
| 237 display: block; | |
| 238 color: inherit; | |
| 239 text-decoration: none; | |
| 240 font-variant: small-caps; | |
| 241 } | |
| 242 | |
| 243 .main_menu { | |
| 244 min-width: 200px; | |
| 245 /* background-color: #eaeaea; */ | |
| 246 background-color: #333; | |
| 247 color: white; | |
| 248 } | |
| 249 | |
| 250 .main_menu ul { | |
| 251 flex-direction: row; | |
| 252 flex-wrap: wrap; | |
| 253 } | |
| 254 | |
| 255 .main_menu li { | |
| 256 flex: 1; | |
| 257 padding: 0; | |
| 118 | 258 margin: 0 0.5em; |
| 66 | 259 } |
| 260 | |
| 261 .main_menu a { | |
| 262 display: inline; | |
| 263 white-space: nowrap; | |
| 264 } | |
| 265 | |
| 266 .main_menu a:hover { | |
| 267 background-color: initial; | |
| 268 text-shadow: 1px 1px 2px; | |
| 269 font-weight: bold; | |
| 270 } | |
| 271 | |
| 272 .category_menu ul { | |
| 273 justify-content: center; | |
| 274 } | |
| 275 | |
| 276 .category_menu li { | |
| 61 | 277 margin: 0.5em; |
| 278 text-align: center; | |
| 279 } | |
| 280 | |
| 66 | 281 .category_menu a { |
| 282 border: solid 1px; | |
| 283 padding: 0.5em; | |
| 284 border-radius: 0.2em; | |
| 285 background: #eee; | |
| 286 } | |
| 287 | |
| 288 /*** containers ***/ | |
| 289 | |
| 290 /* tabs */ | |
| 291 | |
| 292 .tab_container { | |
| 293 max-width: 1000px; | |
| 294 margin: 0 auto; | |
| 295 } | |
| 296 | |
| 297 .tab_header { | |
| 298 background-color: white; | |
| 299 border-bottom: 1px solid lightgrey; | |
| 300 } | |
| 301 | |
| 302 .tab_header ul { | |
| 303 display: flex; | |
| 304 margin: 0; | |
| 305 padding: 0; | |
| 306 list-style: none; | |
| 307 background-color: white; | |
| 308 } | |
| 309 | |
| 310 .tab_page { | |
| 311 box-sizing: border-box; | |
| 312 padding-top: 2em; | |
| 313 border: 1px solid lightgrey; | |
| 314 border-top: none; | |
| 315 display: None; | |
| 61 | 316 } |
| 317 | |
| 66 | 318 .tab_page.clicked { |
| 319 display: block; | |
| 320 } | |
| 321 | |
| 322 .tab_button { | |
| 323 display: inline; | |
| 324 color: grey; | |
| 325 background-color: white; | |
| 326 border-top: 1px solid lightgrey; | |
| 327 border-left: 1px solid lightgrey; | |
| 328 border-bottom: 1px solid lightgrey; | |
| 329 padding: 0 1em; | |
| 330 cursor: pointer; | |
| 331 /* we go down by 1px to remove bottom border from .tab_header */ | |
| 332 margin-bottom: -1px; | |
| 61 | 333 } |
| 334 | |
| 66 | 335 .tab_button.clicked { |
| 336 /* background: lightgrey; */ | |
| 337 color: inherit; | |
| 338 border-bottom: none; | |
| 339 } | |
| 340 | |
| 341 li.tab_button:last-child { | |
| 342 border-right: 1px solid lightgrey; | |
| 343 } | |
| 344 | |
| 345 .tab_button input { | |
| 346 display: None; | |
| 347 } | |
| 348 | |
| 349 .tab_button label { | |
| 350 margin: 1em; | |
| 351 } | |
| 352 | |
| 353 .tab_button input:checked + label { | |
| 354 font-weight: bold; | |
| 355 } | |
| 356 | |
| 357 /*** Forms ***/ | |
|
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
358 |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
359 /* 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
|
360 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
361 .form_single { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
362 text-align: center; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
363 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
364 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
365 .form_single input:not([type="submit"]) { |
| 133 | 366 margin: 0 1em; |
| 367 width: 15em; | |
| 368 border-radius: 0.7em; | |
| 369 outline: none; | |
| 370 border: 1px solid black; | |
| 371 padding: 0.4em; | |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
372 box-shadow: none; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
373 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
374 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
375 |
|
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
376 .form_submit { |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
377 margin: 1em auto 0; |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
378 display: block; |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
379 } |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
380 |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
381 .form_jid { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
382 text-align: center; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
383 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
384 |
|
116
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
385 /* Textboxes */ |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
386 |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
387 form.textbox>* { |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
388 display: block; |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
389 margin: 1em auto; |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
390 text-align: center; |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
391 max-width: 100%; |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
392 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
|
393 } |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
394 |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
395 form.textbox>textarea { |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
396 text-align: left; |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
397 } |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
398 |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
399 .log_request { |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
400 text-align: center; |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
401 } |
|
da8f1ba9034d
input/comment: renamed "comment" library to "textbox", and made it more generic
Goffi <goffi@goffi.org>
parents:
115
diff
changeset
|
402 |
|
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
403 /*** Navigation ***/ |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
404 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
405 .prev_next_links ul { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
406 list-style: none; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
407 display: flex; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
408 padding: 0 2em; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
409 margin: 0; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
410 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
411 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
412 .prev_next_links li { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
413 flex: 1; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
414 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
415 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
416 .prev_next_links li.older_items { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
417 text-align: right; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
418 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
419 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
420 .prev_next_links img { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
421 display: block; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
422 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
423 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
424 .prev_next_links .older_items img { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
425 display: block; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
426 margin-left: auto; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
427 margin-right: 0; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
428 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
429 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
430 .prev_next_links a { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
431 display: inline-block; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
432 margin-top: 1em; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
433 padding: 0.2em; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
434 text-decoration: None; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
435 color: inherit; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
436 font-variant: small-caps; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
437 background: rgba(200,200,200,0.6); |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
438 border-radius: 0.5em; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
439 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
440 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
441 .prev_next_links a:hover { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
442 background-color: #ddd; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
443 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
444 |
| 66 | 445 /*** XMLUI ***/ |
|
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
446 |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
447 .xmlui_cont_vertical>* { |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
448 display: block; |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
449 box-sizing: border-box; |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
450 } |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
451 |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
452 .xmlui_cont_vertical>.xmlui_widget { |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
453 width: 100%; |
|
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
454 min-height: 1em; |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
455 min-width: 1px; |
|
47
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
456 } |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
457 |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
458 label.xmlui_label { |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
459 font-weight: bold; |
|
7d5cca978eeb
input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents:
39
diff
changeset
|
460 } |
|
54
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
461 |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
462 td a { |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
463 /* we use <a> for non JS links in table |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
464 * 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
|
465 */ |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
466 color: inherit; |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
467 text-decoration: inherit; |
|
a5dc14675d5e
login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents:
47
diff
changeset
|
468 } |
| 66 | 469 |
|
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
470 |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
471 /*** Notifications ***/ |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
472 |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
473 .notification.retry { |
| 133 | 474 position: fixed; |
| 475 top: 1rem; | |
| 476 margin: auto; | |
| 477 width: 80%; | |
| 478 background: #DB1616; | |
| 479 border: 3px solid silver; | |
| 480 left: 10%; | |
| 481 text-align: center; | |
|
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
482 } |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
483 |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
484 #retry_counter { |
| 133 | 485 font-weight: bold; |
|
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
486 } |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
487 |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
488 #retry_now { |
| 133 | 489 color: blue; |
| 490 text-decoration: underline; | |
| 491 cursor: pointer; | |
|
84
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
492 } |
|
b2ef34e602cf
base, js (websocket), css (main style): dynamic pages implementation, first draft:
Goffi <goffi@goffi.org>
parents:
81
diff
changeset
|
493 |
|
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
|
494 @media (min-width: 800px) { |
| 66 | 495 html { |
| 496 background-size: auto; | |
| 497 } | |
| 498 | |
| 499 body { | |
| 500 flex-direction: row; | |
| 501 } | |
| 502 | |
| 503 #main_area { | |
| 504 overflow: auto; | |
| 505 } | |
| 506 | |
| 507 .box { | |
| 508 border-radius: 1em; | |
| 509 box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5); | |
| 510 } | |
| 511 | |
| 512 .main_menu a { | |
| 513 display: block; | |
| 514 padding: 2em 0; | |
| 515 } | |
| 516 | |
| 517 .main_menu ul { | |
| 518 flex-direction: column; | |
| 519 padding-left: 2em; | |
| 520 } | |
|
115
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
521 |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
522 .prev_next_links ul { |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
523 padding: 0 6em; |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
524 } |
|
5d9e2270ceb4
blog/articles, input/navigation: moved navigation template in a dedicated macro
Goffi <goffi@goffi.org>
parents:
86
diff
changeset
|
525 |
|
128
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
526 .instructions--alt { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
527 padding-top: 3rem; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
528 } |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
529 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
530 /*** forms ***/ |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
531 |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
532 .form_single .form_submit.button { |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
533 display: inline; |
|
4f27ce980ced
css: started to refactor CSS class to follow BEM conventions
Goffi <goffi@goffi.org>
parents:
122
diff
changeset
|
534 } |
| 66 | 535 } |