Вторая секция
This commit is contained in:
Vsevo;od committed
1 parent
d02015032a
commit
9ff5fafd63
5 files changed
+146
-19
No files matched your search
+1
-1
@@ -1 +1 @@
|
|||||||
*{font-family:"Roboto",sans-serif}header{position:relative;height:83px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.menu{width:435px;height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px}.menu_logo{width:40px;height:52px}.menu_project_name{margin-left:20px}.menu_project_name_text{color:#20d37d;font-size:48px;font-style:normal;font-weight:500}.menu_hamburger{display:block;position:absolute;left:50px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.menu_hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.menu_hamburger span:nth-child(1){margin-top:12px}.menu_hamburger span:nth-child(3){margin-bottom:12px}.menu_hamburger_active{-webkit-transition:.8 all;transition:.8 all}.menu_hamburger_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.menu_hamburger_active span:nth-child(2){display:none}.menu_hamburger_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header_login{display:block;height:100%;padding-left:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:290px;height:71px;background-color:#43ca79;border-radius:40px;color:#fff;font-size:32px;font-style:normal;font-weight:500}.header_login_text{padding-top:6px;height:100%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:22px;font-style:normal;font-weight:500}.universe{position:relative;min-height:640px;padding:22px 0 30px 0;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8}.universe_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:25px}.universe_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px}.universe_input:focus{outline:none;border:1px solid gray}.universe_search{height:35px;width:35px;position:absolute;right:30px}.universe_card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px;height:205px;width:205px;background-color:#fff;border-radius:44px}.universe_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.universe_card_text span{color:#50d400;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.universe_icon{height:130px;width:130px}.universe_slid{height:18px;width:112px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.universe_slid_active{width:20px;margin-right:8px;border-radius:50%;background-color:#fff}.universe_slid_disable{width:20px;margin-right:8px;border-radius:50%;background-color:#aeaeae}/*# sourceMappingURL=style.css.map */
|
*{font-family:"Roboto",sans-serif}header{position:relative;height:83px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.menu{width:435px;height:58px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:88px}.menu_logo{width:40px;height:52px}.menu_project_name{margin-left:20px}.menu_project_name_text{color:#20d37d;font-size:48px;font-style:normal;font-weight:500}.menu_hamburger{display:block;position:absolute;left:50px;top:17px;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50px;width:50px;background-color:#20d37d;border-radius:9px}.menu_hamburger span{display:block;height:5px;width:32px;background-color:#fff;margin:0 9px 6px 9px}.menu_hamburger span:nth-child(1){margin-top:12px}.menu_hamburger span:nth-child(3){margin-bottom:12px}.menu_hamburger_active{-webkit-transition:.8 all;transition:.8 all}.menu_hamburger_active span:nth-child(1){margin-top:12px;-webkit-transform:translateY(12px) rotate(-45deg);transform:translateY(12px) rotate(-45deg)}.menu_hamburger_active span:nth-child(2){display:none}.menu_hamburger_active span:nth-child(3){margin-top:12px;-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.header_login{display:block;height:100%;padding-left:19px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:10px;width:290px;height:71px;background-color:#43ca79;border-radius:40px;color:#fff;font-size:32px;font-style:normal;font-weight:500}.header_login_text{padding-top:6px;height:100%;margin-left:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;font-size:22px;font-style:normal;font-weight:500}.universe{position:relative;min-height:640px;padding:22px 0 30px 0;background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8}.universe_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:50px;margin-bottom:25px}.universe_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px}.universe_input:focus{outline:none;border:1px solid gray}.universe_search{height:35px;width:35px;position:absolute;right:30px}.universe_card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:30px;height:205px;width:205px;background-color:#fff;border-radius:44px}.universe_card_text{color:#2a2a2a;font-size:24px;font-style:normal;font-weight:500}.universe_card_text span{color:#50d400;font-family:Inter;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.universe_icon{height:130px;width:130px}.universe_slid{height:18px;width:112px;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;bottom:30px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.universe_slid_active{width:20px;margin-right:8px;border-radius:50%;background-color:#fff}.universe_slid_disable{width:20px;margin-right:8px;border-radius:50%;background-color:#aeaeae}.navigation{background:-webkit-gradient(linear, left bottom, left top, from(#ECECEC), to(#ECECEC)),#e8e8e8;background:linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%),#e8e8e8;position:relative;min-height:640px;padding:22px 0 30px 0}.navigation_input_block{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:60px;margin-bottom:60px}.navigation_input{padding-left:20px;height:100%;border-radius:40px;display:block;width:100%;border:0px;font-size:20px}.navigation_input:focus{outline:none;border:1px solid gray}.navigation_search{height:35px;width:35px;position:absolute;right:30px}.navigation_info{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:56px;background-color:#fff;border-radius:50px}.navigation_info_text{color:#545454;font-size:20px;Line truncated
|
||||||
@@ -1 +1 @@
|
|||||||
{"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"AACA,EACI,+BAAA,CCFJ,OACI,iBAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,6BAAA,CACA,yBAAA,CAAA,oBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,qBAAA,CACJ,MACI,WAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,qBAAA,CAAA,kBAAA,CAAA,oBAAA,CACA,yBAAA,CAAA,oBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,gBAAA,CACA,WACI,UAAA,CACA,WAAA,CACJ,mBACI,gBAAA,CACA,wBACI,aAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CAER,gBACI,aAAA,CACA,iBAAA,CACA,SAAA,CACA,QAAA,CACA,kCAAA,CAAA,0BAAA,CACA,WAAA,CACA,UAAA,CACA,wBAAA,CACA,iBAAA,CACA,qBACI,aAAA,CACA,UAAA,CACA,UAAA,CACA,qBAAA,CACA,oBAAA,CACA,kCACI,eAAA,CACJ,kCACI,kBAAA,CACR,uBACI,yBAAA,CAAA,iBAAA,CAGI,yCACI,eAAA,CACA,iDAAA,CAAA,yCAAA,CACJ,yCACI,YAAA,CACJ,yCACI,eAAA,CACA,gDAAA,CAAA,wCAAA,CACpB,cACI,aAAA,CACA,WAAA,CACA,iBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,iBAAA,CACA,WAAA,CACA,WAAA,CACA,wBAAA,CACA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,mBACI,eAAA,CACA,WAAA,CACA,gBAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,UAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACR,UACI,iBAAA,CACA,gBAAA,CACA,qBAAA,CACA,8FAAA,CAAA,kEAAA,CACA,sBACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,iBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,WAAA,CACA,kBAAA,CACJ,gBACI,iBAAA,CACA,WAAA,CACA,kBAAA,CACA,aAAA,CACA,UAAA,CACA,UAAA,CACA,sBACI,YAAA,CACA,qBAAA,CAER,iBACI,WAAA,CACA,UAAA,CACA,iBAAA,CACA,UAAA,CACJ,eACI,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,2BAAA,CAAA,4BAAA,CAAA,yBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CAAA,sBAAA,CACA,yBAAA,CAAA,oBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,kBAAA,CACA,gBAAA,CACA,YAAA,CACA,WAAA,CACA,qBAAA,CACA,kBAAA,CAGA,oBACI,aAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,yBACI,aAAA,CACA,iBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CAEZ,eACI,YAAA,CACA,WAAA,CACJ,eACI,WAAA,CACA,WAAA,CACA,mBAAA,CAAA,mBAAA,CAAA,YAAA,CACA,iBAAA,CACA,WAAA,CACA,QAAA,CACA,kCAAA,CAAA,0BAAA,CACA,sBACI,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAA,CACJ,uBAEI,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,wBAAA","file":"style.css"}
|
{"version":3,"sources":["../sass/style.sass","../sass/_general.sass"],"names":[],"mappings":"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","file":"style.css"}
|
||||||
+21
-17
@@ -26,28 +26,32 @@
|
|||||||
Вход через <span class="header_login_text">ЕСИА</span>
|
Вход через <span class="header_login_text">ЕСИА</span>
|
||||||
</button>
|
</button>
|
||||||
</header>
|
</header>
|
||||||
<section class="universe">
|
<section class="navigation">
|
||||||
<div class="container container_flex">
|
<div class="container container_flex">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="universe_input_block col-md-12"><input type="text" class="universe_input" placeholder="Введите название вуза или суза..."><img src="/img/logo/search.svg" alt="search" class="universe_search"></div>
|
<div class="navigation_input_block col-md-12"><input type="text" class="navigation_input" placeholder="Введите код или название направления"><img src="/img/logo/search.svg" alt="search" class="navigation_search"></div>
|
||||||
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
|
</div>
|
||||||
ЮФУ <span>от 135т руб</span></div>
|
<div class="row row-cols-lg-1 g-5 g-lg-3">
|
||||||
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/kubgu.jpg" alt="universe" class="universe_icon">
|
<div class="col-md-12">
|
||||||
КубГУ <span>от 135т руб</span></div>
|
<div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
|
||||||
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/vshe.png" alt="universe" class="universe_icon">
|
</div>
|
||||||
ВШЭ <span>от 135т руб</span></div>
|
<div class="col-md-12">
|
||||||
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
|
<div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
|
||||||
ЮФУ <span>от 135т руб</span></div>
|
</div>
|
||||||
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
|
<div class="col-md-12">
|
||||||
ЮФУ <span>от 135т руб</span></div>
|
<div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-12">
|
||||||
|
<div class="navigation_info navigation_info_text p-3">09.03.04 - Программная инженерия <span class="navigation_cost">От 5600 в мес.</span> 10+ Банков</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="universe_slid">
|
<div class="navigation_slid">
|
||||||
<span class="universe_slid_active"></span>
|
<span class="navigation_slid_disable"></span>
|
||||||
<span class="universe_slid_disable"></span>
|
<span class="navigation_slid_active"></span>
|
||||||
<span class="universe_slid_disable"></span>
|
<span class="navigation_slid_disable"></span>
|
||||||
<span class="universe_slid_disable"></span>
|
<span class="navigation_slid_disable"></span>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<script src="js/script.js"></script>
|
<script src="js/script.js"></script>
|
||||||
|
|||||||
@@ -0,0 +1,55 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap" rel="stylesheet">
|
||||||
|
<link rel="stylesheet" href="./css/style.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap-grid.min.css">
|
||||||
|
<link rel="stylesheet" href="./css/bootstrap.min.css">
|
||||||
|
<title>PayDay</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<div class="menu">
|
||||||
|
<div class="menu_hamburger">
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
<span></span>
|
||||||
|
</div>
|
||||||
|
<img src="/img/logo/logoPayDay.png" alt="logo" class="menu_logo">
|
||||||
|
<div class="menu_project_name menu_project_name_text">Имя проекта</div>
|
||||||
|
</div>
|
||||||
|
<button class="header_login">
|
||||||
|
Вход через <span class="header_login_text">ЕСИА</span>
|
||||||
|
</button>
|
||||||
|
</header>
|
||||||
|
<section class="universe">
|
||||||
|
<div class="container container_flex">
|
||||||
|
<div class="row">
|
||||||
|
<div class="universe_input_block col-md-12"><input type="text" class="universe_input" placeholder="Введите название вуза или суза..."><img src="/img/logo/search.svg" alt="search" class="universe_search"></div>
|
||||||
|
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
|
||||||
|
ЮФУ <span>от 135т руб</span></div>
|
||||||
|
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/kubgu.jpg" alt="universe" class="universe_icon">
|
||||||
|
КубГУ <span>от 135т руб</span></div>
|
||||||
|
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/vshe.png" alt="universe" class="universe_icon">
|
||||||
|
ВШЭ <span>от 135т руб</span></div>
|
||||||
|
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
|
||||||
|
ЮФУ <span>от 135т руб</span></div>
|
||||||
|
<div class="col-2 universe_card universe_card_text"><img src="./img/icons/ufu.jpg" alt="universe" class="universe_icon">
|
||||||
|
ЮФУ <span>от 135т руб</span></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="universe_slid">
|
||||||
|
<span class="universe_slid_active"></span>
|
||||||
|
<span class="universe_slid_disable"></span>
|
||||||
|
<span class="universe_slid_disable"></span>
|
||||||
|
<span class="universe_slid_disable"></span>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<script src="js/script.js"></script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
@@ -158,4 +158,72 @@ header
|
|||||||
margin-right: 8px
|
margin-right: 8px
|
||||||
border-radius: 50%
|
border-radius: 50%
|
||||||
background-color: #AEAEAE
|
background-color: #AEAEAE
|
||||||
|
.navigation
|
||||||
|
background: linear-gradient(0deg, #ECECEC 0%, #ECECEC 100%), #E8E8E8
|
||||||
|
position: relative
|
||||||
|
min-height: 640px
|
||||||
|
padding: 22px 0 30px 0
|
||||||
|
&_input_block
|
||||||
|
display: flex
|
||||||
|
position: relative
|
||||||
|
justify-content: center
|
||||||
|
align-items: center
|
||||||
|
height: 60px
|
||||||
|
margin-bottom: 60px
|
||||||
|
&_input
|
||||||
|
padding-left: 20px
|
||||||
|
height: 100%
|
||||||
|
border-radius: 40px
|
||||||
|
display: block
|
||||||
|
width: 100%
|
||||||
|
border: 0px
|
||||||
|
font-size: 20px
|
||||||
|
&:focus
|
||||||
|
outline: none
|
||||||
|
border: 1px solid grey
|
||||||
|
|
||||||
|
&_search
|
||||||
|
height: 35px
|
||||||
|
width: 35px
|
||||||
|
position: absolute
|
||||||
|
right: 30px
|
||||||
|
&_info
|
||||||
|
position: relative
|
||||||
|
display: flex
|
||||||
|
justify-content: space-between
|
||||||
|
align-items: center
|
||||||
|
height: 56px
|
||||||
|
background-color: #fff
|
||||||
|
border-radius: 50px
|
||||||
|
&_text
|
||||||
|
color: #545454
|
||||||
|
font-size: 20px
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 500
|
||||||
|
&_cost
|
||||||
|
position: absolute
|
||||||
|
right: 150px
|
||||||
|
color: #20D37D
|
||||||
|
font-size: 20px
|
||||||
|
font-style: normal
|
||||||
|
font-weight: 500
|
||||||
|
|
||||||
|
&_slid
|
||||||
|
height: 18px
|
||||||
|
width: 112px
|
||||||
|
display: flex
|
||||||
|
position: absolute
|
||||||
|
bottom: 30px
|
||||||
|
left: 50%
|
||||||
|
transform: translateX(-50%)
|
||||||
|
&_active
|
||||||
|
width: 20px
|
||||||
|
margin-right: 8px
|
||||||
|
border-radius: 50%
|
||||||
|
background-color: #fff
|
||||||
|
&_disable
|
||||||
|
span
|
||||||
|
width: 20px
|
||||||
|
margin-right: 8px
|
||||||
|
border-radius: 50%
|
||||||
|
background-color: #AEAEAE
|
||||||
Reference in new issue
Block a user