extensions/net.sf.basedb.meludi/trunk/resources/css/case_summary.css

Code
Comments
Other
Rev Date Author Line
2933 14 Nov 14 olle 1 @charset "UTF-8";
2933 14 Nov 14 olle 2
2933 14 Nov 14 olle 3 @media print 
2933 14 Nov 14 olle 4 {
2933 14 Nov 14 olle 5   /* Things to hiden when printing */
2939 17 Nov 14 olle 6   .noprint, #menubar, #path-meludi
2933 14 Nov 14 olle 7   {
2933 14 Nov 14 olle 8     display: none;
2933 14 Nov 14 olle 9   }
2933 14 Nov 14 olle 10   
2933 14 Nov 14 olle 11   /* Add left and right border when printing */
2933 14 Nov 14 olle 12   .info-section
2933 14 Nov 14 olle 13   {
2933 14 Nov 14 olle 14     border-left: 2px solid #A0A0A0;
2933 14 Nov 14 olle 15     border-right: 2px solid #A0A0A0;
2933 14 Nov 14 olle 16     page-break-inside: avoid;
2933 14 Nov 14 olle 17   }
2933 14 Nov 14 olle 18   
2933 14 Nov 14 olle 19   /* Special elements to hide when printing */
2933 14 Nov 14 olle 20   .pathelement:before, .path:before
2933 14 Nov 14 olle 21   {
2933 14 Nov 14 olle 22     content: '' !important;
2933 14 Nov 14 olle 23     padding: 0 !important;
2933 14 Nov 14 olle 24   }
2933 14 Nov 14 olle 25   
2933 14 Nov 14 olle 26 }
2933 14 Nov 14 olle 27
2933 14 Nov 14 olle 28 /* Two-column layout when the browser window is bigger than 1000px */
2933 14 Nov 14 olle 29 @media screen and (min-width: 1000px)
2933 14 Nov 14 olle 30 {
2933 14 Nov 14 olle 31   #all-content #left-column
2933 14 Nov 14 olle 32   {
2933 14 Nov 14 olle 33     position: absolute;
2933 14 Nov 14 olle 34     left: 0;
2933 14 Nov 14 olle 35     width: 50%;
2933 14 Nov 14 olle 36   }
2933 14 Nov 14 olle 37   #all-content #left-column .info-section
2933 14 Nov 14 olle 38   {
2933 14 Nov 14 olle 39     border-right: 2px solid #A0A0A0;  
2933 14 Nov 14 olle 40   }
2933 14 Nov 14 olle 41   #all-content  #right-column 
2933 14 Nov 14 olle 42   {
2933 14 Nov 14 olle 43     position: absolute;
2933 14 Nov 14 olle 44     left: auto;
2933 14 Nov 14 olle 45     right: 0;
2933 14 Nov 14 olle 46     width: 50%;
2933 14 Nov 14 olle 47     border-left: 2px solid #A0A0A0;
2933 14 Nov 14 olle 48   }
2933 14 Nov 14 olle 49 }
2933 14 Nov 14 olle 50
2933 14 Nov 14 olle 51 /* Special case when inside the "Item overview" frameset */
2933 14 Nov 14 olle 52 body.iframe #all-content
2933 14 Nov 14 olle 53 {
2933 14 Nov 14 olle 54   position: absolute;
2933 14 Nov 14 olle 55   top: 0;
2933 14 Nov 14 olle 56   left: 0;
2933 14 Nov 14 olle 57   right: 0;
2933 14 Nov 14 olle 58   bottom: 0;
2933 14 Nov 14 olle 59   overflow: auto;
2933 14 Nov 14 olle 60 }
2933 14 Nov 14 olle 61
2933 14 Nov 14 olle 62 body.iframe #all-info
2933 14 Nov 14 olle 63 {
2933 14 Nov 14 olle 64   top: 0;
2933 14 Nov 14 olle 65 }
2933 14 Nov 14 olle 66
2933 14 Nov 14 olle 67 /* Special "Print preview" settings */
2933 14 Nov 14 olle 68 #printarea .path
2933 14 Nov 14 olle 69 {
2933 14 Nov 14 olle 70   height: 1.4em;
2933 14 Nov 14 olle 71   font-size: 1.4em;
2933 14 Nov 14 olle 72   font-weight: bold;
2933 14 Nov 14 olle 73   color: #224488;
2933 14 Nov 14 olle 74   margin: 0px;
2933 14 Nov 14 olle 75 }
2933 14 Nov 14 olle 76
2933 14 Nov 14 olle 77 #printarea #all-info
2933 14 Nov 14 olle 78 {
2933 14 Nov 14 olle 79   position: relative;
2933 14 Nov 14 olle 80   top: 0;
2933 14 Nov 14 olle 81   border-top: 2px solid #A0A0A0;
2933 14 Nov 14 olle 82 }
2933 14 Nov 14 olle 83
2933 14 Nov 14 olle 84 #printarea .info-section
2933 14 Nov 14 olle 85 {
2933 14 Nov 14 olle 86   border-left: 2px solid #A0A0A0;
2933 14 Nov 14 olle 87   border-right: 2px solid #A0A0A0;
2933 14 Nov 14 olle 88 }
2933 14 Nov 14 olle 89
2933 14 Nov 14 olle 90
2933 14 Nov 14 olle 91 #toolbar
2933 14 Nov 14 olle 92 {
2933 14 Nov 14 olle 93   position: absolute;
2933 14 Nov 14 olle 94   top: 0;
2933 14 Nov 14 olle 95   left: 0;
2933 14 Nov 14 olle 96   right: 0;
2933 14 Nov 14 olle 97   height: 2.75em;
2933 14 Nov 14 olle 98   white-space: nowrap;
2933 14 Nov 14 olle 99 }
2933 14 Nov 14 olle 100
2933 14 Nov 14 olle 101 #toolbar table
2933 14 Nov 14 olle 102 {
2933 14 Nov 14 olle 103   border-top: 2px solid #A0A0A0;
2933 14 Nov 14 olle 104   border-bottom: 2px solid #A0A0A0;
2933 14 Nov 14 olle 105   width: 100%;
2933 14 Nov 14 olle 106   height: 100%;
2933 14 Nov 14 olle 107 }
2933 14 Nov 14 olle 108
2933 14 Nov 14 olle 109 #all-info
2933 14 Nov 14 olle 110 {
2933 14 Nov 14 olle 111   position: absolute;
2933 14 Nov 14 olle 112   top: 2.75em;
2933 14 Nov 14 olle 113   left: 0;
2933 14 Nov 14 olle 114   right: 0;
2933 14 Nov 14 olle 115   bottom: 0;
2933 14 Nov 14 olle 116   overflow: auto;
2933 14 Nov 14 olle 117 }
2933 14 Nov 14 olle 118
2933 14 Nov 14 olle 119 #wizard-status
2933 14 Nov 14 olle 120 {
2933 14 Nov 14 olle 121   margin-top: 3em;
2933 14 Nov 14 olle 122 }
2933 14 Nov 14 olle 123
2933 14 Nov 14 olle 124 .info-section
2933 14 Nov 14 olle 125 {
2933 14 Nov 14 olle 126   position: relative;
2933 14 Nov 14 olle 127   border-bottom: 2px solid #A0A0A0;
2933 14 Nov 14 olle 128   background-color: #E8E8E8;
2933 14 Nov 14 olle 129 }
2933 14 Nov 14 olle 130
2933 14 Nov 14 olle 131 .info-section div
2933 14 Nov 14 olle 132 {
2933 14 Nov 14 olle 133   margin-left: 13em;
2933 14 Nov 14 olle 134   background-color: #FFFFFF;
2933 14 Nov 14 olle 135   border-left: 1px solid #A0A0A0;
2933 14 Nov 14 olle 136   overflow: auto;
2933 14 Nov 14 olle 137 }
2933 14 Nov 14 olle 138
2933 14 Nov 14 olle 139 .info-table
2933 14 Nov 14 olle 140 {
2933 14 Nov 14 olle 141   width: 100%;
2933 14 Nov 14 olle 142 }
2933 14 Nov 14 olle 143
2933 14 Nov 14 olle 144 .info-table tr.dynamic-column
2933 14 Nov 14 olle 145 {
2933 14 Nov 14 olle 146   display: none;
2933 14 Nov 14 olle 147 }
2933 14 Nov 14 olle 148
2933 14 Nov 14 olle 149 .info-table th
2933 14 Nov 14 olle 150 {
2933 14 Nov 14 olle 151   position: absolute;
2933 14 Nov 14 olle 152   left: 0;
2933 14 Nov 14 olle 153   text-align: left;
2933 14 Nov 14 olle 154   border-top: 1px dotted #A0A0A0;
3120 06 Feb 15 olle 155   padding: 1px 0.05em 2px 1em;
2933 14 Nov 14 olle 156   width: 11.75em;
2933 14 Nov 14 olle 157   font-weight: normal;
2933 14 Nov 14 olle 158   vertical-align: top;
2933 14 Nov 14 olle 159 }
2933 14 Nov 14 olle 160
2933 14 Nov 14 olle 161 .info-table thead th, .info-table tbody tr.subtitle th
2933 14 Nov 14 olle 162 {
2933 14 Nov 14 olle 163   font-weight: bold;
2933 14 Nov 14 olle 164   color: #333377;
2933 14 Nov 14 olle 165   padding-left: 0.25em;
2933 14 Nov 14 olle 166   width: 12.5em;
2933 14 Nov 14 olle 167 }
2933 14 Nov 14 olle 168 .info-table thead th.link
2933 14 Nov 14 olle 169 {
2933 14 Nov 14 olle 170   color: #0000CC;
2933 14 Nov 14 olle 171 }
2933 14 Nov 14 olle 172
2933 14 Nov 14 olle 173 .info-table thead:first-child th
2933 14 Nov 14 olle 174 {
2933 14 Nov 14 olle 175   border-top: 1px dotted transparent;
2933 14 Nov 14 olle 176 }
2933 14 Nov 14 olle 177
2933 14 Nov 14 olle 178 .info-table td
2933 14 Nov 14 olle 179 {
2933 14 Nov 14 olle 180   background-color: #FFFFFF;
2933 14 Nov 14 olle 181   padding: 2px 0.25em 2px 0.25em;
2933 14 Nov 14 olle 182   vertical-align: top;
2933 14 Nov 14 olle 183 }
2933 14 Nov 14 olle 184
5031 16 Oct 18 olle 185 .info-table thead td.yellow-specimen
5031 16 Oct 18 olle 186 {
5031 16 Oct 18 olle 187   background-color: #FFF8C0;
5031 16 Oct 18 olle 188   background-image: url('../images/yellow-label.png');
5031 16 Oct 18 olle 189   background-repeat: no-repeat;
5031 16 Oct 18 olle 190   background-position: 2px 50%;
5031 16 Oct 18 olle 191   padding-left: 18px;
5031 16 Oct 18 olle 192 }
5031 16 Oct 18 olle 193
5031 16 Oct 18 olle 194 .info-table tbody td.yellow-specimen
5031 16 Oct 18 olle 195 {
5031 16 Oct 18 olle 196   /* background-color: #FFFFF0; */
5031 16 Oct 18 olle 197 }
5031 16 Oct 18 olle 198
5092 14 Nov 18 olle 199 .info-table td.chained
5092 14 Nov 18 olle 200 {
5092 14 Nov 18 olle 201   background-color: #C0FFC0;
5092 14 Nov 18 olle 202 }
5092 14 Nov 18 olle 203
5092 14 Nov 18 olle 204 .info-table td.chained.rootitem
5092 14 Nov 18 olle 205 {
5092 14 Nov 18 olle 206   background-color: #FFF880;
5092 14 Nov 18 olle 207   padding-right: 0; /* To avoid position shifts */
5092 14 Nov 18 olle 208 }
5092 14 Nov 18 olle 209
5092 14 Nov 18 olle 210 .info-table td.chained.rootitem::before
5092 14 Nov 18 olle 211 {
5092 14 Nov 18 olle 212   content: url('../images/marked.png');
5092 14 Nov 18 olle 213   margin-left: -4px; /* To avoid position shifts */
5092 14 Nov 18 olle 214 }
5092 14 Nov 18 olle 215
2933 14 Nov 14 olle 216 .info-table td.fixed-column
2933 14 Nov 14 olle 217 {
2933 14 Nov 14 olle 218   width: 13em;
2933 14 Nov 14 olle 219 }
2933 14 Nov 14 olle 220
2933 14 Nov 14 olle 221 .info-table td.extra-column
2933 14 Nov 14 olle 222 {
2933 14 Nov 14 olle 223   border-left: 1px dotted #A0A0A0;
2933 14 Nov 14 olle 224 }
2933 14 Nov 14 olle 225
2933 14 Nov 14 olle 226 .info-table tr:hover
2933 14 Nov 14 olle 227 {
2933 14 Nov 14 olle 228   outline: 1px solid #2288AA !important;
2933 14 Nov 14 olle 229 }
2933 14 Nov 14 olle 230
2933 14 Nov 14 olle 231 .info-table tr:hover td
2933 14 Nov 14 olle 232 {
2933 14 Nov 14 olle 233   background-color: #F8F8E8 !important;
2933 14 Nov 14 olle 234 }
2933 14 Nov 14 olle 235
2933 14 Nov 14 olle 236 .hide-confidential .confidential
2933 14 Nov 14 olle 237 {
2933 14 Nov 14 olle 238   display: none;
2933 14 Nov 14 olle 239 }
2933 14 Nov 14 olle 240
2933 14 Nov 14 olle 241 tr.confidential th
2933 14 Nov 14 olle 242 {
2933 14 Nov 14 olle 243   background-color: #FFC8C8;  
2933 14 Nov 14 olle 244 }
2933 14 Nov 14 olle 245
2933 14 Nov 14 olle 246 tr.confidential td
2933 14 Nov 14 olle 247 {
2933 14 Nov 14 olle 248   background-color: #FFD8D8;
2933 14 Nov 14 olle 249 }
2933 14 Nov 14 olle 250
2933 14 Nov 14 olle 251 .more-info:after
2933 14 Nov 14 olle 252 {
2933 14 Nov 14 olle 253   content: url('../images/info.png');
2933 14 Nov 14 olle 254   vertical-align: bottom;
2933 14 Nov 14 olle 255 }
2933 14 Nov 14 olle 256
2933 14 Nov 14 olle 257 .filelink
2933 14 Nov 14 olle 258 {
2933 14 Nov 14 olle 259   margin-left: 0.25em;
2933 14 Nov 14 olle 260 }
2933 14 Nov 14 olle 261
2933 14 Nov 14 olle 262 .warning
2933 14 Nov 14 olle 263 {
2933 14 Nov 14 olle 264   color: #E80000;
2933 14 Nov 14 olle 265   font-weight: bold;
2933 14 Nov 14 olle 266 }
2933 14 Nov 14 olle 267
2933 14 Nov 14 olle 268 .warning:before
2933 14 Nov 14 olle 269 {
2933 14 Nov 14 olle 270   content: url('../images/warning_small.png');
2933 14 Nov 14 olle 271   padding-right: 3px;
2933 14 Nov 14 olle 272   vertical-align: -2px;
2933 14 Nov 14 olle 273 }
2933 14 Nov 14 olle 274
2933 14 Nov 14 olle 275 .no-info
2933 14 Nov 14 olle 276 {
2933 14 Nov 14 olle 277   font-weight: bold;
2933 14 Nov 14 olle 278   color: #999999;
2933 14 Nov 14 olle 279   font-style: italic;
2933 14 Nov 14 olle 280 }
2933 14 Nov 14 olle 281
2933 14 Nov 14 olle 282 tr.comment td
2933 14 Nov 14 olle 283 {
2933 14 Nov 14 olle 284   font-style: italic;
2933 14 Nov 14 olle 285 }
2933 14 Nov 14 olle 286
2933 14 Nov 14 olle 287 .invisible
2933 14 Nov 14 olle 288 {
2933 14 Nov 14 olle 289   color: transparent;
2933 14 Nov 14 olle 290 }
2933 14 Nov 14 olle 291
2933 14 Nov 14 olle 292 .info-table tr:hover .invisible
2933 14 Nov 14 olle 293 {
2933 14 Nov 14 olle 294   color: inherit;
2933 14 Nov 14 olle 295 }
2933 14 Nov 14 olle 296
2933 14 Nov 14 olle 297 .hide-details .info-details
2933 14 Nov 14 olle 298 {
2933 14 Nov 14 olle 299   display: none;
2933 14 Nov 14 olle 300 }
2933 14 Nov 14 olle 301 .hide-details .info-table thead th:after
2933 14 Nov 14 olle 302 {
2933 14 Nov 14 olle 303   content: ' ...';
2933 14 Nov 14 olle 304 }
2933 14 Nov 14 olle 305