mirror of
https://github.com/the-djmaze/snappymail.git
synced 2026-08-30 04:29:21 +03:00
Added autoprefixer + csslint
This commit is contained in:
RainLoop Team
parent
5009546a91
commit
39255ae061
30 changed files with 218 additions and 1038 deletions
|
|
@ -1,6 +1,8 @@
|
|||
.popups {
|
||||
.b-activate-content {
|
||||
|
||||
width: 700px;
|
||||
|
||||
.modal-header {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -87,8 +87,8 @@
|
|||
background-color: #fff;
|
||||
border: @rlMainBorderSize solid @rlMainDarkColor;
|
||||
|
||||
.box-shadow(@rlMainShadow);
|
||||
.border-radius(@rlMainBorderRadius);
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
|
||||
.content {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
.domain-name {
|
||||
display: inline-block;
|
||||
word-break: break-all;
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
&.disabled .domain-name {
|
||||
|
|
@ -31,29 +31,29 @@
|
|||
.button-delete {
|
||||
margin-right: 15px;
|
||||
visibility: hidden;
|
||||
.opacity(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.delete-access {
|
||||
&.button-delete {
|
||||
visibility: visible;
|
||||
margin-right: 0;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-domain, .disabled-domain {
|
||||
cursor: pointer;
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&.disabled .disabled-domain {
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.delete-domain, .disabled-domain {
|
||||
&:hover {
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
|
||||
.b-admin-general {
|
||||
|
||||
.flag-selector {
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
.b-admin-plugins-list-table {
|
||||
|
||||
&.disabled {
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
|
|
@ -27,7 +27,7 @@
|
|||
color: #bbb;
|
||||
}
|
||||
.disabled-plugin {
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,64 +1,28 @@
|
|||
|
||||
.rl-strip-animation(@rgba, @stripOpacity) {
|
||||
background-image: -webkit-linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%,
|
||||
transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
|
||||
transparent 75%, transparent);
|
||||
background-image: -moz-linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%,
|
||||
transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
|
||||
transparent 75%, transparent);
|
||||
background-image: -ms-linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%,
|
||||
transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
|
||||
transparent 75%, transparent);
|
||||
background-image: -o-linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%,
|
||||
transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
|
||||
transparent 75%, transparent);
|
||||
background-image: linear-gradient(135deg, rgba(@rgba, @rgba, @rgba, @stripOpacity) 25%, transparent 25%,
|
||||
transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
|
||||
transparent 75%, transparent);
|
||||
transparent 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
|
||||
transparent 75%, transparent);
|
||||
}
|
||||
|
||||
@keyframes highlight-folder-row {
|
||||
0% {transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); }
|
||||
}
|
||||
@-moz-keyframes highlight-folder-row {
|
||||
0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); }
|
||||
}
|
||||
@-webkit-keyframes highlight-folder-row {
|
||||
0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); }
|
||||
}
|
||||
|
||||
@-webkit-keyframes textLoadingAnimationKeyFrame {
|
||||
0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; }
|
||||
}
|
||||
|
||||
@-moz-keyframes textLoadingAnimationKeyFrame {
|
||||
0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; }
|
||||
0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); }
|
||||
}
|
||||
|
||||
@keyframes textLoadingAnimationKeyFrame {
|
||||
0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; }
|
||||
}
|
||||
|
||||
@-webkit-keyframes animate-stripes {
|
||||
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
|
||||
}
|
||||
|
||||
@-moz-keyframes animate-stripes {
|
||||
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
|
||||
}
|
||||
|
||||
@keyframes animate-stripes {
|
||||
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
|
||||
}
|
||||
|
||||
html.rl-started-trigger.no-mobile .b-login-content .loginFormWrapper {
|
||||
-webkit-transform: translateY(-30px);
|
||||
-moz-transform: translateY(-30px);
|
||||
transform: translateY(-30px);
|
||||
}
|
||||
|
||||
html.rl-started-trigger.no-mobile #rl-content {
|
||||
.opacity(70);
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
#rl-loading {
|
||||
|
|
@ -95,14 +59,8 @@ html.rl-started-trigger.no-mobile #rl-content {
|
|||
}
|
||||
|
||||
&.rgba.cssanimations.backgroundsize .e-strip-animation {
|
||||
-webkit-background-size: 60px 60px;
|
||||
-moz-background-size: 60px 60px;
|
||||
background-size: 60px 60px;
|
||||
|
||||
.rl-strip-animation(0, 0.1);
|
||||
|
||||
-webkit-animation: animate-stripes 2s linear infinite;
|
||||
-moz-animation: animate-stripes 2s linear infinite;
|
||||
animation: animate-stripes 2s linear infinite;
|
||||
}
|
||||
|
||||
|
|
@ -110,47 +68,7 @@ html.rl-started-trigger.no-mobile #rl-content {
|
|||
.transition(all 0.2s linear);
|
||||
}
|
||||
|
||||
/* &.csstransitions .b-settings-folders {
|
||||
.folder-item {
|
||||
.button-delete {
|
||||
.transition(all 0.2s linear);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.csstransitions .b-settings-accounts {
|
||||
.account-item {
|
||||
.button-delete {
|
||||
.transition(all 0.2s linear);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.csstransitions .b-settings-identities {
|
||||
.identity-item {
|
||||
.button-delete {
|
||||
.transition(all 0.2s linear);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.csstransitions .b-admin-domains {
|
||||
.e-item {
|
||||
.button-delete {
|
||||
.transition(all 0.2s linear);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.csstransitions .b-compose {
|
||||
.button-delete {
|
||||
.transition(margin-left 0.2s linear);
|
||||
}
|
||||
}*/
|
||||
|
||||
&.cssanimations .b-folders .e-item .anim-action-class {
|
||||
-webkit-animation: highlight-folder-row 0.5s linear;
|
||||
-moz-animation: highlight-folder-row 0.5s linear;
|
||||
animation: highlight-folder-row 0.5s linear;
|
||||
}
|
||||
|
||||
|
|
@ -184,46 +102,30 @@ html.rl-started-trigger.no-mobile #rl-content {
|
|||
}
|
||||
|
||||
&.csstransitions .modal.fade {
|
||||
.transition(all 0.2s ease-out);
|
||||
|
||||
-webkit-transform: translateY(-20px);
|
||||
-moz-transform: translateY(-20px);
|
||||
.transition(all 0.2s ease-out);
|
||||
transform: translateY(-20px);
|
||||
|
||||
&.in {
|
||||
-webkit-transform: none;
|
||||
-moz-transform: none;
|
||||
transform: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.cssanimations .b-compose.loading .b-header-toolbar {
|
||||
-webkit-background-size: 60px 60px;
|
||||
-moz-background-size: 60px 60px;
|
||||
background-size: 60px 60px;
|
||||
|
||||
.rl-strip-animation(255, 0.2);
|
||||
|
||||
-webkit-animation: animate-stripes 2s linear infinite;
|
||||
-moz-animation: animate-stripes 2s linear infinite;
|
||||
animation: animate-stripes 2s linear infinite;
|
||||
}
|
||||
}
|
||||
|
||||
.textLoadingAnimationD1, .textLoadingAnimationD2, .textLoadingAnimationD3 {
|
||||
-webkit-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
|
||||
-moz-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
|
||||
animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
|
||||
}
|
||||
|
||||
.textLoadingAnimationD2 {
|
||||
-webkit-animation-delay: 0.3s;
|
||||
-moz-animation-delay: 0.3s;
|
||||
animation-delay: 0.3s;
|
||||
}
|
||||
|
||||
.textLoadingAnimationD3 {
|
||||
-webkit-animation-delay: 0.6s;
|
||||
-moz-animation-delay: 0.6s;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -20,15 +20,15 @@
|
|||
|
||||
height: 40px;
|
||||
|
||||
background-color: @rlMainDarkColor;
|
||||
color: #fff;
|
||||
background-color: @rlMainDarkColor;
|
||||
|
||||
background-color: #333;
|
||||
background-color: rgba(0,0,0,0.8) !important;
|
||||
|
||||
.close {
|
||||
color: #fff;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.btn.disabled {
|
||||
|
|
@ -49,7 +49,6 @@
|
|||
.b-header {
|
||||
|
||||
padding: 10px;
|
||||
/*border-bottom: 1px solid #333;*/
|
||||
background-color: #eee;
|
||||
color: #333;
|
||||
|
||||
|
|
|
|||
|
|
@ -43,19 +43,12 @@
|
|||
|
||||
.close {
|
||||
color: #fff;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.btn {
|
||||
margin-top: 4px;
|
||||
}
|
||||
/*
|
||||
.button-new-message {
|
||||
margin-left: 8px;
|
||||
}
|
||||
.button-delete {
|
||||
margin-left: 8px;
|
||||
}*/
|
||||
}
|
||||
|
||||
.b-list-toolbar {
|
||||
|
|
@ -63,7 +56,7 @@
|
|||
height: 45px;
|
||||
text-align: right;
|
||||
width: @contacts-popup-left-width;
|
||||
.box-shadow(inset 0 -1px 0 #ccc);
|
||||
box-shadow: inset 0 -1px 0 #ccc;
|
||||
|
||||
.e-search {
|
||||
margin-top: 7px;
|
||||
|
|
@ -78,7 +71,7 @@
|
|||
height: 105px;
|
||||
width: @contacts-popup-left-width;
|
||||
background-color: #eee;
|
||||
.box-shadow(inset 0 1px 0 #ccc);
|
||||
box-shadow: inset 0 1px 0 #ccc;
|
||||
|
||||
.footer-pager {
|
||||
padding: 8px 10px 0 0;
|
||||
|
|
@ -105,7 +98,7 @@
|
|||
font-size: 14px;
|
||||
line-height: 13px;
|
||||
background-color: #fff;
|
||||
.box-shadow(inset 0 -1px 0 #ccc);
|
||||
box-shadow: inset 0 -1px 0 #ccc;
|
||||
}
|
||||
|
||||
.listEmptyList, .listEmptyListLoading, .listEmptySearchList {
|
||||
|
|
@ -146,7 +139,7 @@
|
|||
display: block;
|
||||
height: 1px;
|
||||
background-color: #999;
|
||||
.opacity(20);
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
|
|
@ -248,7 +241,7 @@
|
|||
left: @contacts-popup-left-width;
|
||||
height: 31px;
|
||||
text-align: center;
|
||||
.box-shadow(inset 0 -1px 0 #ccc);
|
||||
box-shadow: inset 0 -1px 0 #ccc;
|
||||
|
||||
.button-save-contact {
|
||||
&.no-disabled.dirty {
|
||||
|
|
@ -274,7 +267,6 @@
|
|||
background-color: #fff;
|
||||
border-left: 1px solid #ddd;
|
||||
|
||||
|
||||
.content {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
|
@ -286,15 +278,15 @@
|
|||
.inputosaurus-container {
|
||||
border-width: 1px;
|
||||
border-color: transparent;
|
||||
.box-shadow(none);
|
||||
box-shadow: none;
|
||||
|
||||
&:hover {
|
||||
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
&.inputosaurus-focused {
|
||||
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
border-color: #999;
|
||||
}
|
||||
}
|
||||
|
|
@ -354,18 +346,18 @@
|
|||
}
|
||||
|
||||
.contactValueInput, .contactValueInputLarge, .contactValueTextArea {
|
||||
.box-shadow(none);
|
||||
box-shadow: none;
|
||||
border-color: #fff;
|
||||
font-size: 18px;
|
||||
width: 300px;
|
||||
|
||||
&:hover {
|
||||
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
border-color: #ccc;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
border-color: #999;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -32,7 +32,6 @@
|
|||
position: absolute;
|
||||
top: 50px + @rlLowMargin;
|
||||
bottom: 32px + @rlLowMargin + @rlBottomMargin;
|
||||
// left: @rlLowMargin;
|
||||
left: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -184,7 +184,7 @@ html.rl-left-panel-disabled {
|
|||
}
|
||||
|
||||
.opacity-on-panel-disabled {
|
||||
.opacity(30);
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.visibility-hidden-on-panel-disabled {
|
||||
|
|
@ -196,7 +196,7 @@ html.rl-left-panel-disabled {
|
|||
}
|
||||
|
||||
&.ui-state-disabled {
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@
|
|||
|
||||
#recaptcha_image img {
|
||||
border: 1px solid #ccc;
|
||||
.border-radius(3px);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.inputLoginForm, .inputEmail, .inputLogin, .inputPassword, .inputAdditionalCode {
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ body:before {
|
|||
width: 100%;
|
||||
height: 8px;
|
||||
z-index: 100;
|
||||
.box-shadow(0px 0px 10px rgba(0,0,0,.6));
|
||||
box-shadow: 0px 0px 10px rgba(0,0,0,.6);
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
|||
|
|
@ -62,8 +62,8 @@ html.rl-no-preview-pane {
|
|||
|
||||
border: @rlMainBorderSize solid @rlMainDarkColor;
|
||||
|
||||
.box-shadow(@rlMainShadow);
|
||||
.border-radius(@rlMainBorderRadius);
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
|
|
@ -124,7 +124,7 @@ html.rl-no-preview-pane {
|
|||
overflow-y: auto;
|
||||
z-index: 101;
|
||||
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
|
||||
background-color: #fff;
|
||||
|
||||
|
|
@ -320,7 +320,7 @@ html.rl-no-preview-pane {
|
|||
padding: 1px 5px;
|
||||
margin-right: 5px;
|
||||
border: 1px solid #ccc;
|
||||
.border-radius(5px);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.threadsCountParent.lastSelected {
|
||||
|
|
@ -390,9 +390,9 @@ html.rl-no-preview-pane {
|
|||
}
|
||||
|
||||
.flagOff {
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -492,7 +492,7 @@ html.rl-no-preview-pane {
|
|||
|
||||
+ .messageListItem .delimiter {
|
||||
background-color: #398CF2;
|
||||
.opacity(30);
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -521,7 +521,7 @@ html.rl-no-preview-pane {
|
|||
background-color: #000;
|
||||
}
|
||||
.b-content {
|
||||
.opacity(97);
|
||||
opacity: 0.97;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -33,6 +33,7 @@ html.rl-no-preview-pane {
|
|||
left: -1px;
|
||||
overflow: hidden;
|
||||
border: @rlLowBorderSize solid @rlMainDarkColor;
|
||||
|
||||
.border-top-right-radius(@rlLowBorderRadius);
|
||||
.border-bottom-right-radius(@rlLowBorderRadius);
|
||||
|
||||
|
|
@ -78,7 +79,7 @@ html.rl-no-preview-pane {
|
|||
right: 0;
|
||||
overflow: auto;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
.border-radius(@rlLowBorderRadius);
|
||||
border-radius: @rlLowBorderRadius;
|
||||
|
||||
.emptySubjectText {
|
||||
display: none;
|
||||
|
|
@ -106,8 +107,8 @@ html.rl-no-preview-pane {
|
|||
color: #333;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
.border-radius(5px);
|
||||
.opacity(30);
|
||||
border-radius: 5px;
|
||||
opacity: 0.3;
|
||||
|
||||
&:hover {
|
||||
.opacity(80);
|
||||
|
|
@ -148,7 +149,7 @@ html.rl-no-preview-pane {
|
|||
background: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 10px;
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.subjectParent {
|
||||
|
|
@ -239,7 +240,7 @@ html.rl-no-preview-pane {
|
|||
box-shadow: 1px 1px 5px #ccc;
|
||||
box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
|
||||
|
||||
.border-radius(6px);
|
||||
border-radius: 6px;
|
||||
|
||||
.attachmentIcon {
|
||||
font-size: 23px;
|
||||
|
|
@ -270,9 +271,9 @@ html.rl-no-preview-pane {
|
|||
cursor: pointer;
|
||||
margin: 10px 0px;
|
||||
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
&:hover {
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -366,8 +367,8 @@ html.rl-no-preview-pane {
|
|||
|
||||
&.message-focused .b-content {
|
||||
z-index: 102;
|
||||
.box-shadow(0px 2px 10px rgba(0, 0, 0, 0.3));
|
||||
.border-radius(@rlLowBorderRadius);
|
||||
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
|
||||
border-radius: @rlLowBorderRadius;
|
||||
border-color: darken(@rlMainDarkColor, 5%);
|
||||
}
|
||||
}
|
||||
|
|
@ -381,8 +382,8 @@ html.rl-no-preview-pane .messageView {
|
|||
bottom: @rlBottomMargin;
|
||||
right: @rlBottomMargin;
|
||||
border: @rlMainBorderSize solid @rlMainDarkColor;
|
||||
.box-shadow(@rlMainShadow);
|
||||
.border-radius(@rlMainBorderRadius);
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
|
||||
.buttonUp, .buttonUnFull, .buttonFull {
|
||||
top: 70px;
|
||||
|
|
@ -415,7 +416,7 @@ html.rl-message-fullscreen {
|
|||
bottom: 0;
|
||||
z-index: 10000;
|
||||
border: @rlLowBorderSize solid @rlMainDarkColor;
|
||||
.border-radius(@rlLowBorderRadius);
|
||||
border-radius: @rlLowBorderRadius;
|
||||
|
||||
.buttonUp, .buttonUnFull {
|
||||
display: inline-block;
|
||||
|
|
|
|||
|
|
@ -6,8 +6,6 @@
|
|||
width: 100%;
|
||||
height: 10px;
|
||||
z-index: 102;
|
||||
-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
|
||||
-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -85,8 +85,8 @@
|
|||
|
||||
background-color: #fff;
|
||||
border: @rlMainBorderSize solid @rlMainDarkColor;
|
||||
.box-shadow(@rlMainShadow);
|
||||
.border-radius(@rlMainBorderRadius);
|
||||
box-shadow: @rlMainShadow;
|
||||
border-radius: @rlMainBorderRadius;
|
||||
|
||||
.content {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
.account-name {
|
||||
display: inline-block;
|
||||
word-break: break-all;
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
line-height: 22px;
|
||||
cursor: default;
|
||||
}
|
||||
|
|
@ -36,20 +36,20 @@
|
|||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
visibility: hidden;
|
||||
.opacity(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.delete-access {
|
||||
&.button-delete {
|
||||
visibility: visible;
|
||||
margin-right: 0;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-account {
|
||||
cursor: pointer;
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -40,7 +40,7 @@
|
|||
display: inline-block;
|
||||
word-break: break-all;
|
||||
white-space: pre-wrap;
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
margin-left: 7px;
|
||||
line-height: 22px;
|
||||
cursor: default;
|
||||
|
|
@ -75,24 +75,24 @@
|
|||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
visibility: hidden;
|
||||
.opacity(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.delete-access {
|
||||
&.button-delete {
|
||||
visibility: visible;
|
||||
margin-right: 0;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-folder, .subscribe-folder, .unsubscribe-folder {
|
||||
cursor: pointer;
|
||||
.opacity(60);
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.unsubscribe-folder {
|
||||
.opacity(25);
|
||||
opacity: 0.25;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -30,7 +30,7 @@
|
|||
.identity-name {
|
||||
display: inline-block;
|
||||
word-break: break-all;
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
line-height: 22px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
|
@ -46,20 +46,20 @@
|
|||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
visibility: hidden;
|
||||
.opacity(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.delete-access {
|
||||
&.button-delete {
|
||||
visibility: visible;
|
||||
margin-right: 0;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-identity {
|
||||
cursor: pointer;
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,7 +24,7 @@
|
|||
.open-pgp-key-id, .open-pgp-key-user {
|
||||
display: inline-block;
|
||||
word-break: break-all;
|
||||
.box-sizing(border-box);
|
||||
box-sizing: border-box;
|
||||
line-height: 22px;
|
||||
cursor: default;
|
||||
}
|
||||
|
|
@ -36,20 +36,20 @@
|
|||
margin-right: 15px;
|
||||
margin-top: 5px;
|
||||
visibility: hidden;
|
||||
.opacity(0);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.delete-access {
|
||||
&.button-delete {
|
||||
visibility: visible;
|
||||
margin-right: 0;
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.delete-open-pgp-key, .view-open-pgp-key {
|
||||
cursor: pointer;
|
||||
.opacity(50);
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,24 +1,16 @@
|
|||
|
||||
.g-ui-user-select-none {
|
||||
-webkit-user-select: none;
|
||||
-webkit-touch-callout: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
webkit-touch-callout: none;
|
||||
user-select: none;
|
||||
standard-user-select: none;
|
||||
touch-callout: none;
|
||||
}
|
||||
|
||||
.g-ui-user-select-allow {
|
||||
-webkit-user-select: inherit;
|
||||
-webkit-touch-callout: inherit;
|
||||
-khtml-user-select: inherit;
|
||||
-moz-user-select: inherit;
|
||||
-ms-user-select: inherit;
|
||||
-o-user-select: inherit;
|
||||
webkit-touch-callout: inherit;
|
||||
user-select: inherit;
|
||||
standard-user-select: inherit;
|
||||
touch-callout: inherit;
|
||||
}
|
||||
|
||||
.g-ui-clearfix {
|
||||
|
|
@ -145,30 +137,30 @@ html.rgba .g-ui-resizable-delimiter-highlight {
|
|||
|
||||
.success {
|
||||
color: green;
|
||||
.transition(opacity 0.5s linear);
|
||||
.opacity(0);
|
||||
transition: opacity 0.5s linear;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.error {
|
||||
color: red;
|
||||
.transition(opacity 0.5s linear);
|
||||
.opacity(0);
|
||||
transition: opacity 0.5s linear;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.visible {
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.settings-saved-trigger-input {
|
||||
&.success {
|
||||
border-color: green !important;
|
||||
.transition(border-color 0.5s linear);
|
||||
transition: border-color 0.5s linear;
|
||||
}
|
||||
|
||||
&.error {
|
||||
border-color: red !important;
|
||||
.transition(border-color 0.5s linear);
|
||||
transition: border-color 0.5s linear;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -194,36 +186,22 @@ html.cssanimations {
|
|||
|
||||
border-radius: 100%;
|
||||
display: inline-block;
|
||||
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
animation: bouncedelay 1.4s infinite ease-in-out;
|
||||
/* Prevent first frame from flickering when animation starts */
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.e-spinner .bounce1 {
|
||||
-webkit-animation-delay: -0.32s;
|
||||
animation-delay: -0.32s;
|
||||
}
|
||||
|
||||
.e-spinner .bounce2 {
|
||||
-webkit-animation-delay: -0.16s;
|
||||
animation-delay: -0.16s;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@-webkit-keyframes bouncedelay {
|
||||
0%, 80%, 100% { -webkit-transform: scale(0.0) }
|
||||
40% { -webkit-transform: scale(1.0) }
|
||||
}
|
||||
|
||||
@keyframes bouncedelay {
|
||||
0%, 80%, 100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
} 40% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
0%, 80%, 100% { transform: scale(0.0); }
|
||||
40% { transform: scale(1.0); }
|
||||
}
|
||||
|
|
@ -22,7 +22,6 @@ label.inline {
|
|||
border: 0;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
|
||||
// Small
|
||||
small {
|
||||
font-size: @baseLineHeight * .75;
|
||||
color: @grayLight;
|
||||
|
|
@ -64,7 +63,7 @@ select {
|
|||
}
|
||||
|
||||
.dropdown-menu {
|
||||
.border-radius(@btnBorderRadius);
|
||||
border-radius: @btnBorderRadius;
|
||||
}
|
||||
|
||||
.btn-group + .btn-group {
|
||||
|
|
@ -72,18 +71,17 @@ select {
|
|||
}
|
||||
|
||||
.btn {
|
||||
.border-radius(@btnBorderRadius);
|
||||
border-radiu: @btnBorderRadius;
|
||||
background-image: none;
|
||||
padding-left: 13px;
|
||||
padding-right: 13px;
|
||||
|
||||
&.disabled, &[disabled] {
|
||||
.opacity(75);
|
||||
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
|
||||
opacity: 0.75;
|
||||
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
|
||||
}
|
||||
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
|
||||
border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
|
||||
|
||||
// &:active {
|
||||
|
|
@ -115,8 +113,8 @@ html.rgba.textshadow {
|
|||
}
|
||||
|
||||
.dropdown-menu {
|
||||
.border-radius(0);
|
||||
.box-shadow(0px 1px 2px rgba(0,0,0,0.2));
|
||||
border-radius: 0;
|
||||
box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.tooltip {
|
||||
|
|
@ -126,7 +124,7 @@ html.rgba.textshadow {
|
|||
text-overflow: ellipsis;
|
||||
|
||||
&.in {
|
||||
.opacity(100);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tooltip-class {
|
||||
|
|
@ -136,7 +134,7 @@ html.rgba.textshadow {
|
|||
max-width: 400px;
|
||||
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
|
||||
padding: 5px 10px;
|
||||
.border-radius(2px);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.tooltip-big {
|
||||
|
|
@ -148,40 +146,24 @@ html.rgba.textshadow {
|
|||
|
||||
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
|
||||
.btn-group > .btn:first-child {
|
||||
-webkit-border-top-left-radius: @btnBorderRadius;
|
||||
-moz-border-radius-topleft: @btnBorderRadius;
|
||||
border-top-left-radius: @btnBorderRadius;
|
||||
-webkit-border-bottom-left-radius: @btnBorderRadius;
|
||||
-moz-border-radius-bottomleft: @btnBorderRadius;
|
||||
border-bottom-left-radius: @btnBorderRadius;
|
||||
border-top-left-radius: @btnBorderRadius;
|
||||
border-bottom-left-radius: @btnBorderRadius;
|
||||
}
|
||||
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
|
||||
.btn-group > .btn:last-child,
|
||||
.btn-group > .dropdown-toggle {
|
||||
-webkit-border-top-right-radius: @btnBorderRadius;
|
||||
-moz-border-radius-topright: @btnBorderRadius;
|
||||
border-top-right-radius: @btnBorderRadius;
|
||||
-webkit-border-bottom-right-radius: @btnBorderRadius;
|
||||
-moz-border-radius-bottomright: @btnBorderRadius;
|
||||
border-bottom-right-radius: @btnBorderRadius;
|
||||
border-top-right-radius: @btnBorderRadius;
|
||||
border-bottom-right-radius: @btnBorderRadius;
|
||||
}
|
||||
// Reset corners for large buttons
|
||||
.btn-group > .btn.large:first-child {
|
||||
-webkit-border-top-left-radius: @btnBorderRadius;
|
||||
-moz-border-radius-topleft: @btnBorderRadius;
|
||||
border-top-left-radius: @btnBorderRadius;
|
||||
-webkit-border-bottom-left-radius: @btnBorderRadius;
|
||||
-moz-border-radius-bottomleft: @btnBorderRadius;
|
||||
border-bottom-left-radius: @btnBorderRadius;
|
||||
border-top-left-radius: @btnBorderRadius;
|
||||
border-bottom-left-radius: @btnBorderRadius;
|
||||
}
|
||||
.btn-group > .btn.large:last-child,
|
||||
.btn-group > .large.dropdown-toggle {
|
||||
-webkit-border-top-right-radius: @btnBorderRadius;
|
||||
-moz-border-radius-topright: @btnBorderRadius;
|
||||
border-top-right-radius: @btnBorderRadius;
|
||||
-webkit-border-bottom-right-radius: @btnBorderRadius;
|
||||
-moz-border-radius-bottomright: @btnBorderRadius;
|
||||
border-bottom-right-radius: @btnBorderRadius;
|
||||
border-top-right-radius: @btnBorderRadius;
|
||||
border-bottom-right-radius: @btnBorderRadius;
|
||||
}
|
||||
|
||||
.dropdown.colored-toggle.open .btn.dropdown-toggle {
|
||||
|
|
@ -203,7 +185,7 @@ textarea, input[type="text"], input[type="password"], input[type="email"], input
|
|||
&:focus {
|
||||
background-color: #fff;
|
||||
border: @rlInputBorderSize solid darken(@inputBorder, 20%);
|
||||
.box-shadow(none);
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -267,7 +249,7 @@ html.no-rgba .modal {
|
|||
max-height: none;
|
||||
}
|
||||
|
||||
.box-shadow(0 5px 80px rgba(0,0,0,0.3));
|
||||
box-shadow: 0 5px 80px rgba(0,0,0,0.3);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -21,18 +21,8 @@
|
|||
color: #333;
|
||||
resize: none;
|
||||
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
-ms-box-sizing: border-box;
|
||||
-o-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
|
@ -44,9 +34,6 @@
|
|||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-bottom: 0;
|
||||
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -70,14 +70,6 @@
|
|||
line-height: 20px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes rotation {
|
||||
to {-webkit-transform: rotate(1turn);}
|
||||
}
|
||||
|
||||
@-moz-keyframes rotation {
|
||||
to {-moz-transform: rotate(1turn);}
|
||||
}
|
||||
|
||||
@keyframes rotation {
|
||||
to {transform: rotate(1turn);}
|
||||
}
|
||||
|
|
@ -87,13 +79,8 @@
|
|||
height: 16px;
|
||||
|
||||
&:before {
|
||||
|
||||
-webkit-transform-origin: 8px 8px;
|
||||
-moz-transform-origin: 8px 8px;
|
||||
transform-origin: 8px 8px;
|
||||
|
||||
margin-top: 1px;
|
||||
|
||||
display: inline-block;
|
||||
font-size: 16px;
|
||||
line-height: 100%;
|
||||
|
|
@ -113,7 +100,5 @@ html.no-cssanimations .icon-spinner {
|
|||
}
|
||||
|
||||
html.cssanimations .icon-spinner.animated:before {
|
||||
-webkit-animation: rotation 1s infinite steps(40);
|
||||
-moz-animation: rotation 1s infinite steps(40);
|
||||
animation: rotation 1s infinite steps(40);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,13 +7,13 @@
|
|||
border: 1px solid #cccccc;
|
||||
border-radius: 3px;
|
||||
|
||||
.box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
.transition(~"border linear .2s, box-shadow linear .2s");
|
||||
|
||||
&.inputosaurus-focused {
|
||||
background-color: #fff;
|
||||
border: @rlInputBorderSize solid darken(@inputBorder, 20%);
|
||||
.box-shadow(none);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
li {
|
||||
|
|
@ -49,7 +49,7 @@
|
|||
}
|
||||
|
||||
&.inputosaurus-required {
|
||||
padding-rigth: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
&.inputosaurus-selected {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue