Menubar and left nav redesign in progress.
[arvados.git] / apps / workbench / app / assets / stylesheets / application.css.scss
1 /*
2  * This is a manifest file that'll be compiled into application.css, which will include all the files
3  * listed below.
4  *
5  * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
6  * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
7  *
8  * You're free to add application-wide styles to this file and they'll appear at the top of the
9  * compiled file, but it's generally better to create a new file per style scope.
10  *
11  *= require_self
12  *= require bootstrap-editable
13  *= require_tree .
14  */
15
16 @import "bootstrap";
17
18 .contain-align-left {
19     text-align: left;
20 }
21 table.topalign>tbody>tr>td {
22     vertical-align: top;
23 }
24 table.topalign>thead>tr>td {
25     vertical-align: bottom;
26 }
27 tr.cell-valign-center>td {
28     vertical-align: middle;
29 }
30 tr.cell-noborder>td,tr.cell-noborder>th {
31     border: none;
32 }
33 table.table-justforlayout>tr>td,
34 table.table-justforlayout>tr>th,
35 table.table-justforlayout>thead>tr>td,
36 table.table-justforlayout>thead>tr>th,
37 table.table-justforlayout>tbody>tr>td,
38 table.table-justforlayout>tbody>tr>th{
39     border: none;
40 }
41 table.table-justforlayout {
42     margin-bottom: 0;
43 }
44 .deemphasize {
45     font-size: .8em;
46     color: #888;
47 }
48 table .data-size, .table .data-size {
49     text-align: right;
50 }
51 body .editable-empty {
52     color: #999;
53 }
54 body .editable-empty:hover {
55     color: #0088cc;
56 }
57 table.arv-index tbody td.arv-object-AuthorizedKey.arv-attr-public_key {
58     overflow-x: hidden;
59     max-width: 120px;
60 }
61 table.table-fixedlayout {
62     white-space: nowrap;
63     table-layout: fixed;
64 }
65 table.table-fixedlayout td {
66     overflow: hidden;
67     overflow-x: hidden;
68     text-overflow: ellipsis;
69 }
70 table.table-smallcontent td {
71     font-size: 85%;
72 }
73 form input.search-mini {
74     padding: 0 6px;
75 }
76 form.small-form-margin {
77     margin-bottom: 2px;
78 }
79 .nowrap {
80     white-space: nowrap;
81 }
82
83 .navbar .nav li.nav-separator > span {
84     display: block;
85     float: none;
86     color: #bbbbbb;
87     padding: 10px 0 10px;
88     text-decoration: none;
89     text-shadow: 0 1px 0 #ffffff;
90 }
91 /*.navbar .nav .dropdown .dropdown-menu li a {
92     padding: 2px 20px;
93 }*/
94
95 ul.arvados-nav {
96     list-style: none;
97     padding-left: 0em;
98     margin-left: 0em;
99 }
100
101 ul.arvados-nav li ul {
102     list-style: none;
103     padding-left: 0;
104 }
105
106 ul.arvados-nav li ul li {
107     list-style: none;
108     padding-left: 1em;
109 }
110
111 .badge {
112     background: red;
113 }
114
115 .dax {
116     max-width: 10%;
117     margin-right: 1em;
118     float: left
119 }