Changeset 547

Timestamp:

10/11/08 20:47:01 (5 years ago)

Author:

dgynn

Message:

converted progressmeters to not use floats. also removed unused styles.

File:

• trunk/plugins/dashboardreportsplugin/dashboardreports/htdocs/css/widgets.css (modified) (3 diffs)

trunk/plugins/dashboardreportsplugin/dashboardreports/htdocs/css/widgets.css

@@ -13 +13 @@
         font-weight: bold !important;
 }
-* .OL {
-        border: 1px solid #ff00ff;
-}
 .floatL {
         float: left;
 }
-.floatR {
-        float: right;
-}
-.clearL {
-        clear: left;
-}
-.clearR {
-        clear: right;
-}
-* .clearN {
-        clear: none !important;
-}
+
 table.wiki { 
         border-collapse: separate;
@@ -39 +25 @@
 table.wiki td + td + td { padding-left: 1em; padding-right:1em; }
 
-.progressmeter {
-        font-size: 1.0em;
-        float:left;
-        margin:2px 0 8px 0;
-}
-.progressmeter .h20 {
-        font-size: 1.4em;
-}
-.progressmeter table {
-        width: 100% !important; margin-top:5px !important;
-        border: 1px solid #939598;
-        border-collapse: collapse;
-        border-spacing: 0;
-        float: left;
-        margin: 3px 0 3px 0;
-        empty-cells: show;
-        height: 1.0em;
-        text-transform: capitalize;
-}
-.progressmeter.h20 table {
-        height: 1.4em !important;
-}
-.progressmeter a {
-        font-size: 1.0em !important;
-}
-.progressmeter a.milestone {
-        font-size: 0.9em;
-        color: #0060A0;
-        float: left;
-        clear: left;
-        text-decoration: none;
-}
-.progressmeter a.milestone:HOVER {
-        text-decoration: underline;
-}
-.progressmeter table td {
-        padding: 0;
-        background-color: #FFF;
-        height: 0.8em !important;
-}
-.progressmeter table td.active {
-        background-image: url(../images/BarGOrange12H.png);
-}
-.progressmeter table td.closed {
-        background-image: url(../images/ProgressBarFill.png);
-}
-.progressmeter.h20 table td.closed {
-        background-image: url(../images/BarGGreen20H.png);
-}
-.barGraph table {
-        width: 100% !important; margin-top:5px !important;
-        border: 1px solid #939598;
-        border-collapse: collapse;
-        border-spacing: 0;
-        float: left;
-        margin: 3px 0 3px 0;
-        empty-cells: show;
-        height: 0.9em;
-        font-size: 1.0em;
-        text-transform: capitalize;
-}
-*.percDone, *.percDone a {
-        font-size: 0.9em;
-        padding: 0;
-        color: #0060A0;
-        padding-right:0.5em;
-        padding-bottom: 0.2em;
-        float: left;
-}
-.dueDate {
-        font-size: 0.9em;
-        color: #8c4412;
-        float: right;
-}
+div.progressmeter {
+    font-size: 1.0em;
+    color: #0060A0;
+    position: relative;
+    margin:2px 0 8px 0;
+}
+div.progressmeter table {
+    width: 100%; 
+    margin-top: 4px;
+    border: 1px solid #939598;
+    border-collapse: collapse;
+    height: 1.0em;
+}
+div.progressmeter td.active {
+    background-image: url(../images/BarGOrange12H.png);
+}
+div.progressmeter td.closed {
+    background-image: url(../images/ProgressBarFill.png);
+}
+div.progressmeter .dueDate {
+    color: #8c4412;
+    position: absolute;
+    right: 0;
+}
+
 .alignL {
         text-align: left !important;
@@ -287 +224 @@
         text-decoration: underline;
 }
-/* 5-Dimension Vertical Bar Graphs */
-.multiDim5 {
-        height: 102px; overflow:hidden; padding: 0; margin: 0;
-}
-.multiDim5 div {
-        float: left; padding: 0 3px 0 0; margin: 6px 0 0 0; text-align: right;
-}
-.multiDim5 .trivial {
-        height: 102px; width: 181px; border-right: 2px solid #339900;
-}
-.multiDim5 .trivial a {
-        color: #339900;
-        display: block;
-        float: right;
-        margin-top: -2px;
-}
-.multiDim5 .minor {
-        height: 78px; width: 155px; border-right: 2px solid #0066cc;
-}
-.multiDim5 .minor a {
-        color: #0066cc;
-        display: block;
-        vertical-align: top;
-        margin-top: -2px;
-}
-.multiDim5 .major {
-        height: 60px; width: 131px; border-right: 2px solid #996633;
-}
-.multiDim5 .major a {
-        color: #996633;
-        font-weight: bold;
-        display: block;
-        float: right;
-        margin-top: -2px;
-}
-.multiDim5 .critical {
-        height: 44px; width: 105px; border-right: 2px solid #cc0000;
-}
-.multiDim5 .critical a {
-        color: #cc0000;
-        display: block;
-        float: right;
-        margin-top: -2px;
-}
-.multiDim5 .blocker {
-        width: 81px; height: 26px; border-right: 2px solid #000;
-}
-.multiDim5 .blocker a {
-        color: #000;
-        font-weight: bold;
-        display: block;
-        float: right;
-        margin-top: -2px;
-}
-ul.barGraph {
-        width:202px;
-        float: left;
-        padding: 8px 0 0 0; 
-        margin: -12px 0 0 0;
-}
-.barGraph li {
-        width: 25px;
-        text-align: center;
-}
-.barGraph table {
-        height: 126px;
-        width: 25px;
-}
-.barGraph table td {
-        padding: 0;
-}
-.barGraph table td.active {
-        background: #e3ffc8;
-}
-.barGraph table td.closed {
-        background-repeat: repeat-y;
-} 
-/* TODO: These images do not exist and need to be replaced or removed
-.barGraph table td.closed.blocker {
-        background-image: url(../images/BarGraphBlack25.png);
-}
-.barGraph table td.closed.critical {
-        background-image: url(../images/BarGraphRed25.png);
-}
-.barGraph table td.closed.major {
-        background-image: url(../images/BarGraphOrange25.png);
-}
-.barGraph table td.closed.minor {
-        background-image: url(../images/BarGraphBlue25.png);
-}
-.barGraph table td.closed.trivial {
-        background-image: url(../images/BarGraphGreen25.png);
-}
-*/
-.barGraph .percDone, .barGraph a.percDone {
-        padding: 0;
-        font-size: 0.8em;
-        width: 100%;
-        text-align: center;
-}
-.spacer {
-        width: 1px;
-        height: 1px;
-        visibility: hidden;
-        font-size: 1px;
-}
-.noStyle {
-        color: #E36E1E; /* Optaros orange */
-        color: #939598; /* Optaros blue */
-        color: #BBB1A6; /* Optaros grey */
-        color: #4D4D4D; /* Primary dark grey */
-        color:#5A87C5; /* Primary dark blue */
-        color: #D2DCFF; /* Secondary B1 */
-}
+
+div.new-wdgt { border: 1px solid #888888; background-color: #ECECEC; padding: 5px 10px; width: 250px; overflow:hidden;}
+div.new-wdgt h2 { font-weight: normal; border-bottom: 1px solid #d7d7d7; }
+
+div.new-wdgt {
+-moz-border-radius: 10px;
+-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
+-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+-webkit-border-radius: 10px;
+}
+