70 lines
2.9 KiB
CSS
70 lines
2.9 KiB
CSS
html, body { min-height: 100% !important; height: 100%; width: 100%; }
|
|
body { font-family: Verdana, Arial, Helvetica, sans-serif; margin-left: 0px; }
|
|
|
|
/* The navigation bar */
|
|
.navbar { overflow: hidden; background-color: #333; position: fixed; top: 0; width: 100%; z-index: 100; }
|
|
.navbar a { float: left; display: block; color: #f2f2f2; text-align: center; padding: 7px 16px; text-decoration: none; }
|
|
.navbar label { color: #f2f2f2; }
|
|
.navbar a:hover { background: #ddd; color: black; }
|
|
.activenav { float: left; display: block; color: #f2f2f2 !important; background-color: #307D30 !important; text-align: center; padding: 7px 16px; text-decoration: none; }
|
|
.main { height: 100%; width: 100%; margin-top: 34px; /* Add a top margin to avoid content overlay */ }
|
|
/* #chartDiv { height: 100%; overflow: scroll; } */
|
|
#chartDiv { margin-top: 34px; }
|
|
#holdingsDiv { margin-top: 34px; }
|
|
#analDiv { margin-top: 34px; }
|
|
|
|
div.activetab {position: absolute; top: 0; height: 100%; width: 100%; z-index: 1; background-color: white; overflow: scroll; /*display: inline;*/}
|
|
div.inactivetab {position: absolute; top: 0; height:100%; width: 100%; z-index: 0; overflow: scroll; /*display: none;*/}
|
|
|
|
td {vertical-align: top;}
|
|
|
|
.shareRow { /*background-color: #ffffff;*/ }
|
|
.altShareRow { background-color: #f4f4f4; }
|
|
|
|
.miniHoldings { border-collapse: collapse; border-spacing: 0; }
|
|
.miniHoldings td { font-size: x-small; border: 1px solid black; }
|
|
.miniHoldings th { font-size: x-small; border: 1px solid black; }
|
|
.soldHolding { text-decoration: line-through; }
|
|
|
|
.mainHoldings { font-size: small; }
|
|
table.mainHoldings { width: 100%; }
|
|
table.mainHoldings th, table.mainHoldings td { padding-left: 5px; padding-right: 5px; }
|
|
table.mainHoldings tr:hover { background-color: #acc9e4; }
|
|
|
|
.price-summary { font-size: x-small; }
|
|
|
|
.current-value { font-size: medium; }
|
|
|
|
.num {text-align: right;}
|
|
|
|
.summary { width: 100%; border-collapse: collapse; }
|
|
|
|
.spacer { padding-top: 6px; }
|
|
|
|
.profit { color: #07b200; /*limegreen*/}
|
|
.loss { color: firebrick; }
|
|
|
|
td.no-border { border: 0px; text-align: right; }
|
|
|
|
.LongSummary { font-size: x-small; }
|
|
.LongChart { height: 150px; width: 300px; }
|
|
|
|
.MidSummary { font-size: x-small; }
|
|
.MidChart { height: 150px; width: 300px; }
|
|
|
|
.ShortSummary { font-size: x-small; }
|
|
.ShortChart { height: 150px; width: 300px; }
|
|
|
|
.DaySummary { font-size: x-small; }
|
|
.DayChart { height: 136px; width: 300px; }
|
|
|
|
.HoldingCurrenciesChart { height: 160px; width: 160px; }
|
|
/*#divHoldingCurrenciesChart .pieLabel { color: red !important; background-color: black; }*/
|
|
*#divHoldingCurrenciesChart div.pieLabel { font-size: x-small; text-align: center; padding: 2px; color: white; background-color: black }
|
|
.deletebutton { color: red; cursor: pointer; }
|
|
|
|
span.addHolding { cursor: pointer; }
|
|
|
|
.flot-text { font-size: x-small !important; }
|
|
|
|
.chart-tooltip { position: absolute; border: 1px solid #fdd; padding: 2px; background-color: #fee; opacity: 0.80; display: none; z-index: 2; } |