forked from 0x2620/oxjs
update progress bar
This commit is contained in:
parent
2f740a972a
commit
7ca9a4a9e7
8 changed files with 202 additions and 70 deletions
|
|
@ -47,37 +47,58 @@ Bars
|
|||
}
|
||||
.OxThemeModern .OxProgressbar .OxProgress {
|
||||
border-color: rgb(48, 48, 48);
|
||||
background-image: -moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-image: -o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-image: -webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
}
|
||||
.OxThemeModern .OxProgressbar .OxProgress.OxAnimate {
|
||||
background-image:
|
||||
-moz-repeating-linear-gradient(
|
||||
-45deg, transparent 0, transparent 25%,
|
||||
rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.1) 50%,
|
||||
rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 50%,
|
||||
transparent 50%, transparent 75%,
|
||||
rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.1) 100%
|
||||
rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 100%
|
||||
),
|
||||
-moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-image:
|
||||
-o-repeating-linear-gradient(
|
||||
-45deg, transparent 0, transparent 25%,
|
||||
rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.1) 50%,
|
||||
rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 50%,
|
||||
transparent 50%, transparent 75%,
|
||||
rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.1) 100%
|
||||
rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 100%
|
||||
),
|
||||
-o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-image:
|
||||
-webkit-repeating-linear-gradient(
|
||||
-45deg, transparent 0, transparent 25%,
|
||||
rgba(0, 0, 0, 0.05) 25%, rgba(0, 0, 0, 0.1) 50%,
|
||||
rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 50%,
|
||||
transparent 50%, transparent 75%,
|
||||
rgba(0, 0, 0, 0.05) 75%, rgba(0, 0, 0, 0.1) 100%
|
||||
rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05) 100%
|
||||
),
|
||||
-webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-size: 32px 32px, 16px 16px;
|
||||
}
|
||||
.OxThemeModern .OxProgressbar .OxProgress.OxAnimate {
|
||||
background-image:
|
||||
-moz-repeating-linear-gradient(
|
||||
-45deg, transparent 0, transparent 25%,
|
||||
rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%,
|
||||
transparent 50%, transparent 75%,
|
||||
rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%
|
||||
),
|
||||
-moz-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-image:
|
||||
-o-repeating-linear-gradient(
|
||||
-45deg, transparent 0, transparent 25%,
|
||||
rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%,
|
||||
transparent 50%, transparent 75%,
|
||||
rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%
|
||||
),
|
||||
-o-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
background-image:
|
||||
-webkit-repeating-linear-gradient(
|
||||
-45deg, transparent 0, transparent 25%,
|
||||
rgba(255, 255, 255, 0.1) 25%, rgba(255, 255, 255, 0.1) 50%,
|
||||
transparent 50%, transparent 75%,
|
||||
rgba(255, 255, 255, 0.1) 75%, rgba(255, 255, 255, 0.1) 100%
|
||||
),
|
||||
-webkit-linear-gradient(top, rgb(96, 96, 96), rgb(64, 64, 64));
|
||||
}
|
||||
|
||||
.OxThemeModern .OxResizebar > .OxLine {
|
||||
background-color: rgb(48, 48, 48);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue