/* @Package Name	: Armageddon Progress @Author			: E. Darksider @Author URI		: to be written @Version		: 1.0 @License		: Proprietary software License @License URI	: https://en.wikipedia.org/wiki/Proprietary_software */  /* Progress /*----------------------------------------------------------*/ .progress { width: 100%; height: auto; clear: both; display: block; }  .progress * { position: relative; }  /* Progress - Global /*----------------------------------------------------------*/ .progress:after, .prog_section:after, .accordion-row:after, .prog_zone .progress_bar .bar_holder:after { height: 0; clear: both; content: ""; display: block; font-size: 0; visibility: hidden; }  .progress, .prog_section, .accordion-row, .prog_zone .progress_bar .bar_holder { box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }  /* Progress - Section /*----------------------------------------------------------*/ .prog_section { width: 100%; height: auto; clear: both; margin: 0 0 13px 0; display: block; }  .prog_section:last-child { margin: 0; }  /* Progress - Information section /*----------------------------------------------------------*/ .prog_info { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-size: 100% 100%; background-color: transparent; background-image: url(../images/information_bg.jpg); background-repeat: no-repeat; background-position: top center; }  .prog_info .body { color: #969595; padding: 20px; font-weight: bold; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); }  .prog_info .body span { color: #ffffff; display: block; font-size: 15px; font-weight: bold; }  .prog_info .body p { margin: 10px 0 0 0; }  .prog_info .body p a { }  .prog_info .body p a:hover { color: #D28800; }  /* Progress - Bugtracker link section /*----------------------------------------------------------*/ .prog_btlink { height: 83px; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.28); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.28); -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 0 rgba(0, 0, 0, 0.28); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-size: 100% 83px; background-color: transparent; background-image: url(../images/bugtracker_bg.jpg); background-repeat: no-repeat; background-position: top center; }  .prog_btlink .body { padding: 0 20px; line-height: 83px; }  .prog_btlink .body span { color: #bf832d; display: inline-block; position: relative; font-weight: bold; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); text-transform: uppercase; }  .prog_btlink .body span i { height: 10px; color: #ffaf3c; top: 0; left: 0; overflow: hidden; position: absolute; font-style: inherit; font-weight: bold; text-transform: uppercase; }  .prog_btlink .body .nice_button { float: right; line-height: 1.5; }  /* Progress - Accordion section /*----------------------------------------------------------*/ .accordion { width: 100%; height: auto; clear: both; display: block; }  .accordion .accordion-row { width: 100%; height: auto; clear: both; margin: 0 0 13px 0; display: block; }  .accordion .accordion-row:last-child { margin: 0; }  .accordion .accordion-row .accordion-header { height: 51px; cursor: inherit; padding: 0 15px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); font-weight: bold; line-height: 51px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform: uppercase; background-size: 100% 51px; background-color: transparent; background-image: url(../images/accordion-header.jpg); background-repeat: no-repeat; background-position: top center; }  .accordion .accordion-row .accordion-header:before { width: 15px; height: 9px; top: 23px; right: 15px; content: ""; position: absolute; background-color: transparent; background-image: url(../images/accordion-arrow.png); background-repeat: no-repeat; background-position: 0 0; }  .accordion .accordion-row .accordion-header.active:before { background-position: 0 100%; }  .accordion .accordion-row .accordion-panel { margin: 13px 0 0 0; display: none; }  /* Progress - Zone section /*----------------------------------------------------------*/ .prog_zone { height: 100%; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-size: 100% 109px; background-color: transparent; background-image: url(../images/zone_bg.jpg); background-repeat: no-repeat; background-position: top center; }  .prog_zone .name { margin: 3px 7px 0; display: inline-block; }  .prog_zone .name span { color: #bf832d; display: block; position: relative; font-weight: bold; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); text-transform: uppercase; }  .prog_zone .name span i { height: 9px; color: #ffaf3c; top: 0; left: 0; overflow: hidden; position: absolute; font-style: inherit; font-weight: bold; text-transform: uppercase; }  .prog_zone .name > i { color: #7a7a7a; display: block; font-style: inherit; font-weight: bold; line-height: 8px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); text-transform: uppercase; }  .prog_zone .progress_bar { width: 45%; float: right; margin: 40px 40px 0; display: inline-block; }  .prog_zone .progress_bar .bar_holder { width: 100%; height: 29px; margin: 0 0 5px 0; padding: 3px; box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.07), inset 0 2px 3px 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.07), inset 0 2px 3px 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 0 0 rgba(255, 255, 255, 0.07), inset 0 2px 3px 0 rgba(0, 0, 0, 0.75); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #0e0e0e; }  .prog_zone .progress_bar .bar_holder .bar_fill { width: 0; height: 100%; display: block; box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.75); -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.75); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-size: 100% 100%; background-color: transparent; background-image: url(../images/progress_bar.jpg); background-repeat: no-repeat; background-position: top center; }  .prog_zone .progress_bar .description { color: #87817c; font-weight: bold; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); text-decoration: uppercase; }  .prog_zone .progress_bar .value { float: right; color: #ffc452; font-weight: bold; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.75); text-decoration: uppercase; }  .prog_zone .progress_bar .value:after { content: "%"; }