Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added autoprefixer + csslint

Browse source
This commit is contained in:
RainLoop Team 2014-08-28 19:27:30 +04:00
parent 5009546a91
commit 39255ae061
30 changed files with 218 additions and 1038 deletions
Download patch file Download diff file Expand all files Collapse all files

2
dev/Styles/Activate.less
View file

@ -1,6 +1,8 @@
.popups { .popups {
.b-activate-content { .b-activate-content {
width: 700px; width: 700px;
.modal-header { .modal-header {
background-color: #fff; background-color: #fff;
} }

4
dev/Styles/Admin.less
View file

@ -87,8 +87,8 @@
background-color: #fff; background-color: #fff;
border: @rlMainBorderSize solid @rlMainDarkColor; border: @rlMainBorderSize solid @rlMainDarkColor;
.box-shadow(@rlMainShadow); box-shadow: @rlMainShadow;
.border-radius(@rlMainBorderRadius); border-radius: @rlMainBorderRadius;
.content { .content {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;

12
dev/Styles/AdminDomains.less
View file

@ -21,7 +21,7 @@
.domain-name { .domain-name {
display: inline-block; display: inline-block;
word-break: break-all; word-break: break-all;
.box-sizing(border-box); box-sizing: border-box;
} }
&.disabled .domain-name { &.disabled .domain-name {
@ -31,29 +31,29 @@
.button-delete { .button-delete {
margin-right: 15px; margin-right: 15px;
visibility: hidden; visibility: hidden;
.opacity(0); opacity: 0;
} }
.delete-access { .delete-access {
&.button-delete { &.button-delete {
visibility: visible; visibility: visible;
margin-right: 0; margin-right: 0;
.opacity(100); opacity: 1;
} }
} }
.delete-domain, .disabled-domain { .delete-domain, .disabled-domain {
cursor: pointer; cursor: pointer;
.opacity(50); opacity: 0.5;
} }
&.disabled .disabled-domain { &.disabled .disabled-domain {
.opacity(50); opacity: 0.5;
} }
.delete-domain, .disabled-domain { .delete-domain, .disabled-domain {
&:hover { &:hover {
.opacity(100); opacity: 1;
} }
} }
} }

1
dev/Styles/AdminGeneral.less
View file

@ -1,5 +1,6 @@
.b-admin-general { .b-admin-general {
.flag-selector { .flag-selector {
padding-top: 5px; padding-top: 5px;
} }

4
dev/Styles/AdminPlugins.less
View file

@ -8,7 +8,7 @@
.b-admin-plugins-list-table { .b-admin-plugins-list-table {
&.disabled { &.disabled {
.opacity(50); opacity: 0.5;
background-color: #eee; background-color: #eee;
} }
@ -27,7 +27,7 @@
color: #bbb; color: #bbb;
} }
.disabled-plugin { .disabled-plugin {
.opacity(50); opacity: 0.5;
} }
} }
} }

104
dev/Styles/Animations.less
View file

@ -1,64 +1,28 @@
.rl-strip-animation(@rgba, @stripOpacity) { .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%, 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 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 50%, rgba(@rgba, @rgba, @rgba, @stripOpacity) 75%,
transparent 75%, transparent); transparent 75%, transparent);
} }
@keyframes highlight-folder-row { @keyframes highlight-folder-row {
0% {transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } 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; }
} }
@keyframes textLoadingAnimationKeyFrame { @keyframes textLoadingAnimationKeyFrame {
0% { opacity: 1; } 33% { opacity: 0; } 100% { opacity: 1; } 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 { @keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;} 0% {background-position: 0 0;} 100% {background-position: 60px 0;}
} }
html.rl-started-trigger.no-mobile .b-login-content .loginFormWrapper { html.rl-started-trigger.no-mobile .b-login-content .loginFormWrapper {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
transform: translateY(-30px); transform: translateY(-30px);
} }
html.rl-started-trigger.no-mobile #rl-content { html.rl-started-trigger.no-mobile #rl-content {
.opacity(70); opacity: 0.7;
} }
#rl-loading { #rl-loading {
@ -95,14 +59,8 @@ html.rl-started-trigger.no-mobile #rl-content {
} }
&.rgba.cssanimations.backgroundsize .e-strip-animation { &.rgba.cssanimations.backgroundsize .e-strip-animation {
-webkit-background-size: 60px 60px;
-moz-background-size: 60px 60px;
background-size: 60px 60px; background-size: 60px 60px;
.rl-strip-animation(0, 0.1); .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; animation: animate-stripes 2s linear infinite;
} }
@ -110,47 +68,7 @@ html.rl-started-trigger.no-mobile #rl-content {
.transition(all 0.2s linear); .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 { &.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; animation: highlight-folder-row 0.5s linear;
} }
@ -184,46 +102,30 @@ html.rl-started-trigger.no-mobile #rl-content {
} }
&.csstransitions .modal.fade { &.csstransitions .modal.fade {
.transition(all 0.2s ease-out);
-webkit-transform: translateY(-20px); .transition(all 0.2s ease-out);
-moz-transform: translateY(-20px);
transform: translateY(-20px); transform: translateY(-20px);
&.in { &.in {
-webkit-transform: none;
-moz-transform: none;
transform: none; transform: none;
} }
} }
&.cssanimations .b-compose.loading .b-header-toolbar { &.cssanimations .b-compose.loading .b-header-toolbar {
-webkit-background-size: 60px 60px;
-moz-background-size: 60px 60px;
background-size: 60px 60px; background-size: 60px 60px;
.rl-strip-animation(255, 0.2); .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; animation: animate-stripes 2s linear infinite;
} }
} }
.textLoadingAnimationD1, .textLoadingAnimationD2, .textLoadingAnimationD3 { .textLoadingAnimationD1, .textLoadingAnimationD2, .textLoadingAnimationD3 {
-webkit-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
-moz-animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
animation: textLoadingAnimationKeyFrame 1s linear infinite 0s; animation: textLoadingAnimationKeyFrame 1s linear infinite 0s;
} }
.textLoadingAnimationD2 { .textLoadingAnimationD2 {
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s; animation-delay: 0.3s;
} }
.textLoadingAnimationD3 { .textLoadingAnimationD3 {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s; animation-delay: 0.6s;
} }

