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

j-pro-dark-yellow.css 3.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. /* ========================================= */
  2. /* Color: yellow */
  3. /* ========================================= */
  4. /* Buttons
  5. =============================== */
  6. .j-pro.j-yellow .j-widget .j-addon-btn,
  7. .j-pro.j-yellow .j-primary-btn,
  8. .j-pro.j-yellow .j-file-button,
  9. .j-pro.j-yellow .j-secondary-btn,
  10. .ui-datepicker-buttonpane button { background-color:#d67e27; }
  11. .j-pro.j-yellow .j-widget.j-disabled-view .j-addon-btn,
  12. .j-pro.j-yellow .j-primary-btn.j-disabled-view,
  13. .j-pro.j-yellow .j-disabled-view .j-file-button,
  14. .j-pro.j-yellow .j-secondary-btn.j-disabled-view { background-color:#d67e27 !important; }
  15. .j-pro.j-yellow .j-widget .j-addon-btn:hover,
  16. .j-pro.j-yellow .j-primary-btn:hover,
  17. .j-pro.j-yellow .j-file-button:hover,
  18. .j-pro.j-yellow .j-secondary-btn:hover,
  19. .ui-datepicker-buttonpane button:hover { background-color:#d6924d; }
  20. .j-pro.j-yellow .j-file-button:hover + input { border:2px solid rgba(214,126,39,.6); }
  21. /* Ratings
  22. =============================== */
  23. .j-pro.j-yellow .j-ratings input + label:hover,
  24. .j-pro.j-yellow .j-ratings input + label:hover ~ label,
  25. .j-pro.j-yellow .j-ratings input:checked + label,
  26. .j-pro.j-yellow .j-ratings input:checked + label ~ label { color:#d67e27; }
  27. /* Header + footer
  28. =============================== */
  29. .j-pro.j-yellow .j-header { border-top:1px solid #d6a574; background-color:#d6924d; }
  30. .j-pro.j-yellow .j-footer { border-top:1px solid #d67e27; }
  31. /* Multistep form
  32. =============================== */
  33. .j-pro.j-yellow .j-active-step .j-steps { border:2px solid #d67e27; }
  34. .j-pro.j-yellow .j-passed-step .j-steps { border:2px solid rgba(214,126,39,.6); }
  35. /* Radio and checkbox
  36. =============================== */
  37. .j-pro.j-yellow .j-checkbox:hover i,
  38. .j-pro.j-yellow .j-radio:hover i { border:2px solid rgba(214,126,39,.6); }
  39. .j-pro.j-yellow .j-radio input:checked + i,
  40. .j-pro.j-yellow .j-checkbox input:checked + i { border:2px solid rgba(214,126,39,.9); color:rgba(214,126,39,.9); }
  41. .j-pro.j-yellow .j-radio i:after { background-color:rgba(214,126,39,.9); }
  42. .j-pro.j-yellow .j-checkbox i:after { border-bottom:solid rgb(214,126,39); border-left:solid rgb(214,126,39); }
  43. /* Toggle radio and toggle checkbox
  44. =============================== */
  45. .j-pro.j-yellow .j-checkbox-toggle:hover i,
  46. .j-pro.j-yellow .j-radio-toggle:hover i { border:2px solid rgba(214,126,39,.6); }
  47. .j-pro.j-yellow .j-radio-toggle input:checked + i,
  48. .j-pro.j-yellow .j-checkbox-toggle input:checked + i { border:2px solid rgba(214,126,39,.9); }
  49. .j-pro.j-yellow .j-radio-toggle i:before,
  50. .j-pro.j-yellow .j-checkbox-toggle i:before { background-color:rgba(214,126,39,.9); }
  51. /* Input
  52. =============================== */
  53. .j-pro.j-yellow input[type="text"]:hover,
  54. .j-pro.j-yellow input[type="password"]:hover,
  55. .j-pro.j-yellow input[type="email"]:hover,
  56. .j-pro.j-yellow input[type="search"]:hover,
  57. .j-pro.j-yellow input[type="url"]:hover,
  58. .j-pro.j-yellow textarea:hover,
  59. .j-pro.j-yellow select:hover { border:2px solid rgba(214,126,39,.6); }
  60. .j-pro.j-yellow input[type="text"]:focus,
  61. .j-pro.j-yellow input[type="password"]:focus,
  62. .j-pro.j-yellow input[type="email"]:focus,
  63. .j-pro.j-yellow input[type="search"]:focus,
  64. .j-pro.j-yellow input[type="url"]:focus,
  65. .j-pro.j-yellow textarea:focus,
  66. .j-pro.j-yellow select:focus { border:2px solid rgba(214,126,39,.9); }
  67. /* Image radio and Image checkbox
  68. =============================== */
  69. .j-pro.j-yellow .j-radio-block input:checked + i,
  70. .j-pro.j-yellow .j-checkbox-block input:checked + i { border:2px solid rgba(214,126,39,.9); color:rgba(214,126,39,.9); }
  71. .j-pro.j-yellow .j-radio-block i:after { background-color:rgba(214,126,39,.9); }
  72. .j-pro.j-yellow .j-checkbox-block i:after { border-bottom:solid rgba(214,126,39,.9); border-left:solid rgba(214,126,39,.9); }