crowi.scss 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190
  1. // import bootstrap variables
  2. @import "~bootstrap-sass/assets/stylesheets/bootstrap/variables";
  3. // import crowi variables
  4. @import 'variables';
  5. // agile-admin theme
  6. @import '../agile-admin/inverse/style';
  7. @import '../agile-admin/inverse/colors/default.scss';
  8. @import 'override-agileadmin';
  9. @import 'override-rbt';
  10. // crowi component
  11. @import 'admin';
  12. @import 'attachments';
  13. @import 'comment';
  14. @import 'comment_crowi-plus';
  15. @import 'create-page';
  16. @import 'crowi-sidebar';
  17. @import 'layout';
  18. @import 'layout_crowi';
  19. @import 'layout_crowi-plus';
  20. @import 'on-edit';
  21. @import 'page_list';
  22. @import 'page';
  23. @import 'page_crowi-plus';
  24. @import 'search';
  25. @import 'shortcuts';
  26. @import 'user';
  27. @import 'user_crowi-plus';
  28. @import 'wiki';
  29. /*
  30. ul {
  31. padding-left: 18px;
  32. }
  33. .page-meta {
  34. margin-bottom: 0;
  35. }
  36. .help-block {
  37. font-size: .9em;
  38. }
  39. header nav ul img {
  40. vertical-align: middle;
  41. }
  42. footer, aside {
  43. h4:first-child, h3:first-child {
  44. margin-top: 0;
  45. }
  46. h4 {
  47. font-size: 1.1em;
  48. }
  49. }
  50. .form-element {
  51. margin-bottom: 1em;
  52. }
  53. footer {
  54. h4,
  55. h3 {
  56. margin-bottom: 0.5em;
  57. font-weight: normal;
  58. &:first-child {
  59. margin-top: 0;
  60. }
  61. }
  62. p {
  63. margin: 0.3em 0 0.5em 0;
  64. &:first-child {
  65. margin-top: 0;
  66. }
  67. }
  68. }
  69. */
  70. /*
  71. * for Guest User Mode
  72. */
  73. .dropdown-disabled {
  74. cursor: not-allowed;
  75. }
  76. .edit-button.edit-button-disabled {
  77. cursor: not-allowed;
  78. }
  79. /*
  80. // components
  81. // buttons
  82. $btn-google-color: rgb(204,89,71);
  83. .btn-google {
  84. @include button-variant(lighten($btn-google-color, 50%), $btn-google-color, darken($btn-google-color, 20%));
  85. }
  86. input.searching {
  87. background: #fff url(/images/loading_s.gif) right no-repeat;
  88. }
  89. .search-list {
  90. padding: 0;
  91. li {
  92. list-style: none;
  93. }
  94. .list-link {
  95. padding-bottom: 5px;
  96. a {
  97. display: block;
  98. word-break: break-all;
  99. font-weight: bold;
  100. text-decoration: none;
  101. span {
  102. font-weight: normal;
  103. }
  104. &:hover {
  105. background: #f0f0f0;
  106. color: #666;
  107. }
  108. }
  109. .search-description {
  110. font-size: .8em;
  111. color: #999;
  112. }
  113. }
  114. .next-link {
  115. a {
  116. display: block;
  117. text-align: center;
  118. }
  119. }
  120. }
  121. /*
  122. * Helper Classes
  123. */
  124. .picture {
  125. width: 24px;
  126. height: 24px;
  127. // size list
  128. &.picture-lg {
  129. width: 48px;
  130. height: 48px;
  131. }
  132. &.picture-md {
  133. width: 24px;
  134. height: 24px;
  135. }
  136. &.picture-sm {
  137. width: 18px;
  138. height: 18px;
  139. }
  140. &.picture-xs {
  141. width: 14px;
  142. height: 14px;
  143. }
  144. }
  145. // transplant from FontAwesome
  146. .icon-fw {
  147. width: 1.4em;
  148. display: inline-block;
  149. text-align: left;
  150. }
  151. .cmd-key.mac {
  152. &:after {
  153. content: '⌘';
  154. }
  155. }
  156. .cmd-key.win {
  157. &:after {
  158. content: 'Ctrl';
  159. }
  160. }