source:
OpenWorkouts-current/ow/static/______css/__forms.css
@
5cbc4a0
Last change on this file since 5cbc4a0 was 5cbc4a0, checked in by Segundo Fdez <segun.2@…>, 5 years ago | |
---|---|
|
|
File size: 2.8 KB |
Rev | Line | |
---|---|---|
[affc3f7] | 1 | |
2 | /* | |
3 | Styles for the forms | |
4 | */ | |
5 | ||
6 | /* Basic/common styles for buttons */ | |
7 | ||
8 | .button { | |
9 | box-sizing: border-box; | |
10 | display: inline-block; | |
11 | position: relative; | |
12 | max-width: 100%; | |
13 | text-align: center; | |
14 | vertical-align: middle; | |
15 | cursor: pointer; | |
16 | border: 1px solid transparent; | |
17 | text-decoration: none; | |
18 | white-space: nowrap; | |
19 | margin: 0; | |
20 | padding: 0.5em 1em; | |
21 | border-radius: 4px; | |
22 | overflow: hidden; | |
23 | background: none; | |
24 | color: black; | |
25 | font-family: inherit; | |
26 | font-style: normal; | |
27 | font-size: 1em; | |
28 | line-height: 1.25; | |
29 | text-overflow: ellipsis; | |
30 | text-transform: uppercase; | |
31 | } | |
32 | ||
33 | .button-normal { | |
34 | letter-spacing: 0.02em; | |
35 | font-weight: 300; | |
36 | } | |
37 | ||
38 | .button-normal:hover { | |
39 | text-decoration: none; | |
40 | } | |
41 | ||
42 | .button-normal { | |
43 | background-image: linear-gradient(to top, #f1f1f1, white); | |
44 | color: #252525; | |
45 | border-color: #bebebe; | |
46 | } | |
47 | ||
48 | .button-normal:hover { | |
49 | background: #f1f1f1; | |
50 | } | |
51 | ||
52 | .button-neutral { | |
53 | background-color: #bebebe; | |
54 | color: white; | |
55 | } | |
56 | ||
57 | .button-neutral:hover { | |
58 | background-color: #323232; | |
59 | } | |
60 | ||
61 | .button-action { | |
62 | background-image: linear-gradient(to top, #F89507, #fbbb60); | |
63 | color: white; | |
64 | border-color: #e48906; | |
65 | } | |
66 | ||
67 | .button-action:hover { | |
68 | background: #F89507; | |
69 | } | |
70 | ||
71 | .button-important { | |
72 | background-image: linear-gradient(to top, #c35857, #d07d7d); | |
73 | color: white; | |
74 | border-color: #aa3e3d; | |
75 | } | |
76 | ||
77 | .button-important:hover { | |
78 | background: #c35857; | |
79 | } | |
80 | ||
81 | .button-alt { | |
82 | background-color: #c35857; | |
83 | color: white; | |
84 | } | |
85 | ||
86 | .button-alt:hover { | |
87 | background-color: #aa3e3d; | |
88 | } | |
89 | ||
90 | .button-important { | |
91 | background-color: #E45759; | |
92 | color: white; | |
93 | } | |
94 | ||
95 | .button-important:hover { | |
96 | background-color: #b81d20; | |
97 | } | |
98 | ||
99 | .button-s { | |
100 | font-size: 13px; | |
101 | font-size: 0.8125rem; | |
102 | font-weight: 700; | |
103 | } | |
104 | ||
105 | ||
106 | /* Edit profile form */ | |
107 | ||
[c90d245] | 108 | .ow-forms form { |
[affc3f7] | 109 | width:100%; |
110 | max-width:40% | |
111 | } | |
112 | ||
[c90d245] | 113 | .ow-forms ul.error { |
[affc3f7] | 114 | margin: 0px; |
115 | margin-bottom: 5px; | |
116 | padding: 0px; | |
117 | list-style-type:none; | |
118 | } | |
119 | ||
[c90d245] | 120 | .ow-forms ul.error li { |
[affc3f7] | 121 | border: 1px solid red; |
122 | width:100%; | |
123 | padding:.5em .75em; | |
124 | border:1px solid #EE4056; | |
125 | border-radius:2px | |
126 | } | |
127 | ||
[c90d245] | 128 | .ow-forms legend { |
[affc3f7] | 129 | display:none |
130 | } | |
131 | ||
[c90d245] | 132 | .ow-forms fieldset { |
[affc3f7] | 133 | border:none; |
134 | border-bottom: 2px solid #e1e1e1; | |
135 | } | |
136 | ||
[c90d245] | 137 | .ow-forms fieldset>div { |
[affc3f7] | 138 | margin-bottom:1.5em |
139 | } | |
140 | ||
[c90d245] | 141 | .ow-forms input { |
[affc3f7] | 142 | width:100%; |
143 | padding:.5em .75em; | |
144 | border:1px solid #e1e1e1; | |
145 | border-radius:2px | |
146 | } | |
147 | ||
[cc4ff05] | 148 | .ow-forms input.number { |
149 | /* width up to three characters */ | |
150 | width: 3em; | |
151 | } | |
152 | ||
153 | .ow-forms input.date { | |
154 | /* width up to 10 characters */ | |
155 | width: 7em; | |
156 | } | |
157 | ||
158 | .ow-forms input.time { | |
159 | /* width up to 6 characters */ | |
160 | width: 5em; | |
161 | } | |
162 | ||
[c90d245] | 163 | .ow-forms input:focus { |
[affc3f7] | 164 | border-color: #333333; |
165 | } | |
166 | ||
[c90d245] | 167 | .ow-forms input.button { |
[affc3f7] | 168 | width: 20%; |
169 | } | |
170 | ||
[c90d245] | 171 | .ow-forms label { |
[affc3f7] | 172 | display:block; |
173 | font-size:14px; | |
174 | font-size:.875rem; | |
175 | color:#959595; | |
176 | margin-bottom:.25em | |
177 | } | |
[cc4ff05] | 178 | |
179 | .ow-forms div.input-container { | |
180 | display: flex; | |
181 | flex-flow: row wrap; | |
182 | justify-content: space-between; | |
183 | align-items: center; | |
184 | } |
Note: See TracBrowser
for help on using the repository browser.