Revision edd35b99 src/sunstone/views/index.erb

View differences:

src/sunstone/views/index.erb
26 26
    <!--[if lte IE 8]>
27 27
        <script type="text/javascript" src="vendor/explorercanvas/excanvas.compiled.js"></script>
28 28
    <![endif]-->
29
    <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.9.2.custom.min.css" />
29 30

  
30 31
    <!-- End Vendor Libraries -->
31 32
    <style>
33

  
34

  
35
        .paging_full_numbers {
36
            width: auto !important;
37
            margin-right: 0px;
38
        }
39

  
32 40
        .ui-tabs-vertical {
33 41
            width: 71em;
34 42
        }
......
41 49
        .ui-tabs-vertical .ui-tabs-nav-vert li {
42 50
            clear: left;
43 51
            width: 100%;
44
            border-bottom-width: 1px !important;
45
            border-right-width: 0 !important;
46
            margin: 0 -1px .2em 0;
52
            border: 0px;
53
            font-weight: normal;
47 54
        }
48 55

  
49 56
        .ui-tabs-vertical .ui-tabs-nav-vert li a {
50 57
            display: block;
51
            padding: .5em 1em;
52
        }
58
            border: 0px;      
59
            font-weight: normal;  }
53 60

  
54 61
        .ui-tabs-vertical .ui-tabs-nav-vert li.ui-tabs-selected {
55 62
            padding-bottom: 0;
56 63
            padding-right: .1em;
57
            border-right-width: 1px;
58
            border-right-width: 1px;
59 64
        }
60 65

  
61 66
        .ui-tabs-vertical .ui-tabs-panel {
62 67
            padding: 1em;
63 68
            float: left;
64
            width: 55em;
69
            width: 56em;
65 70
        }
