style.css 3.2 KB

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