fluffy – Diff between revs 1 and 6
?pathlinks?
| Rev 1 | Rev 6 | |||
|---|---|---|---|---|
| 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 | background: url('/img/plus.png'); |
19 | display:block; |
|
| 20 | cursor: pointer; |
20 | width:50px; |
|
| 21 | width:64px; |
21 | height:50px; |
|
| 22 | height:64px; |
22 | line-height:50px; |
|
| - | 23 | border: 2px solid #f5f5f5; |
||
| - | 24 | border-radius: 50%; |
||
| 23 | position:fixed; |
25 | color:#f5f5f5; |
|
| 24 | padding:7px; |
26 | text-align:center; |
|
| - | 27 | text-decoration:none; |
||
| - | 28 | background: #464646; |
||
| - | 29 | box-shadow: 0 0 3px gray; |
||
| 25 | top:0; |
30 | font-size:20px; |
|
| 26 | right:0; |
31 | font-weight:bold; |
|
| 27 | max-width:128px; |
32 | right:0px; |
|
| 28 | z-index:999; |
33 | z-index:999; |
|
| - | 34 | padding:0; |
||
| - | 35 | top:0; |
||
| - | 36 | position:fixed; |
||
| - | 37 | cursor: pointer; |
||
| 29 | } |
38 | } |
|
| 30 | |
- | ||
| 31 | .add:hover { |
39 | .add:hover { |
|
| 32 | background: url('/img/plus_click.png'); |
40 | background: #262626; |
|
| - | 41 | cursor: pointer; |
||
| - | 42 | } |
||
| - | 43 | |
||
| - | 44 | .remove { |
||
| - | 45 | display:block; |
||
| - | 46 | width:50px; |
||
| - | 47 | height:50px; |
||
| - | 48 | line-height:50px; |
||
| - | 49 | border: 2px solid #f5f5f5; |
||
| - | 50 | border-radius: 50%; |
||
| - | 51 | color:#f5f5f5; |
||
| - | 52 | text-align:center; |
||
| - | 53 | text-decoration:none; |
||
| - | 54 | background: #464646; |
||
| - | 55 | box-shadow: 0 0 3px gray; |
||
| - | 56 | font-size:20px; |
||
| - | 57 | font-weight:bold; |
||
| - | 58 | right:64px; |
||
| - | 59 | z-index:999; |
||
| - | 60 | padding:0; |
||
| - | 61 | top:0; |
||
| - | 62 | position:fixed; |
||
| - | 63 | cursor: pointer; |
||
| - | 64 | } |
||
| - | 65 | .remove:hover { |
||
| - | 66 | background: #262626; |
||
| 33 | cursor: pointer; |
67 | cursor: pointer; |
|
| 34 | } |
68 | } |
|
| 35 | |
69 | |
|
| 36 | .service-icon { |
70 | .service-icon { |
|
| 37 | background-image: url("/img/blueprint.png"); |
71 | background-image: url("/img/blueprint.png"); |
|
| 38 | /*background-repeat: repeat;*/ |
72 | /*background-repeat: repeat;*/ |
|
| 39 | width:72px; |
73 | width:72px; |
|
| 40 | height:72px; |
74 | height:72px; |
|
| 41 | } |
75 | } |
|
| 42 | |
76 | |
|