66 71

  
67
        .markrow { background-color:#ffbba9 !important; }
72

  
73

  
74

  
75

  
76

  
77
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
78

  
79
html { font-size: 62.5%; }
80

  
81
body { background: white; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 14px; line-height: 1; color: #222222; position: relative; -webkit-font-smoothing: antialiased; }
82

  
83

  
84

  
85
/* Tabs ---------------------- */
86
.tabs { list-style: none; border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom: 20px; }
87
.tabs.contained { margin-bottom: 0; margin-left: 0; }
88
.tabs dt, .tabs li.section-title { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 12px; height: 40px; line-height: 40px; padding: 0; padding-right: 9px; padding-left: 20px; font-weight: normal; width: auto; text-transform: uppercase; }
89
.tabs dt:first-child, .tabs li.section-title:first-child { padding: 0; padding-right: 9px; }
90
.tabs dd, .tabs li { display: block; float: left; padding: 0; margin: 0; }
91
.tabs dd a, .tabs li a { color: #6f6f6f; display: block; font-size: 14px; height: 40px; line-height: 40px; padding: 0px 23.8px; }
92
.tabs dd a:focus, .tabs li a:focus { font-weight: bold; color: #2ba6cb; }
93
.tabs dd.ui-state-active, .tabs li.ui-state-active { border-top: 3px solid #2ba6cb; margin-top: -3px; }
94
.tabs dd.ui-state-active a, .tabs li.ui-state-active a { cursor: default; color: #3c3c3c; background: #fff; border-left: 1px solid #4d4d4d; border-right: 1px solid #e6e6e6; font-weight: bold; }
95
.tabs dd:first-child, .tabs li:first-child { margin-left: 0; }
96
.tabs.vertical { height: auto; border-bottom: 1px solid #e6e6e6; }
97
.tabs.vertical dt, .tabs.vertical dd, .tabs.vertical li { float: none; height: auto; }
98
.tabs.vertical dd, .tabs.vertical li { border-left: 3px solid #0098C3; }
99
.tabs.vertical dd a, .tabs.vertical li a { background: #4d4d4d; border: none; color: #fff; display: block; font-size: 14px; height: auto; line-height: 1; padding: 15px 20px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
100
.tabs.vertical dd.ui-state-active, .tabs.vertical li.ui-state-active { margin-top: 0; border-top: 0px solid #4d4d4d; border-left: 3px solid #4d4d4d; }
101
.tabs.vertical dd.ui-state-active a, .tabs.vertical li.ui-state-active a { background: #0098C3; border: none; color: #fff; height: auto; margin: 0; position: static; top: 0; -webkit-box-shadow: 0 0 0; -moz-box-shadow: 0 0 0; box-shadow: 0 0 0; }
102
.tabs.vertical dd:first-child a.ui-state-active, .tabs.vertical li:first-child a.ui-state-active { margin: 0; }
103
.tabs.pill { border-bottom: none; margin-bottom: 10px; }
104
.tabs.pill dd, .tabs.pill li { margin-right: 10px; }
105
.tabs.pill dd:last-child, .tabs.pill li:last-child { margin-right: 0; }
106
.tabs.pill dd a, .tabs.pill li a { -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; -o-border-radius: 1000px; border-radius: 1000px; background: #e6e6e6; height: 26px; line-height: 26px; color: #666; }
107
.tabs.pill dd.ui-state-active, .tabs.pill li.ui-state-active { border: none; margin-top: 0; }
108
.tabs.pill dd.ui-state-active a, .tabs.pill li.ui-state-active a { background-color: #2ba6cb; border: none; color: #fff; }
109
.tabs.pill.contained { border-bottom: solid 1px #eee; margin-bottom: 0; }
110
.tabs.pill.two-up dd, .tabs.pill.two-up li, .tabs.pill.three-up dd, .tabs.pill.three-up li, .tabs.pill.four-up dd, .tabs.pill.four-up li, .tabs.pill.five-up dd, .tabs.pill.five-up li { margin-right: 0; }
111
.tabs.two-up dt a, .tabs.two-up dd a, .tabs.two-up li a, .tabs.three-up dt a, .tabs.three-up dd a, .tabs.three-up li a, .tabs.four-up dt a, .tabs.four-up dd a, .tabs.four-up li a, .tabs.five-up dt a, .tabs.five-up dd a, .tabs.five-up li a { padding: 0 17px; text-align: center; overflow: hidden; }
112
.tabs.two-up dt, .tabs.two-up dd, .tabs.two-up li { width: 50%; }
113
.tabs.three-up dt, .tabs.three-up dd, .tabs.two-up li { width: 33.33%; }
114
.tabs.four-up dt, .tabs.four-up dd, .tabs.two-up li { width: 25%; }
115
.tabs.five-up dt, .tabs.five-up dd, .tabs.two-up li { width: 20%; }
116

  
117
ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
118
ul.tabs-content > li { display: none; }
119
ul.tabs-content > li.ui-state-active { display: block; }
120
ul.tabs-content.contained { padding: 0; }
121
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
122
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }
123

  
124
/* Standard Forms ---------------------- */
125
form { margin: 0 0 19.41641px; }
126

  
127
.row form .row { margin: 0 -6px; }
128
.row form .row .column, .row form .row .columns { padding: 0 6px; }
129
.row form .row.collapse { margin: 0; }
130
.row form .row.collapse .column, .row form .row.collapse .columns { padding: 0; }
131

  
132
label { font-size: 14px; color: #4d4d4d; cursor: pointer; display: block; font-weight: 500; margin-bottom: 3px; }
133
label.right { float: none; text-align: right; }
134
label.inline { line-height: 32px; margin: 0 0 12px 0; }
135

  
136
.prefix, .postfix { display: block; position: relative; z-index: 2; text-align: center; width: 100%; padding-top: 0; padding-bottom: 0; height: 32px; line-height: 31px; }
137

  
138
a.button.prefix, a.button.postfix { padding-left: 0; padding-right: 0; text-align: center; }
139

  
140
span.prefix, span.postfix { background: #f2f2f2; border: 1px solid #cccccc; }
141

  
142
.prefix { left: 2px; -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; border-top-left-radius: 2px; -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; overflow: hidden; }
143

  
144
.postfix { right: 2px; -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; border-top-right-radius: 2px; -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }
145

  
146
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { background-color: white; font-family: inherit; border: 1px solid #cccccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 0px 0px; padding: 6px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
147
input[type="text"].oversize, input[type="password"].oversize, input[type="date"].oversize, input[type="datetime"].oversize, input[type="email"].oversize, input[type="number"].oversize, input[type="search"].oversize, input[type="tel"].oversize, input[type="time"].oversize, input[type="url"].oversize, textarea.oversize { font-size: 17px; padding: 4px 6px; }
148
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus { background: #fafafa; outline: none !important; border-color: #b3b3b3; }
149
input[type="text"][disabled], input[type="password"][disabled], input[type="date"][disabled], input[type="datetime"][disabled], input[type="email"][disabled], input[type="number"][disabled], input[type="search"][disabled], input[type="tel"][disabled], input[type="time"][disabled], input[type="url"][disabled], textarea[disabled] { background-color: #ddd; }
150

  
151
textarea { height: auto; }
152

  
153
select { width: 100%; }
154

  
155
/* Fieldsets */
156
fieldset { border: solid 1px #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding: 12px 12px 0; margin: 18px 0; }
157
fieldset legend { font-weight: bold; background: white; padding: 0 3px; margin: 0; margin-left: -3px; }
158

  
159

  
160

  
161
/* The Grid ---------------------- */
162
.row { width: 940px; max-width: 100%; min-width: 768px; margin: 0 auto; }
163
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
164
.row.collapse .column, .row.collapse .columns { padding: 0; }
165
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
166
.row .row.collapse { margin: 0; }
167

  
168
.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
169
.column.centered, .columns.centered { float: none; margin: 0 auto; }
170

  
171
[class*="column"] + [class*="column"]:last-child { float: right; }
172

  
173
[class*="column"] + [class*="column"].end { float: left; }
174

  
175
.one, .row .one { width: 8.33333%; }
176

  
177
.two, .row .two { width: 16.66667%; }
178

  
179
.three, .row .three { width: 25%; }
180

  
181
.four, .row .four { width: 33.33333%; }
182

  
183
.five, .row .five { width: 41.66667%; }
184

  
185
.six, .row .six { width: 50%; }
186

  
187
.seven, .row .seven { width: 58.33333%; }
188

  
189
.eight, .row .eight { width: 66.66667%; }
190

  
191
.nine, .row .nine { width: 75%; }
192

  
193
.ten, .row .ten { width: 83.33333%; }
194

  
195
.eleven, .row .eleven { width: 91.66667%; }
196

  
197
.twelve, .row .twelve { width: 100%; }
198

  
199
.row .offset-by-one { margin-left: 8.33333%; }
200

  
201
.row .offset-by-two { margin-left: 16.66667%; }
202

  
203
.row .offset-by-three { margin-left: 25%; }
204

  
205
.row .offset-by-four { margin-left: 33.33333%; }
206

  
207
.row .offset-by-five { margin-left: 41.66667%; }
208

  
209
.row .offset-by-six { margin-left: 50%; }
210

  
211
.row .offset-by-seven { margin-left: 58.33333%; }
212

  
213
.row .offset-by-eight { margin-left: 66.66667%; }
214

  
215
.row .offset-by-nine { margin-left: 75%; }
216

  
217
.row .offset-by-ten { margin-left: 83.33333%; }
218

  
219
.push-two { left: 16.66667%; }
220

  
221
.pull-two { right: 16.66667%; }
222

  
223
.push-three { left: 25%; }
224

  
225
.pull-three { right: 25%; }
226

  
227
.push-four { left: 33.33333%; }
228

  
229
.pull-four { right: 33.33333%; }
230

  
231
.push-five { left: 41.66667%; }
232

  
233
.pull-five { right: 41.66667%; }
234

  
235
.push-six { left: 50%; }
236

  
237
.pull-six { right: 50%; }
238

  
239
.push-seven { left: 58.33333%; }
240

  
241
.pull-seven { right: 58.33333%; }
242

  
243
.push-eight { left: 66.66667%; }
244

  
245
.pull-eight { right: 66.66667%; }
246

  
247
.push-nine { left: 75%; }
248

  
249
.pull-nine { right: 75%; }
250

  
251
.push-ten { left: 83.33333%; }
252

  
253
.pull-ten { right: 83.33333%; }
254

  
255
img, object, embed { max-width: 100%; height: auto; }
256

  
257
object, embed { height: 100%; }
258

  
259
img { -ms-interpolation-mode: bicubic; }
260

  
261
#map_canvas img, .map_canvas img { max-width: none!important; }
262

  
263
/* Nicolas Gallagher's micro clearfix */
264
.row { *zoom: 1; }
265
.row:before, .row:after { content: " "; display: table; }
266
.row:after { clear: both; }
267

  
268
.ui-slider-range { background: #4d4d4d; }
269

  
270
.markrow { background-color:#ffbba9 !important; }
68 271
    </style>
69 272
    <!--Languages-->
70 273
    <script type="text/javascript" src="js/locale.js"></script>
......
143 346
</div>
144 347
<div id="info_panels"></div>
145 348
</body>
146
</html>
349
</html>

Also available in: Unified diff