diff --git a/MetFragWeb/src/main/webapp/resources/css/style.css b/MetFragWeb/src/main/webapp/resources/css/style.css index 0ba85a0..938d4f0 100644 --- a/MetFragWeb/src/main/webapp/resources/css/style.css +++ b/MetFragWeb/src/main/webapp/resources/css/style.css @@ -23,16 +23,11 @@ max-width: 40%; } -.clusterGradient { - width: 20%; - height: 10px; - background: #1e5799; /* Old browsers */ - background: -moz-linear-gradient(top, #1e5799 0%, #207cca 100%, #2989d8 100%, #7db9e8 100%); /* FF3.6-15 */ - background: -webkit-linear-gradient(top, #1e5799 0%,#207cca 100%,#2989d8 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */ - background: linear-gradient(to bottom, #1e5799 0%,#207cca 100%,#2989d8 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ -} - + .clusterGradient { + width: 20%; + height: 10px; + background: linear-gradient(to bottom, #1e5799 0%, #207cca 100%, #2989d8 100%, #7db9e8 100%); + } .animated .ui-progressbar-value { background-image: url("#{resource['images/pbar-ani.gif']}"); @@ -316,10 +311,10 @@ html,body { display: block; float: left; margin-top: -8.5px; - margin-right: 0px; - margin-bottom: 0px; - margin-left: 0px; - padding: 0px; + margin-right: 0; + margin-bottom: 0; + margin-left: 0; + padding: 0; position: relative; } @@ -344,21 +339,17 @@ html,body { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; - background-position: 0px -352px; + background-position: 0 -352px; background-clip: border-box; background-origin: padding-box; background-size: auto auto; display: block; float: left; margin-top: -8.5px; - margin-right: 0px; - margin-bottom: 0px; - margin-left: 0px; - padding: 0px; - padding-top: 0px; - padding-right: 0px; - padding-bottom: 0px; - padding-left: 0px; + margin-right: 0; + margin-bottom: 0; + margin-left: 0; + padding: 0; position: relative; } @@ -383,17 +374,17 @@ html,body { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; - background-position: 0px -484px; + background-position: 0 -484px; background-clip: border-box; background-origin: padding-box; background-size: auto auto; display: block; float: left; margin-top: -8.5px; - margin-right: 0px; - margin-bottom: 0px; - margin-left: 0px; - padding: 0px; + margin-right: 0; + margin-bottom: 0; + margin-left: 0; + padding: 0; position: relative; } @@ -454,38 +445,28 @@ html,body { text-decoration: none; } -/* overrides primefaces */ -.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { - background: rgba(46,132,40,1); - background: -moz-linear-gradient(top, rgba(46,132,40,1) 0%, rgba(129,181,126,1) 100%); - background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,132,40,1)), color-stop(100%, rgba(129,181,126,1))); - background: -webkit-linear-gradient(top, rgba(46,132,40,1) 0%, rgba(129,181,126,1) 100%); - background: -o-linear-gradient(top, rgba(46,132,40,1) 0%, rgba(129,181,126,1) 100%); - background: -ms-linear-gradient(top, rgba(46,132,40,1) 0%, rgba(129,181,126,1) 100%); - background: linear-gradient(to bottom, rgba(46,132,40,1) 0%, rgba(129,181,126,1) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e8428', endColorstr='#81b57e', GradientType=0 ); - - color: #F5F5F5 !important; - font-weight: bold !important; - text-shadow: none !important; +.advancedTab { + padding-top: 0.35em !important; + padding-bottom: 0.225em !important; + padding-left: 3em !important; + font-size: 90% !important; } -.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { - background: rgba(50,164,45,1); - background: -moz-linear-gradient(top, rgba(50,164,45,1) 0%, rgba(132,200,129,1) 100%); - background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,164,45,1)), color-stop(100%, rgba(132,200,129,1))); - background: -webkit-linear-gradient(top, rgba(50,164,45,1) 0%, rgba(132,200,129,1) 100%); - background: -o-linear-gradient(top, rgba(50,164,45,1) 0%, rgba(132,200,129,1) 100%); - background: -ms-linear-gradient(top, rgba(50,164,45,1) 0%, rgba(132,200,129,1) 100%); - background: linear-gradient(to bottom, rgba(50,164,45,1) 0%, rgba(132,200,129,1) 100%); - - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a42d', endColorstr='#84c881', GradientType=0 ); - - box-shadow: 0 0 8px #32a42d; - color: #F5F5F5 !important; - font-weight: bold; - text-shadow: none !important; -} + /* overrides primefaces */ + .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { + background: linear-gradient(to bottom, rgba(46,132,40,1) 0%, rgba(129,181,126,1) 100%); + color: #F5F5F5 !important; + font-weight: bold !important; + text-shadow: none !important; + } + + .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { + background: linear-gradient(to bottom, rgba(50,164,45,1) 0%, rgba(132,200,129,1) 100%); + box-shadow: 0 0 8px #32a42d; + color: #F5F5F5 !important; + font-weight: bold; + text-shadow: none !important; + } .dataScroller .ui-widget-content { @@ -501,18 +482,16 @@ html,body { } .ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus { - /*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) repeat scroll 0 0 #fff;*/ border: 1px solid #32a42d; - box-shadow: 0 0 8px #32a42d, 0px 2px 2px #8F8F8F inset; + box-shadow: 0 0 8px #32a42d, 0 2px 2px #8F8F8F inset; color: #4F4F4F !important; text-shadow: none !important; background: transparent !important; } .ui-inputfield.ui-state-hover, .ui-widget-content .ui-inputfield.ui-state-hover, .ui-widget-header .ui-inputfield.ui-state-hover { - /*background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)) repeat scroll 0 0 #fff;*/ border: 1px solid #32a42d; - box-shadow: 0px 2px 2px #8F8F8F inset !important; + box-shadow: 0 2px 2px #8F8F8F inset !important; color: #4F4F4F !important; text-shadow: none !important; background: transparent !important; @@ -532,12 +511,12 @@ html,body { height: 100px !important; position: fixed; width: 30px; - right: 0px; + right: 0; top: 40%; display: block !important; background-color: #008000; padding: 0; - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); border: 1px solid #A8A8A8; border-radius: 3px; border-right: none; @@ -549,12 +528,12 @@ html,body { height: 77px !important; position: fixed; width: 30px; - right: 0px; + right: 0; top: 60%; display: block !important; background-color: #008000; padding: 0; - box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.8); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8); border: 1px solid #A8A8A8; border-radius: 3px; border-right: none; @@ -565,10 +544,6 @@ html,body { transform: rotate(-45deg); padding-left: 30px; z-index: 0 !important; - -webkit-transform: rotate(-45deg); - -moz-transform: rotate(-45deg); - -ms-transform: rotate(-45deg); - -o-transform: rotate(-45deg); } .body-style {