application.css.scss.erb 2.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204
  1. /*
  2. * This is a manifest file that'll be compiled into application.css, which will include all the files
  3. * listed below.
  4. *
  5. * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
  6. * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
  7. *
  8. * You're free to add application-wide styles to this file and they'll appear at the top of the
  9. * compiled file, but it's generally better to create a new file per style scope.
  10. *
  11. *= require select2
  12. *= require select2-bootstrap
  13. *= require jquery.json-editor
  14. *= require rickshaw
  15. *= require spectrum
  16. *= require_tree .
  17. *= require_self
  18. */
  19. @import "bootstrap";
  20. body { padding-top: 60px; }
  21. #main {
  22. margin-bottom: 100px;
  23. }
  24. /* Rails scaffold style compatibility */
  25. #error_explanation {
  26. @extend .alert;
  27. @extend .alert-error;
  28. @extend .alert-block;
  29. }
  30. .field_with_errors {
  31. @extend .control-group.error;
  32. }
  33. table.events {
  34. .payload {
  35. color: #999;
  36. font-size: 12px;
  37. //text-align: center;
  38. font-family: monospace;
  39. }
  40. }
  41. .select2 {
  42. float: none !important;
  43. margin-left: 0 !important;
  44. }
  45. img.odin {
  46. position: relative;
  47. top: -32px;
  48. }
  49. .link-region .cannot-receive-events,
  50. .schedule-region .cannot-be-scheduled {
  51. display: none;
  52. }
  53. img.spinner {
  54. display: none;
  55. vertical-align: bottom;
  56. }
  57. .hidden {
  58. display: none;
  59. }
  60. #show-tabs {
  61. margin-top: 10px;
  62. height: 400px;
  63. }
  64. .digraph {
  65. margin-top: 20px;
  66. }
  67. .show-view {
  68. overflow: hidden;
  69. }
  70. span.not-applicable:after {
  71. color: #bbbbbb;
  72. content: "n/a";
  73. }
  74. // Navbar
  75. #job-indicator, #event-indicator {
  76. display: none;
  77. }
  78. .navbar-search > .spinner {
  79. position: absolute;
  80. top: -1px;
  81. right: 1px;
  82. }
  83. .navbar {
  84. .dropdown.dropdown-hover:hover .dropdown-menu {
  85. display: block;
  86. }
  87. }
  88. // Flash
  89. .flash {
  90. position: fixed;
  91. width: 210px;
  92. z-index: 99999;
  93. right: 20px;
  94. .alert {
  95. }
  96. }
  97. // Logs
  98. #logs .action-icon {
  99. height: 16px;
  100. display: inline-block;
  101. vertical-align: inherit;
  102. &.refresh {
  103. margin: 0 10px;
  104. }
  105. }
  106. #show-tabs li a.recent-errors {
  107. font-weight: bold;
  108. }
  109. // Credentials
  110. #ace-credential-value {
  111. position: relative;
  112. width: 940px;
  113. height: 400px;
  114. }
  115. // Disabled
  116. .agent-disabled {
  117. opacity: 0.5;
  118. }
  119. // JSON Editor
  120. .live-json-editor {
  121. font-family: "Courier New", Courier, monospace;
  122. }
  123. .json-editor blockquote {
  124. font-size: 14px;
  125. }
  126. // Position tweeks
  127. .hover-help {
  128. top: 2px;
  129. }
  130. .popover {
  131. dd {
  132. margin-left: 1em;
  133. }
  134. }
  135. h2 .scenario, a span.label.scenario {
  136. position: relative;
  137. top: -2px;
  138. }
  139. // Bootstrappy color styles
  140. .color-danger {
  141. color: #d9534f;
  142. }
  143. .color-warning {
  144. color: #f0ad4e;
  145. }
  146. .color-success {
  147. color: #5cb85c;
  148. }
  149. .form-group {
  150. .sp-replacer {
  151. @extend .form-control;
  152. }
  153. .sp-preview {
  154. width: 100%;
  155. }
  156. .sp-dd {
  157. display: none;
  158. }
  159. }