Anton0093

Stage_2

Feb 28th, 2021
774
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. *{
  2.   box-sizing: border-box;
  3.   padding: 0;
  4.   margin: 0;
  5.  
  6.   font-family: Tahoma;
  7.   font-style: normal;
  8.   font-weight: normal;
  9.   font-size: 10px;
  10.   line-height: 12px;
  11. }
  12.  
  13. body{
  14.   height: 110vh;
  15.   width: 100%;
  16.   background-color: #1B1E27;
  17.  
  18.   color: #8C99B2;
  19. }
  20.  
  21. .text-end_1{
  22.   color: #F7931E;
  23. }
  24.  
  25. .gradient-element{
  26.   position: relative;
  27. }
  28.  
  29. .gradient-orange{
  30.   left: 10%;
  31.   position: absolute;
  32.   width: 17%;
  33.   height: 85px;
  34.  
  35.   background: linear-gradient(90deg, #FF8C00 0%, rgba(255, 140, 0, 0) 89.86%);
  36.   opacity: 0.2;
  37. }
  38.  
  39. .gradient{
  40.   left: 10%;
  41.   position: absolute;
  42.   width: 17%;
  43.   height: 85px;
  44.  
  45.   background: linear-gradient(90deg, #5B607D 0.03%, rgba(91, 96, 125, 0) 83.85%);
  46.   opacity: 0.2;
  47. }
  48.  
  49. .element-2{
  50.   display: flex;
  51.   flex-direction: column;
  52.   background: rgba(18, 21, 30, 0.5);
  53.  
  54.   border: 1px solid rgba(96, 101, 128, 0.5);
  55.   border-left: 2px solid #606580;
  56.   height: 85px;
  57.   width: 86.4%;
  58.  
  59.   margin-top: 20px;
  60.   margin-left: 10%;
  61.  
  62.   padding: 13px 20px 18px 32px;
  63. }
  64.  
  65. .element-2:hover{
  66.   border: 1px solid rgba(96, 101, 128, 1);
  67.   border-left: 2px solid #606580;
  68.   background-color: #1B1E27;
  69. }
  70.  
  71. .element-1{
  72.   display: flex;
  73.   flex-direction: column;
  74.   background: rgba(18, 21, 30, 0.5);
  75.  
  76.   border: 1px solid rgba(247, 147, 30, 0.5);
  77.   border-left: 2px solid #F7931E;;
  78.   height: 85px;
  79.   width: 86.4%;
  80.  
  81.   margin-top: 204px;
  82.   margin-left: 10%;
  83.  
  84.   padding: 13px 20px 18px 32px;
  85. }
  86.  
  87. .element-1:hover{
  88.   border: 1px solid rgba(247, 147, 30, 1);
  89.   border-left: 2px solid #F7931E;;
  90.   background-color: #1B1E27;
  91. }
  92.  
  93. .number{
  94.   font-size: 11px;
  95.   margin-right: 13px;
  96. }
  97.  
  98. .podcategory{
  99.   font-size: 10px;
  100.   margin-right: 8px;
  101. }
  102.  
  103.  .header-element{
  104.   display: flex;
  105.   margin-bottom: 13px;
  106. }
  107.  
  108. .line-1{
  109.   background-color: transparent;
  110.   border-top: 0.5px solid #606580;
  111.   align-self: center;
  112.   width: 5%;
  113.   margin-right: 1%;
  114. }
  115.  
  116. .install{
  117.   margin-right: 14px;
  118. }
  119.  
  120. .line-2{
  121.   background-color: transparent;
  122.   border-top: 0.5px solid #606580;
  123.   align-self: center;
  124.   width: 75%;
  125.   margin-right: 2%;
  126. }
  127. .date{
  128.   margin-right: 1%;
  129. }
  130.  
  131. .main-elememt{
  132.   display: flex;
  133.   align-items: center;
  134.   justify-content: flex-end;
  135. }
  136.  
  137. .temperature{
  138.   color: white;
  139.   font-size: 13px;
  140.   width: 97%;
  141. }
  142.  
  143. .vector{
  144.   margin-left: 1%;
  145. }
  146.  
  147. .vector_1{
  148.   margin-left: 1%;
  149. }
  150. .trash{
  151.   margin-left: 1%;
  152. }
  153.  
  154. .review-gradent{
  155.   position: relative;
  156. }
  157.  
  158. .gradientR{
  159.   position: absolute;
  160.   width: 145px;
  161.   height: 100%;
  162.  
  163.   background: linear-gradient(90deg, #5B607D 0.03%, rgba(91, 96, 125, 0) 83.85%);
  164.   opacity: 0.2;
  165. }
  166.  
  167. .review{
  168.  
  169.   background: rgba(18, 21, 30, 0.5);
  170.  
  171.   border: 1px solid rgba(96, 101, 128, 0.5);
  172.   border-left: 2px solid #606580;
  173.  
  174.   text-transform: uppercase;
  175.   padding: 10px 11px 17px 10px;
  176.  
  177.   width: 145px;
  178.   height: 80px;
  179.   margin-right: 40px;
  180. }
  181. .text{
  182.   font-size: 13px;
  183.   line-height: 16px;
  184.   height: 40px;
  185.  
  186. }
  187.  
  188. .info{
  189.   display: flex;
  190.   justify-content: space-between;
  191. }
  192.  
  193. .numbers{
  194.   font-size: 18px;
  195. }
  196.  
  197. .buttons{
  198.   display: flex;
  199.   margin: 5% 0;
  200.   margin-left: 10%;
  201. }
  202.  
  203. .task-gradient{
  204.   position: relative;
  205. }
  206.  
  207. .gradientT{
  208.   position: absolute;
  209.   width: 145px;
  210.   height: 100%;
  211.  
  212.   background: linear-gradient(90deg, #0487FD 0%, rgba(4, 135, 253, 0) 84%);
  213.   opacity: 0.2;
  214. }
  215.  
  216. .task{
  217.  
  218.   color: white;
  219.   padding: 10px 11px 17px 10px;
  220.   width: 180px;
  221.   height: 80px;
  222.   background: rgba(18, 21, 30, 0.5);
  223.   border: 1px solid rgba(96, 101, 128, 0.5);
  224.   border-left: 2px solid #0089FF;
  225.   margin-right: 40px;
  226. }
  227.  
  228. .button{
  229.   border: none;
  230.   padding: 6px 18px;
  231.   width: 150px;
  232.   height: 30px;
  233.  
  234.   background: #303549;
  235.   color: #8C99B2;
  236.   border-radius: 1px;
  237. }
  238.  
  239. .button:hover{
  240.  background: #0089FF;
  241.  color: white;
  242. }
  243.  
  244. .avt{
  245.   display: flex;
  246.   flex-direction: column;
  247.   margin-left: 10%;
  248.   background: rgba(31, 34, 46, 0.5);
  249.   width: 35%;
  250.   height: 207px;
  251. }
  252.  
  253. .num{
  254.   color: white;
  255.   font-size: 14px;
  256.   margin-right: 5%;
  257. }
  258.  
  259. .avt-10{
  260.   text-align: left;
  261.   color: white;
  262.   text-transform: uppercase;
  263.   font-weight: 600;
  264.   font-size: 16px;
  265.   width: 67%;
  266. }
  267.  
  268. .in-process{
  269.   font-size: 14px;
  270.   margin-right: 2%;
  271.   color: #606580;
  272. }
  273.  
  274. .in-process-2{
  275.   font-size: 14px;
  276.   margin-right: 2%;
  277.   color: #FF0000;
  278. }
  279.  
  280. .process{
  281.   text-align: center;
  282.   padding: 20px 18px 15px 20px;
  283.   display: flex;
  284.   border-bottom: 1px solid #1B1E27;
  285.   height: 45px;
  286. }
  287.  
  288. .time{
  289.   margin-bottom: 4px;
  290. }
  291.  
  292. .setBlue{
  293.   margin-left: 2%;
  294.   margin-bottom: 4px;
  295. }
  296.  
  297. .information{
  298.   height: 113px;
  299.   padding: 20px 68px 30px 20px;
  300.   border-bottom: 1px solid #1B1E27;
  301. }
  302.  
  303.  
  304. .information > h1{
  305.   font-size: 18px;
  306.   line-height: 20px;
  307.   color: white;
  308.   margin-bottom: 10px;
  309. }
  310.  
  311.  
  312. .information > h2{
  313.   font-size: 18px;
  314.   line-height: 20px;
  315.   width: 70%;
  316. }
  317.  
  318. .dateTime{
  319.   display: flex;
  320.   justify-content: space-between;
  321.   color: white;
  322.   background: rgba(39, 42, 56, 0.5);
  323.   padding: 20px 18px 11px 20px;
  324. }
  325.  
  326. .data{
  327.   font-size: 12px;
  328.   line-height: 14px;
  329.   width: 23%;
  330.   width: 30%;
  331. }
  332.  
  333. .table{
  334.   padding: 6px 12px;
  335.   background: rgba(93, 96, 123, 0.2);
  336.   border-radius: 2px;
  337.   margin: 0 12px;
  338.   margin-left: 42%;
  339. }
  340.  
  341. .dateTime img{
  342.   margin: auto 0 ;
  343.   margin-left: 2%;  
  344. }
  345.  
  346. .avts{
  347.   display: flex;
  348. }
  349.  
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×