style.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256
  1. /*
  2. *Devel
  3. */
  4. table tr .selected{
  5. background-color: #d9edf7;
  6. }
  7. .no-scroll{
  8. overflow: hidden;
  9. }
  10. body a, body a:visited {
  11. text-decoration: none;
  12. color: #000;
  13. }
  14. .dropdown-toggle{
  15. color: #fff;
  16. }
  17. .dropdown-toggle:hover{
  18. color: #666;
  19. }
  20. /* Bootstrap Overwrite */
  21. .card{
  22. border-radius: 0px !important;
  23. }
  24. .form-group div{
  25. padding: 0px;
  26. }
  27. .form-control{
  28. border-radius: 0px !important;
  29. }
  30. .btn{
  31. border-radius: 0px !important;
  32. }
  33. body{
  34. font-family: Ubuntu;
  35. font-size: 1pc;
  36. }
  37. /* Prevent bootstrap to interfere with metis menu */
  38. .nav .active .collapse{
  39. display: block !important;
  40. }
  41. /*-------------------------------------------------------*/
  42. textarea{
  43. resize: vertical;
  44. min-height: 200px
  45. }
  46. .data-table table{
  47. width: 100% !important;
  48. }
  49. #modal > div{
  50. width: 70%;
  51. }
  52. #modal table{
  53. width: 100%;
  54. }
  55. #modal table td{
  56. white-space: nowrap;
  57. }
  58. /* BreadCrumbs -------------------------------- */
  59. .breadcrumb{
  60. width:100%;
  61. background-color:#ddd;
  62. }
  63. /*
  64. _____ _____ _____ ______ ____ _____
  65. / ____|_ _| __ \| ____| _ \ /\ | __ \
  66. | (___ | | | | | | |__ | |_) | / \ | |__) |
  67. \___ \ | | | | | | __| | _ < / /\ \ | _ /
  68. ____) |_| |_| |__| | |____| |_) / ____ \| | \ \
  69. |_____/|_____|_____/|______|____/_/ \_\_| \_\
  70. */
  71. #wrapper {
  72. padding-left: 0;
  73. }
  74. #sidebar-wrapper {
  75. background-color: #000 !important;
  76. height: 1000px;
  77. width: 200px;
  78. background-color: #fff;
  79. position: fixed!important;
  80. z-index: 10000;
  81. }
  82. #wrapper.toggled {
  83. /*padding-left: 250px;*/
  84. }
  85. #sidebar-wrapper {
  86. position: fixed;
  87. left: 250px;
  88. width: 0;
  89. height: 100%;
  90. margin-left: -250px;
  91. overflow-y: auto;
  92. }
  93. #wrapper.toggled #sidebar-wrapper {
  94. width: 250px;
  95. }
  96. .nav-ident li a{
  97. padding-left: 10%;
  98. }
  99. #page-content-wrapper {
  100. width: 100%;
  101. position: absolute;
  102. padding: 0px !important;
  103. }
  104. #wrapper .toggled #page-content-wrapper {
  105. position: absolute;
  106. margin-right: -250px;
  107. }
  108. .nav-item .in{
  109. display: block !important;
  110. }
  111. /* Sidebar responsiveness */
  112. @media(min-width:768px) {
  113. #wrapper {
  114. padding-left: 250px;
  115. }
  116. #wrapper.toggled {
  117. padding-left: 0;
  118. }
  119. #sidebar-wrapper {
  120. width: 250px;
  121. }
  122. #wrapper.toggled #sidebar-wrapper {
  123. width: 0;
  124. }
  125. #page-content-wrapper {
  126. padding: 20px;
  127. position: relative;
  128. }
  129. #wrapper.toggled #page-content-wrapper {
  130. position: relative;
  131. margin-right: 0;
  132. }
  133. .menu-small{
  134. display: none;
  135. }
  136. }
  137. .logo{
  138. text-align: center;
  139. margin-top: 15px;
  140. }
  141. .logo > img {
  142. width:50%;
  143. }
  144. .search-nav{
  145. text-align: center;
  146. margin-bottom:15px;
  147. }
  148. .search-nav > input{
  149. margin: 0 auto;
  150. border-radius: 0px;
  151. }
  152. #side-second-menu{
  153. display:none;
  154. }
  155. #side-menu li, #side-second-menu li{
  156. width:100%;
  157. }
  158. #side-menu li a, #side-second-menu li a{
  159. font-size: 1.1em;
  160. }
  161. #side-menu li i, #side-second-menu li i{
  162. margin-right: 10px;
  163. }
  164. .nav-dropdown{
  165. margin-right: 20px !important;
  166. }
  167. /* Header ---------------------------*/
  168. #navbar-top{
  169. min-height: 50px;
  170. }
  171. /*--*/
  172. #menu-toggle{
  173. }
  174. #menu-toggle:hover,
  175. #menu-toggle:focus{
  176. background-color:transparent;
  177. }
  178. #progress{
  179. margin-bottom:0px;
  180. height:10px;
  181. border-radius: 0px !important;
  182. }
  183. /* HELPER ---------------------------- */
  184. .hidden{
  185. display:none;
  186. }
  187. .round-ball{
  188. border-radius: 60px !important;
  189. font-size: 1.5em;
  190. position: fixed;
  191. padding: 20px;
  192. bottom: 20px;
  193. right: 20px;
  194. }
  195. @media print {
  196. #sidebar-wrapper, #header{ display: none !important; }
  197. #wrapper { padding-left: 0px; }
  198. }