5
dev/Styles/Compose.less
View file

@ -20,15 +20,15 @@
height: 40px; height: 40px;
background-color: @rlMainDarkColor;
color: #fff; color: #fff;
background-color: @rlMainDarkColor;
background-color: #333; background-color: #333;
background-color: rgba(0,0,0,0.8) !important; background-color: rgba(0,0,0,0.8) !important;
.close { .close {
color: #fff; color: #fff;
.opacity(100); opacity: 1;
} }
.btn.disabled { .btn.disabled {
@ -49,7 +49,6 @@
.b-header { .b-header {
padding: 10px; padding: 10px;
/*border-bottom: 1px solid #333;*/
background-color: #eee; background-color: #eee;
color: #333; color: #333;

32
dev/Styles/Contacts.less
View file

@ -43,19 +43,12 @@
.close { .close {
color: #fff; color: #fff;
.opacity(100); opacity: 1;
} }
.btn { .btn {
margin-top: 4px; margin-top: 4px;
} }
/*
.button-new-message {
margin-left: 8px;
}
.button-delete {
margin-left: 8px;
}*/
} }
.b-list-toolbar { .b-list-toolbar {
@ -63,7 +56,7 @@
height: 45px; height: 45px;
text-align: right; text-align: right;
width: @contacts-popup-left-width; width: @contacts-popup-left-width;
.box-shadow(inset 0 -1px 0 #ccc); box-shadow: inset 0 -1px 0 #ccc;
.e-search { .e-search {
margin-top: 7px; margin-top: 7px;
@ -78,7 +71,7 @@
height: 105px; height: 105px;
width: @contacts-popup-left-width; width: @contacts-popup-left-width;
background-color: #eee; background-color: #eee;
.box-shadow(inset 0 1px 0 #ccc); box-shadow: inset 0 1px 0 #ccc;
.footer-pager { .footer-pager {
padding: 8px 10px 0 0; padding: 8px 10px 0 0;
@ -105,7 +98,7 @@
font-size: 14px; font-size: 14px;
line-height: 13px; line-height: 13px;
background-color: #fff; background-color: #fff;
.box-shadow(inset 0 -1px 0 #ccc); box-shadow: inset 0 -1px 0 #ccc;
} }
.listEmptyList, .listEmptyListLoading, .listEmptySearchList { .listEmptyList, .listEmptyListLoading, .listEmptySearchList {
@ -146,7 +139,7 @@
display: block; display: block;
height: 1px; height: 1px;
background-color: #999; background-color: #999;
.opacity(20); opacity: 0.2;
} }
.wrapper { .wrapper {
@ -248,7 +241,7 @@
left: @contacts-popup-left-width; left: @contacts-popup-left-width;
height: 31px; height: 31px;
text-align: center; text-align: center;
.box-shadow(inset 0 -1px 0 #ccc); box-shadow: inset 0 -1px 0 #ccc;
.button-save-contact { .button-save-contact {
&.no-disabled.dirty { &.no-disabled.dirty {
@ -274,7 +267,6 @@
background-color: #fff; background-color: #fff;
border-left: 1px solid #ddd; border-left: 1px solid #ddd;
.content { .content {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
} }
@ -286,15 +278,15 @@
.inputosaurus-container { .inputosaurus-container {
border-width: 1px; border-width: 1px;
border-color: transparent; border-color: transparent;
.box-shadow(none); box-shadow: none;
&:hover { &: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; border-color: #ccc;
} }
&.inputosaurus-focused { &.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; border-color: #999;
} }
} }
@ -354,18 +346,18 @@
} }
.contactValueInput, .contactValueInputLarge, .contactValueTextArea { .contactValueInput, .contactValueInputLarge, .contactValueTextArea {
.box-shadow(none); box-shadow: none;
border-color: #fff; border-color: #fff;
font-size: 18px; font-size: 18px;
width: 300px; width: 300px;
&:hover { &: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; border-color: #ccc;
} }
&:focus { &: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; border-color: #999;
} }

1
dev/Styles/FolderList.less
View file

@ -32,7 +32,6 @@
position: absolute; position: absolute;
top: 50px + @rlLowMargin; top: 50px + @rlLowMargin;
bottom: 32px + @rlLowMargin + @rlBottomMargin; bottom: 32px + @rlLowMargin + @rlBottomMargin;
// left: @rlLowMargin;
left: 0; left: 0;
right: 0; right: 0;
overflow: hidden; overflow: hidden;

4
dev/Styles/Layout.less
View file

@ -184,7 +184,7 @@ html.rl-left-panel-disabled {
} }
.opacity-on-panel-disabled { .opacity-on-panel-disabled {
.opacity(30); opacity: 0.3;
} }
.visibility-hidden-on-panel-disabled { .visibility-hidden-on-panel-disabled {
@ -196,7 +196,7 @@ html.rl-left-panel-disabled {
} }
&.ui-state-disabled { &.ui-state-disabled {
.opacity(100); opacity: 1;
} }
} }

2
dev/Styles/Login.less
View file

@ -47,7 +47,7 @@
#recaptcha_image img { #recaptcha_image img {
border: 1px solid #ccc; border: 1px solid #ccc;
.border-radius(3px); border-radius: 3px;
} }
.inputLoginForm, .inputEmail, .inputLogin, .inputPassword, .inputAdditionalCode { .inputLoginForm, .inputEmail, .inputLogin, .inputPassword, .inputAdditionalCode {

2
dev/Styles/Main.less
View file

@ -40,7 +40,7 @@ body:before {
width: 100%; width: 100%;
height: 8px; height: 8px;
z-index: 100; z-index: 100;
.box-shadow(0px 0px 10px rgba(0,0,0,.6)); box-shadow: 0px 0px 10px rgba(0,0,0,.6);
} }
* { * {

16
dev/Styles/MessageList.less
View file

@ -62,8 +62,8 @@ html.rl-no-preview-pane {
border: @rlMainBorderSize solid @rlMainDarkColor; border: @rlMainBorderSize solid @rlMainDarkColor;
.box-shadow(@rlMainShadow); box-shadow: @rlMainShadow;
.border-radius(@rlMainBorderRadius); border-radius: @rlMainBorderRadius;
z-index: 101; z-index: 101;
} }
@ -124,7 +124,7 @@ html.rl-no-preview-pane {
overflow-y: auto; overflow-y: auto;
z-index: 101; z-index: 101;
.box-sizing(border-box); box-sizing: border-box;
background-color: #fff; background-color: #fff;
@ -320,7 +320,7 @@ html.rl-no-preview-pane {
padding: 1px 5px; padding: 1px 5px;
margin-right: 5px; margin-right: 5px;
border: 1px solid #ccc; border: 1px solid #ccc;
.border-radius(5px); border-radius: 5px;
} }
.threadsCountParent.lastSelected { .threadsCountParent.lastSelected {
@ -390,9 +390,9 @@ html.rl-no-preview-pane {
} }
.flagOff { .flagOff {
.opacity(50); opacity: 0.5;
&:hover { &:hover {
.opacity(100); opacity: 1;
} }
} }
@ -492,7 +492,7 @@ html.rl-no-preview-pane {
+ .messageListItem .delimiter { + .messageListItem .delimiter {
background-color: #398CF2; background-color: #398CF2;
.opacity(30); opacity: 0.3;
} }
} }
@ -521,7 +521,7 @@ html.rl-no-preview-pane {
background-color: #000; background-color: #000;
} }
.b-content { .b-content {
.opacity(97); opacity: 0.97;
} }
} }

25
dev/Styles/MessageView.less
View file

@ -33,6 +33,7 @@ html.rl-no-preview-pane {
left: -1px; left: -1px;
overflow: hidden; overflow: hidden;
border: @rlLowBorderSize solid @rlMainDarkColor; border: @rlLowBorderSize solid @rlMainDarkColor;
.border-top-right-radius(@rlLowBorderRadius); .border-top-right-radius(@rlLowBorderRadius);
.border-bottom-right-radius(@rlLowBorderRadius); .border-bottom-right-radius(@rlLowBorderRadius);
@ -78,7 +79,7 @@ html.rl-no-preview-pane {
right: 0; right: 0;
overflow: auto; overflow: auto;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
.border-radius(@rlLowBorderRadius); border-radius: @rlLowBorderRadius;
.emptySubjectText { .emptySubjectText {
display: none; display: none;
@ -106,8 +107,8 @@ html.rl-no-preview-pane {
color: #333; color: #333;
z-index: 2; z-index: 2;
cursor: pointer; cursor: pointer;
.border-radius(5px); border-radius: 5px;
.opacity(30); opacity: 0.3;
&:hover { &:hover {
.opacity(80); .opacity(80);
@ -148,7 +149,7 @@ html.rl-no-preview-pane {
background: #fff; background: #fff;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 10px; border-radius: 10px;
.box-sizing(border-box); box-sizing: border-box;
} }
.subjectParent { .subjectParent {
@ -239,7 +240,7 @@ html.rl-no-preview-pane {
box-shadow: 1px 1px 5px #ccc; box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1); box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
.border-radius(6px); border-radius: 6px;
.attachmentIcon { .attachmentIcon {
font-size: 23px; font-size: 23px;
@ -270,9 +271,9 @@ html.rl-no-preview-pane {
cursor: pointer; cursor: pointer;
margin: 10px 0px; margin: 10px 0px;
.opacity(50); opacity: 0.5;
&:hover { &:hover {
.opacity(100); opacity: 1;
} }
} }
@ -366,8 +367,8 @@ html.rl-no-preview-pane {
&.message-focused .b-content { &.message-focused .b-content {
z-index: 102; z-index: 102;
.box-shadow(0px 2px 10px rgba(0, 0, 0, 0.3)); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.3);
.border-radius(@rlLowBorderRadius); border-radius: @rlLowBorderRadius;
border-color: darken(@rlMainDarkColor, 5%); border-color: darken(@rlMainDarkColor, 5%);
} }
} }
@ -381,8 +382,8 @@ html.rl-no-preview-pane .messageView {
bottom: @rlBottomMargin; bottom: @rlBottomMargin;
right: @rlBottomMargin; right: @rlBottomMargin;
border: @rlMainBorderSize solid @rlMainDarkColor; border: @rlMainBorderSize solid @rlMainDarkColor;
.box-shadow(@rlMainShadow); box-shadow: @rlMainShadow;
.border-radius(@rlMainBorderRadius); border-radius: @rlMainBorderRadius;
.buttonUp, .buttonUnFull, .buttonFull { .buttonUp, .buttonUnFull, .buttonFull {
top: 70px; top: 70px;
@ -415,7 +416,7 @@ html.rl-message-fullscreen {
bottom: 0; bottom: 0;
z-index: 10000; z-index: 10000;
border: @rlLowBorderSize solid @rlMainDarkColor; border: @rlLowBorderSize solid @rlMainDarkColor;
.border-radius(@rlLowBorderRadius); border-radius: @rlLowBorderRadius;
.buttonUp, .buttonUnFull { .buttonUp, .buttonUnFull {
display: inline-block; display: inline-block;

2
dev/Styles/Scroll.less
View file

@ -6,8 +6,6 @@
width: 100%; width: 100%;
height: 10px; height: 10px;
z-index: 102; 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); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
} }

4
dev/Styles/Settings.less
View file

@ -85,8 +85,8 @@
background-color: #fff; background-color: #fff;
border: @rlMainBorderSize solid @rlMainDarkColor; border: @rlMainBorderSize solid @rlMainDarkColor;
.box-shadow(@rlMainShadow); box-shadow: @rlMainShadow;
.border-radius(@rlMainBorderRadius); border-radius: @rlMainBorderRadius;
.content { .content {
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;

8
dev/Styles/SettingsAccounts.less
View file

@ -24,7 +24,7 @@
.account-name { .account-name {
display: inline-block; display: inline-block;
word-break: break-all; word-break: break-all;
.box-sizing(border-box); box-sizing: border-box;
line-height: 22px; line-height: 22px;
cursor: default; cursor: default;
} }
@ -36,20 +36,20 @@
margin-right: 15px; margin-right: 15px;
margin-top: 5px; margin-top: 5px;
visibility: hidden; visibility: hidden;
.opacity(0); opacity: 0;
} }
.delete-access { .delete-access {
&.button-delete { &.button-delete {
visibility: visible; visibility: visible;
margin-right: 0; margin-right: 0;
.opacity(100); opacity: 1;
} }
} }
.delete-account { .delete-account {
cursor: pointer; cursor: pointer;
.opacity(50); opacity: 0.5;
} }
} }
} }

10
dev/Styles/SettingsFolders.less
View file

@ -40,7 +40,7 @@
display: inline-block; display: inline-block;
word-break: break-all; word-break: break-all;
white-space: pre-wrap; white-space: pre-wrap;
.box-sizing(border-box); box-sizing: border-box;
margin-left: 7px; margin-left: 7px;
line-height: 22px; line-height: 22px;
cursor: default; cursor: default;
@ -75,24 +75,24 @@
margin-right: 15px; margin-right: 15px;
margin-top: 5px; margin-top: 5px;
visibility: hidden; visibility: hidden;
.opacity(0); opacity: 0;
} }
.delete-access { .delete-access {
&.button-delete { &.button-delete {
visibility: visible; visibility: visible;
margin-right: 0; margin-right: 0;
.opacity(100); opacity: 1;
} }
} }
.delete-folder, .subscribe-folder, .unsubscribe-folder { .delete-folder, .subscribe-folder, .unsubscribe-folder {
cursor: pointer; cursor: pointer;
.opacity(60); opacity: 0.6;
} }
.unsubscribe-folder { .unsubscribe-folder {
.opacity(25); opacity: 0.25;
} }
} }

8
dev/Styles/SettingsIdentities.less
View file

@ -30,7 +30,7 @@
.identity-name { .identity-name {
display: inline-block; display: inline-block;
word-break: break-all; word-break: break-all;
.box-sizing(border-box); box-sizing: border-box;
line-height: 22px; line-height: 22px;
cursor: pointer; cursor: pointer;
} }
@ -46,20 +46,20 @@
margin-right: 15px; margin-right: 15px;
margin-top: 5px; margin-top: 5px;
visibility: hidden; visibility: hidden;
.opacity(0); opacity: 0;
} }
.delete-access { .delete-access {
&.button-delete { &.button-delete {
visibility: visible; visibility: visible;
margin-right: 0; margin-right: 0;
.opacity(100); opacity: 1;
} }
} }
.delete-identity { .delete-identity {
cursor: pointer; cursor: pointer;
.opacity(50); opacity: 0.5;
} }
} }
} }

8
dev/Styles/SettingsOpenPGP.less
View file

@ -24,7 +24,7 @@
.open-pgp-key-id, .open-pgp-key-user { .open-pgp-key-id, .open-pgp-key-user {
display: inline-block; display: inline-block;
word-break: break-all; word-break: break-all;
.box-sizing(border-box); box-sizing: border-box;
line-height: 22px; line-height: 22px;
cursor: default; cursor: default;
} }
@ -36,20 +36,20 @@
margin-right: 15px; margin-right: 15px;
margin-top: 5px; margin-top: 5px;
visibility: hidden; visibility: hidden;
.opacity(0); opacity: 0;
} }
.delete-access { .delete-access {
&.button-delete { &.button-delete {
visibility: visible; visibility: visible;
margin-right: 0; margin-right: 0;
.opacity(100); opacity: 1;
} }
} }
.delete-open-pgp-key, .view-open-pgp-key { .delete-open-pgp-key, .view-open-pgp-key {
cursor: pointer; cursor: pointer;
.opacity(50); opacity: 0.5;
} }
} }
} }

