Mock up add/remove tag UI.
[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
13  *= require bootstrap3-editable/bootstrap-editable
14  *= require_tree .
15  */
16
17 .contain-align-left {
18     text-align: left;
19 }
20 table.topalign>tbody>tr>td {
21     vertical-align: top;
22 }
23 table.topalign>thead>tr>td {
24     vertical-align: bottom;
25 }
26 tr.cell-valign-center>td {
27     vertical-align: middle;
28 }
29 tr.cell-noborder>td,tr.cell-noborder>th {
30     border: none;
31 }
32 table.table-justforlayout>tr>td,
33 table.table-justforlayout>tr>th,
34 table.table-justforlayout>thead>tr>td,
35 table.table-justforlayout>thead>tr>th,
36 table.table-justforlayout>tbody>tr>td,
37 table.table-justforlayout>tbody>tr>th{
38     border: none;
39 }
40 table.table-justforlayout {
41     margin-bottom: 0;
42 }
43 .deemphasize {
44     font-size: .8em;
45     color: #888;
46 }
47 table .data-size, .table .data-size {
48     text-align: right;
49 }
50 body .editable-empty {
51     color: #999;
52 }
53 body .editable-empty:hover {
54     color: #0088cc;
55 }
56 table.arv-index tbody td.arv-object-AuthorizedKey.arv-attr-public_key {
57     overflow-x: hidden;
58     max-width: 120px;
59 }
60 table.table-fixedlayout {
61     white-space: nowrap;
62     table-layout: fixed;
63 }
64 table.table-fixedlayout td {
65     overflow: hidden;
66     overflow-x: hidden;
67     text-overflow: ellipsis;
68 }
69 table.table-smallcontent td {
70     font-size: 85%;
71 }
72 form input.search-mini {
73     padding: 0 6px;
74 }
75 form.small-form-margin {
76     margin-bottom: 2px;
77 }
78 .nowrap {
79     white-space: nowrap;
80 }
81
82 .navbar .nav li.nav-separator span {
83     display: block;
84     float: none;
85     color: #bbbbbb;
86     padding: 10px 0 10px;
87     text-decoration: none;
88     text-shadow: 0 1px 0 #ffffff;
89 }
90 /*.navbar .nav .dropdown .dropdown-menu li a {
91     padding: 2px 20px;
92 }*/
93
94 ul.arvados-nav {
95     list-style: none;
96     padding-left: 0em;
97     margin-left: 0em;
98 }
99
100 ul.arvados-nav li ul {
101     list-style: none;
102     padding-left: 0;
103 }
104
105 ul.arvados-nav li ul li {
106     list-style: none;
107     padding-left: 1em;
108 }
109
110 .dax {
111     max-width: 10%;
112     margin-right: 1em;
113     float: left
114 }
115
116 .smart-scroll {
117     overflow: auto;
118 }
119
120 .inline-progress-container div.progress {
121     margin-bottom: 0;
122 }
123
124 .inline-progress-container {
125     width: 100px;
126     display:inline-block;
127 }
128
129 td.add-tag-button .add-tag-button {
130     margin-top: 2px;
131     opacity: 0;
132 }
133
134 td.add-tag-button:hover .add-tag-button {
135     opacity: 1;
136 }
137
138 .removable-tag a {
139     cursor: pointer;
140 }