Logviewer

by roomyrooms

HTML

<div id='log_container'>
  <div id='log_scroll'>
    <div id='log_contents'>
    
      <select class='log_selector' id='log_select_type'>
        <option value='test'>Admin Logs</option>
        <option value='test'>Player Logs</option>
      </select>
      <select class='log_selector' id='log_select_specific'>
        <option value='test'>In Character</option>
        <option value='test'>Out Of Character</option>
        <option value='test'>Mechanical</option>
      </select>
      <select class='log_selector' id='log_select_date'>
        <option value='test'>10/28/2021</option>
        <option value='test'>10/29/2021</option>
        <option value='test'>11/03/2021</option>
      </select>
      
      <div id='log_view_window'>Welcome to the Verdict beta server. The current version is [1.92].
        The majority of the community talks on our Discord server at: https://discord.gg/XVGMPbe
        Welcome back, Roomy RoomyRooms.
        Error:code/_gameplay/admin/logviewer:184: Cannot read property 'document' of null
        You're now AFK.</div>
      
    </div>
  </div>
</div>

CSS

#log_container {
  border: 10px solid;
  border-image: url(https://i.gyazo.com/34a29fe2749b507b0ab6e8358baaf798.png) 10 repeat;
  background: #191919;
  border-radius: 5px;
  overflow: hidden;
  font-family: Verdana;
}

#log_scroll {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}

#log_contents {
  color: #ddd;
  text-shadow: 1px 1px #000;
  font-size: 12px;
  text-align: center;
}

.log_selector {
  width: 20%;
  outline: none;
}

#log_select_type {
  
}

#log_select_specific {
  
}

#log_select_date {
  
}

#log_view_window {
  padding: 4px;
  margin-top: 7px;
  border: 2px solid #777777;
  background-color: #333333;
  border-radius: 5px;
  white-space: pre-line;
  text-align: left;
}