Updates: minor style updates

This commit is contained in:
alexandervnuchkov 2019-04-02 18:46:43 +03:00
parent 55a6047d43
commit 1d890ac033
5 changed files with 45 additions and 3 deletions

View File

@ -331,3 +331,44 @@ a.button:visited
}
}
.shadowWithTransition {
.shadowFullCustomizable(0,7px,25px,rgba(0,0,0,.1));
.transition(box-shadow, .3s);
}
.shadowHover {
.shadowFullCustomizable(0,20px,40px,rgba(0,0,0,.1));
}
.shadowWithTransitionAndHover {
.shadowWithTransition;
&:hover {
.shadowHover;
}
}
.shadowLiteSmall {
.shadowFullCustomizable(0,7px,25px,rgba(85,85,85,.15));
}
.shadowLiteBlurred {
.shadowFullCustomizable(0px,15px,150px,rgba(85,85,85,.25));
}
.shadowDarkBlurred {
.shadowFullCustomizable(0px,15px,170px,rgba(0,0,0,.25));
}
.transition(@property: color, @time: .5s) {
-webkit-transition: @property @time;
-moz-transition: @property @time;
-o-transition: @property @time;
transition: @property @time;
}
.transition2(@property: color, @time: .5s, @property2: border, @time2: .5s) {
-webkit-transition: @property @time, @property2 @time2;
-moz-transition: @property @time, @property2 @time2;
-o-transition: @property @time, @property2 @time2;
transition: @property @time, @property2 @time2;
}
.transition3(@property: color, @time: .5s, @property2: border, @time2: .5s, @property3: background, @time3: .5s) {
-webkit-transition: @property @time, @property2 @time2, @property3 @time3;
-moz-transition: @property @time, @property2 @time2, @property3 @time3;
-o-transition: @property @time, @property2 @time2, @property3 @time3;
transition: @property @time, @property2 @time2, @property3 @time3;
}

View File

@ -3,7 +3,7 @@
.PopupPanel {
background-color: @defaultBgColor;
border: 0;
.shadowFullCustomizable (@byX: 1px, @byY: 1px, @radius: 8px, @color: @popUpPanelBackground);
.shadowWithTransitionAndHover;
cursor: default;
display: none;
opacity: 1;

View File

@ -1738,6 +1738,7 @@ table.integrating_talk {
}
.block_also {
background-color:#E0E1E6;
.shadowLiteSmall;
bottom: 0;
padding:10px 15px 15px 15px;
position:fixed;

View File

@ -53,7 +53,7 @@ BlockUIManager = {
"background-color": "Transparent"
},
overlayCSS: {
backgroundColor: "#eee",
backgroundColor: "#000",
cursor: "default",
opacity: "0.6"
},

File diff suppressed because one or more lines are too long