mirror of
https://github.com/taobataoma/meanTorrent.git
synced 2026-02-01 12:09:28 +01:00
feat(home): update home page style
This commit is contained in:
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user