matrix-media.css 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. body {
  2. background:#2E363F;
  3. }
  4. #header {
  5. background-color: #1f262d;
  6. margin-top:10px;
  7. }
  8. #search input[type=text], #search button {
  9. background-color: #28b779;
  10. }
  11. #search input[type=text]:focus {
  12. color: #777777;
  13. }
  14. #sidebar > ul{border-bottom: 1px solid #37414b}
  15. #sidebar > ul > li {
  16. border-top: 1px solid #37414b; border-bottom: 1px solid #1f262d;
  17. }
  18. #sidebar > ul > li.active {
  19. background-color: #27a9e3; border-bottom: 1px solid #27a9e3; border-top: 1px solid #27a9e3;
  20. }
  21. #sidebar > ul > li.active a{ color:#fff; text-decoration:none;}
  22. #sidebar > ul > li > a > .label {
  23. background-color:#F66;
  24. }
  25. #sidebar > ul > li > a:hover {
  26. background-color: #27a9e3; color:#fff;
  27. }
  28. #sidebar > ul li ul {
  29. background-color: #1e242b;
  30. }
  31. #sidebar > ul li ul li a{ color:#939da8}
  32. #sidebar > ul li ul li a:hover, #sidebar > ul li ul li.active a {
  33. color: #fff;
  34. background: url("../img/menu-active.png") no-repeat scroll right center rgba(0, 240, 182, 0.66) !important;
  35. }
  36. #search input[type=text] {
  37. background-color: #47515b; color: #fff;
  38. }
  39. #search input[type=text]:focus {
  40. color: #2e363f; color: #fff; box-shadow:none;
  41. }
  42. .dropdown-menu li a:hover, .dropdown-menu .active a, .dropdown-menu .active a:hover {
  43. color: #eeeeee;
  44. background:#666;
  45. }
  46. .top_message{ float:right; padding:20px 12px; position:relative; top:-13px; border-left:1px solid #3D3A37; font-size:14px; line-height:20px; *line-height:20px; color:#333; text-align:center; vertical-align:middle; cursor:pointer; }
  47. .top_message:hover{ background:#000}
  48. .rightzero{ right:0px; display:none;}
  49. @media (max-width: 480px) {
  50. #sidebar > a {
  51. background:#27a9e3;
  52. }
  53. .quick-actions_homepage .quick-actions li{ min-width:100%;}
  54. }
  55. @media (min-width: 768px) and (max-width: 970px) {.quick-actions_homepage .quick-actions li{ min-width:20.5%;}}
  56. @media (min-width: 481px) and (max-width: 767px) {
  57. #sidebar > ul ul:before {
  58. }
  59. #sidebar > ul ul:after {
  60. border-right: 6px solid #222222;
  61. }
  62. .quick-actions_homepage .quick-actions li{ min-width:47%;}
  63. }
  64. div.tagsinput { border:1px solid #CCC; background: #FFF; padding:5px; width:300px; height:100px; overflow-y: auto;}
  65. div.tagsinput span.tag { border: 1px solid #a5d24a; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 5px; text-decoration:none; background: #cde69c; color: #638421; margin-right: 5px; margin-bottom:5px;font-family: helvetica; font-size:13px;}
  66. div.tagsinput span.tag a { font-weight: bold; color: #82ad2b; text-decoration:none; font-size: 11px; }
  67. div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; }
  68. div.tagsinput div { display:block; float: left; }
  69. .tags_clear { clear: both; width: 100%; height: 0px; }
  70. .not_valid {background: #FBD8DB !important; color: #90111A !important;}