48
dev/Styles/Ui.less
View file

@ -1,24 +1,16 @@
.g-ui-user-select-none { .g-ui-user-select-none {
-webkit-user-select: none; webkit-touch-callout: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; user-select: none;
standard-user-select: none; standard-user-select: none;
touch-callout: none;
} }
.g-ui-user-select-allow { .g-ui-user-select-allow {
-webkit-user-select: inherit; webkit-touch-callout: inherit;
-webkit-touch-callout: inherit;
-khtml-user-select: inherit;
-moz-user-select: inherit;
-ms-user-select: inherit;
-o-user-select: inherit;
user-select: inherit; user-select: inherit;
standard-user-select: inherit; standard-user-select: inherit;
touch-callout: inherit;
} }
.g-ui-clearfix { .g-ui-clearfix {
@ -145,30 +137,30 @@ html.rgba .g-ui-resizable-delimiter-highlight {
.success { .success {
color: green; color: green;
.transition(opacity 0.5s linear); transition: opacity 0.5s linear;
.opacity(0); opacity: 0;
} }
.error { .error {
color: red; color: red;
.transition(opacity 0.5s linear); transition: opacity 0.5s linear;
.opacity(0); opacity: 0;
} }
.visible { .visible {
.opacity(100); opacity: 1;
} }
} }
.settings-saved-trigger-input { .settings-saved-trigger-input {
&.success { &.success {
border-color: green !important; border-color: green !important;
.transition(border-color 0.5s linear); transition: border-color 0.5s linear;
} }
&.error { &.error {
border-color: red !important; 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%; border-radius: 100%;
display: inline-block; display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out; animation: bouncedelay 1.4s infinite ease-in-out;
/* Prevent first frame from flickering when animation starts */ /* Prevent first frame from flickering when animation starts */
-webkit-animation-fill-mode: both;
animation-fill-mode: both; animation-fill-mode: both;
} }
.e-spinner .bounce1 { .e-spinner .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; animation-delay: -0.32s;
} }
.e-spinner .bounce2 { .e-spinner .bounce2 {
-webkit-animation-delay: -0.16s;
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 { @keyframes bouncedelay {
0%, 80%, 100% { 0%, 80%, 100% { transform: scale(0.0); }
transform: scale(0.0); 40% { transform: scale(1.0); }
-webkit-transform: scale(0.0);
} 40% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} }

38
dev/Styles/_BootstrapFix.less
View file

@ -22,7 +22,6 @@ label.inline {
border: 0; border: 0;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
// Small
small { small {
font-size: @baseLineHeight * .75; font-size: @baseLineHeight * .75;
color: @grayLight; color: @grayLight;
@ -64,7 +63,7 @@ select {
} }
.dropdown-menu { .dropdown-menu {
.border-radius(@btnBorderRadius); border-radius: @btnBorderRadius;
} }
.btn-group + .btn-group { .btn-group + .btn-group {
@ -72,18 +71,17 @@ select {
} }
.btn { .btn {
.border-radius(@btnBorderRadius); border-radiu: @btnBorderRadius;
background-image: none; background-image: none;
padding-left: 13px; padding-left: 13px;
padding-right: 13px; padding-right: 13px;
&.disabled, &[disabled] { &.disabled, &[disabled] {
.opacity(75); opacity: 0.75;
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); 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; 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); border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25);
// &:active { // &:active {
@ -115,8 +113,8 @@ html.rgba.textshadow {
} }
.dropdown-menu { .dropdown-menu {
.border-radius(0); border-radius: 0;
.box-shadow(0px 1px 2px rgba(0,0,0,0.2)); box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
} }
.tooltip { .tooltip {
@ -126,7 +124,7 @@ html.rgba.textshadow {
text-overflow: ellipsis; text-overflow: ellipsis;
&.in { &.in {
.opacity(100); opacity: 1;
} }
.tooltip-class { .tooltip-class {
@ -136,7 +134,7 @@ html.rgba.textshadow {
max-width: 400px; max-width: 400px;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
padding: 5px 10px; padding: 5px 10px;
.border-radius(2px); border-radius: 2px;
} }
.tooltip-big { .tooltip-big {
@ -148,39 +146,23 @@ 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 // 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 { .btn-group > .btn:first-child {
-webkit-border-top-left-radius: @btnBorderRadius;
-moz-border-radius-topleft: @btnBorderRadius;
border-top-left-radius: @btnBorderRadius; border-top-left-radius: @btnBorderRadius;
-webkit-border-bottom-left-radius: @btnBorderRadius;
-moz-border-radius-bottomleft: @btnBorderRadius;
border-bottom-left-radius: @btnBorderRadius; border-bottom-left-radius: @btnBorderRadius;
} }
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child, .btn-group > .btn:last-child,
.btn-group > .dropdown-toggle { .btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: @btnBorderRadius;
-moz-border-radius-topright: @btnBorderRadius;
border-top-right-radius: @btnBorderRadius; border-top-right-radius: @btnBorderRadius;
-webkit-border-bottom-right-radius: @btnBorderRadius;
-moz-border-radius-bottomright: @btnBorderRadius;
border-bottom-right-radius: @btnBorderRadius; border-bottom-right-radius: @btnBorderRadius;
} }
// Reset corners for large buttons // Reset corners for large buttons
.btn-group > .btn.large:first-child { .btn-group > .btn.large:first-child {
-webkit-border-top-left-radius: @btnBorderRadius;
-moz-border-radius-topleft: @btnBorderRadius;
border-top-left-radius: @btnBorderRadius; border-top-left-radius: @btnBorderRadius;
-webkit-border-bottom-left-radius: @btnBorderRadius;
-moz-border-radius-bottomleft: @btnBorderRadius;
border-bottom-left-radius: @btnBorderRadius; border-bottom-left-radius: @btnBorderRadius;
} }
.btn-group > .btn.large:last-child, .btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle { .btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: @btnBorderRadius;
-moz-border-radius-topright: @btnBorderRadius;
border-top-right-radius: @btnBorderRadius; border-top-right-radius: @btnBorderRadius;
-webkit-border-bottom-right-radius: @btnBorderRadius;
-moz-border-radius-bottomright: @btnBorderRadius;
border-bottom-right-radius: @btnBorderRadius; border-bottom-right-radius: @btnBorderRadius;
} }
@ -203,7 +185,7 @@ textarea, input[type="text"], input[type="password"], input[type="email"], input
&:focus { &:focus {
background-color: #fff; background-color: #fff;
border: @rlInputBorderSize solid darken(@inputBorder, 20%); border: @rlInputBorderSize solid darken(@inputBorder, 20%);
.box-shadow(none); box-shadow: none;
} }
} }
@ -267,7 +249,7 @@ html.no-rgba .modal {
max-height: none; 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);
} }
} }

13
dev/Styles/_CkeFix.less
View file

@ -21,18 +21,8 @@
color: #333; color: #333;
resize: none; resize: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
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; box-sizing: border-box;
} }
@ -44,9 +34,6 @@
border-right: 0; border-right: 0;
border-left: 0; border-left: 0;
border-bottom: 0; border-bottom: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; box-shadow: none;
} }

