datatables_top.css 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490
  1. .req {
  2. color: red !important;
  3. font-weight: bold;
  4. }
  5. body {
  6. padding-top:60px;
  7. padding-bottom: 40px;
  8. background-image: url("../images/bg/furley_bg.png");
  9. background-repeat: repeat;
  10. }
  11. .well {
  12. background-color: #ffffff;
  13. }
  14. .main-nav-wrapper {
  15. position: relative;
  16. top:-90px;
  17. }
  18. .main-nav-wrapper {
  19. margin-left: -20px;
  20. margin-right: -20px;
  21. }
  22. .page-header {
  23. padding-bottom: 0;
  24. }
  25. .page-header h1 {
  26. border-bottom: 1px solid #e9e9e9;
  27. font-family: Tahoma;
  28. font-size: 45px;
  29. height: 55px;
  30. }
  31. .main-nav li.active a {
  32. background-image:none;
  33. background-position: center bottom;
  34. background-repeat: no-repeat;
  35. background-color: transparent;
  36. }
  37. .main-nav li.active.main-nav-arrow a {
  38. background-position: center bottom;
  39. background-repeat: no-repeat;
  40. background-image:url("../images/top-arrow.png");
  41. }
  42. .main-nav li.main-nav-arrow a {
  43. background-position: center bottom;
  44. background-repeat: no-repeat;
  45. background-image:url("../images/top-arrow.png");
  46. }
  47. .main-nav {
  48. margin-bottom: 0px;
  49. }
  50. .navbar .nav {
  51. float: none;
  52. }
  53. div.logo {
  54. font-family: tahoma;
  55. background-repeat: no-repeat;
  56. height: 62px;
  57. width: 99%;
  58. margin: 5px;
  59. position: absolute;
  60. top:0px;
  61. }
  62. div.logo h1 {
  63. margin-top:10px;
  64. font-size: 45px;
  65. font-family: tahoma;
  66. background-image: url(../images/glyphicons/glyphicons_023_cogwheels.png);
  67. background-repeat: no-repeat;
  68. background-position: left center;
  69. padding-left: 30px;
  70. }
  71. .main-nav.navbar .nav > li > a {
  72. margin-top: 0px ;
  73. text-align:center;
  74. height: 52px;
  75. }
  76. .main-nav.navbar .nav > li {
  77. display: inline-block;
  78. float: left;
  79. width: 16.5%;
  80. border-left: 1px solid #61B0DF;
  81. }
  82. .main-nav.navbar .nav > li:first-child {
  83. border-left:none;
  84. }
  85. .main-nav .navbar-inner {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
  86. -webkit-border-radius: 0px;
  87. -moz-border-radius: 0px;
  88. border-radius: 0px;
  89. }
  90. .main-nav .main-nav-icon-big {
  91. text-align: center;
  92. padding: 5px;
  93. }
  94. .user-option {
  95. margin-top: 10px;
  96. margin-right: 10px;
  97. }
  98. /* Dashboard */
  99. .dashboard-chart {
  100. width: 90%;
  101. height: 300px;
  102. }
  103. .dashboard-member-activity p {
  104. margin:0;
  105. }
  106. img.dashboard-member-activity-avatar {
  107. border: 1px solid #CCCCCC;
  108. border-radius: 3px 3px 3px 3px;
  109. }
  110. ul.dashboard-member-activity {
  111. margin: 10px 0;
  112. }
  113. ul.dashboard-member-activity li {
  114. list-style: none;
  115. padding-bottom:10px;
  116. padding-top:10px;
  117. }
  118. ul.dashboard-member-activity li:first-child {
  119. border-top: none;
  120. padding-top:0;
  121. }
  122. ul.dashboard-member-activity li:last-child {
  123. border-bottom: none;
  124. padding-bottom:0;
  125. }
  126. ul.dashboard-statistics li a {
  127. display: block;
  128. line-height: 10px;
  129. text-decoration: none;
  130. }
  131. ul.dashboard-member-activity li a {
  132. display: inline;
  133. text-decoration: none;
  134. }
  135. ul.dashboard-member-activity li a:hover {
  136. }
  137. img.dashboard-member-activity-avatar {
  138. height:50px;
  139. width:50px;
  140. padding:1px;
  141. float:left;
  142. margin-left:15px;
  143. margin-right:15px;
  144. }
  145. ul.dashboard-member-activity .post-toolbar {
  146. cursor:pointer;
  147. text-align: left;
  148. padding-left: 85px;
  149. }
  150. tr .post-toolbar {
  151. visibility:hidden;
  152. }
  153. tr:hover .post-toolbar {
  154. visibility: visible;
  155. }
  156. ul.dashboard-member-activity li {
  157. border-bottom: 1px solid #EBEBEB;
  158. border-top: 1px solid #FFFFFF;
  159. }
  160. ul.news-item {
  161. list-style: none;
  162. padding-bottom:10px;
  163. padding-top:10px;
  164. margin-left: 0px;
  165. }
  166. .news-item li {
  167. border-bottom: 1px solid #EBEBEB;
  168. border-top: 1px solid #FFFFFF;
  169. }
  170. .news-item li:first-child {
  171. border-top: none;
  172. padding-top:0;
  173. }
  174. .news-item li:last-child {
  175. border-bottom: none;
  176. padding-bottom:0;
  177. }
  178. .news-date {
  179. float: left;
  180. font-size: 140%;
  181. font-weight: bold;
  182. width: 50px;
  183. margin: 5px;
  184. }
  185. .news-date span {
  186. display: block;
  187. padding: 3px;
  188. text-align: center;
  189. }
  190. /* Subnav */
  191. .subnav {
  192. width: 100%;
  193. height: 36px;
  194. background-color: #ffffff; /* Old browsers */
  195. /*background-repeat: repeat-x; *//* Repeat the gradient *//*
  196. background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); *//* FF3.6+ *//*
  197. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); *//* Chrome,Safari4+ *//*
  198. background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); *//* Chrome 10+,Safari 5.1+ *//*
  199. background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); *//* IE10+ *//*
  200. background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); *//* Opera 11.10+ *//*
  201. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); *//* IE6-9 *//*
  202. background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); *//* W3C */
  203. border-bottom: 1px solid #e5e5e5;
  204. -webkit-border-radius: 0px;
  205. -moz-border-radius: 0px;
  206. border-radius: 0px;
  207. margin-top: 0px;
  208. }
  209. .subnav .nav {
  210. margin-bottom: 0;
  211. }
  212. .subnav .nav > li > a {
  213. margin: 0;
  214. padding-top: 11px;
  215. padding-bottom: 10px;
  216. border-left: 1px solid #f5f5f5;
  217. border-right: 1px solid #e5e5e5;
  218. -webkit-border-radius: 0;
  219. -moz-border-radius: 0;
  220. border-radius: 0;
  221. }
  222. .subnav .nav > .active > a,
  223. .subnav .nav > .active > a:hover {
  224. padding-left: 13px;
  225. color: #2071A1;
  226. background-color: inherit;
  227. border-right-color: #ddd;
  228. border-left: 0; /*
  229. -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
  230. -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
  231. box-shadow: inset 0 3px 5px rgba(0,0,0,.05); */
  232. font-weight: bold;
  233. }
  234. .subnav .nav > .active > a .caret,
  235. .subnav .nav > .active > a:hover .caret {
  236. /* border-top-color: #777;*/
  237. }
  238. .subnav .nav > li:first-child > a,
  239. .subnav .nav > li:first-child > a:hover {
  240. border-left: 0;
  241. padding-left: 12px;
  242. -webkit-border-radius: 4px 0 0 4px;
  243. -moz-border-radius: 4px 0 0 4px;
  244. border-radius: 4px 0 0 4px;
  245. }
  246. .subnav .nav > li:last-child > a {
  247. border-right: 0;
  248. }
  249. .subnav .dropdown-menu {
  250. -webkit-border-radius: 0 0 4px 4px;
  251. -moz-border-radius: 0 0 4px 4px;
  252. border-radius: 0 0 4px 4px;
  253. }
  254. /* Portlets */
  255. .box {
  256. margin-bottom:5px;
  257. }
  258. .box h4.box-header {
  259. size:10px;
  260. padding: 5px 5px;
  261. margin: 0;
  262. list-style: none;
  263. cursor:move;
  264. }
  265. .box-content {
  266. padding:3px;
  267. padding-bottom: 30px;
  268. background-color: #ffffff;
  269. }
  270. .box-container-toggle {
  271. background-color: #ffffff;
  272. }
  273. .box-content.form-box {
  274. padding-top: 5px;
  275. padding-bottom: 5px;
  276. padding: 0px;
  277. text-indent: 10px;
  278. }
  279. .box-content.form-box .form-box-wrapper {
  280. text-indent: 0;
  281. margin-left: 10px;
  282. padding-top:10px;
  283. }
  284. .box-content.form-box .table {
  285. margin-bottom: 0px;
  286. }
  287. .box-content.form-box .fileupload-buttonbar {
  288. padding-left:10px;
  289. }
  290. .box-content.form-box form, .box-content.form-box .form-actions {
  291. margin: 0;
  292. }
  293. .box-btn {
  294. float:right;
  295. margin-left:2px;
  296. margin-right:2px;
  297. height: 14px;
  298. width: 14px;
  299. text-decoration:none;
  300. display: block;
  301. float: right;
  302. overflow: hidden;
  303. background-position:center;
  304. cursor:pointer;
  305. }
  306. .box-btn [class^="icon-"], .box-btn [class*=" icon-"] {
  307. vertical-align:top;
  308. }
  309. .box-container-closed {
  310. display:none;
  311. }
  312. /* Portlets */
  313. .box h4.box-header {
  314. background-color: #e9e9e9; /* Old browsers */
  315. border: 1px solid #e5e5e5;
  316. -webkit-box-shadow: inset 0 1px 0 #ffffff;
  317. -moz-box-shadow: inset 0 1px 0 #ffffff;
  318. box-shadow: inset 0 1px 0 #ffffff;
  319. }
  320. .box .box-container-toggle {
  321. border-left:1px solid #DDD;
  322. border-right:1px solid #DDD;
  323. border-bottom:1px solid #DDD;
  324. -webkit-border-radius: 3px;
  325. -moz-border-radius: 3px;
  326. border-radius: 3px;
  327. -webkit-border-top-left-radius: 0px;
  328. -webkit-border-top-right-radius: 0px;
  329. -moz-border-top-left-radius: 0px;
  330. -moz-border-top-right-radius: 0px;
  331. border-top-left-radius: 0px;
  332. border-top-right-radius: 0px
  333. }
  334. .box-btn, .box [class^="icon-"], .box [class*=" icon-"] {
  335. margin-top: 2px;
  336. }
  337. /* Round Corners and text effects
  338. ----------------------------------------------------------------------------------------------------*/
  339. .round-all {
  340. -webkit-border-radius: 3px;
  341. -moz-border-radius: 3px;
  342. border-radius: 3px;
  343. }
  344. .round-top {
  345. -webkit-border-top-left-radius: 3px;
  346. -webkit-border-top-right-radius: 3px;
  347. -moz-border-radius-topleft: 3px;
  348. -moz-border-radius-topright: 3px;
  349. border-radius: 3px 3px 0 0;
  350. }
  351. .round-bottom {
  352. -webkit-border-bottom-right-radius: 3px;
  353. -webkit-border-bottom-left-radius: 3px;
  354. -moz-border-radius-bottomright: 3px;
  355. -moz-border-radius-bottomleft: 3px;
  356. border-radius: 0 0 3px 3px;
  357. }
  358. .round-left {
  359. -webkit-border-top-left-radius: 3px;
  360. -webkit-border-bottom-left-radius: 3px;
  361. -moz-border-radius-topleft: 3px;
  362. -moz-border-radius-bottomleft: 3px;
  363. border-radius: 3px 0 0 3px;
  364. }
  365. .round-right {
  366. -webkit-border-top-right-radius: 3px;
  367. -webkit-border-bottom-right-radius: 3px;
  368. -moz-border-radius-topright: 3px;
  369. -moz-border-radius-bottomright: 3px;
  370. border-radius:0 3px 3px 0;
  371. }
  372. /* Show Grid */
  373. .show-grid {
  374. margin-bottom: 10px;
  375. margin-top: 10px;
  376. }
  377. .show-grid [class*="span"] {
  378. line-height: 30px;
  379. min-height: 30px;
  380. text-align: center;
  381. }
  382. .show-grid .show-grid {
  383. margin-bottom: 0;
  384. margin-top: 0;
  385. }
  386. .show-grid [class*="span"] {
  387. background: none repeat scroll 0 0 #ffffff;
  388. border-radius: 3px 3px 3px 3px;
  389. }
  390. .show-grid:hover [class*="span"] {
  391. background: none repeat scroll 0 0 #DDDDDD;
  392. }
  393. .show-grid .show-grid [class*="span"] {
  394. background-color: #CCCCCC;
  395. }
  396. /* Bootstrap Data Tables Styles */
  397. div.dataTables_length label {
  398. float: left;
  399. text-align: left;
  400. }
  401. div.dataTables_length select {
  402. width: 50px;
  403. }
  404. div.dataTables_filter label {
  405. float: right;
  406. }
  407. div.dataTables_info {
  408. padding-top: 0px;
  409. }
  410. div.dataTables_paginate {
  411. padding-top: 0px;
  412. float: right;
  413. margin: 0;
  414. }
  415. table.dataTable th:active {
  416. outline: none;
  417. }
  418. .dataTables_filter input, .dataTables_length select {
  419. display: inline-block;
  420. *display: inline;
  421. margin: 0;
  422. *zoom: 1;
  423. }
  424. .sort-index, .hidden {
  425. left: -10000px;
  426. position: absolute;
  427. top: -10000px;
  428. visibility: hidden;
  429. }