reworked dividend
[smr.git] / gui / app / assets / stylesheets / assets.css
blobd1e096122da99a757c73335a4c040476af823570
2 /*
3 * Assets
4 */
6 #assets_invested {
7 position: relative; width:100%; overflow: hidden; float:left; }
8 #assets_invested ul {
9 position: relative; left:50%; clear:left; float:left;
10 list-style:none; margin:0; padding:0; text-align:center; }
11 #assets_invested ul li {
12 position: relative; right:50%;
13 border-radius: 30px;
14 display:block; float:left; list-style:none; margin:0;
15 padding: 5px 10px 5px 10px; margin-right: 10px; }
16 #assets_invested ul li { background-color: #1d1c1c; color: white; }
17 #assets_invested ul li.profit { background-color: green; opacity: 0.6; color: white; }
18 #assets_invested ul li.loss { background-color: red; opacity: 0.6; color: white; }
19 #assets_invested ul li em { font-size: 1.5em; font-style: bold; }
21 table#assets { width:100% }
22 table#assets > thead td { padding-bottom: 5px; }
23 table#assets > thead td > a {
24 padding: 1px 3px;
25 display: block; float: left; width: 10em;
26 color: grey; border-top: dashed 1px grey; border-right: dashed 1px grey; }
28 table#assets > tbody td { padding: 0.5em 0 0.25em 0; }
29 table#assets > tbody td:first-child { width:30%; font-weight: bold; }
30 table#assets > tbody td:first-child a { padding-right: 5px; }
31 table#assets > tbody td:first-child > span { font-size: smaller; display: block; font-weight: normal;}
32 table#assets > tbody td:first-child > span a { font-size: smaller; }
33 table#assets > tbody td:nth-child(2),
34 table#assets > tbody td:nth-child(3),
35 table#assets > tbody td:nth-child(4),
36 table#assets > tbody td:nth-child(5),
37 table#assets > tbody td:nth-child(6),
38 table#assets > tbody td:nth-child(7) { text-align: right; }
40 table#assets > tbody td:nth-child(5) { font-size: 1.3em; }
41 table#assets > tbody td:nth-child(6) { font-size: 1.1em; }
42 table#assets > tbody td:nth-child(6) > span { display: block; font-size: 0.7em; font-style: italic; }