fluffy – Diff between revs 6 and 7
?pathlinks?
Rev 6 | Rev 7 | |||
---|---|---|---|---|
1 | * { |
1 | * { |
|
2 | font-family: 'Oswald, Arial, sans-serif'; |
2 | font-family: 'Oswald, Arial, sans-serif'; |
|
3 | margin: 0; |
3 | margin: 0; |
|
4 | padding: 0; |
4 | padding: 0; |
|
5 | border: 0; |
5 | border: 0; |
|
6 | outline: 0; |
6 | outline: 0; |
|
7 | font-size: 100%; |
7 | font-size: 100%; |
|
8 | vertical-align: baseline; |
8 | vertical-align: baseline; |
|
9 | background: transparent; |
9 | background: transparent; |
|
10 | box-sizing: border-box; |
10 | box-sizing: border-box; |
|
11 | } |
11 | } |
|
12 | |
12 | |
|
13 | body { |
13 | body { |
|
14 | overflow: hidden; |
14 | overflow: hidden; |
|
15 | background-color: #000; |
15 | background-color: #000; |
|
16 | } |
16 | } |
|
17 | |
17 | |
|
18 | .add { |
18 | .add { |
|
19 | display:block; |
19 | display:block; |
|
20 | width:50px; |
20 | width:50px; |
|
21 | height:50px; |
21 | height:50px; |
|
22 | line-height:50px; |
22 | line-height:50px; |
|
23 | border: 2px solid #f5f5f5; |
23 | border: 2px solid #f5f5f5; |
|
24 | border-radius: 50%; |
24 | border-radius: 50%; |
|
25 | color:#f5f5f5; |
25 | color:#f5f5f5; |
|
26 | text-align:center; |
26 | text-align:center; |
|
27 | text-decoration:none; |
27 | text-decoration:none; |
|
28 | background: #464646; |
28 | background: #464646; |
|
29 | box-shadow: 0 0 3px gray; |
29 | box-shadow: 0 0 3px gray; |
|
30 | font-size:20px; |
30 | font-size:20px; |
|
31 | font-weight:bold; |
31 | font-weight:bold; |
|
32 | right:0px; |
32 | right:0px; |
|
33 | z-index:999; |
33 | z-index:999; |
|
34 | padding:0; |
34 | padding:0; |
|
35 | top:0; |
35 | top:7px; |
|
- | 36 | right:7px; |
||
36 | position:fixed; |
37 | position:fixed; |
|
37 | cursor: pointer; |
38 | cursor: pointer; |
|
- | 39 | -webkit-touch-callout: none; /* iOS Safari */ |
||
- | 40 | -webkit-user-select: none; /* Safari */ |
||
- | 41 | -khtml-user-select: none; /* Konqueror HTML */ |
||
- | 42 | -moz-user-select: none; /* Firefox */ |
||
- | 43 | -ms-user-select: none; /* Internet Explorer/Edge */ |
||
- | 44 | user-select: none; /* Non-prefixed version, currently |
||
- | 45 | supported by Chrome and Opera */ |
||
38 | } |
46 | } |
|
39 | .add:hover { |
47 | .add:hover { |
|
40 | background: #262626; |
48 | background: #262626; |
|
41 | cursor: pointer; |
49 | cursor: pointer; |
|
42 | } |
50 | } |
|
43 | |
51 | |
|
44 | .remove { |
52 | .remove { |
|
45 | display:block; |
53 | display:block; |
|
46 | width:50px; |
54 | width:50px; |
|
47 | height:50px; |
55 | height:50px; |
|
48 | line-height:50px; |
56 | line-height:50px; |
|
- | 57 | font-weight: bold; |
||
49 | border: 2px solid #f5f5f5; |
58 | border: 2px solid #f5f5f5; |
|
50 | border-radius: 50%; |
59 | border-radius: 50%; |
|
51 | color:#f5f5f5; |
60 | color:#f5f5f5; |
|
52 | text-align:center; |
61 | text-align:center; |
|
53 | text-decoration:none; |
62 | text-decoration:none; |
|
54 | background: #464646; |
63 | background: #464646; |
|
55 | box-shadow: 0 0 3px gray; |
64 | box-shadow: 0 0 3px gray; |
|
56 | font-size:20px; |
65 | font-size:20px; |
|
57 | font-weight:bold; |
66 | font-weight:bold; |
|
58 | right:64px; |
67 | right:71px; |
|
59 | z-index:999; |
68 | z-index:999; |
|
60 | padding:0; |
- | ||
61 | top:0; |
69 | top:7px; |
|
62 | position:fixed; |
70 | position:fixed; |
|
63 | cursor: pointer; |
71 | cursor: pointer; |
|
- | 72 | -webkit-touch-callout: none; /* iOS Safari */ |
||
- | 73 | -webkit-user-select: none; /* Safari */ |
||
- | 74 | -khtml-user-select: none; /* Konqueror HTML */ |
||
- | 75 | -moz-user-select: none; /* Firefox */ |
||
- | 76 | -ms-user-select: none; /* Internet Explorer/Edge */ |
||
- | 77 | user-select: none; /* Non-prefixed version, currently |
||
- | 78 | supported by Chrome and Opera */ |
||
64 | } |
79 | } |
|
65 | .remove:hover { |
80 | .remove:hover { |
|
66 | background: #262626; |
81 | background: #262626; |
|
67 | cursor: pointer; |
82 | cursor: pointer; |
|
68 | } |
83 | } |
|
69 | |
- | ||
70 | .service-icon { |
- | ||
71 | background-image: url("/img/blueprint.png"); |
- | ||
72 | /*background-repeat: repeat;*/ |
- | ||
73 | width:72px; |
- | ||
74 | height:72px; |
- | ||
75 | } |
84 | |
|
76 | |
85 | |