admin.css 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468
  1. .field-error {
  2. -webkit-box-shadow: 0px 0px 10px #c95151;
  3. -moz-box-shadow: 0px 0px 10px #c95151;
  4. box-shadow: 0px 0px 10px #c95151;
  5. }
  6. .fixit { position: fixed; }
  7. /*Password reminder form wrapper selector*/
  8. #forgotFRM {margin-top: 1rem;}
  9. /*Hider for all elements that contains this class*/
  10. .hideme {display: none;}
  11. /*Message alert on save or error event shown. Any other case hidden*/
  12. .message-hide {display: none;}
  13. /*Avatar thumbnail image wrapper*/
  14. .avatar-thumb {max-width: 50px;}
  15. /*User tags button classes*/
  16. .gray_tag_color {
  17. background: gray;
  18. padding: 5px 15px !important;
  19. font-weight: bold;
  20. }
  21. .orange_tag_color {
  22. background: orange;
  23. padding: 5px 15px !important;
  24. font-weight: bold;
  25. }
  26. .blue_tag_color {
  27. background: blue;
  28. padding: 5px 15px !important;
  29. font-weight: bold;
  30. }
  31. .green_tag_color {
  32. background: green;
  33. padding: 5px 15px !important;
  34. font-weight: bold;
  35. }
  36. .yellow_tag_color {
  37. background: yellow;
  38. padding: 5px 15px !important;
  39. font-weight: bold;
  40. }
  41. /*Profile status button classes*/
  42. .gray_status_color {
  43. background: gray;
  44. padding: 2px 5px !important;
  45. color: white;
  46. }
  47. .orange_status_color {
  48. background: orange;
  49. padding: 2px 5px !important;
  50. color: white;
  51. }
  52. .blue_status_color {
  53. background: blue;
  54. padding: 2px 5px !important;
  55. color: white;
  56. }
  57. .green_status_color {
  58. background: green;
  59. padding: 2px 5px !important;
  60. color: white;
  61. }
  62. .yellow_status_color {
  63. background: yellow;
  64. padding: 2px 5px !important;
  65. color: white;
  66. }
  67. #new_designs img{
  68. height:70px;
  69. }
  70. .users-list>li{
  71. width:10% !important;
  72. }
  73. .users-list>li>a>img {
  74. max-width: 100%;
  75. border-radius: 0;
  76. }
  77. .users-list>li>a>small {font-size: 1rem;}
  78. .fleft{
  79. position:relative;
  80. float:left;
  81. }
  82. .wa{
  83. width:auto;
  84. }
  85. .btn-block+.btn-block{
  86. margin-top:0 !important;
  87. }
  88. .spacer_designer_stat{
  89. height: 75px;
  90. }
  91. .spacer_arena_stat{
  92. height: 223px;
  93. }
  94. .padding5{
  95. padding: 5px;
  96. }
  97. .white{
  98. background: #ddd;
  99. }
  100. .yellow{
  101. background: yellow;
  102. }
  103. .orange{
  104. background: orange;
  105. }
  106. .blue{
  107. background: blue;
  108. }
  109. .green{
  110. background: green;
  111. }
  112. .purple{
  113. background: purple;
  114. }
  115. .brown{
  116. background: brown;
  117. }
  118. .black{
  119. background: black;
  120. }
  121. #graph {
  122. height: 250px;
  123. margin: 20px auto 0 auto;
  124. }
  125. pre {
  126. height: 250px;
  127. overflow: auto;
  128. }
  129. #user_profile .users-list img{
  130. width: 250px;
  131. max-width: 250px
  132. }
  133. #user_profile #designs img{
  134. max-width: 100%;
  135. }
  136. #designs {list-style: none; display: block; margin-top: 25px;}
  137. #designs > li {
  138. width: 100px;
  139. height: auto;
  140. list-style: none;
  141. float: left;
  142. margin-right: 10px;
  143. }
  144. #designs > li > img {
  145. border-radius: 0;
  146. max-width: 100%;
  147. min-width: 50px;
  148. }
  149. #designs > li > .minimal {display: block; position: absolute; top: 30px; margin-left: 5px;}
  150. #designs > li > .deleter {display: block; position: absolute; top: 30px; margin-left: 33px;}
  151. .ib{
  152. display: inline-block;
  153. }
  154. .mleft15{
  155. margin-left: 15px;
  156. }
  157. th, td{
  158. text-align: center;
  159. }
  160. .center{
  161. width: 75px;
  162. margin: 0 auto;
  163. }
  164. .user_color{
  165. background: gray;
  166. padding: 5px 15px !important;
  167. font-weight: bold;
  168. }
  169. .admin_color{
  170. background: brown;
  171. padding: 5px 15px !important;
  172. font-weight: bold;
  173. }
  174. .designer_color{
  175. background: orange;
  176. padding: 5px 15px !important;
  177. font-weight: bold;
  178. }
  179. .fright{
  180. float: right;
  181. }
  182. .bold{
  183. font-weight: bold;
  184. font-size: 18px;
  185. }
  186. #saveGaleryImage {
  187. width: 440px;
  188. }
  189. #progressImage {
  190. display: none;
  191. margin-top: 15px;
  192. }
  193. #progressImage img {width: 50px; margin-left: 20px; margin-top: -7px;}
  194. #imageUploadError {display: none; max-width: 440px; margin-top: 15px;}
  195. #battle_description {height: 330px;}
  196. /*.tag-editor {height: 98px;}*/
  197. .block-right {float: right;}
  198. .admin_category_thumbnail {width: 70px;}
  199. #placeHolderBannerContainer {
  200. width: 605px;
  201. }
  202. .no-print {display: none;}
  203. .active-list {display: block;}
  204. .inactive-list {display: none;}
  205. .todo-list>li {
  206. max-height: 34px;
  207. overflow: hidden;
  208. }
  209. .todo-list>li .text {
  210. display: block !important;
  211. float: left !important;
  212. margin-left: 5px;
  213. font-weight: 600;
  214. max-width: 80% !important;
  215. max-height: 20px !important;
  216. overflow: hidden;
  217. }
  218. .todo-list>li .label {
  219. float: left;
  220. }
  221. .logo-image {
  222. display: block;
  223. width: 40%;
  224. margin: 0 auto;
  225. margin-top: 20px;
  226. }
  227. .uj-elem {
  228. background-color: #c95151 !important;
  229. color: white !important;
  230. }
  231. .btn-danger .disabled {
  232. background: #e7e7e7 !important;
  233. }
  234. .btn-info {
  235. border: none;
  236. border-color: transparent;
  237. border-radius: 0px;
  238. height: 34px !important;
  239. }
  240. .btn-success {
  241. border: none;
  242. border-color: transparent;
  243. border-radius: 0px;
  244. height: 34px !important;
  245. }
  246. .btn-group .btn {
  247. min-width: 36px !important;
  248. }
  249. .btn {
  250. min-width: 36px !important;
  251. }
  252. .btn-group .btn-notactive {
  253. margin-right: 1px;
  254. }
  255. .btn-danger {
  256. height: 34px !important;
  257. }
  258. .btn-warning {
  259. height: 34px !important;
  260. }
  261. .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  262. background-color: #0986a3 !important;
  263. }
  264. td { vertical-align: middle !important; }
  265. .dropdown-menu {
  266. z-index: 10000 !important;
  267. }
  268. ::-webkit-input-placeholder {
  269. color: #555;
  270. }
  271. :-moz-placeholder { /* Firefox 18- */
  272. color: #555;
  273. }
  274. ::-moz-placeholder { /* Firefox 19+ */
  275. color: #555;
  276. }
  277. :-ms-input-placeholder {
  278. color: #555;
  279. }
  280. .status_filter_view {
  281. position: absolute;
  282. top: 35px;
  283. margin-left: 130px;
  284. z-index: 1000;
  285. }
  286. #mytablex tr th {
  287. /* text-align: left !important;*/
  288. }
  289. .quadrat {
  290. background-color: white;
  291. -webkit-animation: color_change 1s infinite alternate;
  292. -moz-animation: color_change 1s infinite alternate;
  293. -ms-animation: color_change 1s infinite alternate;
  294. -o-animation: color_change 1s infinite alternate;
  295. animation: color_change 1s infinite alternate;
  296. }
  297. @-webkit-keyframes color_change {
  298. from { background-color: white; }
  299. to { background-color: red; }
  300. }
  301. @-moz-keyframes color_change {
  302. from { background-color: white; }
  303. to { background-color: red; }
  304. }
  305. @-ms-keyframes color_change {
  306. from { background-color: white; }
  307. to { background-color: red; }
  308. }
  309. @-o-keyframes color_change {
  310. from { background-color: white; }
  311. to { background-color: red; }
  312. }
  313. @keyframes color_change {
  314. from { background-color: white; }
  315. to { background-color: red; }
  316. }
  317. .table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
  318. border-bottom-width: 0px !important;
  319. }
  320. .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
  321. border-collapse: collapse;
  322. }
  323. select[name=status_filter] {
  324. font-weight: normal !important;
  325. }
  326. select[name=status_filter_a] {
  327. font-weight: normal !important;
  328. border: solid 1px #ccc;
  329. max-height: 21px;
  330. }
  331. div.dataTables_length select {
  332. border: solid 1px #ccc;
  333. max-height: 21px;
  334. }
  335. div.dataTables_filter input {
  336. max-height: 21px;
  337. }
  338. select[name=status_filter_b] {
  339. font-weight: normal !important;
  340. }
  341. @media screen and (max-width: 980px) {
  342. .fixit { position: absolute; }
  343. }
  344. @media all and (max-width: 766px) {
  345. .main-header .logo, .main-header .navbar {
  346. display: block;
  347. position: fixed !important;
  348. z-index: 9999;
  349. background-color: inherit !important;
  350. color: #999 !important;
  351. }
  352. .sidebar-toggle {
  353. color: #999 !important;
  354. }
  355. #forced-collapse {
  356. display: none;
  357. }
  358. }
  359. input[type="checkbox"] {
  360. -ms-transform: scale(1.5); /* IE */
  361. -moz-transform: scale(1.5); /* FF */
  362. -webkit-transform: scale(1.5); /* Safari and Chrome */
  363. -o-transform: scale(1.5); /* Opera */
  364. padding: 10px;
  365. }
  366. .content-header > .breadcrumb {
  367. display: none;
  368. }
  369. .breadcrumb > .active {display: none;}
  370. .skin-black .main-header>.navbar .navbar-custom-menu .navbar-nav>li>a, .skin-black .main-header>.navbar .navbar-right>li>a {
  371. border-left: none !important;
  372. }
  373. .dataTables_length {
  374. display: none !important;
  375. }