ui/assets/css/main.css

   1 .navbar-toggler {
   2   border: 0px;
   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 .upvote {
  19   margin-bottom: -5px;
  20 }
  21
  22 .downvote:hover {
  23   color: var(--danger);
  24 }
  25
  26 .downvote {
  27   margin-top: -10px;
  28 }
  29
  30 .md-div p {
  31   overflow: hidden;
  32   text-overflow: ellipsis;
  33 }
  34
  35 .md-div p:last-child {
  36   margin-bottom: 0px;
  37 }
  38
  39 .md-div img {
  40   max-height: 90vh;
  41   max-width: 100%;
  42   height: auto;
  43 }
  44
  45 .md-div h1,
  46 .md-div h2,
  47 .md-div h3,
  48 .md-div h4,
  49 .md-div h5 {
  50   font-size:1.171875rem;
  51 }
  52
  53 .md-div table {
  54   border-collapse: collapse;
  55   width: 100%;
  56   margin-bottom: 1rem;
  57   border: 1px solid var(--dark);
  58 }
  59
  60 .md-div table th,
  61 .md-div table td {
  62   padding: 0.3rem;
  63   vertical-align: top;
  64   border-top: 1px solid var(--dark);
  65   border: 1px solid var(--dark);
  66 }
  67
  68 .md-div table thead th {
  69   vertical-align: bottom;
  70   border-bottom: 2px solid var(--dark);
  71 }
  72
  73 .md-div table tbody + tbody {
  74   border-top: 2px solid var(--dark);
  75 }
  76
  77 .comment-node {
  78   margin-bottom: 10px;
  79 }
  80
  81 .vote-bar {
  82   margin-top: -6.5px;
  83 }
  84
  85 .post-title {
  86   line-height: 1.0;
  87 }
  88
  89 .icon {
  90   display: inline-flex;
  91   width: 1em;
  92   height: 1em;
  93   stroke-width: 0;
  94   stroke: currentColor;
  95   fill: currentColor;
  96   vertical-align: middle;
  97   align-self: center;
  98 }
  99
 100
 101 .spin {
 102   animation: spins 2s linear infinite;
 103 }
 104
 105 @keyframes spins {
 106   0% { transform: rotate(0deg); }
 107   100% {  transform: rotate(359deg); }
 108 }
 109
 110 .dropdown-menu {
 111   z-index: 2000;
 112 }
 113
 114 blockquote {
 115   border-left: 3px solid #ccc;
 116   margin: 0.5em 5px;
 117   padding: 0.1em 5px;
 118 }
 119
 120 .mouse-icon {
 121   margin-top: -4px;
 122 }
 123
 124 .new-comments {
 125   max-height: 50vh;
 126   overflow: hidden;
 127 }
 128
 129 .new-comments:hover {
 130   overflow-y: auto;
 131 }
 132
 133 .thumbnail {
 134   max-height: 62px;
 135   max-width: 400px;
 136 }
 137
 138 .no-s-hows {
 139   position: absolute !important;
 140   top: -9999px !important;
 141   left: -9999px !important;
 142 }
 143
 144 hr {
 145   border-top: 1px solid var(--secondary);
 146 }
 147
 148 .emoji {
 149   height: 1.2em !important;
 150 }
 151
 152 .text-wrap-truncate {
 153   overflow: hidden;
 154   text-overflow: ellipsis
 155 }
 156
 157 #app {
 158   display: flex;
 159   flex-direction: column;
 160   min-height: 100vh;
 161 }
 162
 163 .fl-1 {
 164   flex: 1;
 165 }
 166
 167 .img-blur {
 168   filter: blur(10px);
 169   -webkit-filter: blur(10px);
 170   -moz-filter: blur(10px);
 171   -o-filter: blur(10px);
 172   -ms-filter: blur(10px);
 173 }
 174
 175 .img-expanded {
 176   max-height: 90vh;
 177 }
 178
 179 .vote-animate:active {
 180   transform: scale(1.2);
 181   -webkit-transform: scale(1.2);
 182   -ms-transform: scale(1.2);
 183 }