Revision 812b1e8d
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/index.html | ||
|---|---|---|
| 28 | 28 |
<a href="index.html"><img src="images/synnefo-logo.png" alt="software logo"></a> |
| 29 | 29 |
</div> |
| 30 | 30 |
</header> |
| 31 |
<div class="body-wrapper"> <section class="overlay-area-custom"> |
|
| 32 |
<div id="vm-wizard" class="overlay-div wizard"> |
|
| 33 |
<div class="top"> |
|
| 34 |
<div class="numbers"> |
|
| 35 |
<div class="row"> |
|
| 36 |
<a href="" class="close"><span class="snf-close"></span></a> |
|
| 37 |
<ul class="nums"> |
|
| 38 |
<li class="current preselected"> |
|
| 39 |
<em><span>1</span></em> |
|
| 40 |
<p><strong>Select an OS</strong> Choose your preferred image</p> |
|
| 41 |
</li> |
|
| 42 |
<li> |
|
| 43 |
<em><span>2</span></em> |
|
| 44 |
<p><strong>Select CPUs, RAM and Disk Size </strong> |
|
| 45 |
Available options are filtered based on the selected image</p> |
|
| 46 |
</li> |
|
| 47 |
<li> |
|
| 48 |
<em><span>3</span></em> |
|
| 49 |
<p><strong>Virtual machine custom options</strong> |
|
| 50 |
Virtual machine custom options</p> |
|
| 51 |
</li> |
|
| 52 |
<li> |
|
| 53 |
<em><span>4</span></em> |
|
| 54 |
<p><strong>Confirm your settings</strong> |
|
| 55 |
Confirm that the options you have selected are correct</p> |
|
| 56 |
</li> |
|
| 57 |
</ul> |
|
| 58 |
</div> |
|
| 59 |
</div> |
|
| 60 |
<div class="row menus"> |
|
| 61 |
<nav class="sub-menu" data-step=1> |
|
| 62 |
<ul> |
|
| 63 |
<li><a href="" class="current preselected el2 firstfocus-1" data-img-type="system-images">System</a></li> |
|
| 64 |
<li><a href="" data-img-type="my-images">My images</a></li> |
|
| 65 |
<li><a href="" data-img-type="shared-images">Shared with me</a></li> |
|
| 66 |
<li><a href="" data-next="el1" data-img-type="public-images">Public</a></li> |
|
| 67 |
</ul> |
|
| 68 |
</nav> |
|
| 69 |
<nav class="sub-menu" data-step=2> |
|
| 70 |
<ul> |
|
| 71 |
<li><a href="" class="current preselected el4 firstfocus-2" data-size="small">Small</a></li> |
|
| 72 |
<li><a href="" data-size="medium">Medium</a></li> |
|
| 73 |
<li><a href="" data-size="large" data-next="el5">Large</a></li> |
|
| 74 |
</ul> |
|
| 75 |
</nav> |
|
| 76 |
</div> |
|
| 77 |
</div> |
|
| 78 |
<div class="middle"> |
|
| 79 |
<div class="steps"> |
|
| 80 |
<div class="step step-1 current preselected" id="step-1" data-step="1"> |
|
| 81 |
<ul class="os"> |
|
| 82 |
<li class="current preselected system-images"> |
|
| 83 |
<div class="row"> |
|
| 84 |
<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
|
| 85 |
<a href="" class="name-col el1">Kubuntu</a> |
|
| 86 |
<div class="size-col">3.13 GB</div> |
|
| 87 |
<div class="btn-col"><a href="" class="wrap-a">details</a></div> |
|
| 88 |
</div> |
|
| 89 |
<div class="details"> |
|
| 90 |
<div class="row"> |
|
| 91 |
<h3>Image metadata</h3> |
|
| 92 |
<dl> |
|
| 93 |
<dt>Owner</dt> |
|
| 94 |
<dd>system</dd> |
|
| 95 |
<dt>OS</dt> |
|
| 96 |
<dd>Kubuntu</dd> |
|
| 97 |
<dt>Kernel</dt> |
|
| 98 |
<dd>4.8.2</dd> |
|
| 99 |
<dt>Size</dt> |
|
| 100 |
<dd>2.51GB</dd> |
|
| 101 |
<dt>Users</dt> |
|
| 102 |
<dd>user</dd> |
|
| 103 |
<dt>Root partition</dt> |
|
| 104 |
<dd>1</dd> |
|
| 105 |
</dl> |
|
| 106 |
</div> |
|
| 107 |
</div> |
|
| 108 |
</li> |
|
| 109 |
<li class="public-images"> |
|
| 110 |
<div class="row"> |
|
| 111 |
<div class="img-col"><img src="images/os-kubuntu.png" alt=""></div> |
|
| 112 |
<a href="" class="name-col">Kubuntu LTS (by Kpal)</a> |
|
| 113 |
<div class="size-col">10GB</div> |
|
| 114 |
<div class="btn-col"><a href="" class="wrap-a">details</a></div> |
|
| 115 |
</div> |
|
| 116 |
<div class="details"> |
|
| 117 |
<div class="row"> |
|
| 118 |
<h3>Image metadata</h3> |
|
| 119 |
<dl> |
|
| 120 |
<dt>Owner</dt> |
|
| 121 |
<dd>system</dd> |
|
| 122 |
<dt>OS</dt> |
|
| 123 |
<dd>Kubuntu</dd> |
|
| 124 |
<dt>Kernel</dt> |
|
| 125 |
<dd>4.8.2</dd> |
|
| 126 |
<dt>Size</dt> |
|
| 127 |
<dd>2.51GB</dd> |
|
| 128 |
<dt>Users</dt> |
|
| 129 |
<dd>user</dd> |
|
| 130 |
<dt>Root partition</dt> |
|
| 131 |
<dd>1</dd> |
|
| 132 |
</dl> |
|
| 133 |
</div> |
|
| 134 |
</div> |
|
| 135 |
</li> |
|
| 136 |
<li class="public-images"> |
|
| 137 |
<div class="row"> |
|
| 138 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
|
| 139 |
<a href="" class="name-col">Fedora (by Athina)</a> |
|
| 140 |
<div class="size-col">10GB</div> |
|
| 141 |
<div class="btn-col"><a href="" class="wrap-a">details</a></div> |
|
| 142 |
</div> |
|
| 143 |
<div class="details"> |
|
| 144 |
<div class="row"> |
|
| 145 |
<h3>Image metadata</h3> |
|
| 146 |
<dl> |
|
| 147 |
<dt>Owner</dt> |
|
| 148 |
<dd>system</dd> |
|
| 149 |
<dt>OS</dt> |
|
| 150 |
<dd>Kubuntu</dd> |
|
| 151 |
<dt>Kernel</dt> |
|
| 152 |
<dd>4.8.2</dd> |
|
| 153 |
<dt>Size</dt> |
|
| 154 |
<dd>2.51GB</dd> |
|
| 155 |
<dt>Users</dt> |
|
| 156 |
<dd>user</dd> |
|
| 157 |
<dt>Root partition</dt> |
|
| 158 |
<dd>1</dd> |
|
| 159 |
</dl> |
|
| 160 |
</div> |
|
| 161 |
</div> |
|
| 162 |
</li> |
|
| 163 |
<li class="shared-images"> |
|
| 164 |
<div class="row"> |
|
| 165 |
<div class="img-col"><img src="images/os-fedora.png" alt=""></div> |
|
| 166 |
<a href="" class="name-col">Fedora (by Athina)</a> |
|
| 167 |
<div class="size-col">3.67 GB</div> |
|
| 168 |
<div class="btn-col"><a href="" class="wrap-a">details</a></div> |
|
| 169 |
</div> |
|
| 170 |
<div class="details"> |
|
| 171 |
<div class="row"> |
|
| 172 |
<h3>Image metadata</h3> |
|
| 173 |
<dl> |
|
| 174 |
<dt>Owner</dt> |
|
| 175 |
<dd>system</dd> |
|
| 176 |
<dt>OS</dt> |
|
| 177 |
<dd>Kubuntu</dd> |
|
| 178 |
<dt>Kernel</dt> |
|
| 179 |
<dd>4.8.2</dd> |
|
| 180 |
<dt>Size</dt> |
|
| 181 |
<dd>2.51GB</dd> |
|
| 182 |
<dt>Users</dt> |
|
| 183 |
<dd>user</dd> |
|
| 184 |
<dt>Root partition</dt> |
|
| 185 |
<dd>1</dd> |
|
| 186 |
</dl> |
|
| 187 |
</div> |
|
| 188 |
</div> |
|
| 189 |
</li> |
|
| 190 |
<li class="my-images"> |
|
| 191 |
<div class="row"> |
|
| 192 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
|
| 193 |
<a href="" class="name-col">Windows Server 2012</a> |
|
| 194 |
<div class="size-col">13.66 GB</div> |
|
| 195 |
<div class="btn-col"><a href="" class="wrap-a">details</a></div> |
|
| 196 |
</div> |
|
| 197 |
<div class="details"> |
|
| 198 |
<div class="row"> |
|
| 199 |
<h3>Image metadata</h3> |
|
| 200 |
<dl> |
|
| 201 |
<dt>Owner</dt> |
|
| 202 |
<dd>system</dd> |
|
| 203 |
<dt>OS</dt> |
|
| 204 |
<dd>Kubuntu</dd> |
|
| 205 |
<dt>Kernel</dt> |
|
| 206 |
<dd>4.8.2</dd> |
|
| 207 |
<dt>Size</dt> |
|
| 208 |
<dd>2.51GB</dd> |
|
| 209 |
<dt>Users</dt> |
|
| 210 |
<dd>user</dd> |
|
| 211 |
<dt>Root partition</dt> |
|
| 212 |
<dd>1</dd> |
|
| 213 |
</dl> |
|
| 214 |
</div> |
|
| 215 |
</div> |
|
| 216 |
</li> |
|
| 217 |
<li class="system-images"> |
|
| 218 |
<div class="row"> |
|
| 219 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
|
| 220 |
<a href="" class="name-col">Windows Server 2012</a> |
|
| 221 |
<div class="size-col">13.66 GB</div> |
|
| 222 |
<div class="btn-col"><a href="" class="wrap-a">details</a></div> |
|
| 223 |
</div> |
|
| 224 |
<div class="details"> |
|
| 225 |
<div class="row"> |
|
| 226 |
<h3>Image metadata</h3> |
|
| 227 |
<dl> |
|
| 228 |
<dt>Owner</dt> |
|
| 229 |
<dd>system</dd> |
|
| 230 |
<dt>OS</dt> |
|
| 231 |
<dd>Kubuntu</dd> |
|
| 232 |
<dt>Kernel</dt> |
|
| 233 |
<dd>4.8.2</dd> |
|
| 234 |
<dt>Size</dt> |
|
| 235 |
<dd>2.51GB</dd> |
|
| 236 |
<dt>Users</dt> |
|
| 237 |
<dd>user</dd> |
|
| 238 |
<dt>Root partition</dt> |
|
| 239 |
<dd>1</dd> |
|
| 240 |
</dl> |
|
| 241 |
</div> |
|
| 242 |
</div> |
|
| 243 |
</li> |
|
| 244 |
<li class="system-images"> |
|
| 245 |
<div class="row"> |
|
| 246 |
<div class="img-col"><img src="images/os-windows.png" alt=""></div> |
|
| 247 |
<a href="" class="name-col">Windows Server 2008</a> |
|
| 248 |
<div class="size-col">10.79 GB</div> |
|
| 249 |
<div class="btn-col"><a href="" class="wrap-a" data-next="el3">details</a></div> |
|
| 250 |
</div> |
|
| 251 |
<div class="details"> |
|
| 252 |
<div class="row"> |
|
| 253 |
<h3>Image metadata</h3> |
|
| 254 |
<dl> |
|
| 255 |
<dt>Owner</dt> |
|
| 256 |
<dd>system</dd> |
|
| 257 |
<dt>OS</dt> |
|
| 258 |
<dd>Kubuntu</dd> |
|
| 259 |
<dt>Kernel</dt> |
|
| 260 |
<dd>4.8.2</dd> |
|
| 261 |
<dt>Size</dt> |
|
| 262 |
<dd>2.51GB</dd> |
|
| 263 |
<dt>Users</dt> |
|
| 264 |
<dd>user</dd> |
|
| 265 |
<dt>Root partition</dt> |
|
| 266 |
<dd>1</dd> |
|
| 267 |
</dl> |
|
| 268 |
</div> |
|
| 269 |
</div> |
|
| 270 |
</li> |
|
| 271 |
</ul> |
|
| 272 |
</div> |
|
| 273 |
<div class="step step-2" id="step-2" data-step=2> |
|
| 274 |
<div class="row"> |
|
| 275 |
<form class="custom"> |
|
| 276 |
<select class="medium"> |
|
| 277 |
<option class="el5">Basic Project</option> |
|
| 278 |
<option>Project 2</option> |
|
| 279 |
<option>Project 3</option> |
|
| 280 |
</select> |
|
| 281 |
</form> |
|
| 282 |
<ul class="flavor"> |
|
| 283 |
<li> |
|
| 284 |
<div class="title"> |
|
| 285 |
<span class="snf-chip-outline snf-font"></span> |
|
| 286 |
<h2> |
|
| 287 |
CPU<span> (x cores)</span> |
|
| 288 |
<em>Choose number of CPU cores</em> |
|
| 289 |
</h2> |
|
| 290 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
|
| 291 |
</div> |
|
| 292 |
<div class="options-bar"> |
|
| 293 |
<div class="bar"> |
|
| 294 |
<div class="wrap"> |
|
| 295 |
<div class="container"> |
|
| 296 |
<!-- width percentages do not correspond to actual mesurements --> |
|
| 297 |
<div class="total" style="width:60%"> |
|
| 298 |
<div class="current" style="width:30%"></div> |
|
| 299 |
<span>60%</span> |
|
| 300 |
</div> |
|
| 301 |
</div> |
|
| 302 |
</div> |
|
| 303 |
</div> |
|
| 304 |
<ul class="options with-flavor"> |
|
| 305 |
<li><a href="" class="small current preselected wrap-a" data-help="help text for 1">1</a></li> |
|
| 306 |
<li><a href="" class="medium wrap-a" data-help="help text for 2">2</a></li> |
|
| 307 |
<li><a href="" class="large disabled wrap-a" data-help="help text for 3">3</a></li> |
|
| 308 |
<li><a href="" class="disabled wrap-a" data-help="help text for 4">4</a></li> |
|
| 309 |
</ul> |
|
| 310 |
</div> |
|
| 311 |
</li> |
|
| 312 |
<li> |
|
| 313 |
<div class="title"> |
|
| 314 |
<span class="snf-ram-outline snf-font"></span> |
|
| 315 |
<h2> |
|
| 316 |
Memory Size |
|
| 317 |
<span> (MB)</span> |
|
| 318 |
<em>Choose memory size</em> |
|
| 319 |
</h2> |
|
| 320 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
|
| 321 |
</div> |
|
| 322 |
<div class="options-bar"> |
|
| 323 |
<div class="bar"> |
|
| 324 |
<div class="wrap"> |
|
| 325 |
<div class="container"> |
|
| 326 |
<!-- width percentages do not correspond to actual mesurements --> |
|
| 327 |
<div class="total" style="width:60%"> |
|
| 328 |
<div class="current" style="width:30%"></div> |
|
| 329 |
<span>60%</span> |
|
| 330 |
</div> |
|
| 331 |
</div> |
|
| 332 |
</div> |
|
| 333 |
</div> |
|
| 334 |
<ul class="options with-flavor"> |
|
| 335 |
<li><a href="" class="small current preselected wrap-a">1024</a></li> |
|
| 336 |
<li><a href="" class="medium wrap-a">2048</a></li> |
|
| 337 |
<li><a href="" class="large wrap-a">4096</a></li> |
|
| 338 |
</ul> |
|
| 339 |
</div> |
|
| 340 |
</li> |
|
| 341 |
<li> |
|
| 342 |
<div class="title"> |
|
| 343 |
<span class="snf-volume-outline snf-font"></span> |
|
| 344 |
<h2> |
|
| 345 |
Disk Size<span> (GB)</span> |
|
| 346 |
<em>Choose disk size</em> |
|
| 347 |
</h2> |
|
| 348 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
|
| 349 |
</div> |
|
| 350 |
<div class="options-bar"> |
|
| 351 |
<div class="bar"> |
|
| 352 |
<div class="wrap"> |
|
| 353 |
<div class="container"> |
|
| 354 |
<!-- width percentages do not correspond to actual mesurements --> |
|
| 355 |
<div class="total low" style="width:40%"> |
|
| 356 |
<div class="current" style="width:80%"></div> |
|
| 357 |
<span>40%</span> |
|
| 358 |
</div> |
|
| 359 |
</div> |
|
| 360 |
</div> |
|
| 361 |
</div> |
|
| 362 |
<ul class="options with-flavor"> |
|
| 363 |
<li><a href="" class="small current preselected wrap-a">10</a></li> |
|
| 364 |
<li><a href="" class="medium wrap-a">20</a></li> |
|
| 365 |
<li><a href="" class="large wrap-a">30</a></li> |
|
| 366 |
<li><a href="" class="wrap-a">40</a></li> |
|
| 367 |
</ul> |
|
| 368 |
</div> |
|
| 369 |
</li> |
|
| 370 |
<li> |
|
| 371 |
<div class="title"> |
|
| 372 |
<span class="snf-volume-outline snf-font"></span> |
|
| 373 |
<h2> |
|
| 374 |
Storage |
|
| 375 |
<em>Select storage type</em> |
|
| 376 |
</h2> |
|
| 377 |
<p>HOVER EXPLANATORY TEXT Volumes residing on our custom storage layer Archipelago, supporting fast VM spawning with cloning. Will also support Volume snapshotting really soon.</p> |
|
| 378 |
</div> |
|
| 379 |
<div class="options-bar"> |
|
| 380 |
<div class="bar"> |
|
| 381 |
<div class="wrap disabled-progress-bar"> |
|
| 382 |
<div class="container"> |
|
| 383 |
<!-- width percentages do not correspond to actual mesurements --> |
|
| 384 |
<div class="total" style="width:100%"> |
|
| 385 |
<div class="current" style="width:0%"></div> |
|
| 386 |
<span></span> |
|
| 387 |
</div> |
|
| 388 |
</div> |
|
| 389 |
</div> |
|
| 390 |
</div> |
|
| 391 |
<ul class="options vm-storage-selection"> |
|
| 392 |
<li><a href="" class="current preselected wrap-a">DRBD</a></li> |
|
| 393 |
<li><a href="" data-next="el3" class="wrap-a">Archipelago</a></li> |
|
| 394 |
</ul> |
|
| 395 |
</div> |
|
| 396 |
</li> |
|
| 397 |
</ul> |
|
| 398 |
</div> |
|
| 399 |
</div> |
|
| 400 |
<div class="step step-3" id="step-3" data-step=3> |
|
| 401 |
<div class="advanced-conf-step"> |
|
| 402 |
<div class="adv-main row"> |
|
| 403 |
<div class="name"> |
|
| 404 |
<h2>Machine name</h2> |
|
| 405 |
<span class="input"> |
|
| 406 |
<input type="text" placeholder="My Ubuntu Server" class="el7"> |
|
| 407 |
</span> |
|
| 408 |
</div> |
|
| 409 |
<div class="expand-btn"> |
|
| 410 |
<a class="expand-arrow" href=""> |
|
| 411 |
Advanced Configuration |
|
| 412 |
<span class="snf-arrow-down preselected"></span> |
|
| 413 |
</a> |
|
| 414 |
</div> |
|
| 415 |
</div> |
|
| 416 |
<div class="advanced-conf-options"> |
|
| 417 |
<div class="ssh-keys-area area"> |
|
| 418 |
<div class="row"> |
|
| 419 |
<h2>Public SSH keys</h2> |
|
| 420 |
<p>Your account contains the following SSH public keys. Select one or more to activate in your new machine. You will then be able to ssh with the corresponding private key without a password.</p> |
|
| 421 |
<ul> |
|
| 422 |
<li class="trigger-checkbox"> |
|
| 423 |
<h3>My public key long name one </h3> |
|
| 424 |
<a href="" class="check"> |
|
| 425 |
<span class="snf-checkbox-unchecked"></span> |
|
| 426 |
</a> |
|
| 427 |
</li> |
|
| 428 |
<li class="trigger-checkbox"> |
|
| 429 |
<h3>Other public key </h3> |
|
| 430 |
<a href="" class="check"> |
|
| 431 |
<span class="snf-checkbox-unchecked"></span> |
|
| 432 |
</a> |
|
| 433 |
</li> |
|
| 434 |
<li class="trigger-checkbox"> |
|
| 435 |
<h3>My public key long name one </h3> |
|
| 436 |
<a href="" class="check"> |
|
| 437 |
<span class="snf-checkbox-unchecked"></span> |
|
| 438 |
</a> |
|
| 439 |
</li> |
|
| 440 |
</ul> |
|
| 441 |
<div> |
|
| 442 |
<a href="" class="btn5 wrap-a" data-reveal-id="sshkeys-wizard" title="set data-reveal-id: sshkeys-wizard">manage ssh keys</a> |
|
| 443 |
</div> |
|
| 444 |
</div> |
|
| 445 |
</div> |
|
| 446 |
<div class="networks-area area"> |
|
| 447 |
<h2 class="row">Networks</h2> |
|
| 448 |
<ul> |
|
| 449 |
<li class="trigger-checkbox row has-more select-net"> |
|
| 450 |
<h3 class=""> |
|
| 451 |
<span class="net-icons"> |
|
| 452 |
<span class="temp-line line1"></span> |
|
| 453 |
<span class="snf-www"></span> |
|
| 454 |
<span class="snf-network-full"></span> |
|
| 455 |
</span> |
|
| 456 |
Public Network |
|
| 457 |
</h3> |
|
| 458 |
<a href="" class="check"><span class="snf-checkbox-checked prechecked"></span></a> |
|
| 459 |
</li> |
|
| 460 |
<li class="more"> |
|
| 461 |
<div class="row"> |
|
| 462 |
<div class="trigger-checkbox clearfix"> |
|
| 463 |
<h3>192.168.2.3</h3> |
|
| 464 |
<a href="" class="check"><span class="snf-checkbox-checked prechecked"></span></a> |
|
| 465 |
</div> |
|
| 466 |
<div class="trigger-checkbox clearfix"> |
|
| 467 |
<h3>192.168.2.3</h3> |
|
| 468 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 469 |
</div> |
|
| 470 |
<div class="trigger-checkbox clearfix"> |
|
| 471 |
<h3>192.168.2.3</h3> |
|
| 472 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 473 |
</div> |
|
| 474 |
<div> |
|
| 475 |
<a href="" class="btn5 wrap-a">allocate ip</a> |
|
| 476 |
</div> |
|
| 477 |
</div> |
|
| 478 |
</li> |
|
| 479 |
<li class="trigger-checkbox row select-net"> |
|
| 480 |
<h3 class="net-name"> |
|
| 481 |
<span class="net-icons"> |
|
| 482 |
<span class="temp-line line1"></span> |
|
| 483 |
<span class="temp-line line2"></span> |
|
| 484 |
<span class="snf-www"></span> |
|
| 485 |
<span class="snf-router-outline"></span> |
|
| 486 |
<span class="snf-network-full"></span> |
|
| 487 |
</span> |
|
| 488 |
Routed Network |
|
| 489 |
</h3> |
|
| 490 |
<a href="" class="check"> |
|
| 491 |
<span class="snf-checkbox-unchecked"></span> |
|
| 492 |
</a> |
|
| 493 |
</li> |
|
| 494 |
<li class="trigger-checkbox row select-net"> |
|
| 495 |
<h3 class="net-name"> |
|
| 496 |
<span class="net-icons"> |
|
| 497 |
<span class="snf-network-full"></span> |
|
| 498 |
</span> |
|
| 499 |
Private Network 1 |
|
| 500 |
</h3> |
|
| 501 |
<a href="" class="check"> |
|
| 502 |
<span class="snf-checkbox-unchecked"></span> |
|
| 503 |
</a> |
|
| 504 |
</li> |
|
| 505 |
<li class="trigger-checkbox row select-net"> |
|
| 506 |
<h3 class="net-name"> |
|
| 507 |
<span class="net-icons"> |
|
| 508 |
<span class="snf-network-full"></span> |
|
| 509 |
</span> |
|
| 510 |
Private Network 2 |
|
| 511 |
</h3> |
|
| 512 |
<a href="" class="check"> |
|
| 513 |
<span class="snf-checkbox-unchecked"></span> |
|
| 514 |
</a> |
|
| 515 |
</li> |
|
| 516 |
</ul> |
|
| 517 |
</div> |
|
| 518 |
<div class="tags-area area"> |
|
| 519 |
<div class="row"> |
|
| 520 |
<h2>Tags</h2> |
|
| 521 |
<p>Dude use your tags like you eat your cereal.<br>You can color code them as well</p> |
|
| 522 |
<ul> |
|
| 523 |
<li> |
|
| 524 |
<h3>My tags</h3> |
|
| 525 |
<span>select</span> |
|
| 526 |
</li> |
|
| 527 |
<li class="trigger-checkbox"> |
|
| 528 |
<h3> |
|
| 529 |
<span class="tag-demo tag4"></span> |
|
| 530 |
Operating system |
|
| 531 |
</h3> |
|
| 532 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 533 |
</li> |
|
| 534 |
<li class="trigger-checkbox"> |
|
| 535 |
<h3> |
|
| 536 |
<span class="tag-demo tag5"></span> |
|
| 537 |
Pirate PC1 |
|
| 538 |
</h3> |
|
| 539 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 540 |
</li> |
|
| 541 |
<li class="trigger-checkbox"> |
|
| 542 |
<h3> |
|
| 543 |
<span class="tag-demo tag6"></span> |
|
| 544 |
Pirate PC1 |
|
| 545 |
</h3> |
|
| 546 |
<a href="" class="check"><span class="snf-checkbox-unchecked"></span></a> |
|
| 547 |
</li> |
|
| 548 |
</ul> |
|
| 549 |
<div ><a class="btn5 show-add-tag wrap-a" href="" id="show-add-tag">add new Tag</a></div> |
|
| 550 |
<div class="snf-color-picker"> |
|
| 551 |
<form action="#" method="post"> |
|
| 552 |
<div id="picker-1"> |
|
| 553 |
<div class="farbtastic"> |
|
| 554 |
<div class="color" style="background-color: rgb(255, 0, 21);"></div> |
|
| 555 |
<div class="wheel"></div> |
|
| 556 |
<div class="overlay"></div> |
|
| 557 |
<div class="h-marker marker" style="left: 90px; top: 13px;"></div> |
|
| 558 |
<div class="sl-marker marker" style="left: 87px; top: 114px;"></div> |
|
| 559 |
</div> |
|
| 560 |
</div> |
|
| 561 |
<div class="form-item"> |
|
| 562 |
<input type="text" id="color-1" class="color-preview" name="color" value="#16C1E9" disabled> |
|
| 563 |
<span class="input"><input class="tag_name" type="text" placeholder="My Tag"></span> |
|
| 564 |
</div> |
|
| 565 |
</form> |
|
| 566 |
<div class="btns"> |
|
| 567 |
<a class="btn5 wrap-a" href="">OK</a> |
|
| 568 |
<a class="btn5 hide-add-tag wrap-a" href="">CANCEL</a> |
|
| 569 |
</div> |
|
| 570 |
<a href="" id="hide-add-tag-dummy" style="position:relative;top:50px"> </a> |
|
| 571 |
</div> |
|
| 572 |
</div> |
|
| 573 |
</div> |
|
| 574 |
</div> |
|
| 575 |
</div> |
|
| 576 |
<!-- end step 3 --> </div> |
|
| 577 |
<div class="step step-4" id="step-4" data-step=4> |
|
| 578 |
<div class="summary"> |
|
| 579 |
<div class="row"> |
|
| 580 |
<div class="wrap"> |
|
| 581 |
<dl> |
|
| 582 |
<dt><span class="snf-pc-full snf-font"></span>Machine name</dt> |
|
| 583 |
<dd>handsome frank</dd> |
|
| 584 |
</dl> |
|
| 585 |
</div> |
|
| 586 |
</div> |
|
| 587 |
<div class="row"> |
|
| 588 |
<div class="wrap"> |
|
| 589 |
<dl> |
|
| 590 |
<dt>Image</dt> |
|
| 591 |
<dd>Fedora</dd> |
|
| 592 |
<dt>Name</dt> |
|
| 593 |
<dd>Debian Base</dd> |
|
| 594 |
<dt>Desciption</dt> |
|
| 595 |
<dd>open suse description open suse description open suse description open suse description open suse description</dd> |
|
| 596 |
<dt>os</dt> |
|
| 597 |
<dd>Debian</dd> |
|
| 598 |
<dt>Size</dt> |
|
| 599 |
<dd>10.4GB</dd> |
|
| 600 |
<dt>GUI</dt> |
|
| 601 |
<dd>No GUI</dd> |
|
| 602 |
<dt>Kernel</dt> |
|
| 603 |
<dd>2.3.4</dd> |
|
| 604 |
</dl> |
|
| 605 |
</div> |
|
| 606 |
</div> |
|
| 607 |
<div class="row"> |
|
| 608 |
<div class="wrap"> |
|
| 609 |
<h2>Flavor</h2> |
|
| 610 |
<dl> |
|
| 611 |
<dt><span class="snf-chip-outline snf-font"></span>CPUs</dt> |
|
| 612 |
<dd>4x</dd> |
|
| 613 |
<dt><span class="snf-ram-outline snf-font"></span>Memory</dt> |
|
| 614 |
<dd>512 MB</dd> |
|
| 615 |
<dt><span class="snf-volume-outline snf-font"></span>Disk</dt> |
|
| 616 |
<dd>4GB</dd> |
|
| 617 |
<dt><span class="snf-volume-outline snf-font"></span>Storage Type</dt> |
|
| 618 |
<dd>DRBD</dd> |
|
| 619 |
</dl> |
|
| 620 |
</div> |
|
| 621 |
</div> |
|
| 622 |
<div class="row"> |
|
| 623 |
<div class="wrap"> |
|
| 624 |
<dl> |
|
| 625 |
<dt>Machine Tags</dt> |
|
| 626 |
<dd>Database server</dd> |
|
| 627 |
<dt>SSH Keys</dt> |
|
| 628 |
<dd> |
|
| 629 |
my public key 1<br> |
|
| 630 |
my public key 3<br> |
|
| 631 |
</dd> |
|
| 632 |
<dt>IPs</dt> |
|
| 633 |
<dd>192.168.1.3<br>192.168.1.3</dd> |
|
| 634 |
<dt>Private networks</dt> |
|
| 635 |
<dd>No private networks selected</dd> |
|
| 636 |
</dl> |
|
| 637 |
</div> |
|
| 638 |
</div> |
|
| 639 |
</div> |
|
| 640 |
</div> |
|
| 641 |
</div> |
|
| 642 |
</div> |
|
| 643 |
<div class="bottom"> |
|
| 644 |
<div class="row"> |
|
| 645 |
<a href="" class="nav prev el3"><span>CANCEL</span></a> |
|
| 646 |
<a href="" class="nav next" data-step="1" data-next="el2"><span>NEXT</span></a> |
|
| 647 |
</div> |
|
| 648 |
</div> |
|
| 649 |
</div> |
|
| 650 |
</section> |
|
| 651 |
<section class="actions-bar clearfix"> |
|
| 652 |
<h2>{{pageTitle}}</h2>
|
|
| 653 |
<div class="rt-actions"> |
|
| 654 |
<a href="vm_details.html" class="single"></a> |
|
| 655 |
<a href="#grid" class="grid"><span class="snf-gridview current"></span></a> |
|
| 656 |
<a href="#list" class="list"><span class="snf-listview "></span></a> |
|
| 657 |
</div> |
|
| 658 |
<div class="filter-menu"> |
|
| 659 |
<div><a class="filter" href="">Filter</a></div> |
|
| 660 |
<ul class="options"> |
|
| 661 |
<li><a href="">option 1</a></li> |
|
| 662 |
<li><a href="">option 2</a></li> |
|
| 663 |
<li><a href="">option 3</a></li> |
|
| 664 |
<li><a href="">option 4</a></li> |
|
| 665 |
</ul> |
|
| 666 |
</div> |
|
| 667 |
<div id="hd-search" class="hd-search"> |
|
| 668 |
<form> |
|
| 669 |
<span class="hd-icon-search snf-search"></span> |
|
| 670 |
<input class="hd-search-input" placeholder="Enter your search term..." type="search" value="" name="search" id="search"> |
|
| 671 |
</form> |
|
| 672 |
</div> |
|
| 673 |
</section> |
|
| 31 |
<div class="body-wrapper"> |
|
| 32 |
{{outlet 'wizard'}}
|
|
| 674 | 33 |
<section class="main row"> |
| 675 | 34 |
{{outlet}}
|
| 676 | 35 |
</section> |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/gruntfileA.js | ||
|---|---|---|
| 1 |
module.exports = function(grunt) {
|
|
| 2 |
|
|
| 3 |
// Project configuration. |
|
| 4 |
grunt.initConfig({
|
|
| 5 |
pkg: grunt.file.readJSON('package.json'),
|
|
| 6 |
watch: {
|
|
| 7 |
css: {
|
|
| 8 |
files: [ |
|
| 9 |
'sass/*.scss', |
|
| 10 |
], |
|
| 11 |
tasks: ['compass'] |
|
| 12 |
}, |
|
| 13 |
js: {
|
|
| 14 |
files: [ |
|
| 15 |
'javascripts/vendor/*.js', |
|
| 16 |
'javascripts/okeanos-ember/*.js', |
|
| 17 |
'javascripts/okeanos-scripts/*.js' |
|
| 18 |
], |
|
| 19 |
tasks: ['concat'] |
|
| 20 |
}, |
|
| 21 |
}, |
|
| 22 |
compass: {
|
|
| 23 |
dist: {
|
|
| 24 |
options: {
|
|
| 25 |
sassDir: 'sass', |
|
| 26 |
cssDir: 'stylesheets', |
|
| 27 |
outputStyle: 'expanded', |
|
| 28 |
} |
|
| 29 |
} |
|
| 30 |
}, |
|
| 31 |
concat: {
|
|
| 32 |
options: {
|
|
| 33 |
separator: ';', |
|
| 34 |
}, |
|
| 35 |
dist: {
|
|
| 36 |
files: {
|
|
| 37 |
'javascripts/okeanos.js': ['javascripts/okeanos-scripts/common.js', 'javascripts/okeanos-scripts/checkboxes-radiobuttons.js.js', 'javascripts/okeanos-scripts/wizard.js', 'javascripts/okeanos-scripts/sshkeys-wizard.js'], |
|
| 38 |
'javascripts/okeanos-ember.js': ['javascripts/okeanos-ember/*.js'], |
|
| 39 |
} |
|
| 40 |
}, |
|
| 41 |
}, |
|
| 42 |
emberTemplates: {
|
|
| 43 |
compile: {
|
|
| 44 |
options: {
|
|
| 45 |
templateBasePath: /javascripts\/templates\// |
|
| 46 |
}, |
|
| 47 |
files: {
|
|
| 48 |
'javascripts/templates.js': 'javascripts/templates/*' |
|
| 49 |
} |
|
| 50 |
}, |
|
| 51 |
files: 'templates/*', |
|
| 52 |
tasks: ['emberTemplates'] |
|
| 53 |
} |
|
| 54 |
|
|
| 55 |
}); |
|
| 56 |
grunt.loadNpmTasks('grunt-contrib-watch');
|
|
| 57 |
grunt.loadNpmTasks('grunt-contrib-compass');
|
|
| 58 |
grunt.loadNpmTasks('grunt-contrib-concat');
|
|
| 59 |
grunt.loadNpmTasks('grunt-ember-templates');
|
|
| 60 |
|
|
| 61 |
// concat, ember-templates is necessary only the 1st time that I run it to create the the destination files that include the concatenated |
|
| 62 |
grunt.registerTask('default', ['concat', 'emberTemplates', 'compass', 'watch']);
|
|
| 63 |
|
|
| 64 |
}; |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/okeanos-ember.js | ||
|---|---|---|
| 210 | 210 |
redirect: function() {
|
| 211 | 211 |
// have to set vm navigation icon full |
| 212 | 212 |
this.transitionTo('vms');
|
| 213 |
}, |
|
| 214 |
actions: {
|
|
| 215 |
openWizard: function() {
|
|
| 216 |
console.log('2');
|
|
| 217 |
return this.render('wizard', {
|
|
| 218 |
into: 'application', |
|
| 219 |
outlet: 'wizard' |
|
| 220 |
}); |
|
| 221 |
} |
|
| 213 | 222 |
} |
| 214 | 223 |
}); |
| 215 | 224 |
|
| ... | ... | |
| 482 | 491 |
} |
| 483 | 492 |
}.property(), |
| 484 | 493 |
click: function () {
|
| 485 |
var type = this.get('type');
|
|
| 486 |
var wizardEl = $('#'+ type.substring(0, type.length - 1)+'-wizard');
|
|
| 487 |
$('.overlay-area-custom').fadeIn(100);
|
|
| 488 |
$('body').addClass('with-overlay');
|
|
| 489 |
wizardEl.fadeIn('slow');
|
|
| 494 |
// var type = this.get('type');
|
|
| 495 |
// var wizardEl = $('#'+ type.substring(0, type.length - 1)+'-wizard');
|
|
| 496 |
// $('.overlay-area-custom').fadeIn(100);
|
|
| 497 |
// $('body').addClass('with-overlay');
|
|
| 498 |
// wizardEl.fadeIn('slow');
|
|
| 499 |
console.log('1');
|
|
| 500 |
this.sendAction('action');
|
|
| 490 | 501 |
} |
| 491 | 502 |
}); |
| 492 | 503 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/okeanos-ember/ember-all.js | ||
|---|---|---|
| 20 | 20 |
redirect: function() {
|
| 21 | 21 |
// have to set vm navigation icon full |
| 22 | 22 |
this.transitionTo('vms');
|
| 23 |
}, |
|
| 24 |
actions: {
|
|
| 25 |
openWizard: function() {
|
|
| 26 |
console.log('2');
|
|
| 27 |
return this.render('wizard', {
|
|
| 28 |
into: 'application', |
|
| 29 |
outlet: 'wizard' |
|
| 30 |
}); |
|
| 31 |
} |
|
| 23 | 32 |
} |
| 24 | 33 |
}); |
| 25 | 34 |
|
| ... | ... | |
| 292 | 301 |
} |
| 293 | 302 |
}.property(), |
| 294 | 303 |
click: function () {
|
| 295 |
var type = this.get('type');
|
|
| 296 |
var wizardEl = $('#'+ type.substring(0, type.length - 1)+'-wizard');
|
|
| 297 |
$('.overlay-area-custom').fadeIn(100);
|
|
| 298 |
$('body').addClass('with-overlay');
|
|
| 299 |
wizardEl.fadeIn('slow');
|
|
| 304 |
// var type = this.get('type');
|
|
| 305 |
// var wizardEl = $('#'+ type.substring(0, type.length - 1)+'-wizard');
|
|
| 306 |
// $('.overlay-area-custom').fadeIn(100);
|
|
| 307 |
// $('body').addClass('with-overlay');
|
|
| 308 |
// wizardEl.fadeIn('slow');
|
|
| 309 |
console.log('1');
|
|
| 310 |
this.sendAction('action');
|
|
| 300 | 311 |
} |
| 301 | 312 |
}); |
| 302 | 313 |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates.js | ||
|---|---|---|
| 210 | 210 |
},hashTypes:{'class': "STRING"},hashContexts:{'class': depth0},contexts:[],types:[],data:data})));
|
| 211 | 211 |
data.buffer.push(">\n<ul class=\"items-list\">\n ");
|
| 212 | 212 |
data.buffer.push(escapeExpression((helper = helpers['add-new'] || (depth0 && depth0['add-new']),options={hash:{
|
| 213 |
'type': ("controller.type")
|
|
| 214 |
},hashTypes:{'type': "ID"},hashContexts:{'type': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "add-new", options))));
|
|
| 213 |
'type': ("controller.type"),
|
|
| 214 |
'action': ("openWizard")
|
|
| 215 |
},hashTypes:{'type': "ID",'action': "STRING"},hashContexts:{'type': depth0,'action': depth0},contexts:[],types:[],data:data},helper ? helper.call(depth0, options) : helperMissing.call(depth0, "add-new", options))));
|
|
| 215 | 216 |
data.buffer.push("\n ");
|
| 216 | 217 |
stack1 = helpers.each.call(depth0, {hash:{},hashTypes:{},hashContexts:{},inverse:self.noop,fn:self.program(1, program1, data),contexts:[],types:[],data:data});
|
| 217 | 218 |
if(stack1 || stack1 === 0) { data.buffer.push(stack1); }
|
| ... | ... | |
| 231 | 232 |
|
| 232 | 233 |
}); |
| 233 | 234 |
|
| 235 |
Ember.TEMPLATES["wizard"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data |
|
| 236 |
/**/) {
|
|
| 237 |
this.compilerInfo = [4,'>= 1.0.0']; |
|
| 238 |
helpers = this.merge(helpers, Ember.Handlebars.helpers); data = data || {};
|
|
| 239 |
|
|
| 240 |
|
|
| 241 |
|
|
| 242 |
data.buffer.push("<section class=\"overlay-area-custom\">\n <div id=\"vm-wizard\" class=\"overlay-div wizard\">\n </div>\n</section>");
|
|
| 243 |
|
|
| 244 |
}); |
|
| 245 |
|
|
| 234 | 246 |
Ember.TEMPLATES["components/btn-1"] = Ember.Handlebars.template(function anonymous(Handlebars,depth0,helpers,partials,data |
| 235 | 247 |
/**/) {
|
| 236 | 248 |
this.compilerInfo = [4,'>= 1.0.0']; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/snfElems.hbs | ||
|---|---|---|
| 1 | 1 |
<div {{bind-attr class=":entities :list-view"}}>
|
| 2 | 2 |
<ul class="items-list"> |
| 3 |
{{add-new type=controller.type}}
|
|
| 3 |
{{add-new type=controller.type action="openWizard"}}
|
|
| 4 | 4 |
{{#each}}
|
| 5 | 5 |
{{view Synnefo.ElemView}}
|
| 6 | 6 |
{{/each}}
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/javascripts/templates/wizard.hbs | ||
|---|---|---|
| 1 |
<section class="overlay-area-custom"> |
|
| 2 |
<div id="vm-wizard" class="overlay-div wizard"> |
|
| 3 |
</div> |
|
| 4 |
</section> |
|
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/sass/_overlays.scss | ||
|---|---|---|
| 97 | 97 |
} |
| 98 | 98 |
} |
| 99 | 99 |
.overlay-area-custom {
|
| 100 |
display:none; |
|
| 100 |
// display:none;
|
|
| 101 | 101 |
position:absolute; |
| 102 | 102 |
left:0; |
| 103 | 103 |
right:0; |
| ... | ... | |
| 107 | 107 |
background:$overlay-bg-color; |
| 108 | 108 |
z-index:20; |
| 109 | 109 |
.overlay-div {
|
| 110 |
display: none; |
|
| 110 |
// display: none;
|
|
| 111 | 111 |
z-index:50; |
| 112 | 112 |
position: relative; |
| 113 | 113 |
background:#fff; |
| b/snf-cyclades-app/synnefo/ui/new_ui/ui/stylesheets/app.css | ||
|---|---|---|
| 1 |
/* line 264, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 1 |
/* line 264, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 2 | 2 |
*, |
| 3 | 3 |
*:before, |
| 4 | 4 |
*:after {
|
| ... | ... | |
| 7 | 7 |
box-sizing: border-box; |
| 8 | 8 |
} |
| 9 | 9 |
|
| 10 |
/* line 269, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 10 |
/* line 269, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 11 | 11 |
html, |
| 12 | 12 |
body {
|
| 13 | 13 |
font-size: 100%; |
| 14 | 14 |
} |
| 15 | 15 |
|
| 16 |
/* line 272, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 16 |
/* line 272, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 17 | 17 |
body {
|
| 18 | 18 |
background: white; |
| 19 | 19 |
color: #2d3338; |
| ... | ... | |
| 27 | 27 |
cursor: default; |
| 28 | 28 |
} |
| 29 | 29 |
|
| 30 |
/* line 285, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 30 |
/* line 285, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 31 | 31 |
a:hover {
|
| 32 | 32 |
cursor: pointer; |
| 33 | 33 |
} |
| 34 | 34 |
|
| 35 |
/* line 288, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 35 |
/* line 288, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 36 | 36 |
a:focus {
|
| 37 | 37 |
outline: none; |
| 38 | 38 |
} |
| 39 | 39 |
|
| 40 |
/* line 293, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 40 |
/* line 293, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 41 | 41 |
img, |
| 42 | 42 |
object, |
| 43 | 43 |
embed {
|
| ... | ... | |
| 45 | 45 |
height: auto; |
| 46 | 46 |
} |
| 47 | 47 |
|
| 48 |
/* line 296, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 48 |
/* line 296, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 49 | 49 |
object, |
| 50 | 50 |
embed {
|
| 51 | 51 |
height: 100%; |
| 52 | 52 |
} |
| 53 | 53 |
|
| 54 |
/* line 297, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 54 |
/* line 297, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 55 | 55 |
img {
|
| 56 | 56 |
-ms-interpolation-mode: bicubic; |
| 57 | 57 |
} |
| 58 | 58 |
|
| 59 |
/* line 303, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 59 |
/* line 303, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 60 | 60 |
#map_canvas img, |
| 61 | 61 |
#map_canvas embed, |
| 62 | 62 |
#map_canvas object, |
| ... | ... | |
| 66 | 66 |
max-width: none !important; |
| 67 | 67 |
} |
| 68 | 68 |
|
| 69 |
/* line 308, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 69 |
/* line 308, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 70 | 70 |
.left {
|
| 71 | 71 |
float: left !important; |
| 72 | 72 |
} |
| 73 | 73 |
|
| 74 |
/* line 309, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 74 |
/* line 309, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 75 | 75 |
.right {
|
| 76 | 76 |
float: right !important; |
| 77 | 77 |
} |
| 78 | 78 |
|
| 79 |
/* line 310, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 79 |
/* line 310, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 80 | 80 |
.text-left {
|
| 81 | 81 |
text-align: left !important; |
| 82 | 82 |
} |
| 83 | 83 |
|
| 84 |
/* line 311, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 84 |
/* line 311, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 85 | 85 |
.text-right {
|
| 86 | 86 |
text-align: right !important; |
| 87 | 87 |
} |
| 88 | 88 |
|
| 89 |
/* line 312, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 89 |
/* line 312, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 90 | 90 |
.text-center {
|
| 91 | 91 |
text-align: center !important; |
| 92 | 92 |
} |
| 93 | 93 |
|
| 94 |
/* line 313, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 94 |
/* line 313, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 95 | 95 |
.text-justify {
|
| 96 | 96 |
text-align: justify !important; |
| 97 | 97 |
} |
| 98 | 98 |
|
| 99 |
/* line 314, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 99 |
/* line 314, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 100 | 100 |
.hide {
|
| 101 | 101 |
display: none; |
| 102 | 102 |
} |
| 103 | 103 |
|
| 104 |
/* line 320, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 104 |
/* line 320, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 105 | 105 |
.antialiased {
|
| 106 | 106 |
-webkit-font-smoothing: antialiased; |
| 107 | 107 |
} |
| 108 | 108 |
|
| 109 |
/* line 323, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 109 |
/* line 323, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 110 | 110 |
img {
|
| 111 | 111 |
display: inline-block; |
| 112 | 112 |
vertical-align: middle; |
| 113 | 113 |
} |
| 114 | 114 |
|
| 115 |
/* line 333, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 115 |
/* line 333, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 116 | 116 |
textarea {
|
| 117 | 117 |
height: auto; |
| 118 | 118 |
min-height: 50px; |
| 119 | 119 |
} |
| 120 | 120 |
|
| 121 |
/* line 336, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 121 |
/* line 336, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 122 | 122 |
select {
|
| 123 | 123 |
width: 100%; |
| 124 | 124 |
} |
| 125 | 125 |
|
| 126 | 126 |
/* Grid HTML Classes */ |
| 127 |
/* line 116, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 127 |
/* line 116, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 128 | 128 |
.row {
|
| 129 | 129 |
width: 100%; |
| 130 | 130 |
margin-left: auto; |
| ... | ... | |
| 134 | 134 |
max-width: 62.5em; |
| 135 | 135 |
*zoom: 1; |
| 136 | 136 |
} |
| 137 |
/* line 121, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 137 |
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 138 | 138 |
.row:before, .row:after {
|
| 139 | 139 |
content: " "; |
| 140 | 140 |
display: table; |
| 141 | 141 |
} |
| 142 |
/* line 122, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 142 |
/* line 122, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 143 | 143 |
.row:after {
|
| 144 | 144 |
clear: both; |
| 145 | 145 |
} |
| 146 |
/* line 121, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 146 |
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 147 | 147 |
.row.collapse .column, |
| 148 | 148 |
.row.collapse .columns {
|
| 149 | 149 |
position: relative; |
| ... | ... | |
| 151 | 151 |
padding-right: 0; |
| 152 | 152 |
float: left; |
| 153 | 153 |
} |
| 154 |
/* line 124, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 154 |
/* line 124, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 155 | 155 |
.row .row {
|
| 156 | 156 |
width: auto; |
| 157 | 157 |
margin-left: -0.9375em; |
| ... | ... | |
| 161 | 161 |
max-width: none; |
| 162 | 162 |
*zoom: 1; |
| 163 | 163 |
} |
| 164 |
/* line 121, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 164 |
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 165 | 165 |
.row .row:before, .row .row:after {
|
| 166 | 166 |
content: " "; |
| 167 | 167 |
display: table; |
| 168 | 168 |
} |
| 169 |
/* line 122, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 169 |
/* line 122, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 170 | 170 |
.row .row:after {
|
| 171 | 171 |
clear: both; |
| 172 | 172 |
} |
| 173 |
/* line 125, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 173 |
/* line 125, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 174 | 174 |
.row .row.collapse {
|
| 175 | 175 |
width: auto; |
| 176 | 176 |
margin: 0; |
| 177 | 177 |
max-width: none; |
| 178 | 178 |
*zoom: 1; |
| 179 | 179 |
} |
| 180 |
/* line 121, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 180 |
/* line 121, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 181 | 181 |
.row .row.collapse:before, .row .row.collapse:after {
|
| 182 | 182 |
content: " "; |
| 183 | 183 |
display: table; |
| 184 | 184 |
} |
| 185 |
/* line 122, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */ |
|
| 185 |
/* line 122, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_global.scss */
|
|
| 186 | 186 |
.row .row.collapse:after {
|
| 187 | 187 |
clear: both; |
| 188 | 188 |
} |
| 189 | 189 |
|
| 190 |
/* line 130, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 190 |
/* line 130, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 191 | 191 |
.column, |
| 192 | 192 |
.columns {
|
| 193 | 193 |
position: relative; |
| ... | ... | |
| 198 | 198 |
} |
| 199 | 199 |
|
| 200 | 200 |
@media only screen {
|
| 201 |
/* line 135, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 201 |
/* line 135, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 202 | 202 |
.column, |
| 203 | 203 |
.columns {
|
| 204 | 204 |
position: relative; |
| ... | ... | |
| 207 | 207 |
float: left; |
| 208 | 208 |
} |
| 209 | 209 |
|
| 210 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 210 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 211 | 211 |
.small-1 {
|
| 212 | 212 |
position: relative; |
| 213 | 213 |
width: 8.33333%; |
| 214 | 214 |
} |
| 215 | 215 |
|
| 216 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 216 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 217 | 217 |
.small-2 {
|
| 218 | 218 |
position: relative; |
| 219 | 219 |
width: 16.66667%; |
| 220 | 220 |
} |
| 221 | 221 |
|
| 222 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 222 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 223 | 223 |
.small-3 {
|
| 224 | 224 |
position: relative; |
| 225 | 225 |
width: 25%; |
| 226 | 226 |
} |
| 227 | 227 |
|
| 228 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 228 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 229 | 229 |
.small-4 {
|
| 230 | 230 |
position: relative; |
| 231 | 231 |
width: 33.33333%; |
| 232 | 232 |
} |
| 233 | 233 |
|
| 234 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 234 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 235 | 235 |
.small-5 {
|
| 236 | 236 |
position: relative; |
| 237 | 237 |
width: 41.66667%; |
| 238 | 238 |
} |
| 239 | 239 |
|
| 240 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 240 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 241 | 241 |
.small-6 {
|
| 242 | 242 |
position: relative; |
| 243 | 243 |
width: 50%; |
| 244 | 244 |
} |
| 245 | 245 |
|
| 246 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 246 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 247 | 247 |
.small-7 {
|
| 248 | 248 |
position: relative; |
| 249 | 249 |
width: 58.33333%; |
| 250 | 250 |
} |
| 251 | 251 |
|
| 252 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 252 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 253 | 253 |
.small-8 {
|
| 254 | 254 |
position: relative; |
| 255 | 255 |
width: 66.66667%; |
| 256 | 256 |
} |
| 257 | 257 |
|
| 258 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 258 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 259 | 259 |
.small-9 {
|
| 260 | 260 |
position: relative; |
| 261 | 261 |
width: 75%; |
| 262 | 262 |
} |
| 263 | 263 |
|
| 264 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 264 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 265 | 265 |
.small-10 {
|
| 266 | 266 |
position: relative; |
| 267 | 267 |
width: 83.33333%; |
| 268 | 268 |
} |
| 269 | 269 |
|
| 270 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 270 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 271 | 271 |
.small-11 {
|
| 272 | 272 |
position: relative; |
| 273 | 273 |
width: 91.66667%; |
| 274 | 274 |
} |
| 275 | 275 |
|
| 276 |
/* line 138, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 276 |
/* line 138, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 277 | 277 |
.small-12 {
|
| 278 | 278 |
position: relative; |
| 279 | 279 |
width: 100%; |
| 280 | 280 |
} |
| 281 | 281 |
|
| 282 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 282 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 283 | 283 |
.small-offset-0 {
|
| 284 | 284 |
position: relative; |
| 285 | 285 |
margin-left: 0%; |
| 286 | 286 |
} |
| 287 | 287 |
|
| 288 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 288 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 289 | 289 |
.small-offset-1 {
|
| 290 | 290 |
position: relative; |
| 291 | 291 |
margin-left: 8.33333%; |
| 292 | 292 |
} |
| 293 | 293 |
|
| 294 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 294 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 295 | 295 |
.small-offset-2 {
|
| 296 | 296 |
position: relative; |
| 297 | 297 |
margin-left: 16.66667%; |
| 298 | 298 |
} |
| 299 | 299 |
|
| 300 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 300 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 301 | 301 |
.small-offset-3 {
|
| 302 | 302 |
position: relative; |
| 303 | 303 |
margin-left: 25%; |
| 304 | 304 |
} |
| 305 | 305 |
|
| 306 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 306 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 307 | 307 |
.small-offset-4 {
|
| 308 | 308 |
position: relative; |
| 309 | 309 |
margin-left: 33.33333%; |
| 310 | 310 |
} |
| 311 | 311 |
|
| 312 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 312 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 313 | 313 |
.small-offset-5 {
|
| 314 | 314 |
position: relative; |
| 315 | 315 |
margin-left: 41.66667%; |
| 316 | 316 |
} |
| 317 | 317 |
|
| 318 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 318 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 319 | 319 |
.small-offset-6 {
|
| 320 | 320 |
position: relative; |
| 321 | 321 |
margin-left: 50%; |
| 322 | 322 |
} |
| 323 | 323 |
|
| 324 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 324 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 325 | 325 |
.small-offset-7 {
|
| 326 | 326 |
position: relative; |
| 327 | 327 |
margin-left: 58.33333%; |
| 328 | 328 |
} |
| 329 | 329 |
|
| 330 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 330 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 331 | 331 |
.small-offset-8 {
|
| 332 | 332 |
position: relative; |
| 333 | 333 |
margin-left: 66.66667%; |
| 334 | 334 |
} |
| 335 | 335 |
|
| 336 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 336 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 337 | 337 |
.small-offset-9 {
|
| 338 | 338 |
position: relative; |
| 339 | 339 |
margin-left: 75%; |
| 340 | 340 |
} |
| 341 | 341 |
|
| 342 |
/* line 142, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 342 |
/* line 142, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 343 | 343 |
.small-offset-10 {
|
| 344 | 344 |
position: relative; |
| 345 | 345 |
margin-left: 83.33333%; |
| 346 | 346 |
} |
| 347 | 347 |
|
| 348 |
/* line 145, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 348 |
/* line 145, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 349 | 349 |
[class*="column"] + [class*="column"]:last-child {
|
| 350 | 350 |
float: right; |
| 351 | 351 |
} |
| 352 | 352 |
|
| 353 |
/* line 146, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 353 |
/* line 146, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 354 | 354 |
[class*="column"] + [class*="column"].end {
|
| 355 | 355 |
float: left; |
| 356 | 356 |
} |
| 357 | 357 |
|
| 358 |
/* line 149, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 358 |
/* line 149, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 359 | 359 |
.column.small-centered, |
| 360 | 360 |
.columns.small-centered {
|
| 361 | 361 |
position: relative; |
| ... | ... | |
| 366 | 366 |
} |
| 367 | 367 |
/* Styles for screens that are atleast 768px; */ |
| 368 | 368 |
@media only screen and (min-width: 768px) {
|
| 369 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 369 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 370 | 370 |
.large-1 {
|
| 371 | 371 |
position: relative; |
| 372 | 372 |
width: 8.33333%; |
| 373 | 373 |
} |
| 374 | 374 |
|
| 375 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 375 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 376 | 376 |
.large-2 {
|
| 377 | 377 |
position: relative; |
| 378 | 378 |
width: 16.66667%; |
| 379 | 379 |
} |
| 380 | 380 |
|
| 381 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 381 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 382 | 382 |
.large-3 {
|
| 383 | 383 |
position: relative; |
| 384 | 384 |
width: 25%; |
| 385 | 385 |
} |
| 386 | 386 |
|
| 387 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 387 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 388 | 388 |
.large-4 {
|
| 389 | 389 |
position: relative; |
| 390 | 390 |
width: 33.33333%; |
| 391 | 391 |
} |
| 392 | 392 |
|
| 393 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 393 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 394 | 394 |
.large-5 {
|
| 395 | 395 |
position: relative; |
| 396 | 396 |
width: 41.66667%; |
| 397 | 397 |
} |
| 398 | 398 |
|
| 399 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 399 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 400 | 400 |
.large-6 {
|
| 401 | 401 |
position: relative; |
| 402 | 402 |
width: 50%; |
| 403 | 403 |
} |
| 404 | 404 |
|
| 405 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 405 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 406 | 406 |
.large-7 {
|
| 407 | 407 |
position: relative; |
| 408 | 408 |
width: 58.33333%; |
| 409 | 409 |
} |
| 410 | 410 |
|
| 411 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 411 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 412 | 412 |
.large-8 {
|
| 413 | 413 |
position: relative; |
| 414 | 414 |
width: 66.66667%; |
| 415 | 415 |
} |
| 416 | 416 |
|
| 417 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 417 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 418 | 418 |
.large-9 {
|
| 419 | 419 |
position: relative; |
| 420 | 420 |
width: 75%; |
| 421 | 421 |
} |
| 422 | 422 |
|
| 423 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 423 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 424 | 424 |
.large-10 {
|
| 425 | 425 |
position: relative; |
| 426 | 426 |
width: 83.33333%; |
| 427 | 427 |
} |
| 428 | 428 |
|
| 429 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 429 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 430 | 430 |
.large-11 {
|
| 431 | 431 |
position: relative; |
| 432 | 432 |
width: 91.66667%; |
| 433 | 433 |
} |
| 434 | 434 |
|
| 435 |
/* line 156, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 435 |
/* line 156, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 436 | 436 |
.large-12 {
|
| 437 | 437 |
position: relative; |
| 438 | 438 |
width: 100%; |
| 439 | 439 |
} |
| 440 | 440 |
|
| 441 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 441 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 442 | 442 |
.row .large-offset-0 {
|
| 443 | 443 |
position: relative; |
| 444 | 444 |
margin-left: 0%; |
| 445 | 445 |
} |
| 446 | 446 |
|
| 447 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 447 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 448 | 448 |
.row .large-offset-1 {
|
| 449 | 449 |
position: relative; |
| 450 | 450 |
margin-left: 8.33333%; |
| 451 | 451 |
} |
| 452 | 452 |
|
| 453 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 453 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 454 | 454 |
.row .large-offset-2 {
|
| 455 | 455 |
position: relative; |
| 456 | 456 |
margin-left: 16.66667%; |
| 457 | 457 |
} |
| 458 | 458 |
|
| 459 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 459 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 460 | 460 |
.row .large-offset-3 {
|
| 461 | 461 |
position: relative; |
| 462 | 462 |
margin-left: 25%; |
| 463 | 463 |
} |
| 464 | 464 |
|
| 465 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 465 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 466 | 466 |
.row .large-offset-4 {
|
| 467 | 467 |
position: relative; |
| 468 | 468 |
margin-left: 33.33333%; |
| 469 | 469 |
} |
| 470 | 470 |
|
| 471 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 471 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 472 | 472 |
.row .large-offset-5 {
|
| 473 | 473 |
position: relative; |
| 474 | 474 |
margin-left: 41.66667%; |
| 475 | 475 |
} |
| 476 | 476 |
|
| 477 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 477 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 478 | 478 |
.row .large-offset-6 {
|
| 479 | 479 |
position: relative; |
| 480 | 480 |
margin-left: 50%; |
| 481 | 481 |
} |
| 482 | 482 |
|
| 483 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 483 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 484 | 484 |
.row .large-offset-7 {
|
| 485 | 485 |
position: relative; |
| 486 | 486 |
margin-left: 58.33333%; |
| 487 | 487 |
} |
| 488 | 488 |
|
| 489 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 489 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 490 | 490 |
.row .large-offset-8 {
|
| 491 | 491 |
position: relative; |
| 492 | 492 |
margin-left: 66.66667%; |
| 493 | 493 |
} |
| 494 | 494 |
|
| 495 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 495 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 496 | 496 |
.row .large-offset-9 {
|
| 497 | 497 |
position: relative; |
| 498 | 498 |
margin-left: 75%; |
| 499 | 499 |
} |
| 500 | 500 |
|
| 501 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 501 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 502 | 502 |
.row .large-offset-10 {
|
| 503 | 503 |
position: relative; |
| 504 | 504 |
margin-left: 83.33333%; |
| 505 | 505 |
} |
| 506 | 506 |
|
| 507 |
/* line 160, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 507 |
/* line 160, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 508 | 508 |
.row .large-offset-11 {
|
| 509 | 509 |
position: relative; |
| 510 | 510 |
margin-left: 91.66667%; |
| 511 | 511 |
} |
| 512 | 512 |
|
| 513 |
/* line 164, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 513 |
/* line 164, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 514 | 514 |
.push-1 {
|
| 515 | 515 |
position: relative; |
| 516 | 516 |
left: 8.33333%; |
| 517 | 517 |
right: auto; |
| 518 | 518 |
} |
| 519 | 519 |
|
| 520 |
/* line 165, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 520 |
/* line 165, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 521 | 521 |
.pull-1 {
|
| 522 | 522 |
position: relative; |
| 523 | 523 |
right: 8.33333%; |
| 524 | 524 |
left: auto; |
| 525 | 525 |
} |
| 526 | 526 |
|
| 527 |
/* line 164, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 527 |
/* line 164, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 528 | 528 |
.push-2 {
|
| 529 | 529 |
position: relative; |
| 530 | 530 |
left: 16.66667%; |
| 531 | 531 |
right: auto; |
| 532 | 532 |
} |
| 533 | 533 |
|
| 534 |
/* line 165, ../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */ |
|
| 534 |
/* line 165, ../../../../../../../../.rvm/gems/ruby-1.9.2-p320/gems/zurb-foundation-4.3.1/scss/foundation/components/_grid.scss */
|
|
| 535 | 535 |
.pull-2 {
|
| 536 | 536 |
position: relative; |
| 537 | 537 |
right: 16.66667%; |
| 538 | 538 |
left: auto; |
| 539 | 539 |
} |
| 540 | 540 |
|
Also available in: Unified diff