exbert-project/exbert

1body {2  background-color: rgb(255, 255, 255);3  font-family: 'IBM Plex Sans', sans-serif;4  font-weight: 400;5}6 7.sticky {8  position: fixed;9}10 11.noscroll {12  overflow: hidden;13}14 15.vpartial {16  max-height: 90vh;17}18 19.scrolling {20  overflow: auto;21  max-height: 98%;22}23 24.btn {25  .btn-xs {26    padding  : .25rem .4rem;27    font-size  : .875rem;28    line-height  : .5;29    border-radius : .2rem;30  }31}32 33button {34  -webkit-transition-duration: 0.4s; /* Safari */35  transition-duration: 0.4s;36  background: transparent;37  padding: 5px;38  border-radius: 5px;39  background-color: lightgray;40 41  &.selected {42    background-color: #98b7d9;43  }44}45 46button:active :focus {47  background-color: #98b7d9;48}49 50#loader {51  border: 5px solid #f3f3f3;52  border-radius: 50%;53  border-top: 5px solid #3498db;54  width: 100px;55  height: 100px;56  -webkit-animation: spin 2s linear infinite; /* Safari */57  animation: spin 2s linear infinite;58  position: absolute;59  left: 50%;60  top: 20%;61  display: none;62}63 64/* Safari */65@-webkit-keyframes spin {66  0% {67    -webkit-transform: rotate(0deg);68  }69  100% {70    -webkit-transform: rotate(360deg);71  }72}73 74@keyframes spin {75  0% {76    transform: rotate(0deg);77  }78  100% {79    transform: rotate(360deg);80  }81}82 83svg {84  vertical-align: top;85}86 87select {88  font-size: 9pt;89  font-weight: 600;90 91  //background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10px' height='10px'><polyline points='0,0 10,0 5,10'/></svg>");92  background-color: transparent;93  //background-repeat: no-repeat;94  //background-position: right 5px top 9px;95  //background-size: 7px 7px;96  //padding: 5px 15px 5px 5px;97  padding: 8px 6px;98  //width: auto;99  //font-size:16px;100  //font-weight: bold;101  //text-align:center;102  //text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);103  -webkit-box-sizing: border-box;104  -moz-box-sizing: border-box;105  box-sizing: border-box;106  border-radius: 4px;107  border: 0;108  outline: 0;109}110.navbar {111  position: absolute;112  top: 0;113  left: 0;114  width: 100%;115  height: 50px;116  background-color: antiquewhite;117  //padding: 10px 10px 10px 30px;118}119 120.navbarContent {121  margin: 10px 20px;122 123  span {124    padding-left: 10px;125  }126 127  button {128    margin-left: 10px;129  }130}131 132.navbarTitle {133  font-size: 12pt;134  //margin: 5pt;135  font-weight: bold;136}137 138.main_frame {139  position: fixed;140  top: 55px;141  //margin: 0px 50px 0px 50px;142  //background: #ffffff;143  overflow-x: hidden;144  overflow-y: auto;145}146 147.floating_content {148  padding: 10px;149  height: 94%;150}151 152.container {153  width: 100%;154  height: 95%;155  text-align: center;156  display: inline-block;157  margin: 5px auto;158}159 160#bottom-margin {161  height: 100px;162}163 164.content {165  max-width: 960px;166  margin: auto;167}168 169.whitespace {170  height: 8vh;171}