muadzmi02
/
sipadu_mbip
forkeado de SwissLink/sipadu_mbip
Seguir 1
Destacar 0
Fork 0
Código Incidencias 0 Peticiones pull 0 Lanzamientos 0 Wiki Actividad
Dashboard sipadu mbip
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.
66 Commits
1 Rama
Árbol: 116e07fe84
Ramas Etiquetas
${ item.name }
Crear rama ${ searchTerm }
desde '116e07fe84'
${ noResults }
sipadu_mbip/public/pages/j-pro/css/j-pro-modern-brown.css

j-pro-modern-brown.css 5.1KB
Original Blame Histórico

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131 
  1. /* ========================================= */

  2. /* Color: brown */

  3. /* ========================================= */

  4. 

  5. /* Buttons

  6. =============================== */

  7. .j-pro.j-brown .j-widget .j-addon-btn,

  8. .j-pro.j-brown .j-primary-btn,

  9. .j-pro.j-brown .j-file-button,

  10. .j-pro.j-brown .j-secondary-btn,

  11. .ui-datepicker-buttonpane button { background-color:#5d4037; }

  12. 

  13. .j-pro.j-brown .j-widget.j-disabled-view .j-addon-btn,

  14. .j-pro.j-brown .j-primary-btn.j-disabled-view,

  15. .j-pro.j-brown .j-disabled-view .j-file-button,

  16. .j-pro.j-brown .j-secondary-btn.j-disabled-view { background-color:#5d4037 !important; }

  17. 

  18. .j-pro.j-brown .j-widget .j-addon-btn:hover,

  19. .j-pro.j-brown .j-primary-btn:hover,

  20. .j-pro.j-brown .j-file-button:hover,

  21. .j-pro.j-brown .j-secondary-btn:hover { background-color:#795548; }

  22. 

  23. .j-pro.j-brown .j-file-button:hover + input { border:2px solid rgba(93,64,55,.6); }

  24. 

  25. /* Ratings

  26. =============================== */

  27. .j-pro.j-brown .j-ratings input + label:hover,

  28. .j-pro.j-brown .j-ratings input + label:hover ~ label,

  29. .j-pro.j-brown .j-ratings input:checked + label,

  30. .j-pro.j-brown .j-ratings input:checked + label ~ label { color:#5d4037; }

  31. 

  32. /* Header + footer

  33. =============================== */

  34. .j-pro.j-brown .j-header {

  35. 	-webkit-box-shadow:0 6px 3px -3px rgba(121,85,72,.5);

  36. 	-moz-box-shadow:0 6px 3px -3px rgba(121,85,72,.5);

  37. 	-o-box-shadow:0 6px 3px -3px rgba(121,85,72,.5);

  38. 	box-shadow:0 6px 3px -3px rgba(121,85,72,.5);

  39. 	border-top:1px solid #a1887f;

  40. 	background-color:#795548;

  41. }

  42. .j-pro.j-brown .j-footer { border-top:1px solid #5d4037; background-color:#efebe9; }

  43. 

  44. /* Multistep form

  45. =============================== */

  46. .j-pro.j-brown .j-active-step .j-steps { background-color:#efebe9; border:1px solid #5d4037; }

  47. 

  48. .j-pro.j-brown .j-passed-step .j-steps { background-color:#efebe9; border:1px solid #efebe9; }

  49. 

  50. /* Other

  51. =============================== */

  52. .j-pro.j-brown .j-divider-text span { color:#795548; }

  53. 

  54. .j-pro.j-brown,

  55. .j-pro.j-brown .j-divider-text span { background-color:#fbfaf9; }

  56. 

  57. /* Radio and checkbox

  58. =============================== */

  59. .j-pro.j-brown .j-checkbox:hover i,

  60. .j-pro.j-brown .j-radio:hover i { border:2px solid rgba(93,64,55,.6); }

  61. 

  62. .j-pro.j-brown .j-radio input:checked + i,

  63. .j-pro.j-brown .j-checkbox input:checked + i { border:2px solid rgba(93,64,55,.9); color:rgba(93,64,55,.9); }

  64. 

  65. .j-pro.j-brown .j-radio i:after { background-color:rgba(93,64,55,.9); }

  66. 

  67. .j-pro.j-brown .j-checkbox i:after { border-bottom:solid rgb(93,64,55); border-left:solid rgb(93,64,55); }

  68. 

  69. /* Toggle radio and toggle checkbox

  70. =============================== */

  71. .j-pro.j-brown .j-checkbox-toggle:hover i,

  72. .j-pro.j-brown .j-radio-toggle:hover i { border:2px solid rgba(93,64,55,.6); }

  73. 

  74. .j-pro.j-brown .j-radio-toggle input:checked + i,

  75. .j-pro.j-brown .j-checkbox-toggle input:checked + i { border:2px solid rgba(93,64,55,.9); }

  76. 

  77. .j-pro.j-brown .j-radio-toggle i:before,

  78. .j-pro.j-brown .j-checkbox-toggle i:before { background-color:rgba(93,64,55,.9); }

  79. 

  80. .j-pro.j-brown .j-checkbox-toggle input:checked + i,

  81. .j-pro.j-brown .j-radio-toggle input:checked + i { background-color:#efebe9; }

  82. 

  83. /* Tooltip

  84. =============================== */

  85. .j-pro.j-brown .j-tooltip,

  86. .j-pro.j-brown .j-tooltip-image { background-color:#3e2723; }

  87. 

  88. .j-pro.j-brown .j-tooltip-left-top:before { border-color:#3e2723 transparent; }

  89. 

  90. .j-pro.j-brown .j-tooltip-right-top:before{ border-color:#3e2723 transparent; }

  91. 

  92. .j-pro.j-brown .j-tooltip-right-bottom:before{ border-color:#3e2723 transparent; }

  93. 

  94. .j-pro.j-brown .j-tooltip-left-bottom:before{ border-color:#3e2723 transparent; }

  95. 

  96. .j-pro.j-brown .j-tooltip-right-side:before{ border-color:transparent #3e2723; }

  97. 

  98. .j-pro.j-brown .j-tooltip-left-side:before{ border-color:transparent #3e2723; }

  99. 

  100. /* Input

  101. =============================== */

  102. .j-pro.j-brown input[type="text"]:hover,

  103. .j-pro.j-brown input[type="password"]:hover,

  104. .j-pro.j-brown input[type="email"]:hover,

  105. .j-pro.j-brown input[type="search"]:hover,

  106. .j-pro.j-brown input[type="url"]:hover,

  107. .j-pro.j-brown textarea:hover,

  108. .j-pro.j-brown select:hover { border:2px solid rgba(93,64,55,.6); }

  109. 

  110. .j-pro.j-brown input[type="text"]:focus,

  111. .j-pro.j-brown input[type="password"]:focus,

  112. .j-pro.j-brown input[type="email"]:focus,

  113. .j-pro.j-brown input[type="search"]:focus,

  114. .j-pro.j-brown input[type="url"]:focus,

  115. .j-pro.j-brown textarea:focus,

  116. .j-pro.j-brown select:focus { border:2px solid rgba(93,64,55,.9); }

  117. 

  118. /* Image radio and Image checkbox

  119. =============================== */

  120. .j-pro.j-brown .j-radio-block input:checked + i,

  121. .j-pro.j-brown .j-checkbox-block input:checked + i { border:2px solid rgba(93,64,55,.9); color:rgba(93,64,55,.9); }

  122. 

  123. .j-pro.j-brown .j-radio-block i:after { background-color:rgba(93,64,55,.9); }

  124. 

  125. .j-pro.j-brown .j-checkbox-block i:after { border-bottom:solid rgba(93,64,55,.9); border-left:solid rgba(93,64,55,.9); }

  126. 

  127. .j-pro.j-brown .j-checkbox-block .j-block-content:hover,

  128. .j-pro.j-brown .j-radio-block .j-block-content:hover { background:rgba(239,235,233,.5); }

  129. 

  130. .j-pro.j-brown .j-checkbox-block input:checked ~ .j-block-content,

  131. .j-pro.j-brown .j-radio-block input:checked ~ .j-block-content { background-color:#efebe9; }