Skip to content

трекер v2 by EliseevDanil

Screenshot of трекер v2

Details

AuthorEliseevDanil

LicenseNo License

Categoryhttps://tasks.msocialproduction.com/

Created

Updated

Size19 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Description

Notes

Notes

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
@charset "UTF-8";
/* ==UserStyle==
@name         трекер
@version      20240511.12.05
@namespace    userstyles.world/user/danil348
@description  Description
@author       danil348
@license      No License
==/UserStyle== */
@-moz-document url-prefix("https://tasks.msocialproduction.com")
{
  :root {
    --main-color-dark: rgb(20, 21, 23);
    --main-color-white: rgb(117, 117, 117);
    --second-color-white: rgb(220, 220, 220);
    --main-color-grey: rgb(144, 146, 150);
    --second-color-dark: rgb(26, 27, 30);
    --second-color-gray: rgb(37, 38, 43);
    --second-color-gray2: rgb(55, 58, 64);
    --main-color-blue: rgb(51, 154, 240);
    --main-color-blue-opacity: rgba(24, 100, 171, 0.45);
    --main-color-font-blue: rgb(208, 235, 255);
    --main-color-priority-3: rgb(37, 38, 41);
    --main-color-priority-5: rgb(147 16 77);
    --main-color-priority-6: rgb(179, 13, 13);
    --main-color-priority-7: rgb(197, 197, 3);
    --main-color-error: rgb(95, 0, 0);
    --main-color-closed: rgb(11, 95, 0);
  }
  #main,
  #footer,
  #content,
  #wrapper,
  body {
    background-color: var(--main-color-dark) !important;
  }
  th,
  td {
    background-color: var(--second-color-dark) !important;
    border: solid 1px var(--second-color-gray) !important;
  }
  #wrapper td a {
    color: var(--main-color-grey) !important;
  }
  * {
    color: var(--main-color-grey) !important;
  }
  #footer {
    border-top: 0.0625rem solid var(--second-color-gray) !important;
  }
  #header {
    background-color: var(--second-color-dark) !important;
  }
  input {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-gray) !important;
  }
  #list-top,
  #list-left,
  #list-right {
    border: none !important;
  }
  #block-issuesassignedtome,
  #block-issuesreportedbyme {
    border-radius: 0.5rem !important;
    border: 1px solid var(--second-color-gray) !important;
  }
  #project-jump .drdn-trigger {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-gray) !important;
  }
  #block-select {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background: var(--second-color-gray) url('https://tasks.msocialproduction.com/images/arrow_down.png') no-repeat 97% 50% !important;
  }
  .drdn-content {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-dark) !important;
  }
  .drdn-content a,
  .drdn-content strong,
  .drdn-items.projects.selection {
    border: 0.0625rem solid var(--second-color-gray2) !important;
  }
  .drdn-items.all-projects.selection {
    border-top: 0.0625rem solid var(--second-color-gray2) !important;
  }
  .box {
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-dark) !important;
  }
  #main-menu {
    background-color: var(--second-color-dark) !important;
  }
  #main-menu li {
    padding: 0px !important;
  }
  #new-object {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-gray) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    width: 30px !important;
    height: 30px !important;
  }
  #wrapper a {
    transition: all 0.3s ease 0s;
  }
  @media (any-hover: hover) {
    #wrapper a:hover {
      color: var(--main-color-white) !important;
    }
  }
  div .issue {
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-dark) !important;
  }
  hr {
    background: var(--second-color-gray2) !important;
  }
  #sidebar {
    border-left: 0.0625rem solid var(--second-color-gray2) !important;
    background: var(--main-color-dark) !important;
  }
  .tabs ul li a.selected,
  #history ul li a.selected {
    color: var(--main-color-font-blue) !important;
    background: var(--main-color-blue-opacity) !important;
    border-bottom: 0.0625rem solid var(--main-color-blue) !important;
  }
  .tabs ul li a,
  #history ul li a {
    background: none !important;
    border: none !important;
    padding-bottom: 10px !important;
    transition: all 0.3s ease 0s;
    border-radius: 0 !important;
    border-bottom: 0.0625rem solid transparent !important;
  }
  .tabs ul,
  #history ul {
    border-bottom: 0.0625rem solid var(--second-color-gray2) !important;
    padding-left: 0 !important;
  }
  .flash.notice#flash_notice {
    border-radius: 0.5rem !important;
    color: white !important;
    background: var(--main-color-blue) !important;
  }
  .note-header {
    border-bottom: 0.0625rem solid var(--second-color-gray2) !important;
  }
  select {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background: var(--second-color-gray) url('https://tasks.msocialproduction.com/images/arrow_down.png') no-repeat 97% 50% !important;
  }
  #main {
    position: relative;
    margin-right: -20px;
    padding-left: 15px !important;
    padding-bottom: 100px !important;
  }
  #main::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 44px;
    height: 47px;
    animation-name: change;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    background: url('https://firebasestorage.googleapis.com/v0/b/trakcer-29fd3.appspot.com/o/image%20(2).gif?alt=media&token=364f0b0d-adda-49e2-b8f9-e16a38814534') no-repeat;
    background-size: cover;
    z-index: 1;
  }
  #main::after {
    content: '';
    width: 100%;
    height: 70px;
    z-index: 0;
    background: rgb(0, 0, 0);
    left: 0;
    bottom: 0;
    position: absolute;
  }
  @keyframes change {
    0% {
      transform: translate(0, 0);
      left: 0%;
    }
    50% {
      transform: translate(-44px, 0);
      left: 100%;
    }
    50.01% {
      transform: translate(-44px, 0)  scaleX(-1);
    }
    100% {
      transform: translate(0, 0)  scaleX(-1);
      left: 0%;
    }
  }
  #login-form {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
    background-color: var(--second-color-dark) !important;
    color: var(--main-color-white) !important;
  }
  #login-form input {
    color: var(--main-color-white) !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
  }
  #login-form input:-internal-autofill-selected {
    color: var(--main-color-white) !important;
    -webkit-text-fill-color: var(--main-color-white) !important;
    box-shadow: inset 0 0 0 1000px var(--second-color-gray);
  }
  #login-form input:-internal-autofill-selected::-moz-placeholder {
    -webkit-text-fill-color: var(--main-color-white) !important;
    color: var(--main-color-white) !important;
  }
  #login-form input:-internal-autofill-selected::placeholder {
    -webkit-text-fill-color: var(--main-color-white) !important;
    color: var(--main-color-white) !important;
  }
  #block-timelog {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
  }
  #block-timelog .nodata {
    background-color: var(--second-color-dark) !important;
    color: var(--main-color-grey) !important;
  }
  fieldset#filters,
  fieldset#options {
    border: unset !important;
    border-top: 0.0625rem solid var(--second-color-gray2) !important;
    border-bottom: 0.0625rem solid var(--second-color-gray2) !important;
  }
  #projects-index .projects.root li.root {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
  }
  #projects-index .projects.root li.root ul.projects {
    border-left: 3px solid var(--second-color-gray2);
  }
  .priority-class-1,
  tr.priority-7 .tracker,
  tr.priority-6 .tracker,
  tr.priority-5 .tracker {
    font-weight: 700;
    color: #000 !important;
  }
  .priority-class-2,
  tr.priority-3 .tracker {
    font-weight: 700;
    color: var(--main-color-white) !important;
  }
  tr.priority-5 .tracker {
    background-color: var(--main-color-priority-5) !important;
  }
  tr.priority-6 .tracker {
    background-color: var(--main-color-priority-6) !important;
  }
  tr.priority-7 .tracker {
    background-color: var(--main-color-priority-7) !important;
  }
  tr.priority-3 .tracker {
    background-color: var(--main-color-priority-3) !important;
  }
  .pagination .pages li {
    border-color: var(--second-color-gray2) !important;
  }
  .pagination .pages li.current {
    background: var(--main-color-white) !important;
  }
  .pagination .pages li.current * {
    color: var(--main-color-dark) !important;
  }
  div[id*='change'] div[id*='note'] .jstEditor textarea,
  div[id*='change'] div[id*='note'] .jstEditor .wiki.wiki-preview {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--second-color-gray) !important;
    color: var(--main-color-grey) !important;
    font-size: 17px !important;
    border-radius: 0 0 0.5rem 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
  }
  .box.filedroplistner fieldset {
    border-radius: 0.5rem !important;
    border: 0.0625rem solid var(--second-color-gray2) !important;
  }
  .box.filedroplistner fieldset .jstEditor textarea,
  .box.filedroplistner fieldset .jstEditor .wiki.wiki-preview {
    padding: 10px;
    box-sizing: border-box;
    width: 100%;
    background-color: var(--second-co...

Reviews

No reviews yet.