From 5b6560e9de85a9543dccd483f91d5b258ae36510 Mon Sep 17 00:00:00 2001 From: Steffen Schaefer Date: Tue, 26 May 2015 10:12:29 +0200 Subject: [PATCH] Bug 2816: Changed many font-family declarations to use the new "Open Sans" @font-face --- .../com.sap.sailing.gwt.ui/CommonControls.css | 1841 +++++++++-------- java/com.sap.sailing.gwt.ui/DataMining.css | 13 +- java/com.sap.sailing.gwt.ui/Leaderboard.css | 12 +- .../LeaderboardNewHome.css | 10 +- java/com.sap.sailing.gwt.ui/PolarSheets.css | 12 +- java/com.sap.sailing.gwt.ui/RaceBoard.css | 15 +- .../com.sap.sailing.gwt.ui/SettingsDialog.css | 6 +- java/com.sap.sailing.gwt.ui/Simulator.css | 31 +- java/com.sap.sailing.gwt.ui/Spectator.css | 24 +- .../shared/racemap/RaceSimulationOverlay.java | 2 +- .../ui/simulator/PathLegendCanvasOverlay.java | 2 +- .../spectator/LeaderboardGroupFullTable.css | 123 +- 12 files changed, 1065 insertions(+), 1026 deletions(-) mode change 100755 => 100644 java/com.sap.sailing.gwt.ui/CommonControls.css diff --git a/java/com.sap.sailing.gwt.ui/CommonControls.css b/java/com.sap.sailing.gwt.ui/CommonControls.css old mode 100755 new mode 100644 index d476a4a7b31..a15efd6a2c7 --- a/java/com.sap.sailing.gwt.ui/CommonControls.css +++ b/java/com.sap.sailing.gwt.ui/CommonControls.css @@ -1,918 +1,925 @@ -@import url("SettingsDialog.css"); - -body ::-webkit-scrollbar { - width: 16px; - height: 10px; -} - -body ::-webkit-scrollbar-thumb { - min-height: 28px; - padding-top: 100px; - border-left: 6px solid transparent; - border-right: 1px solid transparent; - border-top: 0 solid transparent; - border-bottom: 0 solid transparent; - background-clip: padding-box; - background-color: rgba(0, 0, 0, 0.2); - -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 - rgba(0, 0, 0, 0.07); -} - -body ::-webkit-scrollbar-button { - height: 0; - width: 0; -} - -body ::-webkit-scrollbar-track { - border-left: 6px solid transparent; - border-right: 1px solid transparent; -} - -.collapsablePanel { - background: #b6b6b6; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -o-border-radius: 5px; - -ms-border-radius: 5px; - border-radius: 5px; - overflow: hidden; - border: 1px solid #aaaaaa; - margin: 0 0 15px 0; -} - -.collapsablePanel-content { - background: #fff; - margin: 12px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - -o-border-radius: 5px; - -ms-border-radius: 5px; - border-radius: 5px; - width: auto !important; - border: 1px solid #aaaaaa; -} - -.collapsablePanel-header { - background: url(images/titlebar-background.png) 0 0 repeat-x; - padding: 0; - margin: 0; - height: 42px; - position: relative; - -webkit-border-top-left-radius: 4px; - -moz-border-top-left-radius: 4px; - -o-border-top-left-radius: 4px; - -ms-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -webkit-border-top-right-radius: 4px; - -moz-border-top-right-radius: 4px; - -o-border-top-right-radius: 4px; - -ms-border-top-right-radius: 4px; - border-top-right-radius: 4px; -} - -.collapsablePanel:last-child { - margin-bottom: 0; -} - -.collapsablePanel-open { - -} - -.collapsablePanel-closed { - -} - -.collapsablePanel-header-text { - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; - text-transform: uppercase; - margin: 15px 0 0 13px; - float: left; -} - -.collapsablePanel-header-image { - float: left; - margin: 13px 0 0 0; -} - -.collapsablePanel-header-collapse { - height: 100%; - display: block; - padding: 0 0 0 10px; - color: #3b3b3b; -} - -.collapsablePanel-header-collapse:hover { - color: #3b3b3b; -} - -.collapsablePanel-toolbar { - position: absolute; - top: 0; - right: 0; - height: 43px; - width: 43px; - overflow: hidden; -} - -.collapsablePanel-toolbar table { - border-collapse: collapse; -} - -.collapsablePanel-toolbar a { - display: block; - padding: 9px; -} - -.breadcrumbPanel-NextArrow { - display: none; -} - -.breadcrumbPanel-ActiveBreadcrumb { - font-size: 18px; - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; - margin: 5px 10px 0 0; -} - -.breadcrumbPanel-InactiveBreadcrumb { - font-size: 24px; -} - -.breadcrumbPanel-ActiveBreadcrumb a, .breadcrumbPanel-InactiveBreadcrumb a, - .breadcrumbPanel-NextArrow a { - color: #A1A1A1; -} - -.breadcrumbPanel-ActiveBreadcrumb, .breadcrumbPanel-InactiveBreadcrumb, - .breadcrumbPanel-NextArrow { - color: #A1A1A1; -} - -.gwt-ToggleButton { - background: url(images/btn-cta-orangeleft.png) center top repeat-x; - padding: 8px; - margin: 0 11px 0 0; - border: 0; -} - -.gwt-ToggleButton-down { - background: url(images/btn-cta-orangeleft.png) center -30px repeat-x; - color: #fff; -} - -.gwt-SplitLayoutPanel-NorthSouthToggleButton-Panel { - position: absolute; - right: 10px; - top: 3px; -} - -.gwt-SplitLayoutPanel-EastToggleButton-Panel { - position: absolute; - bottom: 77px; - margin-left: -35px; -} - -.gwt-SplitLayoutPanel-EastToggleButton { - height: 40px; - background-color: white; - border: none; - -webkit-transform: rotate(-90deg); - -moz-transform: rotate(-90deg); - -o-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - padding-right: 25px; - padding-left: 30px; - margin-left: -15px; - border-bottom: 1px solid #cecece; - border-right: 1px solid #cecece; - border-left: 1px solid #cecece; - border-bottom-right-radius: 10px; - border-bottom-left-radius: 10px; -} - -.gwt-SplitLayoutPanel-EastToggleButton-Open { - background: white url(images/arrows_top_black_small.png) 96% 50% - no-repeat; -} - -.gwt-SplitLayoutPanel-EastToggleButton-Closed { - background: white url(images/arrows_bottom_black_small.png) 96% 50% - no-repeat; -} - -.gwt-SplitLayoutPanel-EastToggleButton:hover { - background-color: #ececec; -} - -.gwt-SplitLayoutPanel-EastToggleButton:focus { - outline: 0 !important; -} - -.gwt-SplitLayoutPanel-NorthSouthToggleButton { - height: 33px; - background-color: #fff; - border: 1px solid #cecece; - margin-left: 5px; - padding: 2px 40px; - border-radius: 7px; - margin-top: 0px; -} - -.gwt-SplitLayoutPanel-NorthSouthToggleButton-Closed { - background: white url(images/arrows_top_black_small.png) 95% 50% - no-repeat; - font-weight: normal; -} - -.gwt-SplitLayoutPanel-NorthSouthToggleButton-Open { - background: white url(images/arrows_bottom_black_small.png) 95% 50% - no-repeat; - font-weight: bold; - border-width: 3px; -} - -.gwt-SplitLayoutPanel-NorthSouthToggleButton:focus { - outline: 0 !important; -} - -.gwt-SplitLayoutPanel-NorthSouthToggleButton:hover { - background-color: #ececec; -} - -.gwt-SplitLayoutPanel-HDragger { - position: absolute; - height: 60px !important; - width: 25px !important; - margin-left: 3px; - top: 40% !important; - background: #ffffff url(images/thumb_vertical.png) 70% 50% no-repeat; - border: 2px solid #cecece; - border-left: 0px; - cursor: col-resize; - border-top-right-radius: 25px; - border-bottom-right-radius: 25px; - z-index: 1; -} - -.SplitLayoutPanel-Divider-Horizontal { - background: #ffffff; -} - -.SplitLayoutPanel-Divider-Vertical { - background: #ffffff; - border-top: 1px solid #cecece; -} - -.gwt-SplitLayoutPanel-VDragger { - position: absolute; - width: 60px !important; - height: 21px !important; - left: 48% !important; - top: 2px !important; - background: #ffffff url(images/thumb_horz.png) 50% 30% no-repeat; - cursor: row-resize; - border: 2px solid #cecece; - border-bottom: 0px; - border-top-left-radius: 25px; - border-top-right-radius: 25px; - opacity: .7; - z-index: 1; -} - -.gwt-SplitLayoutPanel-CloseAndSettingsButton-Panel { - position: absolute; - right: 2px; - top: 2px; - z-index: 1; -} - -.gwt-SplitLayoutPanel-CloseButton { - margin-left: 10px; - border-top-left-radius: 25px; - border-top-right-radius: 25px; - border-bottom-left-radius: 25px; - border-bottom-right-radius: 25px; - background: white url(images/close_black.png) center no-repeat; - z-index: 1; - width: 28px; - height: 28px; - cursor: pointer; -} - -.gwt-SplitLayoutPanel-CloseButton:focus { - outline: 0 !important; -} - -.gwt-SplitLayoutPanel-CloseButton:hover { - background-color: #ececec; -} - -.gwt-SettingsButton { - border: none; - background: grey url(images/SAP_RV_Settings.png) center no-repeat; - z-index: 1; - width: 28px; - height: 28px; - cursor: pointer; -} - -.gwt-SettingsButton:hover { - background-color: #cecece; -} - -.gwt-SettingsButton:focus { - outline: 0 !important; -} - -.gwt-MapSettingsButton { - margin-right: 30px; - margin-top: 5px; - border-top-left-radius: 25px; - border-top-right-radius: 25px; - border-bottom-left-radius: 25px; - border-bottom-right-radius: 25px; - border: none; - background: white url(images/SAP_RV_SettingsBlack.png) center no-repeat; - z-index: 1; - width: 28px; - height: 28px; - cursor: pointer; -} - -.gwt-ToggleButton-up-hovering, .gwt-ToggleButton-down-hovering { - background: url(images/btn-cta-orangeleft-down.png) center top repeat-x; - color: #fff; -} - -.gwt-TabBar { - margin-top: 20px; - border-bottom: 1px solid #dedede; - margin-bottom: 10px; -} - -.gwt-TabBar .gwt-TabBarFirst { - width: 5px; /* first tab distance from the left */ -} - -.gwt-TabBar .gwt-TabBarRest { - -} - -.gwt-TabBar .gwt-TabBarItem { - margin-left: 4px; - padding: 10px 12px; - cursor: pointer; - cursor: hand; - color: black; - font-weight: normal; - text-align: center; - background: #ebebeb; - border-radius: 4px 4px 0px 0px; - border-left: 1px solid #dedede; - border-top: 1px solid #dedede; - border-right: 1px solid #dedede; -} - -.gwt-TabBarItem:FOCUS { - outline: none; -} - -.gwt-TabBar .gwt-TabBarItem-selected { - cursor: default; - background: white; - color: black; -} - -.gwt-TabBar .gwt-TabBarItem-disabled { - cursor: default; - color: #999999; -} - -.gwt-TabPanel { - -} - -.titleLabelWrapper { - position: absolute; - width: 100%; -} - -.titleLabel { - text-align: center; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; - font-size: 18px; - color: #fff; - margin-top: 13px; -} - -.titleLabelRight { - text-align: right; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; - font-size: 18px; - color: #fff; - margin-top: 13px; - margin-right: 12px; -} - -.subTitleLabelWrapper { - position: absolute; - min-width: 200px; - text-align: right; - height: 68px; - right: 0; - top: 0; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; - font-size: 16px; - color: #fff; // - background: url(images/titleLabelWrapper.png) right center no-repeat; -} - -.subTitleLabel { - background: url(images/titleLabelInner.png) left center no-repeat; - height: 26px; - padding: 42px 7px 0 130px; -} - -.gwt-MenuBarPopup .menuPopupTopLeft { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupTopCenter { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupTopCenter { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupTopRight { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupMiddleLeft { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupMiddleRight { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupMiddleRight { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupBottomCenter { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupBottomRight { - background: none !important; -} - -.gwt-MenuBarPopup .menuPopupBottomLeft { - background: none !important; -} - -.gwt-MenuBar-vertical .gwt-MenuItem { - padding: 10px; - padding-bottom: 5px; - padding-top: 5px; -} - -.gwt-MenuBar .gwt-MenuItem-selected { - background: none repeat scroll 0 0 #efaa00; -} - -.dateBoxPopup { - z-Index: 2000; -} - -.timeLinePanel { - color: black; - width: 100%; - position: fixed; - bottom: 0; - z-index: 9; - background: #f6f6f6; - border-top: 2px solid #cecece; -} - -.timeLineInnerBgPanel { - -} - -.footerShadowPanel { - position: fixed; - height: 15px; - bottom: 0; - background: url(images/footer_shadow.png) left bottom repeat-x; - width: 100%; - z-index: 10; -} - -.timePanel-controls { - margin: 0; - padding: 7px 12px 0 12px; - height: 29px; -} - -.timePanel-controls-play { - float: left; - padding: 0 10px 0 0; - border-right: 1px solid #fcbb22; - height: 24px; - margin: 0 14px 0 0; -} - -.timePanel-timeslider-play { - float: left; - padding: 10px 4px; - height: 24px; - margin: 5px 14px 5px 0; -} - -.timePanel-controls-playSpeed { - vertical-align: middle; - line-height: 25px; - float: left; - padding: 0 14px 0 0; - margin: 0 14px 0 0; - border-right: 1px solid #fcbb22; - height: 24px; -} - -.timePanel-label { - float: left; -} - -.timePanel-controls-time { - float: left; - padding: 0 0 0 0; -} - -.timePanel-controls-time .dateLabel, .timePanel-controls-time .timeLabel - { - padding: 4px 20px 0 0; - float: left; -} - -.timePanel-controls-timeToStart { - float: left; - padding: 0 0 0 0; - border-left: 1px solid #fcbb22; -} - -.timePanel-controls-timeToStart .timeToStartLabel { - float: left; - padding: 4px 20px 0 20px; -} - -.timePanel-controls-timeDelay { - float: right; - margin: 0 50px 0 0; -} - -.timePanel-controls-playmode { - float: left; - padding: 0 14px 0 0; - margin: 0 14px 0 0; - height: 24px; - border-right: 1px solid #fcbb22; -} - -.timePanel-controls-playmode .playModeLabel { - padding: 4px 0 0 5px; -} - -.timePanelSettings { - float: right; -} - -.timePanelSlider { - margin: 0 12px; - height: 49px; - padding-top: 5px; -} - -.timePanelInnerWrapper { - -} - -.LogoAndTitlePanel { - height: 68px; - font-family: Arial, Verdana, sans-serif; - position: fixed; - width: 100%; - top: 0; - background-image: url(images/white_gradient_header.png), - url(images/header_bg_modern.png); - background-position: center top, 0 0; - background-repeat: no-repeat, repeat-x; - box-shadow: 0 0 20px #858585; - -moz-box-shadow: 0 0 20px #858585; - -webkit-box-shadow: 0 0 20px #858585; - -o-box-shadow: 0 0 20px #858585; - -ms-box-shadow: 0 0 20px #858585; - z-index: 1; -} - -.LogoAndTitlePanel:after { - content: " "; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.globalNavigation { - position: absolute; - top: 0; - right: 0; -} - -.globalNavigation-Link, .globalNavigation-Link:visited { - font-family: OpenSansSemiBold, Verdana, Arial, sans-serif; - border: none; - display: inline-block; - padding: 2px 10px 4px; - color: #fff; - text-decoration: none; - -moz-border-radius: 5px; - -webkit-border-radius: 5px; - border-radius: 5px; - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); - border-bottom: 1px solid rgba(0, 0, 0, 0.25); - cursor: pointer; - height: 24px; - white-space: nowrap; -} - -.globalNavigation-Link:active { - top: 1px; - position: relative; - border: none; -} - -.globalNavigation-Link:hover { - background: url(images/btn-cta-orangeleft.png) center -30px repeat-x; - cursor: pointer; -} - -.globalNavigation-leaderBoardGroup a, .globalNavigation-home a { - background: url(images/globalNavigation-home_bg.png) 11px 8px no-repeat; -} - -.globalNavigation-leaderBoard a { - background: url(images/globalNavigation-leaderBoard_bg.png) 11px 8px - no-repeat; -} - -.globalNavigation-leaderBoardGroup, .globalNavigation-leaderBoard, - .globalNavigation-home { - margin: -4px 10px 0 0; - padding: 0px 0px 4px; - float: left; - background: #7c7b7c url(images/alert-overlay.png) repeat-x; -} - -.globalNavigation-leaderBoard { - margin-right: 5px; -} - -.globalNavigation-leaderBoardGroup a, .globalNavigation-leaderBoard a, - .globalNavigation-home a { - color: #fff; - text-decoration: none; - display: block; - padding: 8px 13px 6px 36px; -} - -.sapLogo { - float: left; - margin-top: 13px; - margin-left: 12px; -} - -.sailingAnalyticsLabelPanel { - margin: 10px 0 0 0; -} - -.sailingAnalyticsLabel { - float: left; - color: #fff; - font-size: 14px; - font-weight: bold; - margin: 15px 0 0 0; -} - -.gwt-DialogBox { - line-height: 1.4; - background-color: #cecece; - border: 1px solid #3e3e3e; - border-radius: 4px; - box-shadow: 0px 0px 10px 0px #3e3e3e; -} - -.gwt-PopupPanelGlass { - background-color: rgba(140, 140, 140, 0.5); -} - -.gwt-DialogBox .Caption { - font-size: 14px; - padding: 8px 10px; - background-color: #ededed; - border-bottom: 1px solid #3e3e3e; - font-family: OpenSansSemiBold, Verdana, Arial, sans-serif; -} - -.gwt-DialogBox .dialogContent { - background: #ffffff; - padding: 10px; -} - -.gwt-Button, .gwt-Button:visited { - font-size: 0, 9rem; - display: inline-block; - color: #fff; - border: none; - padding: 5px 10px; - border-radius: 4px; - background-color: #efaa00; - -webkit-transition: background-color 0.2s; - -moz-transition: background-color 0.2s; - transition: background-color 0.2s; - text-decoration: none; - cursor: pointer; -} - -.gwt-Button:active { - border: none; -} - -.gwt-Button:hover { - background-color: #d79900; - outline: none; - text-decoration: none; -} - -.gwt-Button[disabled] { - cursor: not-allowed; - background: #cfcfcf; -} - -.gwt-Button[disabled]:hover { - cursor: default; - background: #cfcfcf; - cursor: not-allowed; -} - -.gwt-Button[disabled]:active { - cursor: default; - background: #cfcfcf; - cursor: not-allowed; -} - -.gwt-ButtonLarge -.gwt-ButtonMedium -.gwt-ButtonSmall - -.gwt-DialogBox .boxPanel { - padding: 0 0 10px 0; -} - -.gwt-DialogBox .boxPanel:after { - display: inline-block; - content: " "; - display: block; - height: 0; - clear: both; - visibility: hidden; -} - -.gwt-DialogBox .settingsDialogLabel { - float: left; - padding: 3px 6px 0 0; -} - -.gwt-DialogBox .settingsDialogValue { - float: right; -} - -.gwt-DialogBox .additionalWidgets { - padding: 5px 0 0 0; - text-align: right; -} - -.gwt-DialogBox .gwt-Label { - line-height: 1.4; -} - -.timingSettings .dialogInnerContent { - padding: 0 9px 0 9px; -} - -.timingSettings .gwt-Label { - float: left; - padding: 0 10px 0 0; -} - -.helpPanel { - margin-top: 15px; -} - -.minMaxBackgroundBar { - left: 0px; - background-image: url(images/yellowBar.png); - background-position: left; - background-repeat: no-repeat; -} - -.minMaxBackgroundBarBad { - left: 0px; - background-image: url(images/redBar.png); - background-position: left; - background-repeat: no-repeat; -} - -.minMaxBackgroundBarGood { - left: 0px; - background-image: url(images/greenBar.png); - background-position: left; - background-repeat: no-repeat; -} - -.inlineButton { - height: 20px; - padding: 0px 10px 3px; - float: left; - background: #de8a2e url(images/alert-overlay.png) repeat-x; - font-family: OpenSansRegular, Arial, Verdana, sans-serif; -} - -.chartCloseButton { - cursor: pointer; - background: url(images/closeButton.png) right center no-repeat; - height: 18px; - width: 60px; - text-align: left; -} - -video { - max-width: 100%; - height: auto; -} - -.pointeredLink { -} - -.betterCheckboxCellSelected { - margin: 0px; - height: 18px; - width: 18px; - border: 1px; - background-color: #acacac; - vertical-align: middle; -} - -.betterCheckboxCellDeselected { - margin-left: 2px; - /* account for the selection border that pushes a selected checkbox to the side */ - margin-top: 0px; - margin-bottom: 0px; - margin-right: 0px; - border: 1px; - height: 18px; - width: 18px; - vertical-align: middle; -} - -.LeaderboardPanel-FilterControl-Panel { - width: 380px; - border-top: 1px solid #ececec; - margin-top: 3px; -} - -.LeaderboardPanel-FilterClear-Button { - margin-top: 2px; - font-size: 10px; - outline: 0; - height: 23px; - background-color: #fff; - border: 1px solid #cecece; - border-radius: 7px; -} - -.LeaderboardPanel-FilterClear-Button:hover { - background-color: #ececec; -} - -.LeaderboardPanel-FilterControl-StatusLabel { - padding: 8px 2px; - font-size: 10px; -} - -label { - padding-left: 4px; +@import url("SettingsDialog.css"); + +body ::-webkit-scrollbar { + width: 16px; + height: 10px; +} + +body ::-webkit-scrollbar-thumb { + min-height: 28px; + padding-top: 100px; + border-left: 6px solid transparent; + border-right: 1px solid transparent; + border-top: 0 solid transparent; + border-bottom: 0 solid transparent; + background-clip: padding-box; + background-color: rgba(0, 0, 0, 0.2); + -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 + rgba(0, 0, 0, 0.07); +} + +body ::-webkit-scrollbar-button { + height: 0; + width: 0; +} + +body ::-webkit-scrollbar-track { + border-left: 6px solid transparent; + border-right: 1px solid transparent; +} + +.collapsablePanel { + background: #b6b6b6; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + overflow: hidden; + border: 1px solid #aaaaaa; + margin: 0 0 15px 0; +} + +.collapsablePanel-content { + background: #fff; + margin: 12px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -o-border-radius: 5px; + -ms-border-radius: 5px; + border-radius: 5px; + width: auto !important; + border: 1px solid #aaaaaa; +} + +.collapsablePanel-header { + background: url(images/titlebar-background.png) 0 0 repeat-x; + padding: 0; + margin: 0; + height: 42px; + position: relative; + -webkit-border-top-left-radius: 4px; + -moz-border-top-left-radius: 4px; + -o-border-top-left-radius: 4px; + -ms-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -webkit-border-top-right-radius: 4px; + -moz-border-top-right-radius: 4px; + -o-border-top-right-radius: 4px; + -ms-border-top-right-radius: 4px; + border-top-right-radius: 4px; +} + +.collapsablePanel:last-child { + margin-bottom: 0; +} + +.collapsablePanel-open { + +} + +.collapsablePanel-closed { + +} + +.collapsablePanel-header-text { + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; + text-transform: uppercase; + margin: 15px 0 0 13px; + float: left; +} + +.collapsablePanel-header-image { + float: left; + margin: 13px 0 0 0; +} + +.collapsablePanel-header-collapse { + height: 100%; + display: block; + padding: 0 0 0 10px; + color: #3b3b3b; +} + +.collapsablePanel-header-collapse:hover { + color: #3b3b3b; +} + +.collapsablePanel-toolbar { + position: absolute; + top: 0; + right: 0; + height: 43px; + width: 43px; + overflow: hidden; +} + +.collapsablePanel-toolbar table { + border-collapse: collapse; +} + +.collapsablePanel-toolbar a { + display: block; + padding: 9px; +} + +.breadcrumbPanel-NextArrow { + display: none; +} + +.breadcrumbPanel-ActiveBreadcrumb { + font-size: 18px; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; + margin: 5px 10px 0 0; +} + +.breadcrumbPanel-InactiveBreadcrumb { + font-size: 24px; +} + +.breadcrumbPanel-ActiveBreadcrumb a, .breadcrumbPanel-InactiveBreadcrumb a, + .breadcrumbPanel-NextArrow a { + color: #A1A1A1; +} + +.breadcrumbPanel-ActiveBreadcrumb, .breadcrumbPanel-InactiveBreadcrumb, + .breadcrumbPanel-NextArrow { + color: #A1A1A1; +} + +.gwt-ToggleButton { + background: url(images/btn-cta-orangeleft.png) center top repeat-x; + padding: 8px; + margin: 0 11px 0 0; + border: 0; +} + +.gwt-ToggleButton-down { + background: url(images/btn-cta-orangeleft.png) center -30px repeat-x; + color: #fff; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton-Panel { + position: absolute; + right: 10px; + top: 3px; +} + +.gwt-SplitLayoutPanel-EastToggleButton-Panel { + position: absolute; + bottom: 77px; + margin-left: -35px; +} + +.gwt-SplitLayoutPanel-EastToggleButton { + height: 40px; + background-color: white; + border: none; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + padding-right: 25px; + padding-left: 30px; + margin-left: -15px; + border-bottom: 1px solid #cecece; + border-right: 1px solid #cecece; + border-left: 1px solid #cecece; + border-bottom-right-radius: 10px; + border-bottom-left-radius: 10px; +} + +.gwt-SplitLayoutPanel-EastToggleButton-Open { + background: white url(images/arrows_top_black_small.png) 96% 50% + no-repeat; +} + +.gwt-SplitLayoutPanel-EastToggleButton-Closed { + background: white url(images/arrows_bottom_black_small.png) 96% 50% + no-repeat; +} + +.gwt-SplitLayoutPanel-EastToggleButton:hover { + background-color: #ececec; +} + +.gwt-SplitLayoutPanel-EastToggleButton:focus { + outline: 0 !important; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton { + height: 33px; + background-color: #fff; + border: 1px solid #cecece; + margin-left: 5px; + padding: 2px 40px; + border-radius: 7px; + margin-top: 0px; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton-Closed { + background: white url(images/arrows_top_black_small.png) 95% 50% + no-repeat; + font-weight: normal; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton-Open { + background: white url(images/arrows_bottom_black_small.png) 95% 50% + no-repeat; + font-weight: bold; + border-width: 3px; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton:focus { + outline: 0 !important; +} + +.gwt-SplitLayoutPanel-NorthSouthToggleButton:hover { + background-color: #ececec; +} + +.gwt-SplitLayoutPanel-HDragger { + position: absolute; + height: 60px !important; + width: 25px !important; + margin-left: 3px; + top: 40% !important; + background: #ffffff url(images/thumb_vertical.png) 70% 50% no-repeat; + border: 2px solid #cecece; + border-left: 0px; + cursor: col-resize; + border-top-right-radius: 25px; + border-bottom-right-radius: 25px; + z-index: 1; +} + +.SplitLayoutPanel-Divider-Horizontal { + background: #ffffff; +} + +.SplitLayoutPanel-Divider-Vertical { + background: #ffffff; + border-top: 1px solid #cecece; +} + +.gwt-SplitLayoutPanel-VDragger { + position: absolute; + width: 60px !important; + height: 21px !important; + left: 48% !important; + top: 2px !important; + background: #ffffff url(images/thumb_horz.png) 50% 30% no-repeat; + cursor: row-resize; + border: 2px solid #cecece; + border-bottom: 0px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + opacity: .7; + z-index: 1; +} + +.gwt-SplitLayoutPanel-CloseAndSettingsButton-Panel { + position: absolute; + right: 2px; + top: 2px; + z-index: 1; +} + +.gwt-SplitLayoutPanel-CloseButton { + margin-left: 10px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + background: white url(images/close_black.png) center no-repeat; + z-index: 1; + width: 28px; + height: 28px; + cursor: pointer; +} + +.gwt-SplitLayoutPanel-CloseButton:focus { + outline: 0 !important; +} + +.gwt-SplitLayoutPanel-CloseButton:hover { + background-color: #ececec; +} + +.gwt-SettingsButton { + border: none; + background: grey url(images/SAP_RV_Settings.png) center no-repeat; + z-index: 1; + width: 28px; + height: 28px; + cursor: pointer; +} + +.gwt-SettingsButton:hover { + background-color: #cecece; +} + +.gwt-SettingsButton:focus { + outline: 0 !important; +} + +.gwt-MapSettingsButton { + margin-right: 30px; + margin-top: 5px; + border-top-left-radius: 25px; + border-top-right-radius: 25px; + border-bottom-left-radius: 25px; + border-bottom-right-radius: 25px; + border: none; + background: white url(images/SAP_RV_SettingsBlack.png) center no-repeat; + z-index: 1; + width: 28px; + height: 28px; + cursor: pointer; +} + +.gwt-ToggleButton-up-hovering, .gwt-ToggleButton-down-hovering { + background: url(images/btn-cta-orangeleft-down.png) center top repeat-x; + color: #fff; +} + +.gwt-TabBar { + margin-top: 20px; + border-bottom: 1px solid #dedede; + margin-bottom: 10px; +} + +.gwt-TabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} + +.gwt-TabBar .gwt-TabBarRest { + +} + +.gwt-TabBar .gwt-TabBarItem { + margin-left: 4px; + padding: 10px 12px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: normal; + text-align: center; + background: #ebebeb; + border-radius: 4px 4px 0px 0px; + border-left: 1px solid #dedede; + border-top: 1px solid #dedede; + border-right: 1px solid #dedede; +} + +.gwt-TabBarItem:FOCUS { + outline: none; +} + +.gwt-TabBar .gwt-TabBarItem-selected { + cursor: default; + background: white; + color: black; +} + +.gwt-TabBar .gwt-TabBarItem-disabled { + cursor: default; + color: #999999; +} + +.gwt-TabPanel { + +} + +.titleLabelWrapper { + position: absolute; + width: 100%; +} + +.titleLabel { + text-align: center; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; + font-size: 18px; + color: #fff; + margin-top: 13px; +} + +.titleLabelRight { + text-align: right; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; + font-size: 18px; + color: #fff; + margin-top: 13px; + margin-right: 12px; +} + +.subTitleLabelWrapper { + position: absolute; + min-width: 200px; + text-align: right; + height: 68px; + right: 0; + top: 0; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; + font-size: 16px; + color: #fff; // + background: url(images/titleLabelWrapper.png) right center no-repeat; +} + +.subTitleLabel { + background: url(images/titleLabelInner.png) left center no-repeat; + height: 26px; + padding: 42px 7px 0 130px; +} + +.gwt-MenuBarPopup .menuPopupTopLeft { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupTopCenter { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupTopCenter { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupTopRight { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupMiddleLeft { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupMiddleRight { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupMiddleRight { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupBottomCenter { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupBottomRight { + background: none !important; +} + +.gwt-MenuBarPopup .menuPopupBottomLeft { + background: none !important; +} + +.gwt-MenuBar-vertical .gwt-MenuItem { + padding: 10px; + padding-bottom: 5px; + padding-top: 5px; +} + +.gwt-MenuBar .gwt-MenuItem-selected { + background: none repeat scroll 0 0 #efaa00; +} + +.dateBoxPopup { + z-Index: 2000; +} + +.timeLinePanel { + color: black; + width: 100%; + position: fixed; + bottom: 0; + z-index: 9; + background: #f6f6f6; + border-top: 2px solid #cecece; +} + +.timeLineInnerBgPanel { + +} + +.footerShadowPanel { + position: fixed; + height: 15px; + bottom: 0; + background: url(images/footer_shadow.png) left bottom repeat-x; + width: 100%; + z-index: 10; +} + +.timePanel-controls { + margin: 0; + padding: 7px 12px 0 12px; + height: 29px; +} + +.timePanel-controls-play { + float: left; + padding: 0 10px 0 0; + border-right: 1px solid #fcbb22; + height: 24px; + margin: 0 14px 0 0; +} + +.timePanel-timeslider-play { + float: left; + padding: 10px 4px; + height: 24px; + margin: 5px 14px 5px 0; +} + +.timePanel-controls-playSpeed { + vertical-align: middle; + line-height: 25px; + float: left; + padding: 0 14px 0 0; + margin: 0 14px 0 0; + border-right: 1px solid #fcbb22; + height: 24px; +} + +.timePanel-label { + float: left; +} + +.timePanel-controls-time { + float: left; + padding: 0 0 0 0; +} + +.timePanel-controls-time .dateLabel, .timePanel-controls-time .timeLabel + { + padding: 4px 20px 0 0; + float: left; +} + +.timePanel-controls-timeToStart { + float: left; + padding: 0 0 0 0; + border-left: 1px solid #fcbb22; +} + +.timePanel-controls-timeToStart .timeToStartLabel { + float: left; + padding: 4px 20px 0 20px; +} + +.timePanel-controls-timeDelay { + float: right; + margin: 0 50px 0 0; +} + +.timePanel-controls-playmode { + float: left; + padding: 0 14px 0 0; + margin: 0 14px 0 0; + height: 24px; + border-right: 1px solid #fcbb22; +} + +.timePanel-controls-playmode .playModeLabel { + padding: 4px 0 0 5px; +} + +.timePanelSettings { + float: right; +} + +.timePanelSlider { + margin: 0 12px; + height: 49px; + padding-top: 5px; +} + +.timePanelInnerWrapper { + +} + +.LogoAndTitlePanel { + height: 68px; + font-family: Arial, Verdana, sans-serif; + position: fixed; + width: 100%; + top: 0; + background-image: url(images/white_gradient_header.png), + url(images/header_bg_modern.png); + background-position: center top, 0 0; + background-repeat: no-repeat, repeat-x; + box-shadow: 0 0 20px #858585; + -moz-box-shadow: 0 0 20px #858585; + -webkit-box-shadow: 0 0 20px #858585; + -o-box-shadow: 0 0 20px #858585; + -ms-box-shadow: 0 0 20px #858585; + z-index: 1; +} + +.LogoAndTitlePanel:after { + content: " "; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.globalNavigation { + position: absolute; + top: 0; + right: 0; +} + +.globalNavigation-Link, .globalNavigation-Link:visited { + font-family: 'Open Sans', Verdana, Arial, sans-serif; + font-weight: 600; + border: none; + display: inline-block; + padding: 2px 10px 4px; + color: #fff; + text-decoration: none; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); + text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); + border-bottom: 1px solid rgba(0, 0, 0, 0.25); + cursor: pointer; + height: 24px; + white-space: nowrap; +} + +.globalNavigation-Link:active { + top: 1px; + position: relative; + border: none; +} + +.globalNavigation-Link:hover { + background: url(images/btn-cta-orangeleft.png) center -30px repeat-x; + cursor: pointer; +} + +.globalNavigation-leaderBoardGroup a, .globalNavigation-home a { + background: url(images/globalNavigation-home_bg.png) 11px 8px no-repeat; +} + +.globalNavigation-leaderBoard a { + background: url(images/globalNavigation-leaderBoard_bg.png) 11px 8px + no-repeat; +} + +.globalNavigation-leaderBoardGroup, .globalNavigation-leaderBoard, + .globalNavigation-home { + margin: -4px 10px 0 0; + padding: 0px 0px 4px; + float: left; + background: #7c7b7c url(images/alert-overlay.png) repeat-x; +} + +.globalNavigation-leaderBoard { + margin-right: 5px; +} + +.globalNavigation-leaderBoardGroup a, .globalNavigation-leaderBoard a, + .globalNavigation-home a { + color: #fff; + text-decoration: none; + display: block; + padding: 8px 13px 6px 36px; +} + +.sapLogo { + float: left; + margin-top: 13px; + margin-left: 12px; +} + +.sailingAnalyticsLabelPanel { + margin: 10px 0 0 0; +} + +.sailingAnalyticsLabel { + float: left; + color: #fff; + font-size: 14px; + font-weight: bold; + margin: 15px 0 0 0; +} + +.gwt-DialogBox { + line-height: 1.4; + background-color: #cecece; + border: 1px solid #3e3e3e; + border-radius: 4px; + box-shadow: 0px 0px 10px 0px #3e3e3e; +} + +.gwt-PopupPanelGlass { + background-color: rgba(140, 140, 140, 0.5); +} + +.gwt-DialogBox .Caption { + font-size: 14px; + padding: 8px 10px; + background-color: #ededed; + border-bottom: 1px solid #3e3e3e; + font-family: 'Open Sans', Verdana, Arial, sans-serif; + font-weight: 600; +} + +.gwt-DialogBox .dialogContent { + background: #ffffff; + padding: 10px; +} + +.gwt-Button, .gwt-Button:visited { + font-size: 0, 9rem; + display: inline-block; + color: #fff; + border: none; + padding: 5px 10px; + border-radius: 4px; + background-color: #efaa00; + -webkit-transition: background-color 0.2s; + -moz-transition: background-color 0.2s; + transition: background-color 0.2s; + text-decoration: none; + cursor: pointer; +} + +.gwt-Button:active { + border: none; +} + +.gwt-Button:hover { + background-color: #d79900; + outline: none; + text-decoration: none; +} + +.gwt-Button[disabled] { + cursor: not-allowed; + background: #cfcfcf; +} + +.gwt-Button[disabled]:hover { + cursor: default; + background: #cfcfcf; + cursor: not-allowed; +} + +.gwt-Button[disabled]:active { + cursor: default; + background: #cfcfcf; + cursor: not-allowed; +} + +.gwt-ButtonLarge +.gwt-ButtonMedium +.gwt-ButtonSmall + +.gwt-DialogBox .boxPanel { + padding: 0 0 10px 0; +} + +.gwt-DialogBox .boxPanel:after { + display: inline-block; + content: " "; + display: block; + height: 0; + clear: both; + visibility: hidden; +} + +.gwt-DialogBox .settingsDialogLabel { + float: left; + padding: 3px 6px 0 0; +} + +.gwt-DialogBox .settingsDialogValue { + float: right; +} + +.gwt-DialogBox .additionalWidgets { + padding: 5px 0 0 0; + text-align: right; +} + +.gwt-DialogBox .gwt-Label { + line-height: 1.4; +} + +.timingSettings .dialogInnerContent { + padding: 0 9px 0 9px; +} + +.timingSettings .gwt-Label { + float: left; + padding: 0 10px 0 0; +} + +.helpPanel { + margin-top: 15px; +} + +.minMaxBackgroundBar { + left: 0px; + background-image: url(images/yellowBar.png); + background-position: left; + background-repeat: no-repeat; +} + +.minMaxBackgroundBarBad { + left: 0px; + background-image: url(images/redBar.png); + background-position: left; + background-repeat: no-repeat; +} + +.minMaxBackgroundBarGood { + left: 0px; + background-image: url(images/greenBar.png); + background-position: left; + background-repeat: no-repeat; +} + +.inlineButton { + height: 20px; + padding: 0px 10px 3px; + float: left; + background: #de8a2e url(images/alert-overlay.png) repeat-x; + font-family: 'Open Sans', Arial, Verdana, sans-serif; +} + +.chartCloseButton { + cursor: pointer; + background: url(images/closeButton.png) right center no-repeat; + height: 18px; + width: 60px; + text-align: left; +} + +video { + max-width: 100%; + height: auto; +} + +.pointeredLink { +} + +.betterCheckboxCellSelected { + margin: 0px; + height: 18px; + width: 18px; + border: 1px; + background-color: #acacac; + vertical-align: middle; +} + +.betterCheckboxCellDeselected { + margin-left: 2px; + /* account for the selection border that pushes a selected checkbox to the side */ + margin-top: 0px; + margin-bottom: 0px; + margin-right: 0px; + border: 1px; + height: 18px; + width: 18px; + vertical-align: middle; +} + +.LeaderboardPanel-FilterControl-Panel { + width: 380px; + border-top: 1px solid #ececec; + margin-top: 3px; +} + +.LeaderboardPanel-FilterClear-Button { + margin-top: 2px; + font-size: 10px; + outline: 0; + height: 23px; + background-color: #fff; + border: 1px solid #cecece; + border-radius: 7px; +} + +.LeaderboardPanel-FilterClear-Button:hover { + background-color: #ececec; +} + +.LeaderboardPanel-FilterControl-StatusLabel { + padding: 8px 2px; + font-size: 10px; +} + +label { + padding-left: 4px; } \ No newline at end of file diff --git a/java/com.sap.sailing.gwt.ui/DataMining.css b/java/com.sap.sailing.gwt.ui/DataMining.css index 06a7d5b3111..3706c2632b7 100644 --- a/java/com.sap.sailing.gwt.ui/DataMining.css +++ b/java/com.sap.sailing.gwt.ui/DataMining.css @@ -26,7 +26,7 @@ body { background: url(images/spectatorview-bg.png) no-repeat left top #ebebeb; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 1; font-size: 14px; font-weight: 400; @@ -42,7 +42,7 @@ a { table td,select,button { line-height: 1; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 14px; } @@ -161,7 +161,8 @@ input.magnifier { } .chart-importantMessage { - font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: 600; font-size: 20px; height: 70px; margin: 0 auto; @@ -172,7 +173,8 @@ input.magnifier { } .chart-busyMessage { - font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: 600; font-size: 20px; height: 70px; margin: 0 auto; @@ -193,7 +195,8 @@ input.magnifier { border-top-left-radius: 3px; color: #FFFFFF; cursor: pointer; - font-family: OpenSansSemiBold,Verdana,Arial,sans-serif; + font-family: 'Open Sans',Verdana,Arial,sans-serif; + font-weight: 600; font-size: 14px; margin: 0 0 0 0; padding: 2px 7px 2px 3px; diff --git a/java/com.sap.sailing.gwt.ui/Leaderboard.css b/java/com.sap.sailing.gwt.ui/Leaderboard.css index ef8a65d5c8f..d879341d76d 100755 --- a/java/com.sap.sailing.gwt.ui/Leaderboard.css +++ b/java/com.sap.sailing.gwt.ui/Leaderboard.css @@ -24,7 +24,7 @@ body { background: #fff; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 1; font-size: 14px; font-weight: 400; @@ -81,7 +81,8 @@ input.magnifier{ } body, table td, select, button { - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; font-size: 14px; } @@ -90,7 +91,8 @@ body, table td, select, button { } .abstractChartPanel-importantMessageOfChart { - font-family: 'OpenSansBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: bold; font-size: 20px; height: 70px; margin: 0 auto; @@ -105,7 +107,7 @@ body, table td, select, button { margin: 0 auto; width: 400px; text-align: center; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; color: #fff; margin-top: 22px; @@ -113,7 +115,7 @@ body, table td, select, button { .leaderboardHeading { font-size: 16px; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-weight: bold; } diff --git a/java/com.sap.sailing.gwt.ui/LeaderboardNewHome.css b/java/com.sap.sailing.gwt.ui/LeaderboardNewHome.css index 83ea7d43ca9..fdff2cf102d 100644 --- a/java/com.sap.sailing.gwt.ui/LeaderboardNewHome.css +++ b/java/com.sap.sailing.gwt.ui/LeaderboardNewHome.css @@ -36,7 +36,8 @@ input.magnifier{ } body, table td, select, button { - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; font-size: 14px; } @@ -45,7 +46,8 @@ body, table td, select, button { } .abstractChartPanel-importantMessageOfChart { - font-family: 'OpenSansBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: bold; font-size: 20px; height: 70px; margin: 0 auto; @@ -60,7 +62,7 @@ body, table td, select, button { margin: 0 auto; width: 400px; text-align: center; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; color: #fff; margin-top: 22px; @@ -68,7 +70,7 @@ body, table td, select, button { .leaderboardHeading { font-size: 16px; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-weight: bold; } diff --git a/java/com.sap.sailing.gwt.ui/PolarSheets.css b/java/com.sap.sailing.gwt.ui/PolarSheets.css index c419d2c8cd5..e94192e52cb 100644 --- a/java/com.sap.sailing.gwt.ui/PolarSheets.css +++ b/java/com.sap.sailing.gwt.ui/PolarSheets.css @@ -24,7 +24,7 @@ body { background: #fff; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 1; font-size: 14px; font-weight: 400; @@ -85,7 +85,8 @@ input.magnifier{ } body, table td, select, button { - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; font-size: 14px; } @@ -94,7 +95,8 @@ body, table td, select, button { } .abstractChartPanel-importantMessageOfChart { - font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: 600; font-size: 20px; height: 70px; margin: 0 auto; @@ -109,7 +111,7 @@ body, table td, select, button { margin: 0 auto; width: 400px; text-align: center; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 18px; color: #fff; margin-top: 22px; @@ -117,7 +119,7 @@ body, table td, select, button { .leaderboardHeading { font-size: 16px; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-weight: bold; } diff --git a/java/com.sap.sailing.gwt.ui/RaceBoard.css b/java/com.sap.sailing.gwt.ui/RaceBoard.css index 00bbc007faf..66051c30350 100644 --- a/java/com.sap.sailing.gwt.ui/RaceBoard.css +++ b/java/com.sap.sailing.gwt.ui/RaceBoard.css @@ -142,13 +142,15 @@ img.openColumn { .raceBoardNavigation { float: left; margin: 9px 0 0 12px; - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; } .raceBoardControls { float: right; margin: 9px 0 0 12px; - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; } .raceBoardNavigation-navigationitem { @@ -180,7 +182,8 @@ img.openColumn { } .abstractChartPanel-importantMessageOfChart { - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; font-size: 20px; height: 70px; margin: 0 auto; @@ -239,7 +242,8 @@ img.openColumn { 0 transparent; color: #FFFFFF; cursor: pointer; - font-family: OpenSansSemiBold, Verdana, Arial, sans-serif; + font-family: 'Open Sans', Verdana, Arial, sans-serif; + font-weight: 600; font-size: 14px; margin: 0 0 0 0; padding: 2px 7px 2px 3px; @@ -272,7 +276,8 @@ img.openColumn { 0 transparent; color: #FFFFFF; cursor: pointer; - font-family: OpenSansSemiBold, Verdana, Arial, sans-serif; + font-family: 'Open Sans', Verdana, Arial, sans-serif; + font-weight: 600; font-size: 14px; margin: 0 0 0 0; padding: 2px 7px 2px 3px; diff --git a/java/com.sap.sailing.gwt.ui/SettingsDialog.css b/java/com.sap.sailing.gwt.ui/SettingsDialog.css index cfb8175cc32..babd52430d5 100644 --- a/java/com.sap.sailing.gwt.ui/SettingsDialog.css +++ b/java/com.sap.sailing.gwt.ui/SettingsDialog.css @@ -5,14 +5,16 @@ .dialogInnerHeadline { border-bottom: 1px solid #CCCCCC; - font-family: OpenSansSemiBold,Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: 600; height: 21px; padding: 2px 0 0 2px; margin-bottom: 4px; } .dialogInnerHeadlineOther { - font-family: OpenSansSemiBold, Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; color: #e84a1a; padding-left: 9px; } diff --git a/java/com.sap.sailing.gwt.ui/Simulator.css b/java/com.sap.sailing.gwt.ui/Simulator.css index e3563a2f47e..e7e173f5e83 100644 --- a/java/com.sap.sailing.gwt.ui/Simulator.css +++ b/java/com.sap.sailing.gwt.ui/Simulator.css @@ -32,7 +32,8 @@ .titleLabel { text-align: center; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 font-size: 18px; color: #fff; margin: 23px 0 0 0; @@ -40,7 +41,7 @@ body { background: #ebebeb; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 1; font-size: 14px; font-weight: 400; @@ -50,7 +51,8 @@ body { } table td,select,button { - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; line-height: 1; font-size: 14px; } @@ -64,7 +66,8 @@ table td,select,button { /** Example rules used by the template application (remove for your app) */ h1 { font-size: 2em; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 color: #777777; margin: 40px 0px 70px; text-align: center; @@ -106,7 +109,8 @@ table { /*.leaderboardLabel { border-bottom: 2px solid #007dc0; padding: 0 0 6px 0; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 }*/ .refreshAndSettings { background: #f2f2f2; @@ -144,7 +148,8 @@ input.magnifier { /*.raceBoardNavigation { float: right; margin: 26px 0 0 0; - font-family: 'OpenSansLight', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; } .raceBoardNavigation-navigationitem { @@ -167,7 +172,8 @@ input.magnifier { text-decoration: none; }*/ .abstractChartPanel-importantMessageOfChart { - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 font-size: 20px; height: 70px; margin: 0 auto; @@ -186,14 +192,15 @@ input.magnifier { } .innerHeadline { - font-family: OpenSansSemiBold, Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 16px; color: #7c7c7c; margin: 15px 0 } .sectorHeadline { - font-family: OpenSansLight, Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 300; font-size: 16px; } @@ -329,7 +336,8 @@ input.magnifier { #masterPanelLeft .gwt-SliderBar-shell .gwt-SliderBar-ticklabel { font-size: 12px; cursor: default; - font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: 600; top: 5px; } @@ -338,7 +346,8 @@ input.magnifier { font-size: 12px; color: #bc9434; cursor: default; - font-family: 'OpenSansSemiBold',Arial,Verdana,sans-serif; + font-family: 'Open Sans',Arial,Verdana,sans-serif; + font-weight: 600; } #masterPanelLeft .gwt-SliderBar-shell-focused { diff --git a/java/com.sap.sailing.gwt.ui/Spectator.css b/java/com.sap.sailing.gwt.ui/Spectator.css index 1f2709e6023..dc81d3c43ff 100644 --- a/java/com.sap.sailing.gwt.ui/Spectator.css +++ b/java/com.sap.sailing.gwt.ui/Spectator.css @@ -26,7 +26,7 @@ body { background: url(images/spectatorview-bg.png) no-repeat left top #ebebeb; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; line-height: 1; font-size: 14px; font-weight: 400; @@ -42,7 +42,7 @@ a { table td,select,button { line-height: 1; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; font-size: 14px; } @@ -186,7 +186,8 @@ input.magnifier { float: left; margin: 5px 5px 5px 0; text-decoration: none; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 } .leaderboardGroupPanel-BoatClass { @@ -196,7 +197,8 @@ input.magnifier { margin: 5px 5px 5px 0; text-decoration: none; white-space: nowrap; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 } .leaderboardGroupPanel-ColorBox { @@ -227,7 +229,8 @@ input.magnifier { text-decoration: none; color: #fff; /*border: 1px solid #a6a6a6;*/ - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 } .leaderboardGroupPanel-LiveRace, .leaderboardGroupPanel-LegendLive { @@ -244,7 +247,8 @@ input.magnifier { text-decoration: none; color: #fff; /*border: 1px solid #a6a6a6;*/ - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 } .leaderboardGroupPanel-ActiveLeaderboard { @@ -260,7 +264,8 @@ input.magnifier { background: url("images/btn-cta-orangeleft.png") repeat-x -10px 0 #e7e7e7; text-decoration: none; color: #fff; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 } .leaderboardGroupPanel-ActiveButton { @@ -274,7 +279,8 @@ input.magnifier { background: url("images/btn-cta-blueleft.png") repeat-x 0px 0 #e7e7e7; text-decoration: none; color: #fff; - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600 display: inline-block; } @@ -352,7 +358,7 @@ input.magnifier { .leaderboardGroupPanel-InactiveRace { background: #c0bebe; - font-family: 'OpenSansRegular', Arial, Verdana, sans-serif + font-family: 'Open Sans', Arial, Verdana, sans-serif } .errorLabel { diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/shared/racemap/RaceSimulationOverlay.java b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/shared/racemap/RaceSimulationOverlay.java index 8bbec2b38fb..f8e1bf6d834 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/shared/racemap/RaceSimulationOverlay.java +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/shared/racemap/RaceSimulationOverlay.java @@ -41,7 +41,7 @@ public class RaceSimulationOverlay extends FullCanvasOverlay { public static final String GET_SIMULATION_CATEGORY = "getSimulation"; private final String textColor = "Black"; - private final String textFont = "10pt OpenSansRegular"; + private final String textFont = "10pt 'Open Sans'"; private String algorithmTimedOutText = "out-of-bounds"; private String mixedLegText = "ambiguous wind"; private int xOffset = 0; diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/simulator/PathLegendCanvasOverlay.java b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/simulator/PathLegendCanvasOverlay.java index 39c00a6c558..43b0aa7834d 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/simulator/PathLegendCanvasOverlay.java +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/simulator/PathLegendCanvasOverlay.java @@ -39,7 +39,7 @@ public class PathLegendCanvasOverlay extends FullCanvasOverlay { private double rectHeight = 20; private String textColor = "Black"; - private String textFont = "10pt OpenSansRegular"; + private String textFont = "10pt 'Open Sans'"; private String algorithmTimedOutText = "out-of-bounds"; private String mixedLegText = "ambiguous wind"; diff --git a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/spectator/LeaderboardGroupFullTable.css b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/spectator/LeaderboardGroupFullTable.css index f3ba5599048..98e016904c3 100644 --- a/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/spectator/LeaderboardGroupFullTable.css +++ b/java/com.sap.sailing.gwt.ui/src/main/java/com/sap/sailing/gwt/ui/spectator/LeaderboardGroupFullTable.css @@ -1,61 +1,62 @@ -@CHARSET "ISO-8859-1"; - -.cellTableWidget { - margin: 0; - table-layout: auto; - border-collapse: collapse; - /*border-spacing: 1em 0.5em;*/ - border: none; -} - -.cellTableHeader { - background: url(images/spectator-table-bg.png) 0 0 repeat-x !important; - - font-family: 'OpenSansSemiBold', Arial, Verdana, sans-serif; - padding: 10px 15px; - border: 1px solid #aeaeaf !important; - border-left: none !important; - border-right: none !important; - text-shadow: none !important; -} - -.cellTableFirstColumnHeader { - -} - -.cellTableLastColumnHeader { - -} - -.cellTableEvenRow { /* tr */ - background: #dddbdb; -} - -.cellTableEvenRowCell { /* td */ - border: none; - background: none; - vertical-align: top; - padding: 2px 3px; -} - -.cellTableOddRow { /* tr */ - background: none; -} - -.cellTableOddRowCell { /* td */ - border: none; - background: none; - vertical-align: top; - padding: 2px 3px; -} - -.cellTableHoveredRow { - -} - -.cellTableSelectedRow { -} - -.cellTableSelectedRowCell { - -} +@CHARSET "ISO-8859-1"; + +.cellTableWidget { + margin: 0; + table-layout: auto; + border-collapse: collapse; + /*border-spacing: 1em 0.5em;*/ + border: none; +} + +.cellTableHeader { + background: url(images/spectator-table-bg.png) 0 0 repeat-x !important; + + font-family: 'Open Sans', Arial, Verdana, sans-serif; + font-weight: 600; + padding: 10px 15px; + border: 1px solid #aeaeaf !important; + border-left: none !important; + border-right: none !important; + text-shadow: none !important; +} + +.cellTableFirstColumnHeader { + +} + +.cellTableLastColumnHeader { + +} + +.cellTableEvenRow { /* tr */ + background: #dddbdb; +} + +.cellTableEvenRowCell { /* td */ + border: none; + background: none; + vertical-align: top; + padding: 2px 3px; +} + +.cellTableOddRow { /* tr */ + background: none; +} + +.cellTableOddRowCell { /* td */ + border: none; + background: none; + vertical-align: top; + padding: 2px 3px; +} + +.cellTableHoveredRow { + +} + +.cellTableSelectedRow { +} + +.cellTableSelectedRowCell { + +}