# wt-security/2.2.2/htdocs/css/header.css

WebTotem Security, version 2.2.2. 167 lines.

- Page: https://pluginprobe.com/plugins/wt-security/2.2.2/code/htdocs/css/header.css
- Raw: https://pluginprobe.com/plugins/wt-security/2.2.2/raw/htdocs/css/header.css
- Modified: 2020-10-06T09:33:46+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/wt-security/2.2.2/code/htdocs/css/header.css#L10-L20`.

```css
@charset "UTF-8";
.wtotem_header {
  position: relative;
  z-index: 4;
  width: 100%;
  top: 0;
  left: 0; }
  .wtotem_header__body {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .wtotem_header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 2; }

.wtotem_version {
  position: relative;
  z-index: 100;
  display: flex;
  align-items: center; }
  .wtotem_version__count {
    width: 28px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    border: 1px solid #3d50df;
    border-radius: 4px;
    margin-left: 8px; }

.wtotem_logo {
  width: 113px;
  height: 24px;
  background: url("../img/logo.svg") no-repeat center center/cover; }

.wtotem_nav {
  position: relative;
  z-index: 3;
  height: 70px; }
  .wtotem_nav .wtotem_control__checkbox {
    align-self: center; }
  .wtotem_nav__menu {
    display: flex;
    height: 100%; }
  .wtotem_nav__link {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    font-size: 14px;
    color: #5e6977;
    font-weight: 500;
    padding: 0 16px; }
  .wtotem_nav__link_active {
    color: #3d50df; }
    .wtotem_nav__link_active:before {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      left: 0;
      background: #3d50df;
      height: 3px; }

/* 576-768px sm  Small */
@media screen and (max-width: 768px) {
  body.lock {
    overflow: hidden; }
  .wtotem_version {
    position: relative;
    z-index: 3; }
  .wtotem_header__body {
    height: 65px; }
  .wtotem_nav {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f3f5f6;
    display: block;
    padding-top: 65px;
    transition: all 0.3s ease-in-out;
    overflow: auto;
    z-index: 1; }
    .wtotem_nav__menu {
      display: block; }
    .wtotem_nav__item {
      border-bottom: 1px solid #eceff4; }
    .wtotem_nav__link {
      height: auto;
      display: block;
      color: #1d293f;
      font-size: 24px;
      padding: 22px 0;
      width: 540px;
      margin: 0 auto; }
    .wtotem_nav__link_active {
      color: #3d50df; }
      .wtotem_nav__link_active:before {
        display: none; }
    .wtotem_nav.active {
      top: 0; }
  .wtotem_burger {
    position: relative;
    width: 23px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    z-index: 3; }
    .wtotem_burger:before, .wtotem_burger__middle-line, .wtotem_burger:after {
      content: "";
      background: #3d50df;
      height: 2px;
      display: block;
      right: 0;
      border-radius: 100px;
      transition: all 0.3s ease-in-out; }
    .wtotem_burger:before {
      position: absolute;
      width: 23px;
      top: 0; }
    .wtotem_burger__middle-line {
      width: 18px; }
    .wtotem_burger:after {
      position: absolute;
      width: 14px;
      bottom: 0; }
    .wtotem_burger.active .wtotem_burger__middle-line {
      transform: scale(0); }
    .wtotem_burger.active:before {
      transform: rotate(45deg);
      top: 8px; }
    .wtotem_burger.active:after {
      transform: rotate(-45deg);
      width: 100%;
      bottom: 8px; } }

/* 320-576px     Extra small */
@media screen and (max-width: 576px) {
  .wtotem_nav__link {
    width: 345px;
    margin: 0 auto; } }

/* 320-375px     Extra small */
@media screen and (max-width: 375px) {
  .wtotem_nav__link {
    padding-left: 10px; } }

@media screen and (max-width: 768px) {
  .wtotem_theme—dark .wtotem_nav {
    background: #191919; }
  .wtotem_theme—dark .wtotem_nav__item {
    border-bottom: 1px solid #3c3c3d; } }

/*# sourceMappingURL=header.css.map */

```