T260 implemented mock framepage into project
This commit is contained in:
@@ -1,7 +0,0 @@
|
||||
.r11-form {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.r11-form input, textarea {
|
||||
border:
|
||||
}
|
||||
8
target/classes/static/css/framepage/common.css
Normal file
8
target/classes/static/css/framepage/common.css
Normal file
@@ -0,0 +1,8 @@
|
||||
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
|
||||
@import url('/css/framepage/css/fontello.css');
|
||||
@import url('/css/framepage/css/r11addons.css');
|
||||
@import url('/css/framepage/css/r11tables.css');
|
||||
@import url('/css/framepage/css/r11tool.css');
|
||||
@import url('/css/framepage/css/r11tooltip.css');
|
||||
@import url('/css/framepage/css/r11modal.css');
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
59
target/classes/static/css/framepage/css/r11addons.css
Normal file
59
target/classes/static/css/framepage/css/r11addons.css
Normal file
@@ -0,0 +1,59 @@
|
||||
.modification-button.btn-tile:hover {
|
||||
color: #ca1111;
|
||||
}
|
||||
|
||||
.modification-button.btn-tile {
|
||||
width: 10%;
|
||||
margin: 20% 0 0 0;
|
||||
font-size: 14px;
|
||||
color: #00000020
|
||||
}
|
||||
|
||||
.modification-button.btn-addtile {
|
||||
font-size: 38px;
|
||||
color: #00000030;
|
||||
}
|
||||
|
||||
.modification-button.btn-addtile:hover {
|
||||
color: #58ac43;
|
||||
}
|
||||
|
||||
.tile {
|
||||
width: 100%;
|
||||
padding-top: 40%;
|
||||
border: 1px solid gray;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
background: #f0f0f095;
|
||||
margin-bottom: 10px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.tile:hover {
|
||||
filter: brightness(110%);
|
||||
}
|
||||
|
||||
.tile.active {
|
||||
background: #00000070;
|
||||
color: white;
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.tile.active .btn-tile {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.tile .content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
padding: 0 2% 0 7%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.content p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
71
target/classes/static/css/framepage/css/r11tables.css
Normal file
71
target/classes/static/css/framepage/css/r11tables.css
Normal file
@@ -0,0 +1,71 @@
|
||||
.table-map {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.table-map input{
|
||||
font-size: 16px;
|
||||
padding: 7px;
|
||||
border: 1px solid rgba(145, 146, 146, 0.849);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.table-map input.key {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.modification-button.btn-add {
|
||||
font-size: 16px;
|
||||
color: #00000030;
|
||||
margin: auto 0 auto 0;
|
||||
}
|
||||
|
||||
.modification-button.btn-add:hover {
|
||||
color:#58ac43;
|
||||
}
|
||||
|
||||
.modification-button.btn-hashmap {
|
||||
font-size: 16px;
|
||||
color: #00000030;
|
||||
margin: auto 0 auto 0;
|
||||
}
|
||||
|
||||
.modification-button.btn-hashmap:hover {
|
||||
color: #ca1111;
|
||||
}
|
||||
|
||||
.table-default {
|
||||
width: 80%;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.table-default tr {
|
||||
background: #f0f0f02d;
|
||||
}
|
||||
|
||||
.table-default tr.bottom-border {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
.table-default th {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.table-default tr.even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.table-doc td, .table-doc th{
|
||||
border-spacing: 0px;
|
||||
padding: 0px 10px;
|
||||
}
|
||||
|
||||
.table-doc td {
|
||||
background-color: rgba(155, 165, 160, 0.342);
|
||||
}
|
||||
|
||||
.table-doc th {
|
||||
background-color: #3bc4f1;
|
||||
text-align: left;
|
||||
color: white;
|
||||
}
|
||||
@@ -1,8 +1,4 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;700&display=swap');
|
||||
@import url('https://necolas.github.io/normalize.css/8.0.1/normalize.css');
|
||||
@import url('fontello.css');
|
||||
|
||||
|
||||
.hyperlink, .hyperlink:visited, .hyperlink:active {
|
||||
color: rgb(47, 125, 146);
|
||||
cursor: pointer;
|
||||
@@ -12,25 +8,6 @@
|
||||
filter: brightness(120%);
|
||||
}
|
||||
|
||||
.tooltip-window {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
filter: drop-shadow(-2px 0px 2px darkgray);
|
||||
background: #e8f3f7;
|
||||
padding: 15px 30px;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.tooltip-window.lite {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.tooltip-window .tip {
|
||||
}
|
||||
|
||||
.bordered-field {
|
||||
border: 2px solid rgba(93, 99, 96, 0.705);
|
||||
border-radius: 5px;
|
||||
@@ -48,10 +25,6 @@
|
||||
background: #eeeeeed2;
|
||||
}
|
||||
|
||||
.disabled-background {
|
||||
background: #eeeeeed2;
|
||||
}
|
||||
|
||||
.vertically-resizeable {
|
||||
resize: vertical;
|
||||
}
|
||||
@@ -125,82 +98,6 @@ body {
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.modification-button.btn-add {
|
||||
font-size: 16px;
|
||||
color: #00000030;
|
||||
margin: auto 0 auto 0;
|
||||
}
|
||||
|
||||
.modification-button.btn-add:hover {
|
||||
color:#58ac43;
|
||||
}
|
||||
|
||||
.modification-button.btn-tile:hover {
|
||||
color: #ca1111;
|
||||
}
|
||||
|
||||
.modification-button.btn-hashmap {
|
||||
font-size: 16px;
|
||||
color: #00000030;
|
||||
margin: auto 0 auto 0;
|
||||
}
|
||||
|
||||
.modification-button.btn-hashmap:hover {
|
||||
color: #ca1111;
|
||||
}
|
||||
|
||||
.modification-button.btn-tile {
|
||||
width: 10%;
|
||||
margin: 20% 0 0 0;
|
||||
font-size: 14px;
|
||||
color: #00000020
|
||||
}
|
||||
|
||||
.modification-button.btn-addtile {
|
||||
font-size: 38px;
|
||||
color: #00000030;
|
||||
}
|
||||
|
||||
.modification-button.btn-addtile:hover {
|
||||
color: #58ac43;
|
||||
}
|
||||
|
||||
.tile {
|
||||
width: 100%;
|
||||
padding-top: 40%;
|
||||
border: 1px solid gray;
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
background: #f0f0f095;
|
||||
margin-bottom: 10px;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.tile:hover {
|
||||
filter: brightness(110%);
|
||||
}
|
||||
|
||||
.tile.active {
|
||||
background: #00000070;
|
||||
color: white;
|
||||
filter: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.tile.active .btn-tile {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.tile .content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
padding: 0 2% 0 7%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.text-aligned-to-right {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -221,12 +118,6 @@ body {
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
|
||||
.content p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
|
||||
.float-left {
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
@@ -360,50 +251,6 @@ body {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.table-map {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.table-map input{
|
||||
font-size: 16px;
|
||||
padding: 7px;
|
||||
border: 1px solid rgba(145, 146, 146, 0.849);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.table-map input.key {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.table-default {
|
||||
width: 80%;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
.table-default tr {
|
||||
background: #f0f0f02d;
|
||||
}
|
||||
|
||||
.table-default tr.bottom-border {
|
||||
border-bottom: 1px solid black;
|
||||
}
|
||||
|
||||
.table-default th {
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.table-default tr.even {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
.tip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tip.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tabcontent {
|
||||
display: none;
|
||||
@@ -414,36 +261,6 @@ body {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.collapsible .section-button {
|
||||
width: 100%;
|
||||
padding: 15px 0;
|
||||
font-size: 18px;
|
||||
background: #00000012;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.collapsible .section-button:hover {
|
||||
filter: brightness(110%);
|
||||
}
|
||||
|
||||
.collapsible.active .section-button {
|
||||
background: #00000030;
|
||||
}
|
||||
|
||||
.collapsible.active .section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.collapsible .section {
|
||||
display: none;
|
||||
background: #ffffff50;
|
||||
}
|
||||
|
||||
.section .content {
|
||||
padding: 15px 15px 30px 15px ;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.hiddable {
|
||||
display: none;
|
||||
}
|
||||
@@ -452,3 +269,19 @@ body {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
/* In case of collision with classes that use 'active' */
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* TODO: Add proper class */
|
||||
/* textarea {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
} */
|
||||
|
||||
/* TODO: Add proper class */
|
||||
/* code{
|
||||
line-height: 150%;
|
||||
} */
|
||||
77
target/classes/static/css/framepage/css/r11tooltip.css
Normal file
77
target/classes/static/css/framepage/css/r11tooltip.css
Normal file
@@ -0,0 +1,77 @@
|
||||
.tooltip-window {
|
||||
position: fixed;
|
||||
right: 0;
|
||||
filter: drop-shadow(-2px 0px 2px darkgray);
|
||||
background: #e8f3f7;
|
||||
padding: 15px 30px;
|
||||
font-family: 'Nunito', sans-serif;
|
||||
width: 40%;
|
||||
height: 100%;
|
||||
overflow: scroll;
|
||||
}
|
||||
|
||||
.tooltip-window.lite {
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.tip {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tip.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* TODO: Remove !important. It's bad practice and it can cause errors in future */
|
||||
.section-button {
|
||||
width: 100%;
|
||||
padding: 15px 0;
|
||||
font-size: 18px;
|
||||
background: #b4b4b4c5;
|
||||
cursor: pointer;
|
||||
border-bottom: darkgray 2px solid !important;
|
||||
}
|
||||
|
||||
.section-button:hover {
|
||||
backdrop-filter: brightness(110%);
|
||||
}
|
||||
|
||||
.section-button .active {
|
||||
background: #00000030;
|
||||
}
|
||||
|
||||
.List .collapsibleContent {
|
||||
border-left: #bdc5c9 2px solid;
|
||||
overflow: hidden;
|
||||
background: #ffffff50;
|
||||
}
|
||||
|
||||
/* TODO: .section class is to generic. It should be renamed */
|
||||
.section{
|
||||
padding: 10px 0px 20px 0px ;
|
||||
}
|
||||
|
||||
/* TODO: content subclass already in use. Creating content class overrides the subclass.
|
||||
Make .content a subclass of .content */
|
||||
/* .content {
|
||||
padding: 0px 15px 0px 15px ;
|
||||
text-align: justify;
|
||||
overflow: hidden;
|
||||
transition: max-height .2s ease-out;
|
||||
max-height: 0px;
|
||||
border-left: #c0c2c3 2px solid;
|
||||
|
||||
} */
|
||||
|
||||
.collapsibleMini::before{
|
||||
content: "►";
|
||||
}
|
||||
|
||||
.collapsibleMini.active::before{
|
||||
content: "▼";
|
||||
}
|
||||
|
||||
/* TODO: Add proper class */
|
||||
/* button:hover{
|
||||
filter: brightness(110%);
|
||||
} */
|
||||
BIN
target/classes/static/css/framepage/favicon.ico
Normal file
BIN
target/classes/static/css/framepage/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.4 KiB |
35
target/classes/static/css/framepage/index.html
Normal file
35
target/classes/static/css/framepage/index.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<!-- <link rel="stylesheet" href="common.css"> -->
|
||||
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="header">
|
||||
<h1 id="logo"><a href="http://release11.com/"><img src="./logo.png" alt="Release11"></a></h1>
|
||||
</div>
|
||||
|
||||
<div id="content">
|
||||
<div id="toolList">
|
||||
<ul id="toolList">
|
||||
<li id="toolListRow"><a href="http://gordon.zipper.release11.com:8097/" target="iframe">REST Mock</a></li>
|
||||
<li id="toolListRow"><a href="./Frontend/xpath.html" target="iframe">XPath</a></li>
|
||||
<li id="toolListRow"><a href="./Frontend/xslt.html" target="iframe">XSLT</a></li>
|
||||
<li id="toolListRow"><a href="http://gordon.zipper.release11.com:8071/jpk-converter/" target="iframe">JPK</a></li>
|
||||
<li id="toolListRow"><a href="./tool1.html" target="iframe">Tool 5</a></li>
|
||||
<li id="toolListRow"><a href="./tool1.html" target="iframe">Tool 6</a></li>
|
||||
<li id="toolListRow"><a href="./tool1.html" target="iframe">Tool 7</a></li>
|
||||
<li id="toolListRow"><a href="./tool1.html" target="iframe">Tool 8</a></li>
|
||||
</ul>
|
||||
<div id="copyright">Copyright © 2021<br><a href="http://release11.com/">release11 Sp. z o. o.</a></div>
|
||||
</div>
|
||||
<iframe id="frame" name="iframe" src="http://gordon.zipper.release11.com:8097/" frameborder="0"></iframe>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
target/classes/static/css/framepage/logo.png
Normal file
BIN
target/classes/static/css/framepage/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
87
target/classes/static/css/framepage/styles.css
Normal file
87
target/classes/static/css/framepage/styles.css
Normal file
@@ -0,0 +1,87 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
|
||||
|
||||
body {
|
||||
font-family: 'Nunito', sans-serif;
|
||||
color: #2e3133;
|
||||
font-weight: normal;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
div#header {
|
||||
background-color: rgb(85, 85, 85);
|
||||
width: 100%;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#logo {
|
||||
padding: 20px 20px 20px;
|
||||
}
|
||||
|
||||
iframe#frame {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
div#content {
|
||||
width: 100%;
|
||||
height: calc(100% - 80px);
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div#toolList {
|
||||
float: left;
|
||||
width: 200px;
|
||||
background-color: rgb(85, 85, 85);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
li{
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
div#copyright{
|
||||
color:rgb(192, 192, 192);
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#copyright a, a:visited, a:active {
|
||||
color: rgb(192, 192, 192);
|
||||
}
|
||||
|
||||
ul#toolList {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
float: left;
|
||||
background-color: rgb(85, 85, 85);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#toolListRow a {
|
||||
display: block;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 20px 50px 25px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#toolListRow a:hover {
|
||||
background-color: #111111;
|
||||
transition-duration: .3s;
|
||||
}
|
||||
@@ -1,311 +0,0 @@
|
||||
#container {
|
||||
width: 1400px;
|
||||
margin-left: 15px;
|
||||
margin-top: 30px;
|
||||
min-height: 700px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
label {
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#toolName {
|
||||
width: 850px;
|
||||
font-weight: 700;
|
||||
font-size: 42px;
|
||||
margin-bottom: 40px;
|
||||
/*text-align: center;*/
|
||||
/*padding: 50px;*/
|
||||
}
|
||||
|
||||
.articleHead {
|
||||
font-size: 32px;
|
||||
font-weight: 400;
|
||||
height: 70px;
|
||||
/*padding: 10px;*/
|
||||
}
|
||||
|
||||
#itemData {
|
||||
min-height: 1736px;
|
||||
float: left;
|
||||
width: 670px;
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
#optional {
|
||||
width: 100%;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#optional:hover {
|
||||
color: orange;
|
||||
}
|
||||
|
||||
#advanced {
|
||||
width: 100%;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
/*TODO create tab menu style in common.css*/
|
||||
|
||||
#advancedMenu {
|
||||
margin-top: 30px;
|
||||
width: 720px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.advancedMenuTab {
|
||||
width: 340px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 24px;
|
||||
cursor: pointer;
|
||||
border-bottom: #f0f0f0 1px solid;
|
||||
}
|
||||
|
||||
.advancedMenuTab:hover {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.advancedMenuTabSelected {
|
||||
width: 340px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
font-size: 24px;
|
||||
background: gray;
|
||||
color: white;
|
||||
font-weight: 700;
|
||||
border-bottom: gray 1px solid;
|
||||
}
|
||||
|
||||
#messageFields {
|
||||
height: 120px;
|
||||
}
|
||||
|
||||
.fieldFloater {
|
||||
float: left;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#functionBar {
|
||||
}
|
||||
|
||||
/*TODO add inactive state of the button*/
|
||||
|
||||
.buttonSpacer {
|
||||
height: 30%;
|
||||
}
|
||||
|
||||
.functionBarButton {
|
||||
clear: both;
|
||||
width: 263px;
|
||||
height: 40%;
|
||||
margin-left: 80px;
|
||||
right: 0;
|
||||
/*margin: auto;*/
|
||||
font-size: 24px;
|
||||
padding: 12px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.
|
||||
|
||||
#link {
|
||||
width: 750px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
/*TODO add style to common*/
|
||||
#messageLink {
|
||||
width: 630px;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
#messageLink a {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
#messageLink a:hover {
|
||||
color: #d6860d !important;
|
||||
}
|
||||
|
||||
.fieldDefault {
|
||||
width: 300px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
.fieldText {
|
||||
width: 630px;
|
||||
padding: 10px;
|
||||
height: 296px;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#httpStatus {
|
||||
resize: none;
|
||||
}
|
||||
|
||||
#selectMenu {
|
||||
min-height: 1736px;
|
||||
float: left;
|
||||
width: 200px;
|
||||
margin-right: 30px;
|
||||
}
|
||||
|
||||
.menuItem {
|
||||
float: left;
|
||||
width: 150px;
|
||||
padding: 10px;
|
||||
height: 42px;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid lightgray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#iconPlus {
|
||||
text-align: center;
|
||||
font-size: 28px;
|
||||
color: lightgray;
|
||||
}
|
||||
|
||||
.menuItem:hover {
|
||||
background: lightgray;
|
||||
color: white;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.menuItemSelected {
|
||||
float: left;
|
||||
width: 150px;
|
||||
padding: 10px;
|
||||
height: 42px;
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid lightgray;
|
||||
background: gray;
|
||||
color: white;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/*TODO add style to general stylesheet. Gray if inactive red if hover*/
|
||||
.btn-del-MenuItem {
|
||||
margin-left: -20px;
|
||||
float: left;
|
||||
font-size: 24px;
|
||||
color: lightgray;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-del-MenuItem:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
#headerTable {
|
||||
margin-top: 40px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.tableHead {
|
||||
width: 240px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
/*TODO gray out key value in table*/
|
||||
.tableField {
|
||||
height: 20px;
|
||||
padding: 5px;
|
||||
width: 240px;
|
||||
}
|
||||
|
||||
#mockIntroTip {
|
||||
margin-top: 10px;
|
||||
text-align: justify;
|
||||
padding: 5px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.btn-function-table {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/*TODO add to general styles. Gray if inactive green if hover*/
|
||||
.btn-table-add {
|
||||
font-weight: 700;
|
||||
color: lightgray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-table-add:hover {
|
||||
color: green;
|
||||
}
|
||||
|
||||
|
||||
.btn-table-remove {
|
||||
color: lightgray;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.btn-table-remove:hover {
|
||||
color: red;
|
||||
}
|
||||
|
||||
/*TODO add to commons*/
|
||||
input:focus {
|
||||
box-shadow: 0 0 5px rgba(81, 203, 238);
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
/*TODO add to commons*/
|
||||
.btn-inactive {
|
||||
color: #f1f1f1 !important;
|
||||
background: #999999 !important;
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
#historyFunction {
|
||||
margin-top: 30px;
|
||||
margin-bottom: 30px;
|
||||
width: 670px;
|
||||
display: flex;
|
||||
align-content: space-between;
|
||||
}
|
||||
|
||||
#historyFunction div {
|
||||
width: 250px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
#historyFunction div input {
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
#historyFunction button {
|
||||
width: 100px;
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#version {
|
||||
color: rgba(85,85,85,0.555);
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
.simpleTable {
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.simpleTable tr.thead{
|
||||
border-bottom: 1px solid gray;
|
||||
}
|
||||
|
||||
.simpleTable td {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.simpleTable th {
|
||||
font-size: 24px;
|
||||
}
|
||||
@@ -1,53 +0,0 @@
|
||||
p#tooltipText {
|
||||
/* /* padding: 20px; */
|
||||
width: 200px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
label, input, select, textarea {
|
||||
display: block;
|
||||
}
|
||||
|
||||
div#tooltip {
|
||||
border-radius: 15px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
padding-bottom: 20px;
|
||||
margin-top: 20px;
|
||||
border: 2px solid rgba(155, 165, 160, 0.507);
|
||||
width: 350px;
|
||||
/* width: 70%; */
|
||||
/* background-color: rgb(68, 158, 116); */
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.collapsible {
|
||||
/*background-color: rgba(155, 165, 160, 0.507);*/
|
||||
color: rgb(44, 44, 44);
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
/*border: none;*/
|
||||
/*outline: none;*/
|
||||
/*max-height: 0;*/
|
||||
/*overflow: hidden;*/
|
||||
/*transition: max-height 0.2s ease-out;*/
|
||||
}
|
||||
|
||||
/*.active, .collapsibleActive:hover {*/
|
||||
/* background-color: rgb(85, 85, 85);*/
|
||||
/*}*/
|
||||
|
||||
.collapsibleData {
|
||||
padding: 0 18px;
|
||||
|
||||
background-color: #f1f1f1;
|
||||
}
|
||||
|
||||
.fixed {
|
||||
position: fixed;
|
||||
/*top: 50%;*/
|
||||
/*left: 50%;*/
|
||||
margin-top: 100px;
|
||||
margin-left: 880px;
|
||||
}
|
||||
Reference in New Issue
Block a user