test-scheduler/ui/src/assets/css/mystyle.css

   1 header{
   2     background-color: #1288c3;
   3     height: 100px;
   4
   5 }
   6 #title{
   7     font-size: 36px;
   8     padding: 10px 20px;
   9     margin: auto;
  10     width: fit-content;
  11     float: left;
  12 }
  13 #intr_table{
  14     margin-top: 16px;
  15     margin-left: 150px;
  16 }
  17 #intr_table li{
  18     font-size: 20px;
  19     margin-right: 20px;
  20 }
  21 #intr_table li a{
  22     color: white!important;
  23     font-weight: normal;
  24 }
  25 #intr_table li a:visited{
  26     background-color: #1c84c6;
  27 }
  28 #intr_table li a:hover{
  29     background-color: #1c84c6;
  30     text-decoration: underline;
  31 }
  32 #intr_table li a:active{
  33     background-color: #1c84c6;
  34 }
  35 #intr_table li.router-link-active a {
  36     font-weight: bold;
  37 }
  38 .title-section {
  39     margin-bottom: 10px;
  40 }
  41 .workflow-title-section {
  42     margin-bottom: 50px;
  43 }
  44
  45 .content-title {
  46     font-size: 30px;
  47     font-weight: 600;
  48 }
  49 .subTitle{
  50     font-size: 25px;
  51     margin-bottom: 0px;
  52     display: inline-block;
  53 }
  54 .my-button{
  55     margin: 30px 20px 30px 0;
  56     padding: 5px 20px 10px 20px;
  57     font-size: 20px;
  58     border: 0px;
  59     color: white;
  60 }
  61 .my-button-group {
  62     position: relative;
  63     display: inline-block;
  64     float: right;
  65     margin-top: 5px;
  66 }
  67 .my-button-sm {
  68     margin: 0 5px 0 0;
  69 }
  70
  71 .thead-style {
  72     margin-top: 8px;
  73     margin-bottom: 8px;
  74     font-weight: bold;
  75 }
  76 .thead-style label {
  77     font-weight: bold;
  78 }
  79 .my-checkbox{
  80     margin-top: 0;
  81     margin-bottom: 0;
  82     word-break: break-all;
  83 }
  84
  85 .name{
  86     /*width: 400px;*/
  87     word-break: break-all;
  88 }
  89 .categories{
  90     /*width: 450px;*/
  91     word-break: break-all;
  92 }
  93 .smallbox{
  94     width: 200px;
  95     word-break: break-all;
  96     padding-left: 10px;
  97     padding-right: 10px;
  98     padding-top: 5px;
  99     padding-bottom: 5px;
 100
 101 }
 102 .description{
 103     /*width: 480px;*/
 104     word-break: break-all;
 105 }
 106 #p2_content1{
 107     /*display: inline-block;
 108     margin-right: 100px;*/
 109 }
 110 #p2_content2{
 111     display: inline-block;
 112 }
 113
 114 .inline-div {
 115     display: inline-block;
 116 }
 117 .float-left {
 118     float: left;
 119 }
 120
 121
 122 .margin-right-100 {
 123     margin-right: 100px;
 124 }
 125
 126 .white-pink {
 127 margin-left:auto;
 128 margin-right:auto;
 129 max-width: 500px;
 130 background: #FFF;
 131 padding: 30px 30px 20px 30px;
 132 box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
 133 -webkit-box-shadow: rgba(187, 187, 187, 1) 0 0px 20px -1px;
 134 font: 12px Arial, Helvetica, sans-serif;
 135 color: #666;
 136 border-radius: 10px;
 137 -webkit-border-radius: 10px;
 138 }
 139 .white-pink h1 {
 140 font: 24px "Trebuchet MS", Arial, Helvetica, sans-serif;
 141 padding: 0px 0px 10px 40px;
 142 display: block;
 143 border-bottom: 1px solid #F5F5F5;
 144 margin: -10px -30px 10px -30px;
 145 color: #969696;
 146 }
 147 .white-pink h1>span {
 148 display: block;
 149 font-size: 11px;
 150 color: #C4C2C2;
 151 }
 152 .white-pink label {
 153 display: block;
 154 margin: 0px 0px 5px;
 155 }
 156 .white-pink label>span {
 157 float: left;
 158 width: 20%;
 159 text-align: right;
 160 padding-right: 10px;
 161 margin-top: 10px;
 162 color: #969696;
 163 }
 164 .white-pink input[type="text"], .white-pink input[type="email"], .white-pink textarea,.white-pink select{
 165 color: #555;
 166 width: 70%;
 167 padding: 3px 0px 3px 5px;
 168 margin-top: 2px;
 169 margin-right: 6px;
 170 margin-bottom: 16px;
 171 border: 1px solid #e5e5e5;
 172 background: #fbfbfb;
 173 height: 25px;
 174 line-height:15px;
 175 outline: 0;
 176 -webkit-box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
 177 box-shadow: inset 1px 1px 2px rgba(200,200,200,0.2);
 178 }
 179 .white-pink textarea{
 180 padding: 5px 0px 0px 5px;
 181 }
 182 .white-pink .button {
 183 -moz-box-shadow:inset 0px 1px 0px 0px #fbafe3;
 184 -webkit-box-shadow:inset 0px 1px 0px 0px #fbafe3;
 185 box-shadow:inset 0px 1px 0px 0px #fbafe3;
 186 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff5bb0), color-stop(1, #ef027d) );
 187 background:-moz-linear-gradient( center top, #ff5bb0 5%, #ef027d 100% );
 188 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bb0', endColorstr='#ef027d');
 189 background-color:#ff5bb0;
 190 border-radius:9px;
 191 -webkit-border-radius:9px;
 192 -moz-border-border-radius:9px;
 193 border:1px solid #ee1eb5;
 194 display:inline-block;
 195 color:#ffffff;
 196 font-family:Arial;
 197 font-size:15px;
 198 font-weight:bold;
 199 font-style:normal;
 200 height: 40px;
 201 line-height: 30px;
 202 width:100px;
 203 text-decoration:none;
 204 text-align:center;
 205 text-shadow:1px 1px 0px #c70067;
 206 }
 207 .white-pink .button:hover {
 208 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ef027d), color-stop(1, #ff5bb0) );
 209 background:-moz-linear-gradient( center top, #ef027d 5%, #ff5bb0 100% );
 210 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef027d', endColorstr='#ff5bb0');
 211 background-color:#ef027d;
 212 }
 213 .white-pink .button:active {
 214 position:relative;
 215 top:1px;
 216 }
 217
 218
 219 #flow-tabs {
 220     list-style-type: none;
 221     margin: 0;
 222     padding: 0;
 223     background-color: #f1f1f1;
 224 }
 225
 226 #flow-tabs li a {
 227     display: block;
 228     color: #000;
 229     padding: 8px 16px;
 230     text-decoration: none;
 231 }
 232
 233 #flow-tabs li.active {
 234     background-color: #4CAF50;
 235     color: white;
 236 }
 237
 238 #flow-tabs li a:hover:not(.active) {
 239     background-color: #555;
 240     color: white;
 241 }