ingo@0: /** Add css rules here for your application. */
ingo@0: 
ingo@0: 
ingo@0: /** Example rules used by the template application (remove for your app) */
ingo@0: h1 {
ingo@0:   font-size: 2em;
ingo@0:   font-weight: bold;
ingo@0:   color: #777777;
ingo@0:   margin: 40px 0px 70px;
ingo@0:   text-align: center;
ingo@0: }
ingo@0: 
ingo@0: .sendButton {
ingo@0:   display: block;
ingo@0:   font-size: 16pt;
ingo@0: }
ingo@0: 
ingo@0: /** Most GWT widgets already have a style name defined */
ingo@0: .gwt-DialogBox {
ingo@0:   width: 400px;
ingo@0: }
ingo@0: 
ingo@0: .dialogVPanel {
ingo@0:   margin: 5px;
ingo@0: }
ingo@0: 
ingo@0: .serverResponseLabelError {
ingo@0:   color: red;
ingo@0: }
ingo@0: 
ingo@0: /** Set ids using widget.getElement().setId("idOfElement") */
ingo@0: #closeButton {
ingo@0:   margin: 15px 6px 6px;
ingo@0: }
raimund@66: 
raimund@66: 
raimund@66: /** BfG Colors */
raimund@79: .bgWhite {
raimund@79:   background-color: #ffffff;
raimund@79: }
raimund@79: 
raimund@66: .bgBlueLight {
raimund@66:   background-color: #cfe1f1;
raimund@66: }
raimund@66: 
raimund@66: .bgBlueMid {
raimund@66:   background-color: #a9c9e6;
raimund@66: }
raimund@66: 
raimund@66: .bgBlueDark {
raimund@66:   background-color: #669fd1;
raimund@66: }
raimund@66: 
raimund@66: 
raimund@66: /** Fontstyles */
raimund@66: .fontLightSmall {
raimund@66:   font-family: Arial,Verdana,sans-serif;
raimund@66:   font-size: 10pt;
raimund@66:   color: #cfe1f1;
raimund@66: }
raimund@66: 
raimund@66: .fontLightMid {
raimund@66:   font-family: Arial,Verdana,sans-serif;
raimund@66:   font-size: 12pt;
raimund@66:   color: #cfe1f1;
raimund@66: }
raimund@66: 
raimund@66: .fontLightBig {
raimund@66:   font-family: Arial,Verdana,sans-serif;
raimund@66:   font-size: 18pt;
raimund@66:   color: #cfe1f1;
raimund@66: }
raimund@66: 
raimund@66: .fontNormalSmall {
raimund@66:   font-family: Arial,Verdana,sans-serif;
raimund@66:   font-size: 10pt;
raimund@66:   color: #a9c9e6;
raimund@66: }
raimund@66: 
bjoern@4608: .fontBlackMid {
bjoern@4608:   font-family: Arial,Verdana,sans-serif;
bjoern@4608:   font-size: 12pt;
bjoern@4608:   color: #000000;
bjoern@4608: }
bjoern@4608: 
bjoern@4608: .fontBlackSmall {
bjoern@4608:   font-family: Arial,Verdana,sans-serif;
bjoern@4608:   font-size: 10pt;
bjoern@4608:   color: #000000;
bjoern@4608: }
bjoern@4608: 
raimund@66: .fontNormalMid {
raimund@66:   font-family: Arial,Verdana,sans-serif;
raimund@66:   font-size: 12pt;
raimund@66:   color: #a9c9e6;
raimund@66: }
raimund@66: 
bjoern@4608: .fontWhiteMid {
bjoern@4608:   font-family: Arial,Verdana,sans-serif;
bjoern@4608:   font-size: 12pt;
bjoern@4608:   color: #FFFFFF;
bjoern@4608: }
bjoern@4608: 
raimund@66: .fontNormalBig {
raimund@66:   font-family: Arial,Verdana,sans-serif;
raimund@66:   font-size: 18pt;
raimund@66:   color: #a9c9e6;
raimund@66: }
ingo@275: 
ingo@275: .fontNormalSmallUnderlined {
ingo@275:   font-family: Arial,Verdana,sans-serif;
ingo@275:   font-size: 10pt;
ingo@275:   text-decoration: underline;
ingo@275: }
ingo@789: 
ingo@789: .oldParameters {
ingo@789:     border-bottom: 1px solid black;
ingo@789:     padding: 5px;
ingo@789: }
ingo@791: 
ingo@791: label {
ingo@791:   font-family: Arial,Verdana,sans-serif;
ingo@791:   font-size: 11px;
ingo@791:   font-style: normal;
ingo@791:   font-weight: 400;
ingo@791:   color: #000000;
ingo@791: }
ingo@862: 
ingo@870: .loading-box {
ingo@870:     border: 1px solid black;
ingo@870: }
ingo@870: 
ingo@870: .loading-title {
ingo@870:     background: white;
ingo@870:     padding-left: 10px;
raimund@898:     color: black;
ingo@870:     font-size: 15px;
ingo@870:     font-style: normal;
ingo@870:     padding: 10px;
ingo@870: }
ingo@870: 
ingo@862: .loading-message {
ingo@862:     background: white;
raimund@898:     color: black;
raimund@898:     font-size: 11px;
ingo@862:     font-style: normal;
ingo@870:     padding-left: 10px;
ingo@862: }
ingo@1402: 
ingo@1402: .featureinfo-row {
ingo@1402:     border-bottom: 1px solid black;
ingo@1402: }
ingo@1409: 
ingo@1409: .capabilities-info-title {
ingo@1409:     font-weight: bold;
ingo@1409: }
raimund@1428: 
raimund@1468: .property-dialog-axis {
raimund@1468:     border-bottom: 1px solid black;
raimund@1468: }
raimund@1468: 
raimund@1428: /** Mapstyle*/
raimund@1428: .olMap {
raimund@1428:     border-width: 1px;
raimund@1428:     border-style: solid;
raimund@1428:     border-color: black;
raimund@1428: }
bjoern@2951: 
bjoern@2951: /* Login jsp */
bjoern@2951: #authentication {
bjoern@2951:     margin-left: 25%;
bjoern@2951:     margin-right: 25%;
bjoern@2971:     padding: 2em;
bjoern@2951:     border: 2px solid #cfe1f1;
bjoern@2971:     border-radius: 15px;
bjoern@2951: }
bjoern@2951: 
bjoern@2951: #authentication div {
bjoern@2971:     margin: 1em 0;
bjoern@2951:     font-size: 1.2em;
bjoern@2951: }
bjoern@2951: 
bjoern@2971: #authentication div.error {
bjoern@2971:     text-align: center;
bjoern@2971:     border: 1px solid red;
bjoern@2971:     border-radius: 5px;
bjoern@2971: }
bjoern@2971: 
bjoern@2951: #authentication table {
bjoern@2951:     margin-bottom: 1em;
bjoern@2951: }
ingo@3719: 
ingo@3719: .riverinfopanel {
ingo@3719:     border: 3px solid #CFE1F1;
ingo@3719:     padding: 8px;
ingo@3719:     margin-top: 10px;
ingo@3719:     margin-left: 10px;
ingo@3719:     margin-bottom: 10px;
ingo@3719:     font-size: 1.3em;
ingo@3719: }
ingo@3719: 
ingo@3719: .riverinfopanel .gwt-Label {
ingo@3719:     margin-right: 10px;
ingo@3719: }
bjoern@4560: 
bjoern@4560: .projectsHeader {
bjoern@4560:     font-family: Arial,Verdana,sans-serif;
bjoern@4560:     font-size: 10pt;
bjoern@4560:     color: #000000;
bjoern@4560: }
bjoern@4560: 
bjoern@4560: .projectsCloseButton {
bjoern@4560:     font-weight: bold;
bjoern@4560:     vertical-align: middle;
bjoern@4560: }
bjoern@4560: 
bjoern@4560: .projectsAddButton {
bjoern@4560:     font-weight: bold;
bjoern@4560:     vertical-align: middle;
bjoern@4608: }
bjoern@4608: 
bjoern@4608: .welcomeCreateText {
bjoern@4608:     font-family: Arial,Verdana,sans-serif;
bjoern@4608:     font-size: 11pt;
bjoern@4608:     color: #000000;
bjoern@4608: }
bjoern@4608: 
bjoern@4608: .header {
bjoern@4608:     border-bottom: 3px solid #669fd1;
bjoern@4608: }
bjoern@4608: 
bjoern@4608: .manageProjects {
bjoern@4608:       font-family: Arial,Verdana,sans-serif;
bjoern@4608:       font-size: 10pt;
bjoern@4608:       color: #a9c9e6;
bjoern@4608:       margin-left: 10px;
bjoern@4608: }
rrenkert@5032: 
rrenkert@5032: .olControlAttribution {
rrenkert@5032:     bottom: 1em !important;
rrenkert@5032:     font-size: 12px !important;
rrenkert@5032: }
rrenkert@5927: 
rrenkert@5927: .riverLinkHighlight {
rrenkert@5927:     background: #B7D431;
rrenkert@5927: }
gernotbelger@9416: 
gernotbelger@9416: .naviChartGrayed,
gernotbelger@9416: .naviChartGrayedDark,
gernotbelger@9416: .naviChartGrayedOver,
gernotbelger@9416: .naviChartGrayedOverDark,
gernotbelger@9416: .naviChartGrayedSelected,
gernotbelger@9416: .naviChartGrayedSelectedDark,
gernotbelger@9416: .naviChartGrayedSelectedOver,
gernotbelger@9416: .naviChartGrayedSelectedOverDark,
gernotbelger@9416: .naviChartGrayedDisabled,
gernotbelger@9416: .naviChartGrayedDisabledDark  {
gernotbelger@9416: 	
gernotbelger@9416:   border-top: 1px solid #fafafa;
gernotbelger@9416:   border-bottom: 1px solid #f0f0f0;
gernotbelger@9416:   font-family: Arial, Verdana, sans-serif;
gernotbelger@9416:   font-size: 11px;
gernotbelger@9416:   text-overflow: ellipsis;	
gernotbelger@9416: 	
gernotbelger@9416:   color: #CCCCCC;
gernotbelger@9416:   font-style: italic;
gernotbelger@9416: }
gernotbelger@9416: 
gernotbelger@9416: .naviChartGrayedDark {
gernotbelger@9416:   background-color: #fafafa;
gernotbelger@9416: }
gernotbelger@9416: 
gernotbelger@9416: .naviChartGrayedOver,
gernotbelger@9416: .naviChartGrayedOverDark {
gernotbelger@9416:   background-color: #c4ddfd;
gernotbelger@9416:   background-image: url(./images/ListGrid/row_Over.png);
gernotbelger@9416:   background-repeat: repeat-x;
gernotbelger@9416:   background-position: bottom left;
gernotbelger@9416:   background-attachment: scroll;
gernotbelger@9416:   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
gernotbelger@9416:   background-size: 100%;
gernotbelger@9416:   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
gernotbelger@9416:   background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   border-bottom: 1px solid #c4ddfd;
gernotbelger@9416:   border-top: 1px solid #c4ddfd;
gernotbelger@9416:   -webkit-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
gernotbelger@9416:   -moz-box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
gernotbelger@9416:   box-shadow: inset #e5f0ff 0 1px 0, inset #e5f0ff 0 -1px 0;
gernotbelger@9416: }
gernotbelger@9416: 
gernotbelger@9416: .naviChartGrayedSelected,
gernotbelger@9416: .naviChartGrayedSelectedDark {
gernotbelger@9416:   background: #d6e8ff;
gernotbelger@9416:   border-bottom: 1px dotted #9fb7e9;
gernotbelger@9416:   border-top: 1px dotted #9fb7e9;
gernotbelger@9416: }
gernotbelger@9416: 
gernotbelger@9416: .naviChartGrayedSelectedOver,
gernotbelger@9416: .naviChartGrayedSelectedOverDark {
gernotbelger@9416:   border-bottom: 1px solid #ababab;
gernotbelger@9416:   border-top: 1px solid #b8cfef;
gernotbelger@9416:   background-color: #c4ddfd;
gernotbelger@9416:   background-image: url(./images/ListGrid/row_Selected_Over.png);
gernotbelger@9416:   background-repeat: repeat-x;
gernotbelger@9416:   background-attachment: scroll;
gernotbelger@9416:   background-position: bottom left;
gernotbelger@9416:   background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0ZGRmZCIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmMGY4ZmYiLz48c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2U1ZjNmZiIvPjxzdG9wIG9mZnNldD0iODYlIiBzdG9wLWNvbG9yPSIjY2NlNWZmIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRkZGZkIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
gernotbelger@9416:   background-size: 100%;
gernotbelger@9416:   background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c4ddfd), color-stop(9%, #f0f8ff), color-stop(14%, #e5f3ff), color-stop(86%, #cce5ff), color-stop(100%, #c4ddfd));
gernotbelger@9416:   background-image: -webkit-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   background-image: -moz-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   background-image: -o-linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416:   background-image: linear-gradient(top, #c4ddfd 0%, #f0f8ff 9%, #e5f3ff 14%, #cce5ff 86%, #c4ddfd 100%);
gernotbelger@9416: }
gernotbelger@9416: 
gernotbelger@9416: .naviChartGrayedDisabled,
gernotbelger@9416: .naviChartGrayedDisabledDark {
gernotbelger@9416:   background-color: white;
gernotbelger@9416:   color: #ababab;
gernotbelger@9416: }