mirror of
https://github.com/eclipse-sailing-analytics/sailing-analytics.git
synced 2026-10-02 18:33:54 +00:00
Merge branch 'design2015' into bug2589
Conflicts: java/com.sap.sailing.domain.common/src/com/sap/sailing/domain/common/security/SailingPermissionsForRoleProvider.java Change-Id: I9daa6eff11d272940f087d3704a6f34ae527bb5e
This commit is contained in:
Axel Uhl committed
commit
d8186a9985
153 files changed
+2135
-1251
No files matched your search
@@ -20,6 +20,7 @@ Export-Package: com.google.gwt.user.client.rpc.core.java.util,
|
||||
com.sap.sse.common.impl,
|
||||
com.sap.sse.gwt.client,
|
||||
com.sap.sse.gwt.client.async,
|
||||
com.sap.sse.gwt.client.breadcrumb,
|
||||
com.sap.sse.gwt.client.celltable,
|
||||
com.sap.sse.gwt.client.controls,
|
||||
com.sap.sse.gwt.client.controls.busyindicator,
|
||||
@@ -35,6 +36,7 @@ Export-Package: com.google.gwt.user.client.rpc.core.java.util,
|
||||
com.sap.sse.gwt.client.mvp,
|
||||
com.sap.sse.gwt.client.panels,
|
||||
com.sap.sse.gwt.client.player,
|
||||
com.sap.sse.gwt.client.sapheader,
|
||||
com.sap.sse.gwt.client.shared.components,
|
||||
com.sap.sse.gwt.client.useragent,
|
||||
com.sap.sse.gwt.common,
|
||||
@@ -43,10 +45,10 @@ Export-Package: com.google.gwt.user.client.rpc.core.java.util,
|
||||
com.sap.sse.gwt.dispatch.client.system.batching,
|
||||
com.sap.sse.gwt.dispatch.client.system.caching,
|
||||
com.sap.sse.gwt.dispatch.client.transport.gwtrpc,
|
||||
com.sap.sse.gwt.dispatch.servlets,
|
||||
com.sap.sse.gwt.dispatch.shared.caching,
|
||||
com.sap.sse.gwt.dispatch.shared.commands,
|
||||
com.sap.sse.gwt.dispatch.shared.exceptions,
|
||||
com.sap.sse.gwt.dispatch.servlets,
|
||||
com.sap.sse.gwt.resources,
|
||||
com.sap.sse.gwt.server,
|
||||
com.sap.sse.gwt.server.filestorage,
|
||||
|
||||
@@ -0,0 +1,54 @@
|
||||
package com.sap.sse.gwt.client;
|
||||
|
||||
import com.google.gwt.core.client.GWT;
|
||||
import com.google.gwt.dom.client.AnchorElement;
|
||||
import com.google.gwt.user.client.DOM;
|
||||
import com.google.gwt.user.client.Event;
|
||||
import com.google.gwt.user.client.EventListener;
|
||||
import com.google.gwt.user.client.ui.Anchor;
|
||||
import com.google.gwt.user.client.ui.impl.HyperlinkImpl;
|
||||
|
||||
/**
|
||||
* When just attaching a handler to an {@link Anchor} or {@link AnchorElement} to trigger a place change there are muiltiple disadvantages:
|
||||
* <ul>
|
||||
* <li>Opening the page in a new tab via middle click or Ctrl+Click doesn't work</li>
|
||||
* <li>Clicks with any mouse key will trigger the handler</li>
|
||||
* </ul>
|
||||
*
|
||||
* This util helps to work around such problems.
|
||||
*/
|
||||
public final class LinkUtil {
|
||||
private static final HyperlinkImpl HYPERLINK_IMPL = GWT.create(HyperlinkImpl.class);
|
||||
|
||||
private LinkUtil() {
|
||||
}
|
||||
|
||||
/**
|
||||
* @param event a browser event to check if it is a "normal" click event
|
||||
* @return true if the event is a "normal" click event, false otherwise
|
||||
*/
|
||||
public static boolean handleLinkClick(Event event) {
|
||||
if(event.getTypeInt() != Event.ONCLICK) {
|
||||
return false;
|
||||
}
|
||||
return HYPERLINK_IMPL.handleAsClick(event);
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Configures click handling of the given {@link AnchorElement} to trigger the given action when a "normal" click was triggered.
|
||||
*/
|
||||
public static void configureForAction(AnchorElement anchor, final Runnable action) {
|
||||
DOM.sinkEvents(anchor, Event.ONCLICK);
|
||||
DOM.setEventListener(anchor, new EventListener() {
|
||||
@Override
|
||||
public void onBrowserEvent(Event event) {
|
||||
GWT.log(event.getString());
|
||||
if (LinkUtil.handleLinkClick(event)) {
|
||||
event.preventDefault();
|
||||
action.run();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,35 @@
|
||||
@CHARSET "UTF-8";
|
||||
|
||||
.event_header__breadcrumb {
|
||||
font-size: 15px;
|
||||
font-size: 1rem;
|
||||
font-size: 0.866666666666667em;
|
||||
font-weight: 600;
|
||||
padding: 0.666666666666667em 0;
|
||||
}
|
||||
|
||||
.event_header__breadcrumb__item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
padding-left: 1.923076923076923em;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.event_header__breadcrumb__item:before {
|
||||
content: ' ';
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2OUUzNjU2OTYyN0ExMUU0OTkzRUFBMUUyRUFGQjM4NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2OUUzNjU2QTYyN0ExMUU0OTkzRUFBMUUyRUFGQjM4NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY5RTM2NTY3NjI3QTExRTQ5OTNFQUExRTJFQUZCMzg3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY5RTM2NTY4NjI3QTExRTQ5OTNFQUExRTJFQUZCMzg3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+yfJlBgAAAK5JREFUeNpinDlz5goGBgZXIM4F4mUMBAATEDsBsRAQLwLiKGI0RADxdyBmJkYTSMM+IPYkVhMTlD5IrCYmJDZRmpjQ+CBNbvg0MWGx9Qg+TUw4/IZTExOeEIRp+oKkSZeJgTTAhk+DDRBvB2IeIP4LxIlAfJaJBMWLQRIsOBTvAmJOdMXYPI1XMboGe0KKkTXYQ92MVzFyfiBKMUzDCmIVI+eHd0AcR0gxCAAEGACmPjby/HEDIgAAAABJRU5ErkJggg==");
|
||||
height: 100%;
|
||||
width: 6px;
|
||||
position: absolute;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
left: 0.666666666666667em;
|
||||
}
|
||||
.event_header__breadcrumb__item:first-of-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
.event_header__breadcrumb__item:first-of-type:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,91 @@
|
||||
package com.sap.sse.gwt.client.breadcrumb;
|
||||
|
||||
import com.google.gwt.core.shared.GWT;
|
||||
import com.google.gwt.dom.client.AnchorElement;
|
||||
import com.google.gwt.dom.client.DivElement;
|
||||
import com.google.gwt.dom.client.Document;
|
||||
import com.google.gwt.resources.client.ClientBundle;
|
||||
import com.google.gwt.resources.client.CssResource;
|
||||
import com.google.gwt.safehtml.shared.SafeUri;
|
||||
import com.google.gwt.safehtml.shared.UriUtils;
|
||||
import com.google.gwt.user.client.Event;
|
||||
import com.google.gwt.user.client.EventListener;
|
||||
import com.google.gwt.user.client.ui.Widget;
|
||||
import com.sap.sse.gwt.client.LinkUtil;
|
||||
|
||||
/**
|
||||
* Widget that renders multiple clickable items with ">" as spacer.
|
||||
*
|
||||
* Every item has:
|
||||
* <ul>
|
||||
* <li>a Text to show</li>
|
||||
* <li>an action that is being triggered when doing a normal click</li>
|
||||
* <li>a link that is used when the user clicks to open in a new tab</li>
|
||||
* </ul>
|
||||
*
|
||||
*/
|
||||
public class BreadcrumbPane extends Widget {
|
||||
|
||||
interface Resources extends ClientBundle {
|
||||
@Source("Breadcrumb.css")
|
||||
Style style();
|
||||
}
|
||||
|
||||
interface Style extends CssResource {
|
||||
|
||||
String event_header__breadcrumb();
|
||||
|
||||
String event_header__breadcrumb__item();
|
||||
|
||||
}
|
||||
|
||||
private static Resources resources;
|
||||
|
||||
private static Resources getResources() {
|
||||
if (resources == null) {
|
||||
resources = GWT.create(Resources.class);
|
||||
resources.style().ensureInjected();
|
||||
}
|
||||
return resources;
|
||||
}
|
||||
|
||||
private final Style style = getResources().style();
|
||||
|
||||
private final DivElement breadcrumDiv;
|
||||
|
||||
public BreadcrumbPane() {
|
||||
breadcrumDiv = Document.get().createDivElement();
|
||||
breadcrumDiv.addClassName(style.event_header__breadcrumb());
|
||||
|
||||
setElement(breadcrumDiv);
|
||||
}
|
||||
|
||||
public void addBreadcrumbItem(String title, String link, final Runnable runnable) {
|
||||
addBreadcrumbItem(title, UriUtils.fromString(link), runnable);
|
||||
}
|
||||
|
||||
public void addBreadcrumbItem(String title, SafeUri link, final Runnable runnable) {
|
||||
AnchorElement breadcrumItem = Document.get().createAnchorElement();
|
||||
breadcrumItem.setHref(link);
|
||||
breadcrumItem.setInnerText(title);
|
||||
breadcrumItem.addClassName(style.event_header__breadcrumb__item());
|
||||
|
||||
breadcrumDiv.appendChild(breadcrumItem);
|
||||
|
||||
Event.sinkEvents(breadcrumItem, Event.ONCLICK);
|
||||
Event.setEventListener(breadcrumItem, new EventListener() {
|
||||
@Override
|
||||
public void onBrowserEvent(Event event) {
|
||||
if (LinkUtil.handleLinkClick(event)) {
|
||||
event.stopPropagation();
|
||||
event.preventDefault();
|
||||
runnable.run();
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
public void clear() {
|
||||
breadcrumDiv.removeAllChildren();
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,76 @@
|
||||
.siteheader {
|
||||
font-size: 1rem;
|
||||
line-height: 1.333;
|
||||
background: #333;
|
||||
border-bottom: 4px solid #f0ab00;
|
||||
height: 75px;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.siteHeaderTitle {
|
||||
color: #fff;
|
||||
vertical-align: top;
|
||||
font-size: 20px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.siteHeaderSubTitle {
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
|
||||
.siteheaderLeft {
|
||||
position: relative; top:10px;left:10px;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
height: 50px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.siteheader2ndCol {
|
||||
position: absolute; top:10px;left:235px;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
height:50px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.siteheaderRight {
|
||||
position: absolute; top:10px;right:10px;
|
||||
text-align: right;
|
||||
display: inline-block;
|
||||
height:50px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin: 0px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.logotitle {
|
||||
display: inline-block;
|
||||
color: #f6f9fc;
|
||||
font-weight: bold;
|
||||
width: 150px;
|
||||
height: 100%;
|
||||
padding: 17px 15px 0 0;
|
||||
vertical-align: top;
|
||||
text-align: right;
|
||||
border-right: 1px solid rgb(180,180,180);
|
||||
margin: 0px;
|
||||
|
||||
margin-left: -25px;
|
||||
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.pagetitle {
|
||||
color: #ffffff;
|
||||
font-size: 1.1rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
@@ -0,0 +1,65 @@
|
||||
package com.sap.sse.gwt.client.sapheader;
|
||||
|
||||
import com.google.gwt.core.client.GWT;
|
||||
import com.google.gwt.dom.client.DivElement;
|
||||
import com.google.gwt.dom.client.Style.Display;
|
||||
import com.google.gwt.dom.client.Style.Unit;
|
||||
import com.google.gwt.uibinder.client.UiBinder;
|
||||
import com.google.gwt.uibinder.client.UiField;
|
||||
import com.google.gwt.user.client.ui.Composite;
|
||||
import com.google.gwt.user.client.ui.SimplePanel;
|
||||
import com.google.gwt.user.client.ui.Widget;
|
||||
|
||||
/**
|
||||
* Generic header widget that is designed with a SAP logo and SAP color scheme.
|
||||
*
|
||||
* The header has the following elements:
|
||||
* <ul>
|
||||
* <li>SAP Logo with an application title (like "Sailing Analytics")</li>
|
||||
* <li>Page title</li>
|
||||
* <li>Optional Subtitle</li>
|
||||
* <li>Optional widget to show on the right side of the header</li>
|
||||
* </ul>
|
||||
*/
|
||||
public class SAPHeader extends Composite {
|
||||
private static SAPHeaderUiBinder uiBinder = GWT.create(SAPHeaderUiBinder.class);
|
||||
|
||||
interface SAPHeaderUiBinder extends UiBinder<Widget, SAPHeader> {
|
||||
}
|
||||
|
||||
@UiField
|
||||
DivElement applicationNameUi;
|
||||
@UiField
|
||||
DivElement pageTitleUi;
|
||||
@UiField
|
||||
DivElement titleUi;
|
||||
@UiField
|
||||
DivElement subTitleUi;
|
||||
@UiField
|
||||
SimplePanel rightSideUi;
|
||||
|
||||
public SAPHeader(String applicationName) {
|
||||
SAPHeaderResources.INSTANCE.css().ensureInjected();
|
||||
initWidget(uiBinder.createAndBindUi(this));
|
||||
applicationNameUi.setInnerText(applicationName != null ? applicationName : " ");
|
||||
}
|
||||
|
||||
public void setHeaderTitle(String title) {
|
||||
titleUi.setInnerText(title);
|
||||
}
|
||||
|
||||
public void setHeaderSubTitle(String subtitle) {
|
||||
if (subtitle == null || subtitle.isEmpty()) {
|
||||
subTitleUi.getStyle().setDisplay(Display.NONE);
|
||||
titleUi.getStyle().setMarginTop(14, Unit.PX);
|
||||
} else {
|
||||
subTitleUi.setInnerText(subtitle);
|
||||
subTitleUi.getStyle().clearDisplay();
|
||||
titleUi.getStyle().clearMarginTop();
|
||||
}
|
||||
}
|
||||
|
||||
public void addWidgetToRightSide(Widget widget) {
|
||||
rightSideUi.add(widget);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,24 @@
|
||||
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent">
|
||||
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder"
|
||||
xmlns:g="urn:import:com.google.gwt.user.client.ui">
|
||||
<ui:with field="local_res"
|
||||
type="com.sap.sse.gwt.client.sapheader.SAPHeaderResources" />
|
||||
|
||||
<g:HTMLPanel>
|
||||
<header class="{local_res.css.siteheader}">
|
||||
<div class="{local_res.css.siteheaderLeft}">
|
||||
<g:Image resource="{local_res.logo}" pixelSize="80, 40" altText="SAP Sailing Analytics" styleName="{local_res.css.logo}"/>
|
||||
<div ui:field="applicationNameUi" class="{local_res.css.logotitle}"></div>
|
||||
</div>
|
||||
<div
|
||||
ui:field="pageTitleUi"
|
||||
class="{local_res.css.siteheader2ndCol}"
|
||||
>
|
||||
<div ui:field="titleUi" style="margin-top:14px;" class="{local_res.css.siteHeaderTitle}"></div>
|
||||
<div ui:field="subTitleUi" style="display:none;" class="{local_res.css.siteHeaderSubTitle}"></div>
|
||||
</div>
|
||||
<g:SimplePanel ui:field="rightSideUi" styleName="{local_res.css.siteheaderRight}">
|
||||
</g:SimplePanel>
|
||||
</header>
|
||||
</g:HTMLPanel>
|
||||
</ui:UiBinder>
|
||||
@@ -0,0 +1,28 @@
|
||||
package com.sap.sse.gwt.client.sapheader;
|
||||
|
||||
import com.google.gwt.core.client.GWT;
|
||||
import com.google.gwt.resources.client.ClientBundle;
|
||||
import com.google.gwt.resources.client.CssResource;
|
||||
import com.google.gwt.resources.client.ImageResource;
|
||||
|
||||
public interface SAPHeaderResources extends ClientBundle {
|
||||
public static final SAPHeaderResources INSTANCE = GWT.create(SAPHeaderResources.class);
|
||||
|
||||
@Source("SAPHeader.gss")
|
||||
LocalCss css();
|
||||
|
||||
public interface LocalCss extends CssResource {
|
||||
String siteheader();
|
||||
String siteheaderLeft();
|
||||
String siteHeaderTitle();
|
||||
String siteHeaderSubTitle();
|
||||
String siteheader2ndCol();
|
||||
String siteheaderRight();
|
||||
String logo();
|
||||
String logotitle();
|
||||
String pagetitle();
|
||||
}
|
||||
|
||||
@Source("logo-small@2x.png")
|
||||
ImageResource logo();
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
@@ -1,13 +1,24 @@
|
||||
package com.sap.sse.gwt.common;
|
||||
|
||||
import com.google.gwt.core.client.GWT;
|
||||
import com.google.gwt.resources.client.ClientBundle;
|
||||
import com.google.gwt.resources.client.CssResource;
|
||||
|
||||
public interface CommonSharedResources {
|
||||
|
||||
public interface CommonSharedResources extends ClientBundle {
|
||||
public static final CommonSharedResources INSTANCE = GWT.create(CommonSharedResources.class);
|
||||
|
||||
public static final String RESET = "com/sap/sse/gwt/common/common-reset.gss";
|
||||
public static final String MAIN = "com/sap/sse/gwt/common/common-main.gss";
|
||||
public static final String MEDIA = "com/sap/sse/gwt/common/common-media.gss";
|
||||
|
||||
@Source({RESET, MAIN})
|
||||
CommonMainCss mainCss();
|
||||
|
||||
@Source(MEDIA)
|
||||
CommonMediaCss mediaCss();
|
||||
|
||||
public interface CommonMainCss {
|
||||
public interface CommonMainCss extends CssResource {
|
||||
String button();
|
||||
String buttonprimary();
|
||||
String buttonprimaryoutlined();
|
||||
@@ -16,9 +27,102 @@ public interface CommonSharedResources {
|
||||
String mainsection();
|
||||
String mainsection_header();
|
||||
String mainsection_header_title();
|
||||
String input();
|
||||
String input_label();
|
||||
String input_input();
|
||||
String input_inputerror();
|
||||
String input_errortext();
|
||||
}
|
||||
|
||||
public interface CommonMediaCss {
|
||||
public interface CommonMediaCss extends CssResource {
|
||||
String grid();
|
||||
String stackenblochen();
|
||||
String column();
|
||||
String columns();
|
||||
String small1();
|
||||
String small2();
|
||||
String small3();
|
||||
String small4();
|
||||
String small5();
|
||||
String small6();
|
||||
String small7();
|
||||
String small8();
|
||||
String small9();
|
||||
String small10();
|
||||
String small11();
|
||||
String small12();
|
||||
String smalloffset0();
|
||||
String smalloffset1();
|
||||
String smalloffset2();
|
||||
String smalloffset3();
|
||||
String smalloffset4();
|
||||
String smalloffset5();
|
||||
String smalloffset6();
|
||||
String smalloffset7();
|
||||
String smalloffset8();
|
||||
String smalloffset9();
|
||||
String smalloffset10();
|
||||
String smalloffset11();
|
||||
String showonsmall();
|
||||
String hideonsmall();
|
||||
String showonmedium();
|
||||
String hideonmedium();
|
||||
String showonlarge();
|
||||
String hideonlarge();
|
||||
String smallcentered();
|
||||
String smalluncentered();
|
||||
String medium1();
|
||||
String medium2();
|
||||
String medium3();
|
||||
String medium4();
|
||||
String medium5();
|
||||
String medium6();
|
||||
String medium7();
|
||||
String medium8();
|
||||
String medium9();
|
||||
String medium10();
|
||||
String medium11();
|
||||
String medium12();
|
||||
String mediumoffset0();
|
||||
String mediumoffset1();
|
||||
String mediumoffset2();
|
||||
String mediumoffset3();
|
||||
String mediumoffset4();
|
||||
String mediumoffset5();
|
||||
String mediumoffset6();
|
||||
String mediumoffset7();
|
||||
String mediumoffset8();
|
||||
String mediumoffset9();
|
||||
String mediumoffset10();
|
||||
String mediumoffset11();
|
||||
String mediumcentered();
|
||||
String mediumuncentered();
|
||||
String large1();
|
||||
String large2();
|
||||
String large3();
|
||||
String large4();
|
||||
String large5();
|
||||
String large6();
|
||||
String large7();
|
||||
String large8();
|
||||
String large9();
|
||||
String large10();
|
||||
String large11();
|
||||
String large12();
|
||||
String largeoffset0();
|
||||
String largeoffset1();
|
||||
String largeoffset2();
|
||||
String largeoffset3();
|
||||
String largeoffset4();
|
||||
String largeoffset5();
|
||||
String largeoffset6();
|
||||
String largeoffset7();
|
||||
String largeoffset8();
|
||||
String largeoffset9();
|
||||
String largeoffset10();
|
||||
String largeoffset11();
|
||||
String largecentered();
|
||||
String largeuncentered();
|
||||
}
|
||||
|
||||
}
|
||||
@@ -0,0 +1,98 @@
|
||||
.button {
|
||||
font-size: 1rem;
|
||||
display: inline-block;
|
||||
font-weight: 600;
|
||||
color: #fff;
|
||||
border: none;
|
||||
padding: 0.666666666666667em 2em;
|
||||
border-radius: 0.2em;
|
||||
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;
|
||||
}
|
||||
.button[disabled] {
|
||||
cursor: not-allowed;
|
||||
background: #cfcfcf;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #d79900;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
.buttonprimary {
|
||||
background-color: #008fcc;
|
||||
}
|
||||
.buttonprimary:hover {
|
||||
color: #fff;
|
||||
background-color: #0081b8;
|
||||
}
|
||||
.buttonprimaryoutlined {
|
||||
background-color: transparent;
|
||||
padding: .533333333333333em 1.333333333333333em;
|
||||
border: 1px solid #008fcc;
|
||||
color: #008fcc;
|
||||
}
|
||||
.buttonprimaryoutlined:hover {
|
||||
background-color: #0081b8;
|
||||
color: #fff;
|
||||
}
|
||||
.buttonarrowrightwhite:after {
|
||||
content: '';
|
||||
display: inline-block;
|
||||
margin-left: 0.666666666666667em;
|
||||
width: 0.466666666666667em;
|
||||
height: 0.8em;
|
||||
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMCAYAAACulacQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAFtJREFUeNpi+P///wEgPgzEokDMgIxBxMn/EHAVXQGIkIBKYCiAqUJXIIEsiVUBA5ojRJEUnGFiwAR/ofQvXLpQjMXpILxeOY8rEEAOegfER4DYAYhfI7sMIMAAiXvwy2upI1UAAAAASUVORK5CYII=");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.mainsection {
|
||||
padding: 5.333333333333333em 0;
|
||||
}
|
||||
.mainsection_header {
|
||||
text-align: center;
|
||||
margin-bottom: 4em;
|
||||
}
|
||||
.mainsection_header p {
|
||||
margin-top: 0;
|
||||
font-size: 1.2em;
|
||||
}
|
||||
.mainsection_header_title {
|
||||
margin: 0 0 0.5em;
|
||||
font-size: 2.4em;
|
||||
color: #008fcc;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.input {
|
||||
width: 100%;
|
||||
padding: 0.333333333333333em 0;
|
||||
display: inline-block;
|
||||
}
|
||||
.input_label {
|
||||
font-weight: 600;
|
||||
margin-top: 1.333333333333333em;
|
||||
line-height: 1.333333333333333em;
|
||||
margin-bottom: 0.333333333333333em;
|
||||
}
|
||||
.input:first-of-type .input_label {
|
||||
margin-top: 0.666666666666667em;
|
||||
}
|
||||
.input_input {
|
||||
width: 100%;
|
||||
color: #333;
|
||||
padding: 0.6em 1.333333333333333em;
|
||||
border-radius: 0.2em;
|
||||
border: 1px solid #dedede;
|
||||
}
|
||||
.input_inputerror {
|
||||
border: 1px solid #f00;
|
||||
}
|
||||
.input_errortext {
|
||||
color: #f00;
|
||||
font-size: 0.8em;
|
||||
margin: -0.266666666666667em 0 0.333333333333333em;
|
||||
}
|
||||
@@ -0,0 +1,450 @@
|
||||
/**
|
||||
* The grid styles
|
||||
*/
|
||||
.grid,
|
||||
.stackenblochen {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 80rem;
|
||||
list-style: none;
|
||||
margin: 0 auto;
|
||||
zoom: 1;
|
||||
}
|
||||
.grid:before,
|
||||
.stackenblochen:before,
|
||||
.grid:after,
|
||||
.stackenblochen:after {
|
||||
content: "";
|
||||
display: table;
|
||||
}
|
||||
.grid:after,
|
||||
.stackenblochen:after {
|
||||
clear: both;
|
||||
}
|
||||
.grid *,
|
||||
.stackenblochen * {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.grid .grid,
|
||||
.stackenblochen .grid,
|
||||
.grid .stackenblochen,
|
||||
.stackenblochen .stackenblochen {
|
||||
width: auto;
|
||||
max-width: none;
|
||||
margin-left: -1rem;
|
||||
margin-right: -1rem;
|
||||
}
|
||||
.column,
|
||||
.columns {
|
||||
float: left;
|
||||
padding: 0 1rem;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.column img,
|
||||
.columns img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
ms-interpolation-mode: bicubic;
|
||||
}
|
||||
.small1 {
|
||||
width: 8.3333333333333%;
|
||||
}
|
||||
.small2 {
|
||||
width: 16.6666666666667%;
|
||||
}
|
||||
.small3 {
|
||||
width: 25%;
|
||||
}
|
||||
.small4 {
|
||||
width: 33.3333333333333%;
|
||||
}
|
||||
.small5 {
|
||||
width: 41.6666666666667%;
|
||||
}
|
||||
.small6 {
|
||||
width: 50%;
|
||||
}
|
||||
.small7 {
|
||||
width: 58.3333333333333%;
|
||||
}
|
||||
.small8 {
|
||||
width: 66.6666666666667%;
|
||||
}
|
||||
.small9 {
|
||||
width: 75%;
|
||||
}
|
||||
.small10 {
|
||||
width: 83.3333333333333%;
|
||||
}
|
||||
.small11 {
|
||||
width: 91.6666666666667%;
|
||||
}
|
||||
.small12 {
|
||||
width: 100%;
|
||||
}
|
||||
.smalloffset0 {
|
||||
margin-left: 0% !important;
|
||||
}
|
||||
.smalloffset1 {
|
||||
margin-left: 8.3333333333333% !important;
|
||||
}
|
||||
.smalloffset2 {
|
||||
margin-left: 16.6666666666667% !important;
|
||||
}
|
||||
.smalloffset3 {
|
||||
margin-left: 25% !important;
|
||||
}
|
||||
.smalloffset4 {
|
||||
margin-left: 33.3333333333333% !important;
|
||||
}
|
||||
.smalloffset5 {
|
||||
margin-left: 41.6666666666667% !important;
|
||||
}
|
||||
.smalloffset6 {
|
||||
margin-left: 50% !important;
|
||||
}
|
||||
.smalloffset7 {
|
||||
margin-left: 58.3333333333333% !important;
|
||||
}
|
||||
.smalloffset8 {
|
||||
margin-left: 66.6666666666667% !important;
|
||||
}
|
||||
.smalloffset9 {
|
||||
margin-left: 75% !important;
|
||||
}
|
||||
.smalloffset10 {
|
||||
margin-left: 83.3333333333333% !important;
|
||||
}
|
||||
.smalloffset11 {
|
||||
margin-left: 91.6666666666667% !important;
|
||||
}
|
||||
.showonsmall {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hideonsmall {
|
||||
display: none !important;
|
||||
}
|
||||
table.showonsmall {
|
||||
display: table !important;
|
||||
}
|
||||
tr.showonsmall {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.showonsmall,
|
||||
th.showonsmall {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.showonmedium {
|
||||
display: none !important;
|
||||
}
|
||||
.hideonmedium {
|
||||
display: inherit !important;
|
||||
}
|
||||
table.hideonmedium {
|
||||
display: table !important;
|
||||
}
|
||||
tr.hideonmedium {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.hideonmedium,
|
||||
th.hideonmedium {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.showonlarge {
|
||||
display: none !important;
|
||||
}
|
||||
.hideonlarge {
|
||||
display: inherit !important;
|
||||
}
|
||||
table.hideonlarge {
|
||||
display: table !important;
|
||||
}
|
||||
tr.hideonlarge {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.hideonlarge,
|
||||
th.hideonlarge {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.column.smallcentered,
|
||||
.columns.smallcentered {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
float: none;
|
||||
}
|
||||
.column.smalluncentered,
|
||||
.columns.smalluncentered {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
float: left !important;
|
||||
}
|
||||
@media (min-width: 45em) {
|
||||
.medium1 {
|
||||
width: 8.3333333333333%;
|
||||
}
|
||||
.medium2 {
|
||||
width: 16.6666666666667%;
|
||||
}
|
||||
.medium3 {
|
||||
width: 25%;
|
||||
}
|
||||
.medium4 {
|
||||
width: 33.3333333333333%;
|
||||
}
|
||||
.medium5 {
|
||||
width: 41.6666666666667%;
|
||||
}
|
||||
.medium6 {
|
||||
width: 50%;
|
||||
}
|
||||
.medium7 {
|
||||
width: 58.3333333333333%;
|
||||
}
|
||||
.medium8 {
|
||||
width: 66.6666666666667%;
|
||||
}
|
||||
.medium9 {
|
||||
width: 75%;
|
||||
}
|
||||
.medium10 {
|
||||
width: 83.3333333333333%;
|
||||
}
|
||||
.medium11 {
|
||||
width: 91.6666666666667%;
|
||||
}
|
||||
.medium12 {
|
||||
width: 100%;
|
||||
}
|
||||
.mediumoffset0 {
|
||||
margin-left: 0% !important;
|
||||
}
|
||||
.mediumoffset1 {
|
||||
margin-left: 8.3333333333333% !important;
|
||||
}
|
||||
.mediumoffset2 {
|
||||
margin-left: 16.6666666666667% !important;
|
||||
}
|
||||
.mediumoffset3 {
|
||||
margin-left: 25% !important;
|
||||
}
|
||||
.mediumoffset4 {
|
||||
margin-left: 33.3333333333333% !important;
|
||||
}
|
||||
.mediumoffset5 {
|
||||
margin-left: 41.6666666666667% !important;
|
||||
}
|
||||
.mediumoffset6 {
|
||||
margin-left: 50% !important;
|
||||
}
|
||||
.mediumoffset7 {
|
||||
margin-left: 58.3333333333333% !important;
|
||||
}
|
||||
.mediumoffset8 {
|
||||
margin-left: 66.6666666666667% !important;
|
||||
}
|
||||
.mediumoffset9 {
|
||||
margin-left: 75% !important;
|
||||
}
|
||||
.mediumoffset10 {
|
||||
margin-left: 83.3333333333333% !important;
|
||||
}
|
||||
.mediumoffset11 {
|
||||
margin-left: 91.6666666666667% !important;
|
||||
}
|
||||
.showonsmall {
|
||||
display: none !important;
|
||||
}
|
||||
.hideonsmall {
|
||||
display: inherit !important;
|
||||
}
|
||||
table.hideonsmall {
|
||||
display: table !important;
|
||||
}
|
||||
tr.hideonsmall {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.hideonsmall,
|
||||
th.hideonsmall {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.showonmedium {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hideonmedium {
|
||||
display: none !important;
|
||||
}
|
||||
table.showonmedium {
|
||||
display: table !important;
|
||||
}
|
||||
tr.showonmedium {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.showonmedium,
|
||||
th.showonmedium {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.showonlarge {
|
||||
display: none !important;
|
||||
}
|
||||
.hideonlarge {
|
||||
display: inherit !important;
|
||||
}
|
||||
table.hideonlarge {
|
||||
display: table !important;
|
||||
}
|
||||
tr.hideonlarge {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.hideonlarge,
|
||||
th.hideonlarge {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.column.mediumcentered,
|
||||
.columns.mediumcentered {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
float: none;
|
||||
}
|
||||
.column.mediumuncentered,
|
||||
.columns.mediumuncentered {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
float: left !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 61em) {
|
||||
.large1 {
|
||||
width: 8.3333333333333%;
|
||||
}
|
||||
.large2 {
|
||||
width: 16.6666666666667%;
|
||||
}
|
||||
.large3 {
|
||||
width: 25%;
|
||||
}
|
||||
.large4 {
|
||||
width: 33.3333333333333%;
|
||||
}
|
||||
.large5 {
|
||||
width: 41.6666666666667%;
|
||||
}
|
||||
.large6 {
|
||||
width: 50%;
|
||||
}
|
||||
.large7 {
|
||||
width: 58.3333333333333%;
|
||||
}
|
||||
.large8 {
|
||||
width: 66.6666666666667%;
|
||||
}
|
||||
.large9 {
|
||||
width: 75%;
|
||||
}
|
||||
.large10 {
|
||||
width: 83.3333333333333%;
|
||||
}
|
||||
.large11 {
|
||||
width: 91.6666666666667%;
|
||||
}
|
||||
.large12 {
|
||||
width: 100%;
|
||||
}
|
||||
.largeoffset0 {
|
||||
margin-left: 0% !important;
|
||||
}
|
||||
.largeoffset1 {
|
||||
margin-left: 8.3333333333333% !important;
|
||||
}
|
||||
.largeoffset2 {
|
||||
margin-left: 16.6666666666667% !important;
|
||||
}
|
||||
.largeoffset3 {
|
||||
margin-left: 25% !important;
|
||||
}
|
||||
.largeoffset4 {
|
||||
margin-left: 33.3333333333333% !important;
|
||||
}
|
||||
.largeoffset5 {
|
||||
margin-left: 41.6666666666667% !important;
|
||||
}
|
||||
.largeoffset6 {
|
||||
margin-left: 50% !important;
|
||||
}
|
||||
.largeoffset7 {
|
||||
margin-left: 58.3333333333333% !important;
|
||||
}
|
||||
.largeoffset8 {
|
||||
margin-left: 66.6666666666667% !important;
|
||||
}
|
||||
.largeoffset9 {
|
||||
margin-left: 75% !important;
|
||||
}
|
||||
.largeoffset10 {
|
||||
margin-left: 83.3333333333333% !important;
|
||||
}
|
||||
.largeoffset11 {
|
||||
margin-left: 91.6666666666667% !important;
|
||||
}
|
||||
.showonsmall {
|
||||
display: none !important;
|
||||
}
|
||||
.hideonsmall {
|
||||
display: inherit !important;
|
||||
}
|
||||
table.hideonsmall {
|
||||
display: table !important;
|
||||
}
|
||||
tr.hideonsmall {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.hideonsmall,
|
||||
th.hideonsmall {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.showonmedium {
|
||||
display: none !important;
|
||||
}
|
||||
.hideonmedium {
|
||||
display: inherit !important;
|
||||
}
|
||||
table.hideonmedium {
|
||||
display: table !important;
|
||||
}
|
||||
tr.hideonmedium {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.hideonmedium,
|
||||
th.hideonmedium {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.showonlarge {
|
||||
display: inherit !important;
|
||||
}
|
||||
.hideonlarge {
|
||||
display: none !important;
|
||||
}
|
||||
table.showonlarge {
|
||||
display: table !important;
|
||||
}
|
||||
tr.showonlarge {
|
||||
display: table-row !important;
|
||||
}
|
||||
td.showonlarge,
|
||||
th.showonlarge {
|
||||
display: table-cell !important;
|
||||
}
|
||||
.column.largecentered,
|
||||
.columns.largecentered {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
float: none;
|
||||
}
|
||||
.column.largeuncentered,
|
||||
.columns.largeuncentered {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
float: left !important;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,14 @@
|
||||
*,
|
||||
*:before,
|
||||
*:after {
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-ms-content-zooming: none;
|
||||
}
|
||||
Reference in new issue
Block a user