1 |
|
2 |
|
3 |
|
4 |
|
5 | body.our-journey-whole-page {
|
6 | margin: 0;
|
7 | padding: 0 10px;
|
8 | }
|
9 |
|
10 | .our-journey-js,
|
11 | input,
|
12 | textarea,
|
13 | select {
|
14 | background: #fff;
|
15 | color: #111;
|
16 | font: .93rem Arial, Helvetica, sans-serif;
|
17 | }
|
18 |
|
19 | .our-journey-whole-page .our-journey-js {
|
20 | background: transparent;
|
21 | |
22 |
|
23 |
|
24 | }
|
25 |
|
26 | input[ type = file ],
|
27 | input[ type = submit ],
|
28 | input[ type = button ] {
|
29 | cursor: pointer;
|
30 | font-size: .97rem;
|
31 | padding: 3px 8px;
|
32 | }
|
33 |
|
34 | select,
|
35 | textarea {
|
36 | padding: 3px;
|
37 | }
|
38 |
|
39 | textarea {
|
40 | resize: none;
|
41 | }
|
42 |
|
43 | label,
|
44 | input,
|
45 | select {
|
46 | vertical-align: top;
|
47 | }
|
48 |
|
49 | a:link,
|
50 | a[ href *= '?demo=' ] {
|
51 | color: #2b6ab7;
|
52 | }
|
53 |
|
54 | form {
|
55 | display: inline;
|
56 | }
|
57 |
|
58 | h1,
|
59 | h2 {
|
60 | font-size: 1rem;
|
61 | }
|
62 |
|
63 | h3 {
|
64 | font-size: .92rem;
|
65 | }
|
66 |
|
67 | svg#journey-canvas .in_postit {
|
68 | font-family: 'Comic Sans MS', sans-serif;
|
69 | font-size: .90rem;
|
70 | text-align: center;
|
71 | word-wrap: break-word;
|
72 | max-lines: 4;
|
73 | }
|
74 |
|
75 | .help_link {
|
76 | vertical-align: -5px;
|
77 | font-size: 1rem;
|
78 | border: 1px solid #aaa;
|
79 | border-radius: 2px;
|
80 | padding: 5px;
|
81 | }
|
82 |
|
83 | .editorbar
|
84 | {
|
85 | position: fixed;
|
86 | top: 0;
|
87 | background: ivory;
|
88 | display: block;
|
89 | width: 40%;
|
90 | min-width: 300px;
|
91 | border: 1px solid #aaa;
|
92 | }
|
93 |
|
94 | .float_bar
|
95 | {
|
96 | border: 1px solid #aaa;
|
97 | border-radius: 5px;
|
98 | position: fixed;
|
99 | background: ivory;
|
100 | padding: 5px;
|
101 | display: block;
|
102 | font-size: 1rem;
|
103 | }
|
104 |
|
105 | .floatingeditor
|
106 | {
|
107 | display: flex;
|
108 | flex-direction: row;
|
109 | }
|
110 |
|
111 | .floating_post
|
112 | {
|
113 | background-color: lightyellow;
|
114 | }
|
115 |
|
116 | .floating_icon_select
|
117 | {
|
118 | width: 110px;
|
119 | }
|
120 |
|
121 | .our-journey-js .fork-me-btn {
|
122 | clear: both;
|
123 | }
|
124 |
|
125 | .our-journey-js .fork-me-btn a {
|
126 | background-color: #eff3f6;
|
127 | background-image: -webkit-linear-gradient(top, #fafbfc, #e4ebf0);
|
128 | background-image: -moz-linear-gradient(top, #fafbfc, #e4ebf0);
|
129 | background-image: linear-gradient(to bottom, #fafbfc, #e4ebf0);
|
130 | background-repeat: repeat-x;
|
131 | background-size: 110% 110%;
|
132 | -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFAFBFC', endColorstr='#FFE4EBF0')";
|
133 | display: inline-block;
|
134 | font-weight: 600;
|
135 | vertical-align: bottom;
|
136 | cursor: pointer;
|
137 | border: 1px solid #d1d2d3;
|
138 | border-radius: 0.25em;
|
139 | color: #24292e;
|
140 | text-decoration: none;
|
141 | outline: 0;
|
142 | padding: .6rem;
|
143 | }
|
144 |
|
145 | .floating_emoticon_select
|
146 | {
|
147 | width: 110px;
|
148 | }
|
149 |
|
150 | .floating_move_menu
|
151 | {
|
152 | width: 70px;
|
153 | background: ivory;
|
154 | }
|
155 |
|
156 | .main {
|
157 | margin-top: 0px;
|
158 | text-align: center;
|
159 | }
|
160 |
|
161 | svg#journey-canvas .in_card {
|
162 | font: 0.9rem sans-serif;
|
163 | }
|
164 |
|
165 | svg#journey-canvas .card > rect {
|
166 | fill-opacity: 1.0;
|
167 | stroke: black;
|
168 | stroke-width: 1;
|
169 | fill: ivory;
|
170 | }
|
171 |
|
172 | svg#journey-canvas .card > .focussed {
|
173 | stroke: blue;
|
174 | stroke-width: 2.5;
|
175 | }
|
176 |
|
177 | .card.orient-horiz {
|
178 | outline: none;
|
179 | }
|
180 |
|
181 | .card.orient-vert {
|
182 | outline: none;
|
183 | }
|
184 |
|
185 | .journey-canvas {
|
186 | outline: none;
|
187 | }
|
188 |
|
189 |
|
190 |
|
191 |
|
192 |
|
193 |
|
194 |
|
195 |
|
196 |
|
197 |
|
198 |
|
199 | .add_more_card {
|
200 | cursor: pointer;
|
201 | }
|
202 |
|
203 | .add_more_card > .focussed {
|
204 | stroke: blue;
|
205 | stroke-width: 2.5;
|
206 | }
|
207 |
|
208 | .add_more_card > .not-focussed {
|
209 | stroke: black;
|
210 | stroke-width: 1;
|
211 | }
|
212 |
|
213 | .footer-copy {
|
214 | color: #333;
|
215 | float: left;
|
216 | font-size: .85rem;
|
217 | margin-top: 65px;
|
218 | }
|
219 |
|
220 | .footer-copy .p:before,
|
221 | .footer-copy [ rel = license ]:before {
|
222 | color: #000;
|
223 | content: '|';
|
224 | margin: 0 .25rem;
|
225 | text-decoration: none;
|
226 | }
|
227 |
|
228 | .footer-copy .p[ href = '' ] {
|
229 | display: none;
|
230 | }
|
231 |
|
232 | .footer-logos {
|
233 | float: right;
|
234 | }
|
235 |
|
236 | .footer-logos img:focus,
|
237 | .footer-logos img:hover {
|
238 | border-color: #2b6ab7;
|
239 | }
|
240 |
|
241 | img[ src $= 'assets/ou-logo.svg' ],
|
242 | img[ src $= 'assets/iet-logo.svg' ] {
|
243 | border: 1px solid transparent;
|
244 | border-radius: 3px;
|
245 | height: 68px;
|
246 | margin-right: 16px;
|
247 | padding: 5px;
|
248 | }
|
249 |
|
250 | .ojs-error,
|
251 | .no-js {
|
252 | colour: #a00;
|
253 | }
|
254 |
|
255 | .our-journey-whole-page h1 {
|
256 | display: none;
|
257 | }
|
258 |
|
259 | .XX-our-journey-whole-page #qr-code {
|
260 | clear: both;
|
261 | position: absolute;
|
262 | }
|