Mercurial > libervia-templates

annotate default/static/styles.css @ 61:f76ec90e0e1e

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
base: menus handling, first draft: this is a very basic way to handle menu (big buttons on the top), just a first draft to be able to navigate.
author Goffi <goffi@goffi.org>
date Sat, 11 Nov 2017 00:16:35 +0100
parents a5dc14675d5e
children 9834106678da
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
1 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
2 font-family: "sat-base-font";
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
3 }
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
4
4
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
5 body {
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
6 display: flex;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
7 height: 100vh;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
8 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
9 box-sizing: border-box;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
10 margin: 0;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
11 }
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
12
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
13 #body {
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
14 flex: 1;
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
15 }
e6de0e67c4c1 styles: footer is now placed at the bottom of the page using flexbox
Goffi <goffi@goffi.org>
parents: 1
diff changeset
16
0
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
17 footer {
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
18 text-align: center;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
19 font-size: 0.7em;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
20 font-weight: bold;
9a31d2c02f47 SàT templates, initial commit
Goffi <goffi@goffi.org>
parents:
diff changeset
21 }
14
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
22
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
23 .box {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
24 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
25 border-radius: 0;
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
26 }
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
27
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
28 @media (min-width: 500px) {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
29 html {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
30 background-size: auto;
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
31 }
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
32 body {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
33 padding: 8px;
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
34 }
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
35 .box {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
36 border-radius: 1em;
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
37 box-shadow: 10px 10px 16px -5px rgba(0,0,0,0.5);
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
38 }
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
39 }
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
40
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
41 .title {
9a77174abc1e style: use sat-base-font + added .box class + use media queries for responsive design
Goffi <goffi@goffi.org>
parents: 4
diff changeset
42 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
43 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
44 }
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
45
9abef4a23af0 base/base: a confirm message is displayed on top of page when confirm is set
Goffi <goffi@goffi.org>
parents: 14
diff changeset
46 .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
47 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
48 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
49 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
50 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
51 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
52 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
53 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
54 }
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
55
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
56 /* generic */
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
57
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
58 .button:hover {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
59 background-color: #bc0000;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
60 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
61
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
62 /* Menus */
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
63
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
64 .menu ul {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
65 display: flex;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
66 justify-content: center;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
67 margin-top: 8px;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
68 padding: 0;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
69 list-style: none;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
70 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
71
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
72 .menu li {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
73 margin: 0.5em;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
74 text-align: center;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
75 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
76
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
77 .menu a {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
78 color: inherit;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
79 text-decoration: none;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
80 border: solid 1px;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
81 padding: 0.5em;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
82 font-variant: small-caps;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
83 border-radius: 1em;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
84 background: #eee;
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
85 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
86
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
87 .menu a:hover {
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
88 }
f76ec90e0e1e base: menus handling, first draft:
Goffi <goffi@goffi.org>
parents: 54
diff changeset
89
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
90 /* Forms */
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
91
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
92 .form_submit {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
93 margin: 1em auto 0;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
94 display: block;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
95 }
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
96
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
97 /* XMLUI */
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
98
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
99 .xmlui_cont_vertical>* {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
100 display: block;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
101 box-sizing: border-box;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
102 }
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
103
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
104 .xmlui_cont_vertical>.xmlui_widget {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
105 width: 100%;
54
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
106 min-height: 1em;
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
107 min-width: 1px;
47
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
108 }
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
109
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
110 label.xmlui_label {
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
111 font-weight: bold;
7d5cca978eeb input/xmlui: XMLUI generation first draft
Goffi <goffi@goffi.org>
parents: 39
diff changeset
112 }
54
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
113
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
114 td a {
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
115 /* we use <a> for non JS links in table
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
116 * 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
117 */
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
118 color: inherit;
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
119 text-decoration: inherit;
a5dc14675d5e login: login, logged and registration pages
Goffi <goffi@goffi.org>
parents: 47
diff changeset
120 }