test/TestSuite/HTML-Reports/css/tjreport.css in taskjuggler-0.0.6 vs test/TestSuite/HTML-Reports/css/tjreport.css in taskjuggler-0.0.7
- old
+ new
@@ -4,37 +4,253 @@
}
h1, h2, table, tr, td, div, span {
font-family: Bitstream Vera Sans, Tahoma, sans-serif;
}
table {
- font-size:13px;
}
-td, div { white-space:nowrap; padding:0px; margin:0px; }
+td, div { padding:0px; margin:0px; }
h1 { font-size:22px; }
h2 { font-size:18px; }
h3 { font-size:16px; }
-.alertmessage { font-size:11px; }
-i.alertmessage { font-size:9px; }
-h1.alertmessage {
+.tj_journal {
+ font-size:11px;
+}
+i.tj_journal { font-size:9px; }
+h1.tj_journal {
+ font-size:14px;
+ margin-left:10px;
+}
+h2.tj_journal {
margin-top:5px;
font-size:13px;
margin-bottom:1px;
+ margin-left:20px;
}
-h2.alertmessage { font-size:12px; }
-h3.alertmessage { font-size:11px; }
-p.alertmessage {
+h3.tj_journal {
+ font-size:12px;
+ margin-left:30px;
+}
+p.tj_journal {
margin-top:1px;
margin-bottom:5px;
+ margin-left:30px;
}
-.tjtable {
+/* The basic elements of a text report page. */
+.tj_text_page {
+ width:100%;
+ border-spacing:0px;
+}
+
+.tj_text_row {
+}
+.tj_column_left {
+ vertical-align:top;
+}
+
+.tj_column_center {
+ vertical-align:top;
+}
+
+.tj_column_right {
+ vertical-align:top;
+}
+
+/* The top-level page layout */
+.tj_page {
+ margin: 35px 5% 25px 5%;
+}
+
+/* The container that holds report tables */
+.tj_table_frame {
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
background-color:#9a9a9a;
margin-top:15px;
margin-bottom:15px;
+ border-spacing:1px;
+ font-size:13px;
}
-.tabback { background-color:#9a9a9a; }
+
+/* The headline box for report tables */
+.tj_table_headline {
+ font-size:16px;
+ font-weight:bold;
+ white-space:nowrap;
+ padding:5px;
+ margin:1px;
+ text-align:center;
+ color:#000000;
+ background-color:#d4dde6;
+}
+
+.tj_table {
+ background-color:#9a9a9a;
+ margin:0px;
+ border-spacing:1px;
+}
+
+/* The cells of the table header. */
+.tj_table_header_cell {
+ padding:0px 3px 0px 3px;
+ white-space:nowrap;
+ border-spacing:0px;
+ overflow:hidden;
+}
+
+/* A regular table cell. It usually contains the cell icon, the text
+ * label and a tooltip trigger. */
+.tj_table_cell {
+ vertical-align:top;
+ padding:0px 4px 0px 2px;
+ margin:0px;
+ width:100%;
+ border-spacing:0px;
+ position: relative;
+}
+
+/* The symbol is the icon to the left of the text label in a table
+ * cell. */
+.tj_table_cell_icon {
+ vertical-align:top;
+ text-align:right;
+ padding:2px 3px 0px 0px;
+ width:19px;
+}
+
+/* This is the text label of a cell. */
+.tj_table_cell_label {
+ vertical-align:top;
+ padding-top:1px;
+}
+
+/* The box around the icon to the right of the text label. This is
+ * optional and triggers the tooltip with the full text of the cell in
+ * case the cell is not large enough to show everything. */
+.tj_table_cell_tooltip {
+ vertical-align:top;
+ padding:2px 0px 0px 3px;
+}
+
+/* The container that holds the invisible tooltips. */
+.tj_tooltip_box{
+ position:fixed;
+ top:0px;
+ left:0px;
+ display:none;
+ visibility:hidden;
+}
+
+/* The caption box for report tables */
+.tj_table_caption {
+ padding: 5px 13px 5px 13px;
+ background-color:#ebf2ff;
+ text-align:left;
+ white-space:normal;
+ margin:1px;
+ font-size:13px
+}
+
+.tj_table_legend_frame {
+ padding:5px;
+ margin:1px;
+ background-color:#d4dde6;
+}
+
+/* The legend of reports with calendar and Gantt charts */
+.tj_table_legend {
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+ font-size:11px;
+ color:#000000;
+ border-spacing:1px;
+}
+
+/* A row of the table legend */
+.tj_legend_row {
+ height:19px;
+}
+
+/* Headlines used for the legend when both chart types are used in a
+ * report */
+.tj_legend_headline {
+ font-size:12px;
+ font-weight:bold;
+}
+
+/* A legend row has 3 items. An item contains a label and a symbol */
+.tj_legend_item {
+}
+
+.tj_legend_symbol {
+ position: relative;
+ width:45px;
+ height:19px;
+}
+
+.tj_legend_label {
+ text-align: left;
+}
+
+.tj_legend_spacer {
+ width:30px;
+}
+
+.tj_gantt_jag {
+ position:absolute;
+ border-style: solid;
+ width: 0px;
+ height: 0px;
+ line-height: 0px;
+ border-top: 5px solid black;
+ border-left: 5px solid transparent;
+ border-right: 5px solid transparent;
+ border-bottom: none
+}
+
+.tj_diamond_top {
+ position:absolute;
+ border-style: solid;
+ width: 0px;
+ height: 0px;
+ line-height: 0px;
+ border-top: none;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid black;
+}
+.tj_diamond_bottom {
+ position:absolute;
+ border-style: solid;
+ width: 0px;
+ height: 0px;
+ line-height: 0px;
+ border-top: 7px solid black;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: none;
+}
+
+.tj_arrow_head {
+ position:absolute;
+ border-style: solid;
+ width: 0px;
+ height: 0px;
+ line-height: 0px;
+ border-top: 5px solid transparent;
+ border-left: 5px solid black;
+ border-right: none;
+ border-bottom: 5px solid transparent;
+}
+
+.tabback {
+ background-color:#9a9a9a;
+ overflow:visible;
+}
.tabfront { background-color:#d4dde6; }
.tabhead {
white-space:nowrap;
background-color:#7a7a7a;
color:#ffffff;
@@ -58,16 +274,14 @@
padding-bottom:0px;
white-space:nowrap;
overflow:hidden;
}
.celldiv {
- padding-top:3px;
- padding-right:3px;
- padding-left:3px;
- padding-bottom:0px;
+ padding:1px 3px 2px 3px;
white-space:nowrap;
overflow:hidden;
+ position: relative;
}
.tabline { color:#000000 }
.tabcell {
white-space:nowrap;
overflow:hidden;
@@ -110,10 +324,15 @@
.tabvline {
background-color:#9a9a9a;
position:absolute;
}
+.tj_gantt_frame {
+ position:absolute;
+ /* Make sure this element is above all other elements */
+ z-index:100;
+}
.containerbar {
background-color:#09090a;
position:absolute;
}
.taskbarframe {
@@ -164,16 +383,9 @@
.white {
background-color:#FFFFFF;
position:absolute;
}
-.legendback { background-color:#d4dde6; }
-.caption {
- padding: 5px 13px 5px 13px;
- background-color:#ebf2ff;
- white-space:normal;
- font-size:13px
-}
.navbar_current {
background-color:#606060;
font-size:13px;
font-weight:bold;