color-panel.css 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. #theme-panel {
  2. position: fixed;
  3. width: 215px;
  4. height: auto;
  5. top: 150px;
  6. min-height: 200px;
  7. text-align: left;
  8. background: white;
  9. border: 1px solid #CCC;
  10. z-index: 999;
  11. border-top-right-radius: 5px;
  12. border-bottom-right-radius: 5px;
  13. -webkit-transition: all 0.5s;
  14. -moz-transition: all 0.5s;
  15. transition: all 0.5s;
  16. }
  17. .close-theme-panel {
  18. left: -215px;
  19. }
  20. .open-theme-panel {
  21. left: -1px;
  22. }
  23. #theme-panel .segment {
  24. width: 100%;
  25. border-bottom: 1px solid #f1f1f1;
  26. padding: 18px 12px;
  27. }
  28. #theme-panel .segment h4{
  29. font-family: 'Armata', sans-serif;
  30. font-size:15px;
  31. font-weight:700;
  32. }
  33. #theme-panel a.panel-button {
  34. position: absolute;
  35. width: 50px;
  36. height: 50px;
  37. background: white;
  38. color: #000000;
  39. right: -50px;
  40. top: 24px;
  41. text-align: center;
  42. font-size: 23px;
  43. line-height: 47px;
  44. cursor: pointer;
  45. border: 1px solid #CCC;
  46. border-left:hidden;
  47. border-top-right-radius: 5px;
  48. border-bottom-right-radius: 5px;
  49. }
  50. #theme-panel h3 {
  51. margin: 3px auto 15px;
  52. padding-top: 0;
  53. padding-bottom: 0;
  54. }
  55. #theme-panel .segment a.switcher {
  56. border: 2px solid #cccccc;
  57. cursor: pointer;
  58. display: inline-block;
  59. height: 60px;
  60. margin: 5px 0 0 1px;
  61. width: 60px;
  62. }
  63. .color1-bg {
  64. background-color:#ffffff;
  65. }
  66. .color2-bg {
  67. background-color:#CDC81E;
  68. }
  69. .color3-bg {
  70. background-color:#CE294C;
  71. }
  72. .color4-bg {
  73. background: url(../images/color-panel/color4.jpg) no-repeat;
  74. }