15
dev/Styles/_FontasticToBoot.less
View file

@ -70,14 +70,6 @@
line-height: 20px; line-height: 20px;
} }
@-webkit-keyframes rotation {
to {-webkit-transform: rotate(1turn);}
}
@-moz-keyframes rotation {
to {-moz-transform: rotate(1turn);}
}
@keyframes rotation { @keyframes rotation {
to {transform: rotate(1turn);} to {transform: rotate(1turn);}
} }
@ -87,13 +79,8 @@
height: 16px; height: 16px;
&:before { &:before {
-webkit-transform-origin: 8px 8px;
-moz-transform-origin: 8px 8px;
transform-origin: 8px 8px; transform-origin: 8px 8px;
margin-top: 1px; margin-top: 1px;
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
line-height: 100%; line-height: 100%;
@ -113,7 +100,5 @@ html.no-cssanimations .icon-spinner {
} }
html.cssanimations .icon-spinner.animated:before { 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); animation: rotation 1s infinite steps(40);
} }

6
dev/Styles/_InputosaurusFix.less
View file

@ -7,13 +7,13 @@
border: 1px solid #cccccc; border: 1px solid #cccccc;
border-radius: 3px; 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"); .transition(~"border linear .2s, box-shadow linear .2s");
&.inputosaurus-focused { &.inputosaurus-focused {
background-color: #fff; background-color: #fff;
border: @rlInputBorderSize solid darken(@inputBorder, 20%); border: @rlInputBorderSize solid darken(@inputBorder, 20%);
.box-shadow(none); box-shadow: none;
} }
li { li {
@ -49,7 +49,7 @@
} }
&.inputosaurus-required { &.inputosaurus-required {
padding-rigth: 5px; padding-right: 5px;
} }
&.inputosaurus-selected { &.inputosaurus-selected {

21
gulpfile.js
View file

@ -37,7 +37,9 @@ var
footer = require('gulp-footer'), footer = require('gulp-footer'),
rename = require('gulp-rename'), rename = require('gulp-rename'),
minifyCss = require('gulp-minify-css'), minifyCss = require('gulp-minify-css'),
csslint = require('gulp-csslint'),
less = require('gulp-less'), less = require('gulp-less'),
autoprefixer = require('gulp-autoprefixer'),
jshint = require('gulp-jshint'), jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'), uglify = require('gulp-uglify'),
gutil = require('gulp-util') gutil = require('gulp-util')
@ -92,7 +94,6 @@ cfg.paths.less = {
cfg.paths.css = { cfg.paths.css = {
main: { main: {
name: 'app.css', name: 'app.css',
name_min: 'app.min.css',
src: [ src: [
'vendors/jquery-ui/css/smoothness/jquery-ui-1.10.3.custom.css', 'vendors/jquery-ui/css/smoothness/jquery-ui-1.10.3.custom.css',
'vendors/normalize/normalize.css', 'vendors/normalize/normalize.css',
@ -169,12 +170,10 @@ cfg.paths.js = {
] ]
}, },
app: { app: {
name: 'app.js', name: 'app.js'
name_min: 'app.min.js'
}, },
admin: { admin: {
name: 'admin.js', name: 'admin.js'
name_min: 'admin.min.js'
} }
}; };
@ -191,13 +190,17 @@ gulp.task('less:main', function() {
gulp.task('css:main', ['less:main'], function() { gulp.task('css:main', ['less:main'], function() {
return gulp.src(cfg.paths.css.main.src) return gulp.src(cfg.paths.css.main.src)
.pipe(concat(cfg.paths.css.main.name)) .pipe(concat(cfg.paths.css.main.name))
.pipe(gulp.dest(cfg.paths.staticCSS)); .pipe(autoprefixer('last 3 versions', '> 1%', 'ie 9', 'Firefox ESR', 'Opera 12.1'))
// .pipe(csslint())
// .pipe(csslint.reporter())
.pipe(gulp.dest(cfg.paths.staticCSS))
;
}); });
gulp.task('css:main:min', ['css:main'], function() { gulp.task('css:main:min', ['css:main'], function() {
return gulp.src(cfg.paths.staticCSS + cfg.paths.css.main.name) return gulp.src(cfg.paths.staticCSS + cfg.paths.css.main.name)
.pipe(minifyCss()) .pipe(minifyCss())
.pipe(rename(cfg.paths.css.main.name_min)) .pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(cfg.paths.staticCSS)); .pipe(gulp.dest(cfg.paths.staticCSS));
}); });
@ -260,16 +263,16 @@ gulp.task('js:admin', function() {
// - min // - min
gulp.task('js:app:min', ['js:app'], function() { gulp.task('js:app:min', ['js:app'], function() {
return gulp.src(cfg.paths.staticJS + cfg.paths.js.app.name) return gulp.src(cfg.paths.staticJS + cfg.paths.js.app.name)
.pipe(rename(cfg.paths.js.app.name_min))
.pipe(uglify(cfg.uglify)) .pipe(uglify(cfg.uglify))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(cfg.paths.staticJS)) .pipe(gulp.dest(cfg.paths.staticJS))
.on('error', gutil.log); .on('error', gutil.log);
}); });
gulp.task('js:admin:min', ['js:admin'], function() { gulp.task('js:admin:min', ['js:admin'], function() {
return gulp.src(cfg.paths.staticJS + cfg.paths.js.admin.name) return gulp.src(cfg.paths.staticJS + cfg.paths.js.admin.name)
.pipe(rename(cfg.paths.js.admin.name_min))
.pipe(uglify(cfg.uglify)) .pipe(uglify(cfg.uglify))
.pipe(rename({suffix: '.min'}))
.pipe(gulp.dest(cfg.paths.staticJS)) .pipe(gulp.dest(cfg.paths.staticJS))
.on('error', gutil.log); .on('error', gutil.log);
}); });

2
package.json
View file

@ -201,6 +201,8 @@
"gulp-footer": "*", "gulp-footer": "*",
"gulp-streamify": "*", "gulp-streamify": "*",
"gulp-minify-css": "*", "gulp-minify-css": "*",
"gulp-autoprefixer": "*",
"gulp-csslint": "*",
"gulp-concat-util": "*" "gulp-concat-util": "*"
} }

744
rainloop/v/0.0.0/static/css/app.css
View file

File diff suppressed because it is too large Load diff

2
rainloop/v/0.0.0/static/css/app.min.css vendored
View file

File diff suppressed because one or more lines are too long

7
rainloop/v/0.0.0/static/js/openpgp.min.js vendored
View file

File diff suppressed because one or more lines are too long