Styles and examples from MSF PRO

memorized.txt

pre {
  padding: 10px;
  &.logs {
    height: 300px;
    overflow: auto;
  }
  &.console {
    color: #000;
    background-color: #FAEBB9;
    font-size: 11px;
  }
}

.console {
  &.logs {
    min-height: 421px;
  }
}

.logline_status {
  color: #BE20C4;
}
.logline_normal {
  color: black;
}
.logline_good {
  color: #C4A904;
}
.logline_error {
  color: red;
}
.logline_warning {
  color: #a205ff;
}
.logline_debug {
  color: #0580ff;
}

<pre class="console logs" id="task_logs" task="259">
  <div class="logline_status">[+] [2015.09.18-16:13:19] Workspace:tst3 Progress:1/2 (50%) Probing 172.16.1.26</div>
  <div class="logline_normal">[*] [2015.09.18-16:13:19] Connecting to the server...</div>
  <div class="logline_normal">[*] [2015.09.18-16:13:20] Authenticating to 172.16.1.26:445 as 'WORKGROUP\admin'...</div>
  <div class="logline_normal">[*] [2015.09.18-16:13:21] Read 532408 bytes from /root/xb223.exe...</div>
  <div class="logline_normal">[*] [2015.09.18-16:13:21] Mounting the remote share '\\172.16.1.26\C$'...</div>
  <div class="logline_normal">[*] [2015.09.18-16:13:21] Uploading 'windows\temp\xb223.exe'...</div>
  <div class="logline_good">[+] [2015.09.18-16:16:55] File uploaded as 'windows\temp\xb223.exe'...</div>
  <div class="logline_normal">[*] [2015.09.18-16:16:55] Read 532408 bytes from /root/xb223.exe...</div>
  <div class="logline_normal">[*] [2015.09.18-16:16:55] Mounting the remote share '\\172.16.1.26\C$'...</div>
  <div class="logline_normal">[*] [2015.09.18-16:16:55] Uploading 'windows\temp\xb223.exe'...</div>
  <div class="logline_error">[-] [2015.09.18-16:18:22] Error: auxiliary/admin/smb/psexec_payloadver3 172.16.1.26 Timeout::Error execution expired</div>
  <div class="logline_status">[+] [2015.09.18-16:18:22] Workspace:tst3 Progress:2/2 (100%) Complete (0 sessions opened) auxiliary/admin/smb/psexec_payloadver3</div>
  <span class="end" style="display:none;"></span>
</pre>

memorized2.txt

.host_status_scanned {
    background-color: #309C22;
    color: white;
    padding: 2px;
    -moz-border-radius: 6px;
    /* Gecko */
    -webkit-border-radius: 6px;
    /* Webkit */
    -khtml-border-radius: 6px;
    /* Konqueror */
    border-radius: 6px;
    /* CSS3 */
}

.host_status_cracked {
    background-color: #0197B8;
    color: white;
    padding: 2px;
    -moz-border-radius: 6px;
    /* Gecko */
    -webkit-border-radius: 6px;
    /* Webkit */
    -khtml-border-radius: 6px;
    /* Konqueror */
    border-radius: 6px;
    /* CSS3 */
}

.host_status_shelled {
    background-color: #CF3030;
    color: white;
    padding: 2px;
    -moz-border-radius: 6px;
    /* Gecko */
    -webkit-border-radius: 6px;
    /* Webkit */
    -khtml-border-radius: 6px;
    /* Konqueror */
    border-radius: 6px;
    /* CSS3 */
}

.host_status_looted {
    background-color: #5E5E5E;
    color: white;
    padding: 2px;
    -moz-border-radius: 6px;
    /* Gecko */
    -webkit-border-radius: 6px;
    /* Webkit */
    -khtml-border-radius: 6px;
    /* Konqueror */
    border-radius: 6px;
    /* CSS3 */
}

.host_status_shelled a, .host_status_looted a, .host_status_cracked a {
  display: inline-block;
  width: 100%;
  color: #fff;
}

a:hover {
  text-decoration: underline;
}