Another fix for bug #10
[grauphel.git] / grauphel.css
1 .app-grauphel #app-content {
2     box-sizing: border-box;
3 }
4 .app-grauphel #app-content.content {
5     padding: 2ex;
6 }
7
8 .app-grauphel #app-content h1 {
9     font-weight: bold;
10     font-size: 2em;
11     margin-bottom: 1ex;
12 }
13 .app-grauphel #app-content.list h1 {
14     padding: 1ex;
15 }
16
17 .app-grauphel #app-content h2 {
18     font-weight: bold;
19     font-size: 150%;
20     margin-bottom: 1ex;
21     margin-top: 2ex;
22 }
23 .app-grauphel #app-content dt {
24     font-weight: bold;
25 }
26 .app-grauphel #app-content dd {
27     margin-left: 3ex;
28 }
29 .app-grauphel #app-content pre {
30     margin: 1em;
31     background-color: #DDD;
32     padding: 1ex;
33     font-family: monospace;
34 }
35
36 .app-grauphel #app-content ul {
37     list-style-type: disc;
38     margin-bottom: 1ex;
39 }
40 .app-grauphel #app-content li {
41     margin-left: 4ex;
42 }
43 .app-grauphel #app-content a.lined {
44     text-decoration: underline;
45 }
46
47 .app-grauphel .oauth-authorize {
48     margin: 2ex;
49     text-align: center;
50 }
51 .app-grauphel .msg {
52     padding: 2ex;
53 }
54 .app-grauphel .buttons {
55     margin-top: 2ex;
56     text-align: center;
57 }
58
59
60 /* table style */
61
62 table.table {
63     position: relative;
64     width: 100%;
65 }
66
67 /* make sure there's enough room for the file actions */
68 #body-user table.table {
69         min-width: 688px; /* 768 (mobile break) - 80 (nav width) */
70 }
71
72 table.table tbody tr { background-color:#fff; height:51px; }
73
74 /* fit app list view heights */
75 /*
76 .app-files #app-content>.viewcontainer {
77         min-height: 100%;
78 }*/
79
80 table.table tbody tr { background-color:#fff; height:40px; }
81 table.table tbody tr:hover, tbody tr:active {
82         background-color: rgb(240,240,240);
83 }
84 table.table tbody tr.selected {
85         background-color: rgb(230,230,230);
86 }
87 table.table tbody tr.searchresult {
88         background-color: rgb(240,240,240);
89 }
90 table.table tbody a { color:#000; }
91
92 table.table tr.mouseOver td {
93         background-color: #eee;
94 }
95 table.table th, table th a {
96         color: #999;
97 }
98 table.table thead th {
99     background-color: white;
100     padding: 15px;
101     height: 50px;
102     box-sizing: border-box;
103     vertical-align: middle;
104 }
105
106 table.table th, table.table td {
107     border-bottom:1px solid #ddd;
108     text-align:left;
109     font-weight:normal;
110 }
111 table.table td {
112     padding: 0 15px;
113     border-bottom: 1px solid #eee;
114     font-style: normal;
115     background-position: 8px center;
116     background-repeat: no-repeat;
117 }