HEX
Server: Apache
System: Linux cpanel02.host1.no 5.14.0-611.54.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Wed May 6 18:03:03 EDT 2026 x86_64
User: ocwno (1596)
PHP: 7.2.34
Disabled: NONE
Upload Files
File: /home/ocwno/.trash/style.scss
* {
  box-sizing: border-box;
}

.warning {
  background-color: orange;
  color: #fff;
  padding: 2em;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.commentbox-app {
  font-family: 'Montserrat', sans-serif;
  color: #4a4a4a;
  font-size: 45px;
  .container {
    max-width: 1120px;
    margin: auto;
    padding: 0 10px;
  }
  
  .heading {
    color: dodgerblue;
    border-left: 3px solid dodgerblue;
    line-height: 1;
    padding-left: 12px;
  }
  
  .comment-input,
  .comment-btn {
    float: left;
    display: inline-block;
    height: 70px;
  }
  
  .comment-input {
    appearance: none;
    border: 0;
    border-left: 3px solid transparent;
    background-color: #EEE;
    padding: 10px 10px 10px 32px;
    transition: .65s ease;
    &:focus {
      border-color: orange;
      background-color: #fff;
    }
  }
  
  .comment-btn {
    appearance: none;
    background-color: #fff;
    font-size: 30px;
    text-decoration: none;
    color: orange;
    padding: 10px 32px;
    line-height: 1.5;
    transition: 0.65s ease;
    &,
    &:focus,
    &:active {
      border: 0;      
    }
    &:hover {
      background-color: orange;
      color: #fff;
    }
    &:hover + .comment-input {
      background-color: #fff;
      border-color: orange;
    }
  }
  
  .remove-all-btn {
    appearance: none;
    border: 1px solid #ccc;
    color: #222;
    background-color: #eee;
    padding: .3em .6em;
    font-size: 40%;
  }
  
  .comment-stream {
    list-style: none;
    padding: 0;
    margin-top: 65px;
    
    .comment-remove {
      display: none;
              background-color: red;
        color: #fff;
      font-size: 20px;
      text-decoration: none;
      margin-left: 12px;
      padding: 0 12px;
      opacity: .75;
      cursor: pointer;
      &:hover {
        opacity: 1;
      }
    }
    
    li {
      font-size: 28px;
      padding-left: 10px;
      border-left: 3px solid #4a4a4a;
      margin-bottom: 25px;
      &:hover .comment-remove {
        display: inline-block;
      }
    }
  }
  
}