You are here

casetracker.css in Case Tracker 5

Same filename and directory in other branches
  1. 6 casetracker.css
  2. 7 casetracker.css
/* case state colors. we only define colors based on the "status" type      */
/* but every case state, user-defined or not, gets a CSS class for its row. */
#casetracker-cases-overview .status-open {
  /* whatever the table tells us is the default color */
}

#casetracker-cases-overview .status-closed {
 background-color:  #ffc0c0;
}

#casetracker-cases-overview .status-closed .active {
 background-color:  #eeb9b9;
}

#casetracker-cases-overview .status-needs-review {
  background-color: #ffffdd;
}

#casetracker-cases-overview .status-needs-review .active {
  background-color: #eeeedd;
}

#case-filter-criteria {
  margin-bottom:    5px;
}

#case-filter-criteria .case-filter-title {
  font-weight:      bold;
}

/* stolen from project_issue.css. makes the options inline. */
#project-information fieldset .form-item,
#case-information fieldset .form-item {
  float:            left;
  padding-right:    0.8em;
  margin:           0.05em 0.1em;
}

#case-information fieldset:after {
  content:          ".";
  clear:            both;
  display:          block;
  height:           0;
  visibility:       hidden;
}

/* allows the case title to escape the inlining on comments. */
#case-information fieldset #comment-case-title .form-item {
  float:            none;
  clear:            right;
}

/* for our block, we need to hide the "Case number" label (which has to be  */
/* there if we want a useful "[field] is required" error message). however, */
/* this attribute selector doesn't work in IE6. Tough patooka's, eh?        */
#casetracker-block-jump-to-case-number label[for="edit-case-number"] {
  display:          none;
}


/** DASHBOARD **/
#casetracker-dashboard .project {
	font-weight: bold;
	border-right: 1px solid #ccc;
}
#casetracker-dashboard .devider,
#casetracker-dashboard .percent {
	border-left: 1px solid #ccc;
}
#casetracker-dashboard .percent {
	font-weight: bold;
}

/**
 * Borders the common way
 */
#casetracker-dashboard .totals {
  border-top: 2px solid #ccc;
  border-bottom: none;
  background-color: transparent;
}
/**
 * Borders the ie way :(
 */
#casetracker-dashboard .totals td {
  border-top: 2px solid #ccc;
  border-bottom: none;
  background-color: transparent;
}

File

casetracker.css
View source
  1. /* case state colors. we only define colors based on the "status" type */
  2. /* but every case state, user-defined or not, gets a CSS class for its row. */
  3. #casetracker-cases-overview .status-open {
  4. /* whatever the table tells us is the default color */
  5. }
  6. #casetracker-cases-overview .status-closed {
  7. background-color: #ffc0c0;
  8. }
  9. #casetracker-cases-overview .status-closed .active {
  10. background-color: #eeb9b9;
  11. }
  12. #casetracker-cases-overview .status-needs-review {
  13. background-color: #ffffdd;
  14. }
  15. #casetracker-cases-overview .status-needs-review .active {
  16. background-color: #eeeedd;
  17. }
  18. #case-filter-criteria {
  19. margin-bottom: 5px;
  20. }
  21. #case-filter-criteria .case-filter-title {
  22. font-weight: bold;
  23. }
  24. /* stolen from project_issue.css. makes the options inline. */
  25. #project-information fieldset .form-item,
  26. #case-information fieldset .form-item {
  27. float: left;
  28. padding-right: 0.8em;
  29. margin: 0.05em 0.1em;
  30. }
  31. #case-information fieldset:after {
  32. content: ".";
  33. clear: both;
  34. display: block;
  35. height: 0;
  36. visibility: hidden;
  37. }
  38. /* allows the case title to escape the inlining on comments. */
  39. #case-information fieldset #comment-case-title .form-item {
  40. float: none;
  41. clear: right;
  42. }
  43. /* for our block, we need to hide the "Case number" label (which has to be */
  44. /* there if we want a useful "[field] is required" error message). however, */
  45. /* this attribute selector doesn't work in IE6. Tough patooka's, eh? */
  46. #casetracker-block-jump-to-case-number label[for="edit-case-number"] {
  47. display: none;
  48. }
  49. /** DASHBOARD **/
  50. #casetracker-dashboard .project {
  51. font-weight: bold;
  52. border-right: 1px solid #ccc;
  53. }
  54. #casetracker-dashboard .devider,
  55. #casetracker-dashboard .percent {
  56. border-left: 1px solid #ccc;
  57. }
  58. #casetracker-dashboard .percent {
  59. font-weight: bold;
  60. }
  61. /**
  62. * Borders the common way
  63. */
  64. #casetracker-dashboard .totals {
  65. border-top: 2px solid #ccc;
  66. border-bottom: none;
  67. background-color: transparent;
  68. }
  69. /**
  70. * Borders the ie way :(
  71. */
  72. #casetracker-dashboard .totals td {
  73. border-top: 2px solid #ccc;
  74. border-bottom: none;
  75. background-color: transparent;
  76. }