mediawiki-extensions-Visual.../modules/ve-mw/init/styles/ve.init.mw.ProgressBarWidget-apextheme.css
Bartosz Dziewoński 6e076b3b6c DesktopArticleTarget: Make the progress bar into a reusable widget
We want to add a similar progress bar on mobile without copy-pasting
all this code.

Bug: T210630
Change-Id: I7192869cb719114ffd04940eabf38cf0f0421c13
2019-02-06 22:20:37 +01:00

24 lines
905 B
CSS

/*!
* VisualEditor progress bar widget Apex theme styles.
*
* @copyright 2011-2019 VisualEditor Team and others; see AUTHORS.txt
* @license The MIT License (MIT); see LICENSE.txt
*/
.ve-init-mw-progressBarWidget {
border: 1px solid #ccc;
background: #fff;
border-radius: 0.25em;
box-shadow: 0 0.1em 0.5em rgba( 0, 0, 0, 0.15 );
}
.ve-init-mw-progressBarWidget-bar {
border-right: 1px solid #ccc;
background: #cde7f4;
filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#eaf4fa', endColorstr='#b0d9ee' );
background-image: -webkit-gradient( linear, right top, right bottom, color-stop( 0%, #eaf4fa ), color-stop( 100%, #b0d9ee ) );
background-image: -webkit-linear-gradient( top, #eaf4fa 0%, #b0d9ee 100% );
background-image: -moz-linear-gradient( top, #eaf4fa 0%, #b0d9ee 100% );
background-image: linear-gradient( to bottom, #eaf4fa 0%, #b0d9ee 100% );
}