LEFT | RIGHT |
1 /* Processed with LESS from lib/views/stylesheet.less */ | 1 /* Processed with LESS from lib/views/stylesheet.less */ |
2 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; | 2 @font-family: 'Ubuntu', 'Helvetica Neue', Helvetica, Arial, sans-serif; |
3 @font-family-medium: 'Ubuntu Medium', 'Helvetica Neue', Helvetica, Arial, sans-s
erif; | 3 @font-family-medium: 'Ubuntu Medium', 'Helvetica Neue', Helvetica, Arial, sans-s
erif; |
4 | 4 |
5 /* Define common colors. */ | 5 /* Define common colors. */ |
6 @label-color: #292929; | 6 @label-color: #292929; |
7 @text-entry-color: #6d6e70; | 7 @text-entry-color: #6d6e70; |
8 @charm-panel-orange: #dd4814; | 8 @charm-panel-orange: #dd4814; |
9 @charm-panel-configure-title-color: #eee7d5; | 9 @charm-panel-configure-title-color: #eee7d5; |
10 @charm-panel-configure-name-color: #8f8f88; | 10 @charm-panel-configure-name-color: #8f8f88; |
(...skipping 1333 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1344 | 1344 |
1345 div:nth-child(2) { | 1345 div:nth-child(2) { |
1346 font-style: italic; | 1346 font-style: italic; |
1347 font-size: 16px; | 1347 font-size: 16px; |
1348 color: #6a737b; | 1348 color: #6a737b; |
1349 } | 1349 } |
1350 } | 1350 } |
1351 | 1351 |
1352 .menu-items { | 1352 .menu-items { |
1353 height: 26px; | 1353 height: 26px; |
1354 padding-top: 2px; | 1354 padding-top: 6px; |
1355 padding-left: 38px; | 1355 padding-left: 38px; |
1356 background: url(/juju-ui/assets/images/tab_div.png) repeat; | 1356 background: url(/juju-ui/assets/images/tab_div.png) repeat; |
1357 | 1357 |
1358 .item { | 1358 .item { |
1359 a { | 1359 a { |
1360 font-size: 12px; | 1360 font-size: 12px; |
1361 padding-left: 10px; | 1361 padding-left: 10px; |
1362 padding-right: 10px; | 1362 padding-right: 10px; |
1363 color: #292929; | 1363 color: #292929; |
1364 } | 1364 } |
(...skipping 19 matching lines...) Expand all Loading... |
1384 .control { | 1384 .control { |
1385 float: left; | 1385 float: left; |
1386 ················ | 1386 ················ |
1387 .divider { | 1387 .divider { |
1388 margin-right: 3px; | 1388 margin-right: 3px; |
1389 height: 13px; | 1389 height: 13px; |
1390 width: 2px; | 1390 width: 2px; |
1391 } | 1391 } |
1392 } | 1392 } |
1393 .destroy-control { | 1393 .destroy-control { |
| 1394 margin-top: -1px; |
1394 a, a:hover, a:active, a:visited { | 1395 a, a:hover, a:active, a:visited { |
1395 text-decoration: none; | 1396 text-decoration: none; |
1396 color: @navbar-color; | 1397 color: @navbar-color; |
1397 } | 1398 } |
1398 | 1399 |
1399 img { | 1400 img { |
1400 margin: -2px 5px 0 0; | 1401 margin: -4px 5px 0 0; |
1401 } | 1402 } |
1402 } | 1403 } |
1403 | 1404 |
1404 .control-expose { | 1405 .control-expose { |
1405 position: relative; | 1406 position: relative; |
1406 margin-right: 5px; | 1407 margin: -2px 5px 0 0; |
1407 | 1408 |
1408 div { | 1409 div { |
1409 padding-right: 5px; | 1410 padding-right: 5px; |
1410 } | 1411 } |
1411 | 1412 |
1412 .on { | 1413 .on { |
1413 font-size: 11px; fill: #ffffff; | 1414 font-size: 11px; fill: #ffffff; |
1414 position: absolute; | 1415 position: absolute; |
1415 right: 18px; | 1416 right: 18px; |
1416 top: 0; | 1417 top: 0; |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1506 } | 1507 } |
1507 .centered-column { | 1508 .centered-column { |
1508 display: block; | 1509 display: block; |
1509 z-index: 10001; | 1510 z-index: 10001; |
1510 position: absolute; | 1511 position: absolute; |
1511 top: 80px; | 1512 top: 80px; |
1512 left: 50%; | 1513 left: 50%; |
1513 text-align: center; | 1514 text-align: center; |
1514 width: 420px; | 1515 width: 420px; |
1515 margin-left: -210px; | 1516 margin-left: -210px; |
| 1517 |
| 1518 /* This enables us to use the .centered-column |
| 1519 class inside of the main application */ |
| 1520 &.in-main { |
| 1521 top: 0; |
| 1522 } |
1516 | 1523 |
1517 div { | 1524 div { |
1518 width: 280px; | 1525 width: 280px; |
1519 text-align: left; | 1526 text-align: left; |
1520 margin: 0 auto; | 1527 margin: 0 auto; |
1521 margin-bottom: 1ex; | 1528 margin-bottom: 1ex; |
1522 } | 1529 } |
1523 a { | 1530 a { |
1524 color: @charm-panel-orange; | 1531 color: @charm-panel-orange; |
1525 &:link, &:visited, &:active, &:hover { | 1532 &:link, &:visited, &:active, &:hover { |
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1589 } | 1596 } |
1590 } | 1597 } |
1591 .error { | 1598 .error { |
1592 color: red; | 1599 color: red; |
1593 font-weight: bold; | 1600 font-weight: bold; |
1594 } | 1601 } |
1595 | 1602 |
1596 #loading-spinner { | 1603 #loading-spinner { |
1597 height: 100px; | 1604 height: 100px; |
1598 } | 1605 } |
1599 } | 1606 |
| 1607 #loading-message-text { |
| 1608 font-family: Ubuntu Medium, Helvetica, Arial; |
| 1609 font-size: 10pt; |
| 1610 } |
| 1611 |
| 1612 #login-form { |
| 1613 .header { |
| 1614 font-size: 10pt; |
| 1615 font-family: Ubuntu Medium, Helvetica, Arial; |
| 1616 } |
| 1617 } |
| 1618 |
| 1619 .header .error span { |
| 1620 color: #DD4814; |
| 1621 i { |
| 1622 margin-right: 5px; |
| 1623 float: left; |
| 1624 } |
| 1625 h4 { |
| 1626 font-family: Ubuntu Medium, Helvetica, Arial; |
| 1627 font-size: 10pt; |
| 1628 line-height: 10pt; |
| 1629 } |
| 1630 } |
| 1631 |
| 1632 p { |
| 1633 font-size: 8pt; |
| 1634 } |
| 1635 } |
LEFT | RIGHT |