選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

common.scss 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. @mixin reindeer-common {
  2. .v-generated-body,
  3. &.v-app {
  4. background: #f5f5f5;
  5. }
  6. /* Global font styles */
  7. &.v-app,
  8. .v-window,
  9. .v-popupview-popup,
  10. .v-tooltip,
  11. &.v-app input,
  12. &.v-app select,
  13. &.v-app button,
  14. &.v-app textarea,
  15. .v-window input,
  16. .v-window select,
  17. .v-window button,
  18. .v-window textarea,
  19. .v-popupview-popup input,
  20. .v-popupview-popup select,
  21. .v-popupview-popup button,
  22. .v-popupview-popup textarea,
  23. .v-filterselect-suggestpopup,
  24. .v-datefield-popup,
  25. .v-contextmenu,
  26. .v-Notification,
  27. .v-menubar-submenu,
  28. .v-drag-element,
  29. .v-table-header-drag {
  30. font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
  31. font-size: 12px;
  32. line-height: normal;
  33. color: #222;
  34. }
  35. /* Fonts on black background */
  36. &.v-app .black,
  37. .v-window-black,
  38. .v-window .black,
  39. .v-popupview-popup .black {
  40. color: #c9ccce;
  41. text-shadow: #000 0 0 1px;
  42. }
  43. .v-errorindicator {
  44. width: 13px;
  45. height: 15px;
  46. background: transparent url(../common/icons/error.png) no-repeat 50%;
  47. }
  48. .v-tooltip {
  49. background-color: #fffcdd;
  50. border: 1px solid #b8b295;
  51. font-size: 11px;
  52. color: #222;
  53. }
  54. .v-tooltip-text {
  55. padding: 2px 4px;
  56. }
  57. .v-tooltip .v-errormessage {
  58. padding: 3px 4px;
  59. background: #ffecc6;
  60. color: #b74100;
  61. border: none;
  62. border-top: 1px solid #fff3dc;
  63. }
  64. .v-tooltip .v-errormessage h2 {
  65. font-size: 16px;
  66. font-weight: normal;
  67. color: #ab3101;
  68. margin: 2px 0 8px 0;
  69. }
  70. .v-tooltip .v-errormessage h3 {
  71. font-size: 13px;
  72. font-weight: bold;
  73. margin: 1px 0 4px 0;
  74. }
  75. .v-contextmenu {
  76. background: #f8f8f9;
  77. border: none;
  78. border-radius: 3px;
  79. -webkit-border-radius: 3px;
  80. -moz-border-radius: 3px;
  81. -o-border-radius: 3px;
  82. overflow: hidden;
  83. padding: 4px 0;
  84. }
  85. .v-contextmenu .gwt-MenuItem {
  86. padding: 1px 12px 1px 8px;
  87. height: 16px;
  88. user-select: none;
  89. -moz-user-select: none;
  90. -webkit-user-select: none;
  91. cursor: default;
  92. }
  93. .v-contextmenu .gwt-MenuItem .v-icon {
  94. margin-right: 3px;
  95. }
  96. .v-contextmenu .gwt-MenuItem-selected {
  97. background: transparent repeat-x;
  98. background-image: url(img/sel-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
  99. color: #fff;
  100. text-shadow: #3b5a7a 0 1px 0;
  101. }
  102. .v-ie .v-contextmenu .gwt-MenuItem-selected {
  103. background-image: url(img/sel-bg.png);
  104. background-position: left top;
  105. }
  106. .v-contextmenu .gwt-MenuItem-selected div {
  107. background: transparent;
  108. cursor: default;
  109. }
  110. /* Fixes for Liferay 6.0 */
  111. .portlet &.v-app {
  112. background: transparent;
  113. }
  114. .portlet &.v-app .v-radiobutton input,
  115. .portlet .v-window .v-radiobutton input,
  116. .portlet .v-popupview-popup .v-radiobutton input,
  117. .portlet &.v-app .v-checkbox input,
  118. .portlet .v-window .v-checkbox input,
  119. .portlet .v-popupview-popup .v-checkbox input {
  120. margin-right: 3px;
  121. background: transparent;
  122. }
  123. }