ui/src/css/main.css

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