main.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /*--- Overwrite ---*/
  2. body.bx-dev-page-body-single div.bx-std-page-bg {
  3. background-image: url("../images/bx-dev-bg-single.png");
  4. }
  5. body.bx-dev-page-body-columns div.bx-std-page-bg {
  6. background-image: url("../images/bx-dev-bg-columns.png");
  7. }
  8. body.bx-dev-page-body-single div.bx-std-page-bg-empty,
  9. body.bx-dev-page-body-columns div.bx-std-page-bg-empty {
  10. background-image: url("spacer.gif");
  11. }
  12. body.bx-dev-page-body-single div.bx-std-page-menu,
  13. body.bx-dev-page-body-columns div.bx-std-page-menu {
  14. width: 67px;
  15. }
  16. body.bx-dev-page-body-single div.bx-std-page-content,
  17. body.bx-dev-page-body-columns div.bx-std-page-content {
  18. margin-left: 67px;
  19. }
  20. body.bx-dev-page-body-columns div.bx-std-page-column-cnt {
  21. padding: 0px;
  22. }
  23. /*--- General ---*/
  24. div.bx-dev-cb {
  25. clear: both;
  26. font-size: 0px;
  27. }
  28. /*--- Left Menu ---*/
  29. div.bx-dev-menu-main {
  30. position: relative;
  31. width: 65px;
  32. border-right: 2px solid transparent;
  33. }
  34. div.bx-dev-mm-cnt {
  35. padding: 6px 16px 16px 16px;
  36. }
  37. div.bx-dev-menu-main li {
  38. width:32px;
  39. height:32px;
  40. margin: 0px 0px 16px 0px;
  41. border-radius: 10px 10px 10px 10px;
  42. }
  43. div.bx-dev-menu-main li:hover,
  44. div.bx-dev-menu-main li.bx-def-color-bg-active {
  45. background-color:gray;
  46. opacity:1;
  47. -moz-box-shadow: 0 0 9px 0px #ffffff;
  48. -webkit-box-shadow: 0 0 9px 0px #ffffff;
  49. box-shadow: 0 0 9px 0px #ffffff;
  50. }
  51. div.bx-dev-menu-main div.bx-dev-mm-item {
  52. position: relative;
  53. width: 32px;
  54. height: 32px;
  55. }
  56. div.bx-dev-menu-main div.bx-dev-mm-item img {
  57. width: 32px;
  58. height: 32px;
  59. }
  60. /*--- Page Content ---*/
  61. div.bx-dev-page-columns-cnt {
  62. width: 200%;
  63. }
  64. div.bx-dev-page-column-wrp {
  65. position: relative;
  66. float: right;
  67. width: 50%;
  68. }
  69. div.bx-dev-page-column {}
  70. div.bx-dev-page-column-cnt {}
  71. div.bx-dev-page-menu {
  72. position: relative;
  73. float: left;
  74. width: 230px;
  75. }
  76. div.bx-dev-page-content {
  77. position: relative;
  78. right: 100%;
  79. margin-left: 230px;
  80. }