You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

window.scss 1.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @mixin liferay-window {
  2. .v-window {
  3. background: transparent;
  4. }
  5. .v-window-wrap {
  6. -webkit-border-radius: 4px;
  7. -moz-border-radius: 4px;
  8. border-radius: 4px;
  9. background: #fff url(top-left.png) no-repeat;
  10. }
  11. .v-window-outerheader {
  12. height: 38px;
  13. margin-left: 9px;
  14. padding: 10px 40px 12px 2px;
  15. background: transparent url(top-right.png) no-repeat right top;
  16. -webkit-border-radius: 4px;
  17. -moz-border-radius: 4px;
  18. border-radius: 4px;
  19. }
  20. .v-window-header {
  21. color: #000;
  22. font-size: 12px;
  23. text-shadow: 1px 1px #fff;
  24. }
  25. .v-window-contents {
  26. padding: 0 5px 0 5px;
  27. }
  28. .v-window-footer {
  29. height: 5px;
  30. overflow: visible;
  31. }
  32. .v-window div.v-window-footer-noresize {
  33. height: 5px;
  34. }
  35. .v-window-restorebox,
  36. .v-window-maximizebox,
  37. .v-window-closebox {
  38. position: absolute;
  39. width: 24px;
  40. height: 24px;
  41. top: 8px;
  42. &:hover {
  43. background-position: 0 -24px;
  44. }
  45. &:active {
  46. background-position: 0 -48px;
  47. }
  48. }
  49. .v-window-closebox {
  50. right: 9px;
  51. background: url(closebutton_sprites.png) no-repeat scroll 0 0 transparent;
  52. }
  53. .v-window-restorebox,
  54. .v-window-maximizebox {
  55. right: 36px;
  56. }
  57. .v-window-restorebox {
  58. background: url(restore_sprites.png) no-repeat scroll 0 0 transparent;
  59. }
  60. .v-window-maximizebox {
  61. background: url(maximize_sprites.png) no-repeat scroll 0 0 transparent;
  62. }
  63. .v-window-resizebox {
  64. background: transparent url(/html/themes/classic/images/aui/icon_sprite.png) no-repeat scroll -69px -229px;
  65. width: 10px;
  66. height: 10px;
  67. bottom: 0;
  68. }
  69. }