planit-rails 0.2.0 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1 +1,160 @@
1
- .planit-container{position:relative;display:block;width:600px;height:600px;margin:25px auto;background:rgba(239,239,239,.8)}.planit-container img{position:absolute;top:0;left:0;width:100%}.planit-container .planit-markers-container{position:relative;width:100%;height:100%;background-size:100%;background-repeat:no-repeat;background-position:top left}.planit-container .planit-markers-container .planit-marker{position:absolute;width:30px;height:30px;z-index:999;border-radius:50%;background:#FC5B3F}.planit-container .planit-markers-container .planit-marker.draggable:hover{opacity:.8}.planit-container .planit-markers-container .planit-marker .planit-marker-content{position:relative;width:100%;height:100%}.planit-container .planit-markers-container .planit-marker .planit-marker-content:hover{cursor:move}.planit-container .planit-markers-container .planit-marker .planit-marker-content .planit-infobox{min-width:200px;display:none;position:relative;padding:5px 15px;cursor:initial;background:#fff;border-radius:3px}.planit-container .planit-markers-container .planit-marker .planit-marker-content .planit-infobox.active{display:inline-block}.planit-container .planit-markers-container .planit-marker .planit-marker-content .planit-infobox:after{content:'';position:absolute;top:100%;left:50%;margin-left:-10px;width:0;height:0;border-top:solid 10px #fff;border-left:solid 10px transparent;border-right:solid 10px transparent}
1
+ .planit-container {
2
+ position: relative;
3
+ display: block;
4
+ width: 600px;
5
+ height: 600px;
6
+ margin: 25px auto;
7
+ background: rgba(239, 239, 239, 0.8);
8
+ -webkit-touch-callout: none;
9
+ -webkit-user-select: none;
10
+ -khtml-user-select: none;
11
+ -moz-user-select: none;
12
+ -ms-user-select: none;
13
+ user-select: none;
14
+ }
15
+
16
+ .planit-container .image-container {
17
+ position: absolute;
18
+ top: 0;
19
+ left: 0;
20
+ width: 100%;
21
+ height: 100%;
22
+ overflow: hidden;
23
+ }
24
+
25
+ .planit-container .image-container img {
26
+ position: absolute;
27
+ top: 0;
28
+ left: 0;
29
+ width: 100%;
30
+ }
31
+
32
+ .planit-container .planit-controls {
33
+ display: inline-block;
34
+ position: absolute;
35
+ left: 5px;
36
+ top: 5px;
37
+ z-index: 999;
38
+ border: 1px solid #ccc;
39
+ }
40
+
41
+ .planit-container .planit-controls a.zoom {
42
+ display: block;
43
+ width: 15px;
44
+ height: 15px;
45
+ padding: 5px 5px;
46
+ text-decoration: none;
47
+ font-size: 18px;
48
+ line-height: 14px;
49
+ font-weight: 600;
50
+ color: #444;
51
+ text-align: center;
52
+ background: white;
53
+ }
54
+
55
+ .planit-container .planit-controls a.zoom:hover {
56
+ background: #ccc;
57
+ }
58
+
59
+ .planit-container .planit-markers-container {
60
+ position: relative;
61
+ width: 100%;
62
+ height: 100%;
63
+ overflow: hidden;
64
+ }
65
+
66
+ .planit-container .planit-markers-container .planit-marker {
67
+ position: absolute;
68
+ width: 30px;
69
+ height: 30px;
70
+ z-index: 99;
71
+ border-radius: 50%;
72
+ background: #FC5B3F;
73
+ -webkit-touch-callout: none;
74
+ -webkit-user-select: none;
75
+ -khtml-user-select: none;
76
+ -moz-user-select: none;
77
+ -ms-user-select: none;
78
+ user-select: none;
79
+ }
80
+
81
+ .planit-container .planit-markers-container .planit-marker.draggable:hover {
82
+ opacity: 0.8;
83
+ cursor: move;
84
+ cursor: -webkit-grab;
85
+ }
86
+
87
+ .planit-container .planit-markers-container .planit-marker.is-dragging:hover {
88
+ opacity: 0.8;
89
+ cursor: move;
90
+ cursor: -webkit-grabbing;
91
+ }
92
+
93
+ .planit-container .planit-infobox-container {
94
+ position: absolute;
95
+ width: 100%;
96
+ height: 100%;
97
+ }
98
+
99
+ .planit-container .planit-infobox-container .planit-infobox {
100
+ position: absolute;
101
+ display: none;
102
+ min-width: 200px;
103
+ max-width: 80%;
104
+ z-index: 998;
105
+ padding: 5px 15px;
106
+ cursor: initial;
107
+ background: #efefef;
108
+ border-radius: 3px;
109
+ }
110
+
111
+ .planit-container .planit-infobox-container .planit-infobox.active {
112
+ display: inline-block;
113
+ }
114
+
115
+ .planit-container .planit-infobox-container .planit-infobox.hidden {
116
+ display: none;
117
+ }
118
+
119
+ .planit-container .planit-infobox-container .planit-infobox:after {
120
+ content: '';
121
+ position: absolute;
122
+ width: 0;
123
+ height: 0;
124
+ }
125
+
126
+ .planit-container .planit-infobox-container .planit-infobox.arrow.top:after {
127
+ top: 100%;
128
+ left: 50%;
129
+ margin-left: -10px;
130
+ border-top: solid 10px white;
131
+ border-left: solid 10px transparent;
132
+ border-right: solid 10px transparent;
133
+ }
134
+
135
+ .planit-container .planit-infobox-container .planit-infobox.arrow.right:after {
136
+ top: 50%;
137
+ right: 100%;
138
+ margin-top: -10px;
139
+ border-right: solid 10px white;
140
+ border-top: solid 10px transparent;
141
+ border-bottom: solid 10px transparent;
142
+ }
143
+
144
+ .planit-container .planit-infobox-container .planit-infobox.arrow.bottom:after {
145
+ bottom: 100%;
146
+ left: 50%;
147
+ margin-left: -10px;
148
+ border-bottom: solid 10px white;
149
+ border-left: solid 10px transparent;
150
+ border-right: solid 10px transparent;
151
+ }
152
+
153
+ .planit-container .planit-infobox-container .planit-infobox.arrow.left:after {
154
+ top: 50%;
155
+ left: 100%;
156
+ margin-top: -10px;
157
+ border-left: solid 10px white;
158
+ border-top: solid 10px transparent;
159
+ border-bottom: solid 10px transparent;
160
+ }
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: planit-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.0
4
+ version: 0.3.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sean C Davis
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-02-09 00:00:00.000000000 Z
11
+ date: 2015-03-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jquery-rails