@gold.au/progress-indicator/lib/css/styles.css

Indicator of progress through a multitude of pages mostly used for forms.

/*! [replace-name] v[replace-version] *//*! [replace-name] v[replace-version] */@media print{.au-progress-indicator{border-top-color:#000 !important}.au-body .au-progress-indicator__link,.au-progress-indicator__link{color:#000 !important;border-bottom-color:#000 !important;border-left-color:transparent !important;padding-left:6px !important}.au-body .au-progress-indicator__link.au-progress-indicator__link--doing,.au-progress-indicator__link.au-progress-indicator__link--doing{border-left-color:#000 !important}.au-body .au-progress-indicator__link:after,.au-progress-indicator__link:after{display:none}.au-progress-indicator__status{color:#000 !important}}.au-body .au-progress-indicator,.au-progress-indicator{font-size:16px;font-size:1rem;line-height:1.25;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";list-style:none;padding:0;border-top:1px solid gray}.au-body .au-progress-indicator>li,.au-progress-indicator>li{margin:0}.au-body .au-progress-indicator.au-progress-indicator--dark,.au-progress-indicator.au-progress-indicator--dark{border-color:#89afb8}*+.au-progress-indicator,.au-body *+.au-progress-indicator{margin-top:16px;margin-top:1rem}.au-body .au-progress-indicator__link,.au-progress-indicator__link{font-size:16px;font-size:1rem;line-height:1.25;padding:12px 12px 12px 44px;padding:.75rem .75rem .75rem 2.75rem;position:relative;display:block;color:#313131;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-align:left;border:none;border-bottom:1px solid gray;border-left:3px solid transparent;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;cursor:pointer}.au-body .au-progress-indicator__link:hover,.au-progress-indicator__link:hover{background-color:#f5f5f5}.au-body .au-progress-indicator__link:focus,.au-progress-indicator__link:focus{outline:3px solid #9263DE;outline-offset:2px}.au-body .au-progress-indicator__link::-moz-focus-inner,.au-progress-indicator__link::-moz-focus-inner{border:0}.au-body .au-progress-indicator__link:after,.au-progress-indicator__link:after{left:8px;left:.5rem;width:24px;width:1.5rem;content:'';position:absolute;top:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23636363' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:0 center}.ie8 .au-body .au-progress-indicator__link:after,.lt-ie8 .au-body .au-progress-indicator__link:after,.ie8 .au-progress-indicator__link:after,.lt-ie8 .au-progress-indicator__link:after{top:6px;content:'-'}.au-body .au-progress-indicator__link.au-progress-indicator__link--doing,.au-progress-indicator__link.au-progress-indicator__link--doing{border-left-color:#00698f;font-weight:bold}.au-body .au-progress-indicator__link.au-progress-indicator__link--doing:after,.au-progress-indicator__link.au-progress-indicator__link--doing:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300698f' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10z'/%3E%3Ccircle fill='%2300698f' cx='6.5' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle fill='%2300698f' cx='12' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle fill='%2300698f' cx='17.5' cy='12' r='1.5'%3E%3C/circle%3E%3C/svg%3E")}.ie8 .au-body .au-progress-indicator__link.au-progress-indicator__link--doing:after,.lt-ie8 .au-body .au-progress-indicator__link.au-progress-indicator__link--doing:after,.ie8 .au-progress-indicator__link.au-progress-indicator__link--doing:after,.lt-ie8 .au-progress-indicator__link.au-progress-indicator__link--doing:after{content:'...'}.au-body .au-progress-indicator__link.au-progress-indicator__link--done:after,.au-progress-indicator__link.au-progress-indicator__link--done:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2300698f' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10z'/%3E%3Cpath fill='%2300698f' d='M18.744186,9.23753281 C18.744186,9.48293963 18.6627907,9.71391076 18.5,9.88713911 L11.3895349,17.7257218 C11.2267442,17.8989501 10.996124,18 10.7655039,18 C10.5484496,18 10.3178295,17.8989501 10.1550388,17.7257218 L5.24418605,12.5 C5.08139535,12.3267717 5,12.0958005 5,11.8503937 C5,11.6049869 5.08139535,11.3595801 5.24418605,11.1863517 L6.47868217,9.88713911 C6.64147287,9.71391076 6.85852713,9.61286089 7.08914729,9.61286089 C7.31976744,9.61286089 7.53682171,9.71391076 7.6996124,9.88713911 L10.7655039,13.1496063 L16.0445736,7.27427822 C16.2073643,7.10104987 16.4244186,7 16.6550388,7 C16.8856589,7 17.1027132,7.10104987 17.2655039,7.27427822 L18.5,8.57349081 C18.6627907,8.74671916 18.744186,8.99212598 18.744186,9.23753281 Z'/%3E%3C/svg%3E")}.ie8 .au-body .au-progress-indicator__link.au-progress-indicator__link--done:after,.lt-ie8 .au-body .au-progress-indicator__link.au-progress-indicator__link--done:after,.ie8 .au-progress-indicator__link.au-progress-indicator__link--done:after,.lt-ie8 .au-progress-indicator__link.au-progress-indicator__link--done:after{content:'✓'}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link,.au-progress-indicator--dark .au-body .au-progress-indicator__link,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link,.au-progress-indicator--dark .au-progress-indicator__link{color:#fff;border-bottom-color:#89afb8}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link:focus,.au-progress-indicator--dark .au-body .au-progress-indicator__link:focus,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link:focus,.au-progress-indicator--dark .au-progress-indicator__link:focus{outline:3px solid #C390F9}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link::-moz-focus-inner,.au-progress-indicator--dark .au-body .au-progress-indicator__link::-moz-focus-inner,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link::-moz-focus-inner,.au-progress-indicator--dark .au-progress-indicator__link::-moz-focus-inner{border:0}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link:hover,.au-progress-indicator--dark .au-body .au-progress-indicator__link:hover,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link:hover,.au-progress-indicator--dark .au-progress-indicator__link:hover{background-color:#104f5f}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link:after,.au-progress-indicator--dark .au-body .au-progress-indicator__link:after,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link:after,.au-progress-indicator--dark .au-progress-indicator__link:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23b8cfd4' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10z'/%3E%3C/svg%3E")}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link.au-progress-indicator__link--done:after,.au-progress-indicator--dark .au-body .au-progress-indicator__link.au-progress-indicator__link--done:after,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link.au-progress-indicator__link--done:after,.au-progress-indicator--dark .au-progress-indicator__link.au-progress-indicator__link--done:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2361daff' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10z'/%3E%3Cpath fill='%2361daff' d='M18.744186,9.23753281 C18.744186,9.48293963 18.6627907,9.71391076 18.5,9.88713911 L11.3895349,17.7257218 C11.2267442,17.8989501 10.996124,18 10.7655039,18 C10.5484496,18 10.3178295,17.8989501 10.1550388,17.7257218 L5.24418605,12.5 C5.08139535,12.3267717 5,12.0958005 5,11.8503937 C5,11.6049869 5.08139535,11.3595801 5.24418605,11.1863517 L6.47868217,9.88713911 C6.64147287,9.71391076 6.85852713,9.61286089 7.08914729,9.61286089 C7.31976744,9.61286089 7.53682171,9.71391076 7.6996124,9.88713911 L10.7655039,13.1496063 L16.0445736,7.27427822 C16.2073643,7.10104987 16.4244186,7 16.6550388,7 C16.8856589,7 17.1027132,7.10104987 17.2655039,7.27427822 L18.5,8.57349081 C18.6627907,8.74671916 18.744186,8.99212598 18.744186,9.23753281 Z'/%3E%3C/svg%3E")}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link.au-progress-indicator__link--doing,.au-progress-indicator--dark .au-body .au-progress-indicator__link.au-progress-indicator__link--doing,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link.au-progress-indicator__link--doing,.au-progress-indicator--dark .au-progress-indicator__link.au-progress-indicator__link--doing{border-left-color:#61daff}.au-body--dark .au-progress-indicator--dark .au-body .au-progress-indicator__link.au-progress-indicator__link--doing:after,.au-progress-indicator--dark .au-body .au-progress-indicator__link.au-progress-indicator__link--doing:after,.au-body--dark .au-progress-indicator--dark .au-progress-indicator__link.au-progress-indicator__link--doing:after,.au-progress-indicator--dark .au-progress-indicator__link.au-progress-indicator__link--doing:after{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2361daff' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.6 0 12 0zm0 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10-4.5 10-10 10z'/%3E%3Ccircle fill='%2361daff' cx='6.5' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle fill='%2361daff' cx='12' cy='12' r='1.5'%3E%3C/circle%3E%3Ccircle fill='%2361daff' cx='17.5' cy='12' r='1.5'%3E%3C/circle%3E%3C/svg%3E")}.au-progress-indicator__status{font-size:14px;font-size:.875rem;line-height:1.14285714;display:block;font-weight:normal;color:#636363}.au-progress-indicator--dark .au-progress-indicator__status{color:#b8cfd4}