add testsuite and testcase list pages in frontend of testing-scheduler

[bottlenecks.git] / testing-scheduler / ui / src / assets / css / mystyle.css

diff --git a/testing-scheduler/ui/src/assets/css/mystyle.css b/testing-scheduler/ui/src/assets/css/mystyle.css
new file mode 100644 (file)
index 0000000..3d74baf
--- /dev/null
+++ b/testing-scheduler/ui/src/assets/css/mystyle.css
@@ -0,0 +1,238 @@
+header{\r
+    background-color: #1288c3;\r
+    height: 100px;\r
+\r
+}\r
+#title{\r
+    font-size: 36px;\r
+    padding: 10px 20px;\r
+    margin: auto;\r
+    width: fit-content;\r
+    float: left;\r
+}\r
+#intr_table{\r
+    margin-top: 16px;\r
+    margin-left: 150px;\r
+}\r
+#intr_table li{\r
+    font-size: 20px;\r
+    margin-right: 20px;\r
+}\r
+#intr_table li a{\r
+    color: white!important;\r
+    font-weight: normal;\r
+}\r
+#intr_table li a:visited{\r
+    background-color: #1c84c6;\r
+}\r
+#intr_table li a:hover{\r
+    background-color: #1c84c6;\r
+    text-decoration: underline;\r
+}\r
+#intr_table li a:active{\r
+    background-color: #1c84c6;\r
+}\r
+.title-section {\r
+    margin-bottom: 10px;\r
+}\r
+.workflow-title-section {\r
+    margin-bottom: 50px;\r
+}\r
+\r
+.content-title {\r
+    font-size: 30px;\r
+    font-weight: 600;\r
+}\r
+.subTitle{\r
+    font-size: 25px;\r
+    margin-bottom: 0px;\r
+    display: inline-block;\r
+}\r
+.my-button{\r
+    margin: 30px 20px 30px 0;\r
+    padding: 5px 20px 10px 20px;\r
+    font-size: 20px;\r
+    border: 0px;\r
+    color: white;\r
+}\r
+.my-button-group {\r
+    position: relative;\r
+    display: inline-block;\r
+    float: right;\r
+    margin-top: 5px;\r
+}\r
+.my-button-sm {\r
+    margin: 0 5px 0 0;\r
+}\r
+\r
+.thead-style {\r
+    margin-top: 8px;\r
+    margin-bottom: 8px;\r
+    font-weight: bold;\r
+}\r
+.thead-style label {\r
+    font-weight: bold;\r
+}\r
+.my-checkbox{\r
+    margin-top: 0;\r
+    margin-bottom: 0;\r
+    word-break: break-all;\r
+}\r
+\r
+.name{\r
+    /*width: 400px;*/\r
+    word-break: break-all;\r
+}\r
+.categories{\r
+    /*width: 450px;*/\r
+    word-break: break-all;\r
+}\r
+.smallbox{\r
+    width: 200px;\r
+    word-break: break-all;\r
+    padding-left: 10px;\r
+    padding-right: 10px;\r
+    padding-top: 5px;\r
+    padding-bottom: 5px;\r
+\r
+}\r
+.description{\r
+    /*width: 480px;*/\r
+    word-break: break-all;\r
+}\r
+#p2_content1{\r
+    /*display: inline-block;\r
+    margin-right: 100px;*/\r
+}\r
+#p2_content2{\r
+    display: inline-block;\r
+}\r
+\r
+.inline-div {\r
+    display: inline-block;\r
+}\r
+.float-left {\r
+    float: left;\r
+}\r
+\r
+\r
+.margin-right-100 {\r
+    margin-right: 100px;\r
+}\r
+\r
+.white-pink {\r
+margin-left:auto;\r
+margin-right:auto;\r
+max-width: 500px;\r
+background: #FFF;\r
+padding: 30px 30px 20px 30px;\r
+box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;\r
+-webkit-box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;\r
+font: 12px Arial, Helvetica, sans-serif;\r
+color: #666;\r
+border-radius: 10px;\r
+-webkit-border-radius: 10px;\r
+}\r
+.white-pink h1 {\r
+font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;\r
+padding: 0px 0px 10px 40px;\r
+display: block;\r
+border-bottom: 1px solid #F5F5F5;\r
+margin: -10px -30px 10px -30px;\r
+color: #969696;\r
+}\r
+.white-pink h1>span {\r
+display: block;\r
+font-size: 11px;\r
+color: #C4C2C2;\r
+}\r
+.white-pink label {\r
+display: block;\r
+margin: 0px 0px 5px;\r
+}\r
+.white-pink label>span {\r
+float: left;\r
+width: 20%;\r
+text-align: right;\r
+padding-right: 10px;\r
+margin-top: 10px;\r
+color: #969696;\r
+}\r
+.white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea,.white-pink select{\r
+color: #555;\r
+width: 70%;\r
+padding: 3px 0px 3px 5px;\r
+margin-top: 2px;\r
+margin-right: 6px;\r
+margin-bottom: 16px;\r
+border: 1px solid #e5e5e5;\r
+background: #fbfbfb;\r
+height: 25px;\r
+line-height:15px;\r
+outline: 0;\r
+-webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);\r
+box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);\r
+}\r
+.white-pink textarea{\r
+padding: 5px 0px 0px 5px;\r
+}\r
+.white-pink .button {\r
+-moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;\r
+-webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;\r
+box-shadow:inset 0px 1px 0px 0px #fbafe3;\r
+background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );\r
+background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );\r
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');\r
+background-color:#ff5bb0;\r
+border-radius:9px;\r
+-webkit-border-radius:9px;\r
+-moz-border-border-radius:9px;\r
+border:1px solid #ee1eb5;\r
+display:inline-block;\r
+color:#ffffff;\r
+font-family:Arial;\r
+font-size:15px;\r
+font-weight:bold;\r
+font-style:normal;\r
+height: 40px;\r
+line-height: 30px;\r
+width:100px;\r
+text-decoration:none;\r
+text-align:center;\r
+text-shadow:1px 1px 0px #c70067;\r
+}\r
+.white-pink .button:hover {\r
+background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );\r
+background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );\r
+filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');\r
+background-color:#ef027d;\r
+}\r
+.white-pink .button:active {\r
+position:relative;\r
+top:1px;\r
+}\r
+\r
+\r
+#flow-tabs {\r
+    list-style-type: none;\r
+    margin: 0;\r
+    padding: 0;\r
+    background-color: #f1f1f1;\r
+}\r
+\r
+#flow-tabs li a {\r
+    display: block;\r
+    color: #000;\r
+    padding: 8px 16px;\r
+    text-decoration: none;\r
+}\r
+\r
+#flow-tabs li.active {\r
+    background-color: #4CAF50;\r
+    color: white;\r
+}\r
+\r
+#flow-tabs li a:hover:not(.active) {\r
+    background-color: #555;\r
+    color: white;\r
+}
\ No newline at end of file