Merge branch 'master' into 2272-setup-user-in-workbench
[arvados.git] / services / api / app / assets / stylesheets / application.css
1 /*
2  * This is a manifest file that'll automatically include all the stylesheets available in this directory
3  * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
4  * the top of the compiled file, but it's generally better to create a new file per style scope.
5  *= require_self
6  *= require_tree . 
7 */
8
9 .contain-align-left {
10     text-align: left;
11 }
12
13 body {
14     margin: 0;
15 }
16 body > div {
17     margin: 2px;
18 }
19 div#footer {
20     font-family: Verdana,Arial,sans-serif;
21     font-size: 12px;
22     margin-top: 24px;
23     border-top: 1px solid #ccc;
24 }
25 div#footer, div#footer a {
26     color: #777;
27 }
28 div#header {
29     margin: 0;
30     padding: .5em 1em;
31     background: #000;
32     font-weight: bold;
33     font-size: 18px;
34     font-family: Verdana,Arial,sans-serif;
35     vertical-align: middle;
36     color: #ddd;
37 }
38 div#header > div {
39     display: inline-block;
40     font-size: 12px;
41     line-height: 18px;
42 }
43 div#header > .apptitle {
44     font-size: 18px;
45 }
46 div#header a.logout {
47     color: #fff;
48     font-weight: normal;
49 }
50 div#header button {
51     font-size: 12px;
52 }
53 div#header span.beta {
54     opacity: 0.5;
55 }
56 div#header span.beta > span {
57     border-top: 1px solid #fff;
58     border-bottom: 1px solid #fff;
59     font-size: 0.8em;
60 }
61 img.clinicalfuture-logo {
62     width: 221px;
63     height: 44px;
64 }
65 #intropage {
66     font-family: Verdana,Arial,sans-serif;
67 }
68 #errorpage {
69     font-family: Verdana,Arial,sans-serif;
70 }
71
72 div.full-page-tab-set > ul > li {
73     font-size: 14px;
74 }
75 .titlebanner p {
76     font-size: 16px;
77 }
78 p {
79     font-size: 12px;
80 }
81 .small-text {
82     font-size: 12px;
83 }
84 .autoui-icon-float-left {
85     float: left;
86     margin-right: .3em;
87 }
88 .autoui-pad {
89     padding: 0 1em;
90 }
91 table.datatablesme {
92     border: 0;
93     border-collapse: collapse;
94     width: 100%;
95 }
96 .loadinggif {
97     background: #fff url(/images/ajax-loader-16-fff-aad.gif) no-repeat;
98 }
99 .clientprogressgif {
100     /* warning: depends on 24px outer container. */
101     position: absolute;
102     left: 4px;
103     top: 4px;
104     width: 16px;
105     height: 16px;
106 }
107 .counttable {
108     width: 100%;
109     display: table;
110     border-collapse: collapse;
111     margin-bottom: 0.5em;
112 }
113 .counttable > div {
114     display: table-row;
115 }
116 .counttable > div > div {
117     display: table-cell;
118     text-align: center;
119     background: #ccf;
120     padding: 0 2px;
121     font-size: 0.8em;
122 }
123 .counttable > div > div.counter {
124     font-size: 2em;
125     padding: 4px 2px 0 2px;
126 }
127 table.admin_table {
128     border-collapse: collapse;
129 }
130 table.admin_table tbody tr {
131     height: 2.5em;
132 }
133 table.admin_table th,table.admin_table td {
134     text-align: left;
135     border: 1px solid #bbb;
136     padding: 3px;
137 }
138 table.admin_table tbody tr:hover {
139     background: #ff8;
140 }
141 table.admin_table tbody tr:hover td {
142     background: transparent;
143 }
144
145 div.helptopics {
146     position: fixed;
147 }
148 div.helptopics ul {
149     padding: 0;
150     margin-left: 1em;
151     list-style-type: none;
152 }
153 div.helptopics ul li {
154     margin: 0 0 1em 0;
155 }
156 div.helpcontent li {
157     margin-bottom: .5em;
158 }
159
160 div.preview {
161     color: red;
162     font-weight: bold;
163     text-align: center;
164 }
165
166 .sudo-warning {
167     padding: 4px 10px;
168     background: #ffdd00;
169     color: red;
170     -webkit-border-radius: 3px;
171     -moz-border-radius: 3px;
172     border-radius: 3px
173 }
174
175 div#header a.sudo-logout {
176     color: #000;
177     font-weight: bold;
178 }
179