style.scss 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. // vendor
  2. @import 'vendor';
  3. // import variables
  4. @import 'variables';
  5. // override react-bootstrap-typeahead styles
  6. @import 'override-rbt';
  7. // crowi component
  8. @import 'admin';
  9. @import 'attachments';
  10. @import 'comment';
  11. @import 'comment_crowi-plus';
  12. @import 'create-page';
  13. @import 'layout';
  14. @import 'layout_crowi';
  15. @import 'layout_crowi_sidebar';
  16. @import 'layout_crowi-plus';
  17. @import 'on-edit';
  18. @import 'page_list';
  19. @import 'page';
  20. @import 'page_crowi-plus';
  21. @import 'search';
  22. @import 'shortcuts';
  23. @import 'user';
  24. @import 'user_crowi-plus';
  25. @import 'wiki';
  26. /*
  27. * for Guest User Mode
  28. */
  29. .dropdown-disabled {
  30. cursor: not-allowed;
  31. }
  32. .edit-button.edit-button-disabled {
  33. cursor: not-allowed;
  34. }
  35. /*
  36. // components
  37. // buttons
  38. $btn-google-color: rgb(204,89,71);
  39. .btn-google {
  40. @include button-variant(lighten($btn-google-color, 50%), $btn-google-color, darken($btn-google-color, 20%));
  41. }
  42. input.searching {
  43. background: #fff url(/images/loading_s.gif) right no-repeat;
  44. }
  45. .search-list {
  46. padding: 0;
  47. li {
  48. list-style: none;
  49. }
  50. .list-link {
  51. padding-bottom: 5px;
  52. a {
  53. display: block;
  54. word-break: break-all;
  55. font-weight: bold;
  56. text-decoration: none;
  57. span {
  58. font-weight: normal;
  59. }
  60. &:hover {
  61. background: #f0f0f0;
  62. color: #666;
  63. }
  64. }
  65. .search-description {
  66. font-size: .8em;
  67. color: #999;
  68. }
  69. }
  70. .next-link {
  71. a {
  72. display: block;
  73. text-align: center;
  74. }
  75. }
  76. }
  77. /*
  78. * Helper Classes
  79. */
  80. .picture {
  81. width: 24px;
  82. height: 24px;
  83. // size list
  84. &.picture-lg {
  85. width: 48px;
  86. height: 48px;
  87. }
  88. &.picture-md {
  89. width: 24px;
  90. height: 24px;
  91. }
  92. &.picture-sm {
  93. width: 18px;
  94. height: 18px;
  95. }
  96. &.picture-xs {
  97. width: 14px;
  98. height: 14px;
  99. }
  100. }
  101. // transplant from FontAwesome
  102. .icon-fw {
  103. width: 1.4em;
  104. display: inline-block;
  105. text-align: left;
  106. }
  107. .cmd-key.mac {
  108. &:after {
  109. content: '⌘';
  110. }
  111. }
  112. .cmd-key.win {
  113. &:after {
  114. content: 'Ctrl';
  115. }
  116. }