crowi.scss 2.7 KB

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