Tell what the token management page does
[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 .app-grauphel #app-content.list > p {
17     margin: 2ex;
18 }
19
20 .app-grauphel #app-content h2 {
21     font-weight: bold;
22     font-size: 150%;
23     margin-bottom: 1ex;
24     margin-top: 2ex;
25 }
26 .app-grauphel #app-content dt {
27     font-weight: bold;
28 }
29 .app-grauphel #app-content dd {
30     margin-left: 3ex;
31 }
32 .app-grauphel #app-content pre {
33     margin: 1em;
34     background-color: #DDD;
35     padding: 1ex;
36     font-family: monospace;
37 }
38
39 .app-grauphel #app-content ul {
40     list-style-type: disc;
41     margin-bottom: 1ex;
42 }
43 .app-grauphel #app-content li {
44     margin-left: 4ex;
45 }
46 .app-grauphel #app-content a.lined {
47     text-decoration: underline;
48 }
49
50 .app-grauphel .oauth-authorize {
51     margin: 2ex;
52     text-align: center;
53 }
54 .app-grauphel .msg {
55     padding: 2ex;
56 }
57 .app-grauphel .buttons {
58     margin-top: 2ex;
59     text-align: center;
60 }
61
62
63 /* table style */
64
65 table.table {
66     position: relative;
67     width: 100%;
68 }
69
70 /* make sure there's enough room for the file actions */
71 #body-user table.table {
72         min-width: 688px; /* 768 (mobile break) - 80 (nav width) */
73 }
74
75 table.table tbody tr { background-color:#fff; height:51px; }
76
77 /* fit app list view heights */
78 /*
79 .app-files #app-content>.viewcontainer {
80         min-height: 100%;
81 }*/
82
83 table.table tbody tr { background-color:#fff; height:40px; }
84 table.table tbody tr:hover, tbody tr:active {
85         background-color: rgb(240,240,240);
86 }
87 table.table tbody tr.selected {
88         background-color: rgb(230,230,230);
89 }
90 table.table tbody tr.searchresult {
91         background-color: rgb(240,240,240);
92 }
93 table.table tbody a { color:#000; }
94
95 table.table tr.mouseOver td {
96         background-color: #eee;
97 }
98 table.table th, table th a {
99         color: #999;
100 }
101 table.table thead th {
102     background-color: white;
103     padding: 15px;
104     height: 50px;
105     box-sizing: border-box;
106     vertical-align: middle;
107 }
108
109 table.table th, table.table td {
110     border-bottom:1px solid #ddd;
111     text-align:left;
112     font-weight:normal;
113 }
114 table.table td {
115     padding: 0 15px;
116     border-bottom: 1px solid #eee;
117     font-style: normal;
118     background-position: 8px center;
119     background-repeat: no-repeat;
120 }
121
122 a.action.delete, table.table form button.action.delete {
123     position: absolute;
124     right: 0px;
125     padding: 17px 14px;
126     padding: 3px 14px;
127 }
128 a.action {
129     line-height: 30px;
130 }
131 table.table form {
132     display: inline;
133 }
134 table.table form button.action {
135     border: none;
136     background-color: transparent;
137 }