feat(home): update home page style

This commit is contained in:
OldHawk
2018-04-26 16:51:36 +08:00
parent bc98845b55
commit 47124d4ce8

View File

@@ -128,19 +128,19 @@
cursor: pointer;
font-size: 50px;
color: #fff;
transition: color .3s ease-in;
transition: color .2s ease-in;
.fun-icon {
color: @mt-base-color;
transition: color .3s ease-in;
transition: color .2s ease-in;
}
}
.fun-desc {
font-size: 14px;
color: #8a8a8a;
transition: color .3s ease-in;
transition: color .2s ease-in;
}
.fun-title {
transition: color .3s ease-in;
transition: color .2s ease-in;
}
&:hover {
.fa-stack {
@@ -272,11 +272,11 @@
.filter-search {
position: relative;
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, .8);
transition: background-color .3s ease-in;
background-color: rgba(42, 42, 42, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, .9);
background-color: rgba(42, 42, 42, .95);
}
}
@@ -284,11 +284,11 @@
position: relative;
margin-top: 2px;
background-color: @mt-body-background-color;
background-color: rgba(255, 255, 255, .8);
transition: background-color .3s ease-in;
background-color: rgba(255, 255, 255, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: @mt-body-background-color;
background-color: rgba(255, 255, 255, .9);
background-color: rgba(255, 255, 255, .95);
}
}
@@ -296,11 +296,11 @@
position: relative;
margin-top: 2px;
background-color: @mt-body-background-color;
background-color: rgba(255, 255, 255, .8);
transition: background-color .3s ease-in;
background-color: rgba(255, 255, 255, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: @mt-body-background-color;
background-color: rgba(255, 255, 255, .9);
background-color: rgba(255, 255, 255, .95);
}
}
@@ -308,11 +308,11 @@
position: relative;
margin-top: 2px;
background-color: @mt-body-background-color;
background-color: rgba(255, 255, 255, .8);
transition: background-color .3s ease-in;
background-color: rgba(255, 255, 255, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: @mt-body-background-color;
background-color: rgba(255, 255, 255, .9);
background-color: rgba(255, 255, 255, .95);
}
}
@@ -324,11 +324,11 @@
color: #aaa;
text-shadow: 0 0 0.1em #000,-0 -0 0.1em #000;
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, .8);
transition: background-color .3s ease-in;
background-color: rgba(42, 42, 42, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, .9);
background-color: rgba(42, 42, 42, .95);
}
}
@@ -339,11 +339,11 @@
color: #aaa;
text-shadow: 0 0 0.1em #000,-0 -0 0.1em #000;
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, .8);
transition: background-color .3s ease-in;
background-color: rgba(42, 42, 42, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: #2a2a2a;
background-color: rgba(42, 42, 42, .9);
background-color: rgba(42, 42, 42, .95);
}
}
@@ -352,11 +352,11 @@
margin-top: 2px;
padding: 30px 0 60px 0;
background-color: @progress-bar-danger-bg;
background-color: rgba(217, 83, 79, .8);
transition: background-color .3s ease-in;
background-color: rgba(217, 83, 79, .85);
transition: background-color .2s ease-in;
&:hover {
background-color: @progress-bar-danger-bg;
background-color: rgba(217, 83, 79, .9);
background-color: rgba(217, 83, 79, .95);
}
}