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