summaryrefslogtreecommitdiff
path: root/res/client/css/style.css
diff options
context:
space:
mode:
Diffstat (limited to 'res/client/css/style.css')
-rw-r--r--res/client/css/style.css368
1 files changed, 368 insertions, 0 deletions
diff --git a/res/client/css/style.css b/res/client/css/style.css
index da347b4e..ca2ce308 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -325,6 +325,355 @@ body.debug .debug-ui-right {
background: darkgray;
font-weight: bold; }
+.feedback-btn {
+ background-clip: padding-box;
+ bottom: 220px;
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+ font-size: 12px;
+ filter: none;
+ left: -30px;
+ position: fixed;
+ padding: 8px;
+ transform: rotate(90deg);
+ width: auto;
+ outline: 0;
+ opacity: 0.6;
+ z-index: 40000; }
+
+#feedback-module p {
+ font-size: 13px; }
+
+#feedback-note-tmp {
+ width: 444px;
+ height: auto;
+ min-height: 90px;
+ outline: none;
+ font-family: Arial,sans-serif;
+ padding: 4px; }
+
+#feedback-note-tmp:focus,
+#feedback-overview-note:focus {
+ border: 1px solid #64b7cc; }
+
+#feedback-canvas {
+ position: absolute;
+ top: 0;
+ left: 0; }
+
+#feedback-welcome {
+ top: 30%;
+ left: 50%;
+ margin-left: -270px;
+ display: block;
+ position: fixed; }
+
+.feedback-logo {
+ background: url(icons.png) 0px 0px no-repeat;
+ width: 34px;
+ margin-bottom: 16px;
+ font-size: 16px;
+ font-weight: normal;
+ line-height: 32px;
+ padding-left: 40px;
+ height: 32px; }
+
+.feedback-next-btn {
+ width: 72px;
+ height: 29px;
+ line-height: 27px;
+ float: right;
+ font-size: 13px;
+ padding: 0 8px; }
+
+.feedback-back-btn {
+ width: 72px;
+ height: 29px;
+ line-height: 27px;
+ float: right;
+ font-size: 13px;
+ padding: 0 8px;
+ margin-right: 20px; }
+
+.feedback-submit-btn {
+ width: 72px;
+ height: 29px;
+ line-height: 27px;
+ float: right;
+ font-size: 13px;
+ padding: 0 8px; }
+
+.feedback-close-btn {
+ width: 72px;
+ height: 29px;
+ line-height: 27px;
+ float: right;
+ font-size: 13px;
+ padding: 0 8px; }
+
+.feedback-helper {
+ background: transparent;
+ cursor: default; }
+
+.feedback-helper[data-type="highlight"] > .feedback-helper-inner {
+ background: rgba(0, 68, 255, 0.1); }
+
+#feedback-close {
+ cursor: pointer;
+ position: absolute;
+ background: url(icons.png) 0px -64px;
+ width: 30px;
+ height: 30px; }
+
+.feedback-wizard-close {
+ cursor: pointer;
+ position: absolute;
+ top: 2px;
+ right: 2px;
+ background: url(icons.png) 0px -34px;
+ width: 30px;
+ height: 30px;
+ opacity: 0.65; }
+
+.feedback-wizard-close:hover {
+ opacity: 1; }
+
+#feedback-welcome-error,
+#feedback-overview-error {
+ display: none;
+ color: #f13e3e;
+ float: right;
+ margin-right: 30px;
+ font-size: 13px;
+ line-height: 29px; }
+
+#feedback-overview-error {
+ margin-top: 20px; }
+
+#feedback-highlighter {
+ display: none;
+ bottom: 100px;
+ right: 100px;
+ position: fixed;
+ width: 540px;
+ height: 275px; }
+
+#feedback-overview {
+ display: none;
+ top: 10%;
+ left: 50%;
+ margin-left: -420px;
+ position: fixed;
+ width: 840px !important;
+ height: auto; }
+
+#feedback-submit-error,
+#feedback-submit-success {
+ top: 30%;
+ left: 50%;
+ margin-left: -300px;
+ display: block;
+ position: fixed;
+ width: 600px;
+ height: auto; }
+
+.feedback-btn-gray {
+ text-align: center;
+ cursor: pointer;
+ font-family: 'Open sans';
+ border: 1px solid #dcdcdc;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ color: #444;
+ border-radius: 2px;
+ background-color: #f5f5f5;
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: linear-gradient(top, #f5f5f5, #f1f1f1); }
+
+.feedback-btn-gray:hover {
+ color: #333;
+ border: 1px solid #c6c6c6;
+ background-color: #f8f8f8;
+ background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: linear-gradient(top, #f8f8f8, #f1f1f1); }
+
+.feedback-btn-blue {
+ text-align: center;
+ cursor: pointer;
+ font-family: 'Open sans';
+ border-radius: 2px;
+ background-color: #357ae8;
+ background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
+ background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
+ background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
+ background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
+ background-image: linear-gradient(top, #4d90fe, #357ae8);
+ border: 1px solid #2f5bb7;
+ color: #fff; }
+
+#feedback-note-tmp,
+#feedback-overview-note {
+ resize: none; }
+
+#feedback-welcome,
+#feedback-highlighter,
+#feedback-overview,
+#feedback-submit-success,
+#feedback-submit-error {
+ font-family: Arial,sans-serif;
+ z-index: 40000;
+ background: #fff;
+ border: 1px solid rgba(0, 0, 0, 0.333);
+ padding: 30px 42px;
+ width: 540px;
+ border: 1px solid rgba(0, 0, 0, 0.333);
+ outline: 0;
+ -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+ background: #fff;
+ background-clip: padding-box;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -webkit-transform: translateZ(); }
+
+.feedback-sethighlight,
+.feedback-setblackout {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background-color: #f5f5f5;
+ background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
+ background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
+ color: #444;
+ border: 1px solid #dcdcdc;
+ border: 1px solid rgba(0, 0, 0, 0.1);
+ -webkit-border-radius: 2px;
+ -moz-border-radius: 2px;
+ border-radius: 2px;
+ cursor: default;
+ font-size: 11px;
+ font-weight: bold;
+ text-align: center;
+ white-space: nowrap;
+ margin-right: 16px;
+ height: 30px;
+ line-height: 28px;
+ min-width: 90px;
+ outline: 0;
+ padding: 0 8px;
+ display: inline-block;
+ float: left; }
+
+.feedback-setblackout {
+ margin-top: 10px;
+ clear: both; }
+
+.feedback-sethighlight div {
+ background: url(icons.png) 0px -94px;
+ width: 16px;
+ height: 16px;
+ margin-top: 7px;
+ float: left; }
+
+.feedback-setblackout div {
+ background: url(icons.png) -16px -94px;
+ width: 16px;
+ height: 16px;
+ margin-top: 7px;
+ float: left; }
+
+.feedback-sethighlight:hover,
+.feedback-setblackout:hover {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background-color: #f8f8f8;
+ background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
+ background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
+ border: 1px solid #c6c6c6;
+ color: #333; }
+
+.feedback-active {
+ -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+ background-color: #eee;
+ background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
+ background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
+ background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
+ background-image: -o-linear-gradient(top, #eee, #e0e0e0);
+ background-image: linear-gradient(top, #eee, #e0e0e0);
+ border: 1px solid #ccc;
+ color: #333; }
+
+#feedback-highlighter label {
+ float: left;
+ margin: 0 0 0 10px;
+ line-height: 30px;
+ font-size: 13px;
+ font-weight: normal; }
+
+#feedback-highlighter label.lower {
+ margin-top: 10px; }
+
+.feedback-buttons {
+ float: right;
+ margin-top: 20px;
+ clear: both; }
+
+#feedback-module h3 {
+ font-weight: bold;
+ font-size: 15px;
+ margin: 8px 0; }
+
+.feedback-additional {
+ margin-bottom: 20px !important; }
+
+#feedback-overview-description {
+ float: left; }
+
+#feedback-overview-note {
+ width: 314px;
+ padding: 4px;
+ height: 90px;
+ outline: none;
+ font-family: Arial,sans-serif; }
+
+#feedback-overview-screenshot {
+ float: right; }
+
+.feedback-screenshot {
+ max-width: 396px;
+ padding: 1px;
+ border: 1px solid #adadad; }
+
+#feedback-overview-description-text span {
+ font-size: 14px;
+ margin: 8px 0;
+ color: #666;
+ padding-left: 10px;
+ background: url(icons.png) -30px -34px no-repeat;
+ margin-left: 26px; }
+
+#feedback-browser-info,
+#feedback-page-info,
+#feedback-page-structure,
+#feedback-additional-none {
+ margin-top: 16px;
+ display: none; }
+
.input-container {
width: 35%; }
.input-container form {
@@ -1267,6 +1616,25 @@ p {
stroke-opacity: 0.5;
stroke-width: 5px; }
+.node.team {
+ fill: #ff8b11;
+ stroke: #ff8b11;
+ stroke-width: 4px;
+ stroke-opacity: 0.4; }
+ .node.team.related {
+ stroke: #33c2e0;
+ stroke-opacity: 0.5;
+ stroke-width: 2px; }
+ .node.team.selected {
+ stroke: #fad900;
+ stroke-opacity: 0.5;
+ stroke-width: 2px;
+ z-index: 1; }
+ .node.team:hover {
+ stroke: #ff8b11;
+ stroke-opacity: 0.5;
+ stroke-width: 5px; }
+
.node.empty {
fill: #919095;
stroke: #919095;