[Frontend] Cherry-picking platform CSS mods for autoflow view

warp #1596
open #425
Changes to autoflow styles, particularly in header;
Cleanup in effects.scss; CSS to be re-compiled;
(cherry picked from commit 5848077)
This commit is contained in:
Charles Hacskaylo 2015-12-14 13:55:06 -08:00
parent 0cfc070f3c
commit 978df93ffd
4 changed files with 139 additions and 102 deletions

View File

@ -35,24 +35,23 @@
}
}
.l-autoflow-header {
bottom: auto;
height: $headerH;
line-height: $headerH;
min-width: $colW;
span {
vertical-align: middle;
}
min-width: $colW;
.t-last-update {
overflow: hidden;
}
.s-btn.change-column-width {
@include trans-prop-nice-fade(500ms);
opacity: 0;
}
.l-filter {
margin-left: $interiorMargin;
display: block;
margin-right: $interiorMargin;
input.t-filter-input {
width: 100px;
width: 150px;
}
}
}

View File

@ -31,10 +31,6 @@ a.disabled {
border-bottom: 1px solid rgba(#fff, 0.3);
}
.outline {
@include boxOutline();
}
.test-stripes {
@include bgDiagonalStripes();
}

View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@ -235,10 +235,6 @@ a.disabled {
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
/* line 34, ../../../../general/res/sass/_effects.scss */
.outline {
border: 1px solid #666666; }
/* line 38, ../../../../general/res/sass/_effects.scss */
.test-stripes {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -248,7 +244,7 @@ a.disabled {
background-repeat: repeat;
background-size: 40px 40px; }
/* line 42, ../../../../general/res/sass/_effects.scss */
/* line 38, ../../../../general/res/sass/_effects.scss */
.test {
background-color: rgba(255, 204, 0, 0.2) !important; }
@ -267,7 +263,7 @@ a.disabled {
opacity: 0.5; }
100% {
opacity: 1; } }
/* line 69, ../../../../general/res/sass/_effects.scss */
/* line 65, ../../../../general/res/sass/_effects.scss */
.pulse {
-moz-animation-name: pulse;
-webkit-animation-name: pulse;
@ -4224,11 +4220,35 @@ span.req {
.t-filter input.t-filter-input {
height: 22px;
width: 200px; }
/* line 38, ../../../../general/res/sass/forms/_filter.scss */
/* line 61, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input:-moz-placeholder,
.t-filter input.t-filter-input:-moz-placeholder {
color: rgba(204, 204, 204, 0.5);
font-style: italic;
font-weight: 200; }
/* line 64, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input::-moz-placeholder,
.t-filter input.t-filter-input::-moz-placeholder {
color: rgba(204, 204, 204, 0.5);
font-style: italic;
font-weight: 200; }
/* line 67, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input:-ms-input-placeholder,
.t-filter input.t-filter-input:-ms-input-placeholder {
color: rgba(204, 204, 204, 0.5);
font-style: italic;
font-weight: 200; }
/* line 56, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input::-webkit-input-placeholder,
.t-filter input.t-filter-input::-webkit-input-placeholder {
color: rgba(204, 204, 204, 0.5);
font-style: italic;
font-weight: 200; }
/* line 36, ../../../../general/res/sass/forms/_filter.scss */
.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
display: none; }
/* line 42, ../../../../general/res/sass/forms/_filter.scss */
/* line 40, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
.t-filter .icon.ui-symbol,
.t-filter .t-item-icon,
@ -4247,7 +4267,7 @@ span.req {
line-height: 22px;
padding: 0px 5px;
vertical-align: middle; }
/* line 50, ../../../../general/res/sass/forms/_filter.scss */
/* line 48, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
.t-filter .icon.ui-symbol:hover,
.t-filter .t-item-icon:hover,
@ -4258,7 +4278,7 @@ span.req {
.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 54, ../../../../general/res/sass/forms/_filter.scss */
/* line 52, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
.t-filter .s-a-clear.ui-symbol,
.t-filter .s-a-clear.t-item-icon,
@ -4287,7 +4307,7 @@ span.req {
top: 50%;
text-align: center;
z-index: 5; }
/* line 74, ../../../../general/res/sass/forms/_filter.scss */
/* line 72, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
.t-filter .s-a-clear.ui-symbol:hover,
.t-filter .s-a-clear.t-item-icon:hover,
@ -4298,12 +4318,12 @@ span.req {
opacity: 0.6;
background-color: #0099cc; }
/* line 82, ../../../../general/res/sass/forms/_filter.scss */
/* line 80, ../../../../general/res/sass/forms/_filter.scss */
.l-filter {
display: inline-block;
position: relative; }
/* line 89, ../../../../general/res/sass/forms/_filter.scss */
/* line 87, ../../../../general/res/sass/forms/_filter.scss */
.top-bar input.filter {
font-size: .9em;
height: 24px;
@ -4312,7 +4332,7 @@ span.req {
padding-left: 10px;
padding-right: 10px;
vertical-align: top; }
/* line 100, ../../../../general/res/sass/forms/_filter.scss */
/* line 98, ../../../../general/res/sass/forms/_filter.scss */
.top-bar .icon-filter {
font-size: 1.4em; }
@ -7114,16 +7134,16 @@ table {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 1; }
/* line 40, ../../../../general/res/sass/_autoflow.scss */
/* line 38, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header {
bottom: auto;
height: 22px;
line-height: 22px;
min-width: 225px; }
/* line 45, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header span {
vertical-align: middle; }
/* line 48, ../../../../general/res/sass/_autoflow.scss */
/* line 43, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .t-last-update {
overflow: hidden; }
/* line 46, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -7142,19 +7162,20 @@ table {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 0; }
/* line 52, ../../../../general/res/sass/_autoflow.scss */
/* line 50, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter {
margin-left: 5px; }
/* line 54, ../../../../general/res/sass/_autoflow.scss */
display: block;
margin-right: 5px; }
/* line 53, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter input.t-filter-input {
width: 100px; }
/* line 60, ../../../../general/res/sass/_autoflow.scss */
width: 150px; }
/* line 59, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items {
overflow-x: scroll;
overflow-y: hidden;
top: 32px;
white-space: nowrap; }
/* line 66, ../../../../general/res/sass/_autoflow.scss */
/* line 65, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -7165,7 +7186,7 @@ table {
padding-right: 5px;
vertical-align: top;
width: 225px; }
/* line 76, ../../../../general/res/sass/_autoflow.scss */
/* line 75, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -7177,37 +7198,37 @@ table {
margin-bottom: 1px;
margin-top: 1px;
position: relative; }
/* line 85, ../../../../general/res/sass/_autoflow.scss */
/* line 84, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
border-top: none; }
/* line 88, ../../../../general/res/sass/_autoflow.scss */
/* line 87, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 93, ../../../../general/res/sass/_autoflow.scss */
/* line 92, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l {
color: rgba(204, 204, 204, 0.3) !important;
font-style: italic; }
/* line 94, ../../../../general/res/sass/_autoflow.scss */
/* line 93, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r {
color: rgba(204, 204, 204, 0.5) !important;
font-style: italic; }
/* line 97, ../../../../general/res/sass/_autoflow.scss */
/* line 96, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r {
color: #b3b3b3; }
/* line 101, ../../../../general/res/sass/_autoflow.scss */
/* line 100, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
border-top: 1px solid rgba(204, 204, 204, 0.1); }
/* line 104, ../../../../general/res/sass/_autoflow.scss */
/* line 103, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
display: block; }
/* line 106, ../../../../general/res/sass/_autoflow.scss */
/* line 105, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
float: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: auto; }
/* line 113, ../../../../general/res/sass/_autoflow.scss */
/* line 112, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
@ -7217,7 +7238,7 @@ table {
padding-left: 5px;
padding-right: 5px;
text-align: right; }
/* line 124, ../../../../general/res/sass/_autoflow.scss */
/* line 123, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col:first-child {
border-left: none;
padding-left: 0; }

View File

@ -20,7 +20,7 @@
* this source code distribution or the Licensing information page available
* at runtime from the About dialog for additional information.
*****************************************************************************/
/* line 5, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 5, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
@ -41,38 +41,38 @@ time, mark, audio, video {
font-size: 100%;
vertical-align: baseline; }
/* line 22, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 22, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
line-height: 1; }
/* line 24, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 24, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
list-style: none; }
/* line 26, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 26, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
border-collapse: collapse;
border-spacing: 0; }
/* line 28, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 28, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle; }
/* line 30, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 30, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
quotes: none; }
/* line 103, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 103, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none; }
/* line 32, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 32, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
border: none; }
/* line 116, ../../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
/* line 116, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block; }
@ -235,10 +235,6 @@ a.disabled {
border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
/* line 34, ../../../../general/res/sass/_effects.scss */
.outline {
border: 1px solid white; }
/* line 38, ../../../../general/res/sass/_effects.scss */
.test-stripes {
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjEuMCIgeTE9IjEuMCIgeDI9IjAuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNmZmZmMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
@ -248,7 +244,7 @@ a.disabled {
background-repeat: repeat;
background-size: 40px 40px; }
/* line 42, ../../../../general/res/sass/_effects.scss */
/* line 38, ../../../../general/res/sass/_effects.scss */
.test {
background-color: rgba(255, 204, 0, 0.2) !important; }
@ -267,7 +263,7 @@ a.disabled {
opacity: 0.5; }
100% {
opacity: 1; } }
/* line 69, ../../../../general/res/sass/_effects.scss */
/* line 65, ../../../../general/res/sass/_effects.scss */
.pulse {
-moz-animation-name: pulse;
-webkit-animation-name: pulse;
@ -4146,11 +4142,35 @@ span.req {
.t-filter input.t-filter-input {
height: 22px;
width: 200px; }
/* line 38, ../../../../general/res/sass/forms/_filter.scss */
/* line 61, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input:-moz-placeholder,
.t-filter input.t-filter-input:-moz-placeholder {
color: rgba(102, 102, 102, 0.5);
font-style: italic;
font-weight: 200; }
/* line 64, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input::-moz-placeholder,
.t-filter input.t-filter-input::-moz-placeholder {
color: rgba(102, 102, 102, 0.5);
font-style: italic;
font-weight: 200; }
/* line 67, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input:-ms-input-placeholder,
.t-filter input.t-filter-input:-ms-input-placeholder {
color: rgba(102, 102, 102, 0.5);
font-style: italic;
font-weight: 200; }
/* line 56, ../../../../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/css3/_user-interface.scss */
.filter input.t-filter-input::-webkit-input-placeholder,
.t-filter input.t-filter-input::-webkit-input-placeholder {
color: rgba(102, 102, 102, 0.5);
font-style: italic;
font-weight: 200; }
/* line 36, ../../../../general/res/sass/forms/_filter.scss */
.filter input.t-filter-input:not(.ng-dirty) + .t-a-clear,
.t-filter input.t-filter-input:not(.ng-dirty) + .t-a-clear {
display: none; }
/* line 42, ../../../../general/res/sass/forms/_filter.scss */
/* line 40, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol, .filter .t-item-icon, .filter .icon.s-icon-btn, .filter .s-icon-btn.t-item-icon, .filter .l-datetime-picker .l-month-year-pager .icon.pager, .l-datetime-picker .l-month-year-pager .filter .icon.pager, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon,
.t-filter .icon.ui-symbol,
.t-filter .t-item-icon,
@ -4169,7 +4189,7 @@ span.req {
line-height: 22px;
padding: 0px 5px;
vertical-align: middle; }
/* line 50, ../../../../general/res/sass/forms/_filter.scss */
/* line 48, ../../../../general/res/sass/forms/_filter.scss */
.filter .icon.ui-symbol:hover, .filter .t-item-icon:hover, .filter .icon.s-icon-btn:hover, .filter .s-icon-btn.t-item-icon:hover, .filter .l-datetime-picker .l-month-year-pager .icon.pager:hover, .l-datetime-picker .l-month-year-pager .filter .icon.pager:hover, .filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover, .l-datetime-picker .l-month-year-pager .filter .pager.t-item-icon:hover,
.t-filter .icon.ui-symbol:hover,
.t-filter .t-item-icon:hover,
@ -4180,7 +4200,7 @@ span.req {
.t-filter .l-datetime-picker .l-month-year-pager .pager.t-item-icon:hover,
.l-datetime-picker .l-month-year-pager .t-filter .pager.t-item-icon:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 54, ../../../../general/res/sass/forms/_filter.scss */
/* line 52, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol, .filter .s-a-clear.t-item-icon, .filter .s-a-clear.s-icon-btn, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager,
.t-filter .s-a-clear.ui-symbol,
.t-filter .s-a-clear.t-item-icon,
@ -4209,7 +4229,7 @@ span.req {
top: 50%;
text-align: center;
z-index: 5; }
/* line 74, ../../../../general/res/sass/forms/_filter.scss */
/* line 72, ../../../../general/res/sass/forms/_filter.scss */
.filter .s-a-clear.ui-symbol:hover, .filter .s-a-clear.t-item-icon:hover, .filter .s-a-clear.s-icon-btn:hover, .filter .l-datetime-picker .l-month-year-pager .s-a-clear.pager:hover, .l-datetime-picker .l-month-year-pager .filter .s-a-clear.pager:hover,
.t-filter .s-a-clear.ui-symbol:hover,
.t-filter .s-a-clear.t-item-icon:hover,
@ -4220,12 +4240,12 @@ span.req {
opacity: 0.6;
background-color: #0099cc; }
/* line 82, ../../../../general/res/sass/forms/_filter.scss */
/* line 80, ../../../../general/res/sass/forms/_filter.scss */
.l-filter {
display: inline-block;
position: relative; }
/* line 89, ../../../../general/res/sass/forms/_filter.scss */
/* line 87, ../../../../general/res/sass/forms/_filter.scss */
.top-bar input.filter {
font-size: .9em;
height: 24px;
@ -4234,7 +4254,7 @@ span.req {
padding-left: 10px;
padding-right: 10px;
vertical-align: top; }
/* line 100, ../../../../general/res/sass/forms/_filter.scss */
/* line 98, ../../../../general/res/sass/forms/_filter.scss */
.top-bar .icon-filter {
font-size: 1.4em; }
@ -6991,16 +7011,16 @@ table {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 1; }
/* line 40, ../../../../general/res/sass/_autoflow.scss */
/* line 38, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header {
bottom: auto;
height: 22px;
line-height: 22px;
min-width: 225px; }
/* line 45, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header span {
vertical-align: middle; }
/* line 48, ../../../../general/res/sass/_autoflow.scss */
/* line 43, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .t-last-update {
overflow: hidden; }
/* line 46, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .s-btn.change-column-width, .autoflow .l-autoflow-header .change-column-width.s-menu-btn {
-moz-transition-property: opacity, background-color, border-color, color;
-o-transition-property: opacity, background-color, border-color, color;
@ -7019,19 +7039,20 @@ table {
-webkit-transition-delay: 0;
transition-delay: 0;
opacity: 0; }
/* line 52, ../../../../general/res/sass/_autoflow.scss */
/* line 50, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter {
margin-left: 5px; }
/* line 54, ../../../../general/res/sass/_autoflow.scss */
display: block;
margin-right: 5px; }
/* line 53, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-header .l-filter input.t-filter-input {
width: 100px; }
/* line 60, ../../../../general/res/sass/_autoflow.scss */
width: 150px; }
/* line 59, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items {
overflow-x: scroll;
overflow-y: hidden;
top: 32px;
white-space: nowrap; }
/* line 66, ../../../../general/res/sass/_autoflow.scss */
/* line 65, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -7042,7 +7063,7 @@ table {
padding-right: 5px;
vertical-align: top;
width: 225px; }
/* line 76, ../../../../general/res/sass/_autoflow.scss */
/* line 75, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -7054,37 +7075,37 @@ table {
margin-bottom: 1px;
margin-top: 1px;
position: relative; }
/* line 85, ../../../../general/res/sass/_autoflow.scss */
/* line 84, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:first-child {
border-top: none; }
/* line 88, ../../../../general/res/sass/_autoflow.scss */
/* line 87, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:hover {
background: rgba(255, 255, 255, 0.1); }
/* line 93, ../../../../general/res/sass/_autoflow.scss */
/* line 92, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.l {
color: rgba(51, 51, 51, 0.3) !important;
font-style: italic; }
/* line 94, ../../../../general/res/sass/_autoflow.scss */
/* line 93, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.s-stale .l-autoflow-item.r {
color: rgba(51, 51, 51, 0.5) !important;
font-style: italic; }
/* line 97, ../../../../general/res/sass/_autoflow.scss */
/* line 96, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row:not(.s-stale) .l-autoflow-item.r {
color: gray; }
/* line 101, ../../../../general/res/sass/_autoflow.scss */
/* line 100, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row.first-in-group {
border-top: 1px solid rgba(153, 153, 153, 0.2); }
/* line 104, ../../../../general/res/sass/_autoflow.scss */
/* line 103, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item {
display: block; }
/* line 106, ../../../../general/res/sass/_autoflow.scss */
/* line 105, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.l {
float: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: auto; }
/* line 113, ../../../../general/res/sass/_autoflow.scss */
/* line 112, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col .l-autoflow-row .l-autoflow-item.r {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
@ -7094,7 +7115,7 @@ table {
padding-left: 5px;
padding-right: 5px;
text-align: right; }
/* line 124, ../../../../general/res/sass/_autoflow.scss */
/* line 123, ../../../../general/res/sass/_autoflow.scss */
.autoflow .l-autoflow-items .l-autoflow-col:first-child {
border-left: none;
padding-left: 0; }