Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>tags/v13.0.0beta1
top: 0; | top: 0; | ||||
right: 0; | right: 0; | ||||
padding: 15px; | padding: 15px; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||||
opacity: .5; | opacity: .5; | ||||
z-index: 1; | z-index: 1; | ||||
} | } |
color: #999; | color: #999; | ||||
} | } | ||||
span.conflict-path, span.extension { | span.conflict-path, span.extension { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |||||
filter: alpha(opacity=70); | |||||
opacity: .7; | opacity: .7; | ||||
-webkit-transition: opacity 300ms; | -webkit-transition: opacity 300ms; | ||||
-moz-transition: opacity 300ms; | -moz-transition: opacity 300ms; | ||||
tr:focus span.conflict-path, | tr:focus span.conflict-path, | ||||
tr:hover span.extension, | tr:hover span.extension, | ||||
tr:focus span.extension { | tr:focus span.extension { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||||
filter: alpha(opacity=100); | |||||
opacity: 1; | opacity: 1; | ||||
color: #777; | color: #777; | ||||
} | } | ||||
margin-left: 5px; | margin-left: 5px; | ||||
display: inline-block; | display: inline-block; | ||||
vertical-align: text-bottom; | vertical-align: text-bottom; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |||||
filter: alpha(opacity=30); | |||||
opacity: .3; | opacity: .3; | ||||
} | } | ||||
.sort-indicator.hidden, | .sort-indicator.hidden, | ||||
height: 20px; | height: 20px; | ||||
padding: 10px 0; | padding: 10px 0; | ||||
font-size: 11px; | font-size: 11px; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||||
filter: alpha(opacity=50); | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
/* force show the loading icon, not only on hover */ | /* force show the loading icon, not only on hover */ | ||||
#fileList .icon-loading-small { | #fileList .icon-loading-small { | ||||
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||||
filter:alpha(opacity=100); | |||||
opacity: 1 !important; | opacity: 1 !important; | ||||
display: inline !important; | display: inline !important; | ||||
} | } | ||||
display: inline; | display: inline; | ||||
padding: 17px 8px; | padding: 17px 8px; | ||||
line-height: 50px; | line-height: 50px; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; | |||||
filter: alpha(opacity=0); | |||||
opacity: 0; | opacity: 0; | ||||
} | } | ||||
#fileList a.action.action-share { | #fileList a.action.action-share { | ||||
#fileList a.action.disabled:hover, | #fileList a.action.disabled:hover, | ||||
#fileList a.action.disabled:focus, | #fileList a.action.disabled:focus, | ||||
#fileList a.action.disabled img { | #fileList a.action.disabled img { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |||||
filter: alpha(opacity=30); | |||||
opacity: .3; | opacity: .3; | ||||
} | } | ||||
#fileList .fileActionsMenu a.action, | #fileList .fileActionsMenu a.action, | ||||
/* show share action of shared items darker to distinguish from non-shared */ | /* show share action of shared items darker to distinguish from non-shared */ | ||||
#fileList a.action.action-share.shared-style { | #fileList a.action.action-share.shared-style { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; | |||||
filter: alpha(opacity=70); | |||||
opacity: .7; | opacity: .7; | ||||
} | } | ||||
} | } | ||||
#fileList .action.action-favorite.permanent { | #fileList .action.action-favorite.permanent { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||||
filter: alpha(opacity=100); | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
/* show share action of shared items darker to distinguish from non-shared */ | /* show share action of shared items darker to distinguish from non-shared */ | ||||
#fileList a.action.action-share.shared-style:hover, | #fileList a.action.action-share.shared-style:hover, | ||||
#fileList a.action.action-share.shared-style:focus { | #fileList a.action.action-share.shared-style:focus { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||||
filter: alpha(opacity=100); | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
.summary { | .summary { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; | |||||
filter: alpha(opacity=30); | |||||
opacity: .3; | opacity: .3; | ||||
/* add whitespace to bottom of files list to correctly show dropdowns */ | /* add whitespace to bottom of files list to correctly show dropdowns */ | ||||
height: 300px; | height: 300px; | ||||
background-repeat: no-repeat no-repeat; | background-repeat: no-repeat no-repeat; | ||||
background-position: 50%; | background-position: 50%; | ||||
opacity: 0.7; | opacity: 0.7; | ||||
filter: alpha(opacity=70); | |||||
transition: opacity 100ms; | transition: opacity 100ms; | ||||
-moz-transition: opacity 100ms; | -moz-transition: opacity 100ms; | ||||
-o-transition: opacity 100ms; | -o-transition: opacity 100ms; |
display: none !important; | display: none !important; | ||||
} | } | ||||
#fileList a.action.action-favorite { | #fileList a.action.action-favorite { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" !important; | |||||
opacity: .7 !important; | opacity: .7 !important; | ||||
} | } | ||||
#fileList a.action.action-favorite { | #fileList a.action.action-favorite { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important; | |||||
opacity: .3 !important; | opacity: .3 !important; | ||||
} | } | ||||
.directLink label { | .directLink label { | ||||
font-weight: normal; | font-weight: normal; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||||
filter: alpha(opacity=50); | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
.directLink input { | .directLink input { |
.versionsTabView a, | .versionsTabView a, | ||||
.versionsTabView div > span { | .versionsTabView div > span { | ||||
vertical-align: middle; | vertical-align: middle; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||||
filter: alpha(opacity=50); | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
.versionsTabView a:hover, | .versionsTabView a:hover, | ||||
.versionsTabView a:focus { | .versionsTabView a:focus { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; | |||||
filter: alpha(opacity=100); | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
/* do not use italic typeface style, instead lighter color */ | /* do not use italic typeface style, instead lighter color */ | ||||
em { | em { | ||||
font-style: normal; | font-style: normal; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
box-shadow: none; | box-shadow: none; | ||||
width: 100%; | width: 100%; | ||||
/* Override the app-navigation li opacity */ | /* Override the app-navigation li opacity */ | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)' !important; | |||||
filter: alpha(opacity = 70) !important; | |||||
opacity: .7 !important; | opacity: .7 !important; | ||||
&:hover, &:focus, &.active { | &:hover, &:focus, &.active { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)' !important; | |||||
filter: alpha(opacity = 100) !important; | |||||
opacity: 1 !important; | opacity: 1 !important; | ||||
} | } | ||||
/* prevent .action class to break the design */ | /* prevent .action class to break the design */ |
} | } | ||||
em { | em { | ||||
font-style: normal; | font-style: normal; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
padding: 14px !important; | padding: 14px !important; | ||||
} | } | ||||
#show:checked + label, #dbpassword-toggle:checked + label, #personal-show:checked + label { | #show:checked + label, #dbpassword-toggle:checked + label, #personal-show:checked + label { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; | |||||
opacity: .8; | opacity: .8; | ||||
} | } | ||||
#show + label, #dbpassword-toggle + label, #personal-show + label { | #show + label, #dbpassword-toggle + label, #personal-show + label { | ||||
background-image: url('../img/actions/toggle.svg?v=1'); | background-image: url('../img/actions/toggle.svg?v=1'); | ||||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
background-position: center; | background-position: center; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; | |||||
opacity: .3; | opacity: .3; | ||||
} | } | ||||
#show + label:before, #dbpassword-toggle + label:before, #personal-show + label:before { | #show + label:before, #dbpassword-toggle + label:before, #personal-show + label:before { | ||||
.error a { | .error a { | ||||
color: #fff !important; | color: #fff !important; | ||||
font-weight: 600 !important; | font-weight: 600 !important; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
.error a.button { | .error a.button { |
height: 45px; | height: 45px; | ||||
/* header height */ | /* header height */ | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
&:focus { | &:focus { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; | |||||
opacity: .75; | opacity: .75; | ||||
} | } | ||||
&:hover, &:active { | &:hover, &:active { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
/* hover effect for app switcher label */ | /* hover effect for app switcher label */ | ||||
.header-appname-container .header-appname { | .header-appname-container .header-appname { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; | |||||
opacity: .75; | opacity: .75; | ||||
} | } | ||||
.menutoggle { | .menutoggle { | ||||
.icon-caret { | .icon-caret { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'; | |||||
opacity: .75; | opacity: .75; | ||||
} | } | ||||
&:hover { | &:hover { | ||||
.header-appname, .icon-caret { | .header-appname, .icon-caret { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
&:focus { | &:focus { | ||||
.header-appname, .icon-caret { | .header-appname, .icon-caret { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
&.active { | &.active { | ||||
.header-appname, .icon-caret { | .header-appname, .icon-caret { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
} | } | ||||
svg, | svg, | ||||
span { | span { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; | |||||
opacity: .7; | opacity: .7; | ||||
} | } | ||||
svg { | svg { | ||||
&:focus svg, | &:focus svg, | ||||
&:hover span, | &:hover span, | ||||
&:focus span { | &:focus span { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
&.active { | &.active { | ||||
svg, span { | svg, span { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
height: 16px; | height: 16px; | ||||
} | } | ||||
.app-icon { | .app-icon { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; | |||||
opacity: 0; | opacity: 0; | ||||
} | } | ||||
} | } | ||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
img { | img { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; | |||||
opacity: .7; | opacity: .7; | ||||
margin-bottom: -2px; | margin-bottom: -2px; | ||||
} | } | ||||
color: $color-primary-text; | color: $color-primary-text; | ||||
img, | img, | ||||
#expandDisplayName { | #expandDisplayName { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
color: $color-main-text; | color: $color-main-text; | ||||
padding: 10px 12px 0; | padding: 10px 12px 0; | ||||
box-sizing: border-box; | box-sizing: border-box; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; | |||||
opacity: .7; | opacity: .7; | ||||
img { | img { | ||||
margin-bottom: -3px; | margin-bottom: -3px; | ||||
&:focus, | &:focus, | ||||
&:active, | &:active, | ||||
&.active { | &.active { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } |
cursor: pointer; | cursor: pointer; | ||||
-webkit-transition: all 100ms; | -webkit-transition: all 100ms; | ||||
transition: all 100ms; | transition: all 100ms; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; | |||||
opacity: .6; | opacity: .6; | ||||
&:focus, &:active, &:valid { | &:focus, &:active, &:valid { | ||||
color: $color-primary-text; | color: $color-primary-text; | ||||
border: 1px solid rgba($color-primary-text, 0.5) !important; | border: 1px solid rgba($color-primary-text, 0.5) !important; | ||||
} | } | ||||
&:hover, &:focus, &:active { | &:hover, &:focus, &:active { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
& ~ .icon-close-white { | & ~ .icon-close-white { | ||||
height: 64px; | height: 64px; | ||||
width: 64px; | width: 64px; | ||||
margin: 0 auto 15px; | margin: 0 auto 15px; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=40)'; | |||||
opacity: .4; | opacity: .4; | ||||
} | } | ||||
} | } | ||||
#show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { | #show:checked + label, #dbpassword:checked + label, #personal-show:checked + label { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; | |||||
opacity: .8; | opacity: .8; | ||||
} | } | ||||
background-image: url('../img/actions/toggle.svg?v=1'); | background-image: url('../img/actions/toggle.svg?v=1'); | ||||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
background-position: center; | background-position: center; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'; | |||||
opacity: .3; | opacity: .3; | ||||
} | } | ||||
.warning { | .warning { | ||||
margin: 0 7px 5px 4px; | margin: 0 7px 5px 4px; | ||||
legend { | legend { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
top: 0; | top: 0; | ||||
border-bottom-left-radius: 3px; | border-bottom-left-radius: 3px; | ||||
border-bottom-right-radius: 3px; | border-bottom-right-radius: 3px; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)'; | |||||
opacity: .9; | opacity: .9; | ||||
span { | span { | ||||
cursor: pointer; | cursor: pointer; | ||||
} | } | ||||
tr .action:not(.permanent), .selectedActions a { | tr .action:not(.permanent), .selectedActions a { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; | |||||
opacity: 0; | opacity: 0; | ||||
} | } | ||||
tr { | tr { | ||||
&:hover .action, &:focus .action, .action.permanent { | &:hover .action, &:focus .action, .action.permanent { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
} | } | ||||
.selectedActions a { | .selectedActions a { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)'; | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
} | } | ||||
.header-action { | .header-action { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; | |||||
opacity: .8; | opacity: .8; | ||||
} | } | ||||
tr { | tr { | ||||
&:hover .action:hover, &:focus .action:focus { | &:hover .action:hover, &:focus .action:focus { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
.selectedActions a { | .selectedActions a { | ||||
&:hover, &:focus { | &:hover, &:focus { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
.header-action { | .header-action { | ||||
&:hover, &:focus { | &:hover, &:focus { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; | |||||
opacity: 1; | opacity: 1; | ||||
} | } | ||||
} | } | ||||
top: 8px !important; | top: 8px !important; | ||||
} | } | ||||
&:hover, &:focus, a:focus, &:active { | &:hover, &:focus, a:focus, &:active { | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; | |||||
opacity: .7; | opacity: .7; | ||||
} | } | ||||
} | } | ||||
width: 0; | width: 0; | ||||
height: 0; | height: 0; | ||||
opacity: 0; | opacity: 0; | ||||
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; | |||||
} | } |
font-size: 12px; | font-size: 12px; | ||||
opacity: 0; | opacity: 0; | ||||
z-index: 100000; | z-index: 100000; | ||||
filter: alpha(opacity = 0); | |||||
&.in { | &.in { | ||||
opacity: 1; | opacity: 1; | ||||
filter: alpha(opacity = 100); | |||||
} | } | ||||
&.top { | &.top { |
color: #545454; | color: #545454; | ||||
} | } | ||||
#searchresults .path { | #searchresults .path { | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||||
filter: alpha(opacity=50); | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||
#searchresults .text em { | #searchresults .text em { |
clear: both; | clear: both; | ||||
padding: 7px 0; | padding: 7px 0; | ||||
cursor: pointer; | cursor: pointer; | ||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; | |||||
opacity: .5; | opacity: .5; | ||||
} | } | ||||