1.tiki { 2 .pvtUi { 3 color: $pvt-color; 4 } 5 6 table.pvtTable { 7 font-size: $pvt-font-size; 8 } 9 10 table.pvtTable tr th { 11 background-color: $pvt-table-th-bg; 12 color: $pvt-table-th-color; 13 border: 1px solid $pvt-table-border-color; 14 font-size: $pvt-font-size; 15 padding: 5px; 16 } 17 18 //table.pvtTable .pvtColLabel {text-align: center;} 19 //table.pvtTable .pvtTotalLabel {text-align: right;} 20 21 table.pvtTable tr td { 22 color: $pvt-color; 23 cursor: pointer; // indicate that the cell is clickable 24 // padding: 5px; 25 background-color: $pvt-table-bg; 26 border-color: $pvt-table-border-color; 27 // vertical-align: top; 28 // text-align: right; 29 } 30 31 .pvtTotal, 32 .pvtGrandTotal { 33 font-weight: bold; 34 } 35 36 .pvtVals { 37 text-align: center; 38 } 39 .pvtAggregator, 40 .pvtRenderer, 41 .pvtSearch, 42 .pvtAttrDropdown { 43 margin-bottom: 5px; 44 background: $pvtAggregator-bg; 45 color: $pvtAggregator-color; 46 border: 1px solid $pvtAggregator-border; 47 border-radius: $pvtAggregator-border-radius; 48 } 49 50 .pvtAxisContainer, 51 .pvtVals { 52 border-color: $pvt-table-border-color; 53 background: $pvt-bg; 54 padding: 5px; 55 // min-width: 20px; 56 // min-height: 20px; 57 } 58 //.pvtAxisContainer li { 59 // padding: 8px 6px; 60 // list-style-type: none; 61 // cursor:move; 62 //} 63 .pvtAxisContainer li.pvtPlaceholder { 64 padding: 3px 15px; 65 border-radius: 5px; 66 border: 1px dashed $pvt-table-border-color; 67 } 68 69 .pvtAxisContainer li span.pvtAttr { 70 -webkit-text-size-adjust: 100%; 71// background: $table-bg; 72// border: 1px solid $pvt-table-border-color; 73 padding: 2px 5px; 74 white-space: nowrap; 75// -webkit-border-radius: 5px; 76// -moz-border-radius: 5px; 77// border-radius: 5px; 78 background: $btn-primary-bg; 79 border: 1px solid $btn-primary-border; 80 border-radius: $btn-border-radius; 81 color: $pvtAttr-color; 82 } 83 84 .pvtTriangle { 85 cursor: pointer; 86 color: grey; 87 } 88 89 .pvtHorizList li { 90 display: inline; 91 } 92 .pvtVertList { 93 vertical-align: top; 94 } 95 96 .pvtFilteredAttribute { 97 font-style: italic 98 } 99 100 .pvtFilterBox { 101 z-index: 100; 102 width: 280px; 103 border: 1px solid $pvt-table-border-color; 104 background-color: $pvt-modal-content-bg; 105 position: absolute; 106 padding: 20px; 107 text-align: center; 108 } 109 110 .pvtFilterBox h4 { 111 margin: 0; 112 } 113 .pvtFilterBox p { 114 margin: 1em auto; 115 } 116 .pvtFilterBox label { 117 font-weight: normal; 118 } 119 .pvtFilterBox input[type='checkbox'] { 120 margin-right: 5px; 121 } 122 123 .pvtCheckContainer { 124 text-align: left; 125 overflow: auto; 126 width: 100%; 127 max-height: 200px; 128 } 129 .pvtCheckContainer p { 130 margin: 5px; 131 } 132 133 .pvtRendererArea { 134 padding: 5px; 135 } 136 .pvtFilterBox button { 137 background: $pvtFilterBox-button-bg; 138 border: 1px solid $btn-primary-border; 139 border-radius: $btn-border-radius; 140 color: $pvtFilterBox-button-color; 141 &:hover { 142 background: $pvtFilterBox-button-hover-bg; 143 } 144 & + button { 145 margin-left: 4px; 146 margin-bottom: 4px; 147 } 148 } 149 150 .c3 line, .c3 path, .c3 svg { 151 fill: none; 152 stroke: $c3-color; 153 } 154 select { 155 font-size: $pvtSelect-font-size; 156 } 157} 158