com.alkacon.geranium.client.ui.css.progressbar.css Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of geranium-client Show documentation

A GWT UI framework. This component is used as a part of OpenCms, an enterprise-ready, easy to use website content management system based on Java and XML technology. Offering a complete set of features, OpenCms helps content managers worldwide to create and maintain beautiful websites fast and efficiently.

There is a newer version: 2.1

Show newest version

.meterWrap{
    position: relative;
}

.meterWrap, .meterValue, .meterText {
    width: 100%;
    height: 20px;
}


/** browser specific styles **/
@if user.agent gecko1_8 gecko {
	/** firefox **/
	.meterWrap, .meterValue {
		-moz-border-radius: 5px;
	}
} @elif user.agent safari {
	/** chrome, safari etc. **/
	.meterWrap, .meterValue {
		-webkit-border-radius: 5px;
	}
} @elif user.agent opera ie9{
	/** opera, ie9 */
	.meterWrap, .meterValue {
		border-radius: 5px;
	}
} @elif user.agent ie8 {
	/** ie7, ie8 and the rest, add new @elif block if necessary **/
	.meterWrap, .meterValue {
		border-radius: 5px;
	}
} @else {
	.meterWrap, .meterValue {}
}

@sprite .meterWrap, .meterValue {
	gwt-image: "backgrounds.softBackground";
	background-position: 50% 50%;
    background-repeat: repeat-x;
    height: 20px;
}

.colorComplete {
	background-color: #4DA4F3;
}

.colorIncomplete {
	background-color: #BDBDBD;
}

.meterText {
    position: absolute;
    top:0; left:0;

    padding-top: 4px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}