styles.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329
  1. /**
  2. * SonataAdminBundle Theme based on SB Admin v2.0
  3. * http://startbootstrap.com/templates/sb-admin-v2/
  4. */
  5. html {
  6. position: relative;
  7. min-height: 100%;
  8. }
  9. body {
  10. margin-bottom: 20px;
  11. }
  12. footer {
  13. position: absolute;
  14. bottom: 0;
  15. width: 100%;
  16. height: 20px;
  17. background-color: #333;
  18. }
  19. footer p {
  20. margin: 0;
  21. }
  22. footer a {
  23. color: #f6f6f6;
  24. }
  25. body > .header .logo {
  26. font-family: 'Source Sans Pro', sans-serif;
  27. }
  28. .logo img {
  29. display: inline;
  30. padding-bottom: 4px;
  31. max-height: 100%;
  32. max-width: 60px;
  33. }
  34. .logo span {
  35. display: inline-block;
  36. line-height: 1;
  37. vertical-align: middle;
  38. width: 140px;
  39. }
  40. .open > .dropdown-menu {
  41. animation-duration: .3s;
  42. -webkit-animation-duration: .3s;
  43. -moz-animation-duration: .3s;
  44. }
  45. /* Buttons */
  46. .btn.btn-outline {
  47. color: inherit;
  48. background-color: transparent;
  49. transition: all .5s;
  50. }
  51. .btn.btn-primary.btn-outline:hover,
  52. .btn.btn-success.btn-outline:hover,
  53. .btn.btn-info.btn-outline:hover,
  54. .btn.btn-warning.btn-outline:hover,
  55. .btn.btn-danger.btn-outline:hover {
  56. color: #fff;
  57. }
  58. /* navigation */
  59. .navbar-static-side ul li {
  60. border-bottom: 1px solid #e7e7e7;
  61. }
  62. .navbar-brand {
  63. padding-right: 20px;
  64. }
  65. .navbar-brand img {
  66. height: 28px;
  67. margin: 0;
  68. padding: 0 5px 0 0;
  69. vertical-align: middle;
  70. }
  71. .navbar-text .navbar-link {
  72. padding: 0 10px;
  73. }
  74. .right-side > .content-header {
  75. padding-bottom: 0;
  76. }
  77. .content-header .navbar {
  78. margin-bottom: 0;
  79. }
  80. .content-header .navbar-nav.navbar-right:last-child {
  81. margin-right: 0;
  82. }
  83. /* breadcrumb */
  84. .sonata-bc .breadcrumb {
  85. padding: 0;
  86. margin: 0;
  87. background: inherit;
  88. float:left;
  89. }
  90. .sonata-bc .breadcrumb li a {
  91. display: inline-block;
  92. }
  93. /* MEGA MENU STYLE
  94. ********************************/
  95. .dropdown-menu.multi-column .dropdown-menu {
  96. display: block !important;
  97. position: static !important;
  98. margin: 0 !important;
  99. border: none !important;
  100. box-shadow: none !important;
  101. min-width:100px;
  102. }
  103. /* top right */
  104. .navbar-static-top {
  105. margin-bottom: 0;
  106. }
  107. .navbar-top-links > p,
  108. .navbar-top-links > ul {
  109. float: right;
  110. }
  111. .navbar-top-links li {
  112. display: inline-block;
  113. }
  114. .navbar-top-links li a,
  115. .navbar-top-links li span {
  116. padding: 15px;
  117. min-height: 50px;
  118. }
  119. .navbar-top-links li a:hover {
  120. text-decoration: none;
  121. }
  122. .skin-black .navbar .breadcrumb > li > a:hover {
  123. color: #444;
  124. background: #f5f5f5;
  125. }
  126. .skin-black .navbar .dropdown-menu > li > a:hover {
  127. background-color: #f5f5f5;
  128. }
  129. .navbar-top-links .dropdown-menu li {
  130. display: block;
  131. }
  132. .navbar-top-links .dropdown-menu li:last-child {
  133. margin-right: 0;
  134. }
  135. .navbar-top-links .dropdown-menu li a {
  136. padding: 3px 20px;
  137. min-height: 0;
  138. }
  139. .navbar-top-links .dropdown-menu li a div {
  140. white-space: normal;
  141. }
  142. .navbar-top-links .dropdown-messages,
  143. .navbar-top-links .dropdown-tasks,
  144. .navbar-top-links .dropdown-alerts {
  145. width: 310px;
  146. min-width: 0;
  147. }
  148. .navbar-top-links .dropdown-messages {
  149. margin-left: 5px;
  150. }
  151. .navbar-top-links .dropdown-tasks {
  152. margin-left: -59px;
  153. }
  154. .navbar-top-links .dropdown-alerts {
  155. margin-left: -123px;
  156. }
  157. .navbar-top-links .dropdown-user {
  158. right: 0;
  159. left: auto;
  160. }
  161. /* Content navbar */
  162. body.fixed .content-header .navbar {
  163. position: relative;
  164. }
  165. /* sidebar menu styles */
  166. .sidebar-search {
  167. padding: 15px;
  168. }
  169. .arrow {
  170. float: right;
  171. }
  172. .fa.arrow:before {
  173. content: "\f104";
  174. }
  175. .active > a > .fa.arrow:before {
  176. content: "\f107";
  177. }
  178. .nav-second-level li,
  179. .nav-third-level li {
  180. border-bottom: none !important;
  181. }
  182. .nav-second-level li a {
  183. padding-left: 37px;
  184. }
  185. .nav-third-level li a {
  186. padding-left: 52px;
  187. }
  188. @media(min-width:768px) {
  189. .navbar-static-side {
  190. z-index: 1;
  191. position: absolute;
  192. width: 250px;
  193. }
  194. .navbar-top-links .dropdown-messages,
  195. .navbar-top-links .dropdown-tasks,
  196. .navbar-top-links .dropdown-alerts {
  197. margin-left: auto;
  198. }
  199. }
  200. /* Admin table */
  201. table.sonata-ba-list {
  202. font-size: 14px;
  203. }
  204. td.sonata-ba-list-label {
  205. color: #565656;
  206. font-weight: bold;
  207. text-align: right;
  208. vertical-align: middle !important;
  209. }
  210. /* side filter */
  211. .box .box-header h4.box-title.filter_legend {
  212. position: relative;
  213. padding-left: 20px;
  214. cursor: pointer;
  215. }
  216. h4.filter_legend:before {
  217. content: "";
  218. display: block;
  219. width: 0;
  220. height: 0;
  221. border-top: 4px solid black;
  222. border-right: 4px solid transparent;
  223. border-left: 4px solid transparent;
  224. position: absolute;
  225. top: 50%;
  226. left: 2px;
  227. margin-top: -2px;
  228. margin-left: 5px;
  229. }
  230. h4.filter_legend.active,
  231. tr.filter.active * {
  232. font-weight: bold;
  233. color: #000;
  234. }
  235. form.sonata-filter-form.form-stacked {
  236. padding-left: 0;
  237. }
  238. /* Overrides */
  239. /* x-editable */
  240. td.sonata-ba-list-field .editable {
  241. cursor: pointer;
  242. }
  243. td.sonata-ba-list-field .btn.editable {
  244. border-bottom: solid 1px #BBB;
  245. }
  246. td.sonata-ba-list-field .editable-empty:not(.editable-open) {
  247. display: none;
  248. }
  249. .sonata-ba-list tr:hover .editable-empty {
  250. display: inline-block;
  251. }
  252. .editable-pre-wrapped {
  253. white-space: normal;
  254. }
  255. /* select2 */
  256. div.select2-container {
  257. margin-left: 0 !important;
  258. }
  259. div.select2-drop ul {
  260. margin: 0 !important;
  261. }