ui/src/css/main.css

   1 body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
   2   color: #dedede !important;
   3 }
   4
   5 .pointer {
   6   cursor: pointer;
   7 }
   8
   9 .no-click {
  10   pointer-events:none;
  11   opacity: 0.65;
  12 }
  13
  14 .upvote:hover {
  15  color: var(--info);
  16 }
  17
  18 .downvote:hover {
  19   color: var(--danger);
  20 }
  21
  22 .form-control, .form-control:focus {
  23   background-color: var(--secondary);
  24   color: #fff;
  25 }
  26
  27 .form-control:disabled {
  28   background-color: var(--secondary);
  29   opacity: .5;
  30 }
  31
  32 .custom-select {
  33   color: #fff;
  34   background-color: var(--secondary);
  35 }
  36
  37 .mark {
  38   background-color: #333;
  39 }
  40
  41 .mark-two {
  42   background-color: #444 !important;
  43 }
  44
  45 .md-div p {
  46   margin-bottom: 0px;
  47 }
  48
  49 .md-div img {
  50   max-width: 100%;
  51   height: auto;
  52 }
  53
  54 .listing {
  55   min-height: 61px;
  56 }
  57
  58 .icon {
  59   display: inline-flex;
  60   width: 1em;
  61   height: 1em;
  62   stroke-width: 0;
  63   stroke: currentColor;
  64   fill: currentColor;
  65   vertical-align: middle;
  66   align-self: center;
  67 }
  68
  69
  70 .spin {
  71   animation: spins 2s linear infinite;
  72 }
  73
  74 @keyframes spins {
  75   0% { transform: rotate(0deg); }
  76   100% {  transform: rotate(359deg); }
  77 }
  78
  79 .dropdown-menu {
  80   z-index: 2000;
  81 }
  82
  83 .navbar-bg {
  84   background-color: #222;
  85 }
  86
  87 blockquote {
  88   border-left: 3px solid #ccc;
  89   margin: 0.5em 5px;
  90   padding: 0.1em 5px;
  91 }
  92
  93 .inbox {
  94   margin-top: 6px;
  95 }
  96
  97 .mouse-icon {
  98   margin-top: -4px;
  99 }
 100
 101 .new-comments {
 102   max-height: 100vh;
 103   overflow: hidden;
 104 }
 105
 106 .new-comments:hover {
 107   overflow-y: auto;
 108 }
 109
 110 .thumbnail {
 111   max-height: 50px;
 112   max-width: 50px;
 113 }
 114
 115 .no-s-hows {
 116   position: absolute !important;
 117   top: -9999px !important;
 118   left: -9999px !important;
 119 }