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