Skip to content

GitLab

Commit 14e89d93 authored by Анар's avatar Анар
Browse files

police

parent e315655f
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 2338 additions and 0 deletions
+2338 -0
analyst/article-list.html 0 → 100644
View file @ 14e89d93
<!DOCTYPE html>
<html lang="en">
<head>
<title>analyst</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<link rel="stylesheet" href="css/fontawesome-all.min.css"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="node_modules/uikit/dist/css/uikit.min.css"/>
<link rel="stylesheet" href="node_modules/perfect-scrollbar/css/perfect-scrollbar.css"/>
<link rel="stylesheet" href="css/root.css"/>
<link rel="stylesheet" href="css/article-list.css"/>
<script src="node_modules/uikit/dist/js/uikit.min.js"></script>
<script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
</head>
<body>
<main>
<div class="container">
<ul class="article-list-menus">
<li>
<a href="javascript:void(0)">Мэдээ </a>
</li>
<li>
<a href="javascript:void(0)">Мэдээ </a>
</li>
</ul>
<div class="article-list-feature">
<a href="javascript:void(0)" class="">
<div class="article-list-feature-cat-name">
Улс төр
</div>
<div class="article-list-feature-img">
<img src="">
</div>
<div class="article-list-feature-section-text">
<div class="article-list-feature-text">
<div class="article-list-feature-title">
"Шүлснээс коронавирусийн халдвар илрүүлэх 10,000 оношлуурыг Лхагва гарагт ЭМЯ-нд хүлээлгэн өгнө"
</div>
<div class="article-list-feature-info">
<div>
8 минут
</div>
<div>
Баатархүү Баасандорж
</div>
</div>
<div class="article-list-feature-desc">
Ерөнхийлөгчийн сонгууль дөхөх тусам түүнтэй холбоотой улс төрийн акцууд ширүүхэн өрнөж байна. Тухайлбал одоогийн Ерөнхийлөгч сонгуульд нэр дэвших ...
</div>
</div>
</div>
</a>
</div>
<div class="article-list-banner">
<img src="">
</div>
<div class="uk-flex article-list-items">
<div class="uk-width-1-3@l article-list-item">
<a href="javascript:void(0)">
<div class="article-list-item-img">
<img src="">
</div>
<div class="article-list-item-text">
<div class="article-list-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-list-item-info">
<div class="article-list-item-info-left">8 минут</div>
<div class="article-list-item-info-right">Мэдээ</div>
</div>
</div>
</a>
</div>
<div class="uk-width-1-3@l article-list-item">
<a href="javascript:void(0)">
<div class="article-list-item-img">
<img src="">
</div>
<div class="article-list-item-text">
<div class="article-list-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-list-item-info">
<div class="article-list-item-info-left">8 минут</div>
<div class="article-list-item-info-right">Мэдээ</div>
</div>
</div>
</a>
</div>
<div class="uk-width-1-3@l article-list-item">
<a href="javascript:void(0)">
<div class="article-list-item-img">
<img src="">
</div>
<div class="article-list-item-text">
<div class="article-list-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-list-item-info">
<div class="article-list-item-info-left">8 минут</div>
<div class="article-list-item-info-right">Мэдээ</div>
</div>
</div>
</a>
</div>
<div class="uk-width-1-3@l article-list-item">
<a href="javascript:void(0)">
<div class="article-list-item-img">
<img src="">
</div>
<div class="article-list-item-text">
<div class="article-list-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-list-item-info">
<div class="article-list-item-info-left">8 минут</div>
<div class="article-list-item-info-right">Мэдээ</div>
</div>
</div>
</a>
</div>
</div>
<div class="article-list-items-pagination">
<ul class="uk-pagination" uk-margin>
<li><a href="#"><span uk-pagination-previous></span></a></li>
<li><a href="#">1</a></li>
<li><a href="#">5</a></li>
<li><a href="#">6</a></li>
<li class="uk-active"><span>7</span></li>
<li><a href="#">9</a></li>
<li><a href="#"><span uk-pagination-next></span></a></li>
</ul>
</div>
</div>
</main>
</body>
</html>
\ No newline at end of file
analyst/article-view.html 0 → 100644
View file @ 14e89d93
<!DOCTYPE html>
<html lang="en">
<head>
<title>analyst</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<link rel="stylesheet" href="css/fontawesome-all.min.css"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="node_modules/uikit/dist/css/uikit.min.css"/>
<link rel="stylesheet" href="node_modules/perfect-scrollbar/css/perfect-scrollbar.css"/>
<link rel="stylesheet" href="css/root.css"/>
<link rel="stylesheet" href="css/article-view.css"/>
<script src="node_modules/uikit/dist/js/uikit.min.js"></script>
<script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
</head>
<body>
<main>
<div class="container">
<div class="uk-flex">
<div class="uk-width-2-3@l article-view-right">
<div class="article-view-top-banner">
<img src="">
</div>
<div class="uk-flex">
<div class="uk-width-1-6@l">
<div class="article-view-info">
<a href="javascript:void(0)" class="article-view-info-click-item">
<div class="article-view-info-item-icon">
<i class="fas fa-bars"></i>
</div>
Эдийн засаг
</a>
<div class="article-view-info-item">
<div class="article-view-info-item-icon">
<i class="fas fa-clock"></i>
</div>
11 цаг 45 минутын өмнө
</div>
<div class="article-view-info-item">
<div class="article-view-info-item-icon">
<i class="fas fa-newspaper"></i>
</div>
А.Эрхэмбаяр
</div>
</div>
</div>
<div class="uk-width-5-6@l">
<div class="article-view-section-title">
БНӨСУ-д цагдаагийн зөвлөхөөр үүрэг гүйцэтгэх алба хаагчийг хүлээн авч уулзлаа
</div>
<div class="article-view-social">
<a href="javascript:void(0)" class="article-view-social-fb">
<i class="fab fa-facebook-f"></i>
23
</a>
<a href="javascript:void(0)" class="article-view-social-tw">
<i class="fab fa-twitter"></i>
Tweet
</a>
<a href="javascript:void(0)" class="article-view-social-plus">
<i class="fas fa-plus"></i>
</a>
</div>
<div class="article-v iew-img">
<img src="">
</div>
<div class="article-view-title">
Улсын Их Хурлын гишүүн Ж.Мөнхбат, Ё.Баатарбилэг, Г.Тэмүүлэн нарын санаачлагаар Улаанбаатар хотод зохион байгуулж байгаа Архангай аймгийн Малчдын зөвлөгөөнд оролцогч Та бүхэнд болон Та бүхнээр уламжлан тус аймгийн нийт малчдад Улсын Их Хурлын өмнөөс энэ өдрийн мэнд хүргэж мэндчилж байна.
Монголын өв уламжлал, ёс заншил нүүдлийн соёл иргэншлийг уламжлан авч яваа Арын хангайн нутгийн малчин Та бүхэнтэйгээ уулзаж халуун дулаан сэтгэл, шинэ эрч хүч мэдэрч байгаадаа баяртай байна.
Монголын үндэсний баялаг бол монгол малчин, монгол мал гэдэгт итгэдэг. Миний аав 1992 оны Үндсэн хуулийг батлахад “Мал сүрэг бол төрийн хамгаалалтад байна” гэдэг үаалтыг тухайн үеийн хоршоологчдын бүлгэм буюу нэгдлийн дарга нар, малчдын төлөөлөлтэй хамтарч оруулсан. Тэр үед мал эмнэлэг, эрүүл мэнд, нүүдлийн мал аж ахуй бол Монголын шилжилтийн хамаг хүнд бэрхшээлийг дааж гарсан. Ийм учраас Улсын Их Хурал, гишүүд манлайлж малчдынхаа төлөө, мал аж ахуйг хөгжүүлэх олон хуулийг санаачлан баталж байна.
Төр хүнд, ёс чанга байсан үеийг бодвол төр шилэн болж, нийгэм ардчилж Улсын Их Хурлын үйл ажиллагаа нээлттэй, ил тод болсноор алдаа оноо, шүүмж, магтаал аль алиныг нь дагуулдаг. Гэхдээ нэг хоёр хүний засаглалыг бодвол парламент олонхоороо хэлэлцэж, “Бүгдээр хэлэлцвэл буруугүй, бүлээн усаар угаавал хиргүй” гэдэг зарчмаар ярилцаад ард түмнийхээ төлөө шийдвэрийг гаргаж чаддаг.
</div>
<div class="article-view-banner">
<img src="">
</div>
<div class="article-view-other-news">
<div class="article-view-other-news-section-title">
Бусад мэдээ
</div>
<div class="uk-flex">
<a href="javascript:void(0)" class="article-view-other-news-item uk-width-1-3@l">
<div class="article-view-other-news-item-img">
<img src="">
</div>
<div class="article-view-other-news-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-view-other-news-item-info">
8 минут &nbsp;
Мэдээ
</div>
</a>
<a href="javascript:void(0)" class="article-view-other-news-item uk-width-1-3@l">
<div class="article-view-other-news-item-img">
<img src="">
</div>
<div class="article-view-other-news-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-view-other-news-item-info">
8 минут &nbsp;
Мэдээ
</div>
</a>
<a href="javascript:void(0)" class="article-view-other-news-item uk-width-1-3@l">
<div class="article-view-other-news-item-img">
<img src="">
</div>
<div class="article-view-other-news-item-title">
ДЭЛХИЙН МОНГОЛЧУУД МОНГОЛДОО ТУСЛАХААР ЯРИЛЦЖЭЭ
</div>
<div class="article-view-other-news-item-info">
8 минут &nbsp;
Мэдээ
</div>
</a>
</div>
</div>
<div class="article-view-comm">
<div class="article-view-comm-section-title">
<i class="fas fa-comment"></i>
Сэтгэгдэл
<div class="article-view-comm-section-title-total">
6
</div>
</div>
<div class="article-view-comm-text">
<div>
<textarea class="article-view-comm-text-write uk-textarea" rows="1" placeholder="Сэтгэгдэл бичнэ үү..."></textarea>
</div>
<div style="display: flex;">
<textarea class="article-view-comm-text-name uk-textarea" rows="1" placeholder="Нэрээ бичнэ үү..."></textarea>
<a href="javascript:void(0)" class="article-view-comm-text-submit">
Илгээх
</a>
</div>
</div>
<div class="article-view-comm-user">
<div class="article-view-comm-user-name">
Зочин
<div class="article-view-comm-user-id">
[ 202.131.225.197 ]
</div>
</div>
<div class="article-view-comm-user-desc">
Хүйсээр квотлоно гэдэг нь чадваргүй хүмүүсийг хүчээр орон тоо бөглүүлж байгаагаас өөрцгүй. Манай эмэгтэйчүүд давруу юмаа.
</div>
<div class="article-view-comm-user-info">
<i class="fas fa-clock"></i>
2019.12.05
<a href="javascript:void(0)" class="article-view-comm-user-info-like">
<i class="fas fa-thumbs-up"></i>
15
</a>
<a href="javascript:void(0)" class="article-view-comm-user-info-unlike">
<i class="fas fa-thumbs-down"></i>
15
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="uk-width-1-3@l">
<div class="article-view-sidebar">
<div class="article-view-sidebar-top-banner">
<img src="">
</div>
<div class="article-view-sidebar-section-title">
<div class="article-view-sidebar-section-text">
Шинэ мэдээ
</div>
<div class="article-view-sidebar-section-info">
<a href="javascript:void(0)"><i class="fas fa-eye"></i></a>
</div>
</div>
<ul class="article-view-sidebar-items">
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
<li class="article-view-sidebar-item">
<a href="javascript:void(0)">
Сүлжээнд Монгол Улс чухал ач холбогдолтой болохыг
<div class="article-view-sidebar-item-info">8 минут</div>
</a>
</li>
</ul>
<div class="article-view-sidebar-bottom-banner">
<img src="">
</div>
<div>
<div class="article-view-sidebar-publishers-section-title">
Нийтлэлчийн булан
</div>
<div class="article-view-sidebar-publishers">
<a href="javascript:void(0)" class="article-view-sidebar-publisher">
<div class="article-view-sidebar-publisher-text">
хамгааллын дэглэм алдагдаж байгаа тул худалдааны төвийг зорихгүй байхад ...
</div>
<div class="article-view-sidebar-publisher-text-info">
8 минут
</div>
<div style="display: flex;">
<div class="article-view-sidebar-publisher-img">
<img src="">
</div>
<div style="display: flex; justify-content: center; align-items: center">
<div class="article-view-sidebar-publisher-info">
<div class="article-view-sidebar-publisher-name">
Д.ЭРДЭНЭТУЯА
</div>
<div class="article-view-sidebar-publisher-job">
<i class="fas fa-newspaper"></i>
Сэтгүүлч
</div>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
</body>
</html>
\ No newline at end of file
analyst/contact.html 0 → 100644
View file @ 14e89d93
<!DOCTYPE html>
<html lang="en">
<head>
<title>analyst</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
<link rel="stylesheet" href="css/fontawesome-all.min.css"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="node_modules/uikit/dist/css/uikit.min.css"/>
<link rel="stylesheet" href="node_modules/perfect-scrollbar/css/perfect-scrollbar.css"/>
<link rel="stylesheet" href="css/root.css"/>
<link rel="stylesheet" href="css/contact.css"/>
<script src="node_modules/uikit/dist/js/uikit.min.js"></script>
<script src="node_modules/perfect-scrollbar/dist/perfect-scrollbar.min.js"></script>
</head>
<body>
<div class="container">
<div class="contact-section-title">
холбоо барих
</div>
<div class="contact-map">
</div>
<div class="contact-social-items">
<a href="javascript:void(0)" class="contact-social-item-fb">
<i class="fab fa-facebook-square"></i>
23
</a>
<a href="javascript:void(0)" class="contact-social-item-tw">
<i class="fab fa-twitter"></i>
Tweet
</a>
<a href="javascript:void(0)" class="contact-social-item-plus">
<i class="fas fa-plus"></i>
</a>
</div>
<div class="contact-infos">
<div class="contact-info-item">
Хаяг: Монгол улс, Улаанбаатар хот, Баянгол дүүрэг, Бичилд 28-р сургуулийн зүүн талд
</div>
<div class="contact-info-item">
Хаяг: Монгол улс, Улаанбаатар хот, Баянгол дүүрэг, Бичилд 28-р сургуулийн зүүн талд
</div>
</div>
<div class="contact-submit-items">
<div class="contact-submit-item-name">
<input class="uk-input" type="text" placeholder="Таны нэр">
<i class="fas fa-user-alt"></i>
</div>
<div class="contact-submit-item-email">
<input class="uk-input" type="text" placeholder="Таны и-мэйл">
<i class="fas fa-envelope"></i>
</div>
<div class="contact-submit-item-text">
<textarea class="uk-textarea" rows="2" placeholder="Таны асуух асуулт"></textarea>
<i class="fas fa-comment-alt"></i>
</div>
<a href="javascript:void(0)" class="contact-submit">
илгээх
</a>
</div>
</div>
</body>
</html>
\ No newline at end of file
analyst/css/article-cards.css 0 → 100644
View file @ 14e89d93
.article-cards{margin-right: -20px; margin-top: 20px;}
.article-card{padding-right: 20px}
.article-card-section-title{padding: 12px 0 32px; border-top: 2px solid #ff4b4c; display: flex; justify-content: space-between; font-size: 14px; font-weight: 700; line-height: 16px; color: #000;}
.article-card-info{color: #ed1b24; font-size: 14px; line-height: 16px;}
.article-card-big-item{position: relative;}
.article-card-big-item-img{height: 0; width: 100%; padding-bottom: 58%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.96%, #000000 100%)}
.article-card-big-item-title{position: absolute; bottom: 0; right: 0; left: 0; padding: 0 25px 15px 15px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 700; line-height: 16px;}
.article-card-item{display: flex; margin-top: 10px;}
.article-card-item-img{min-height: 100px; min-width: 152px; max-height: 100px; max-width: 152px; border-radius: 3px; background: #ccc;}
.article-card-item-title{margin-left: 10px; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 16px; color: #262626;}
.article-card-item-info{color: #ed1b24; text-transform: lowercase; font-size: 14px; font-weight: 400; line-height: 16px;}
\ No newline at end of file
analyst/css/article-feature.css 0 → 100644
View file @ 14e89d93
/*for article-feature*/
.article-feature{}
.article-feature-section-title{display: flex; justify-content: space-between; margin: 20px 0; position: relative;}
.article-feature-title{font-size: 14px; height: 30px; text-transform: uppercase; font-weight: 700; line-height: 16px; color: #000;}
.article-feature-title:after{content: ''; font-family: 'Font Awesome 5 Free'; width: 40px; left: 0; position: absolute; bottom: 0; border: 2px solid #ed1b24}
.article-feature-archive{display: flex; font-size: 14px; line-height: 16px; font-weight: 400; text-decoration: none; color: #262626}
.article-feature-archive-more{font-size: 14px; margin-left: 10px; padding-top: 2px; font-weight: 400; line-height: 14px; text-align: center; color: #ED1B24}
.article-feature-archive:hover{color: #262626}
.article-feature-items{flex-flow: row wrap; margin-top: 20px; margin-right: -5px;}
.article-feature-item{margin-bottom: 18px; padding-right: 10px;}
.article-feature-item-img{display: block; position: relative; margin-bottom: 10px; padding-bottom: 58%; border-radius: 5px; overflow: hidden; width: 100%; height: 0; background: #ccc;}
.article-feature-item-title{text-transform: uppercase; font-family: 'Roboto'; font-size: 14px; font-weight: 400; line-height: 16px; color: #262626;}
.article-feature-item-title:hover{color: #262626;}
.article-feature-sidebar-items{list-style: none; height: 390px; overflow: auto;}
.article-feature-sidebar{margin: 20px 0 0 20px; padding-left: 20px; border-left: 1px solid #ededed;}
.article-feature-sidebar-section-title{display: flex; justify-content: space-between; position: relative;}
.article-feature-sidebar-section-text{font-size: 14px; height: 30px; text-transform: uppercase; font-weight: 700; line-height: 16px; color: #000;}
.article-feature-sidebar-section-text:after{content: ''; width: 40px; left: 0; position: absolute; bottom: 0; border: 2px solid #ed1b24}
.article-feature-sidebar-section-info>a{color: #ccc; font-family: 'Font Awesome 5 Free'; font-weight: 400; font-size: 14px; line-height: 16px; align-items: center;}
.article-feature-sidebar-section-info>a:hover{color: #ed1b24;}
.article-feature-sidebar-section-info>a:active{color: #ed1b24;}
.article-feature-sidebar-items{padding: 0}
.article-feature-sidebar-item{padding: 10px 10px 10px 0; border-bottom: 1px dashed #d7d7d7}
.article-feature-sidebar-item>a{text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 16px; color: #262626;}
.article-feature-sidebar-item-info{color: #ed1b24; text-transform: lowercase; font-size: 14px; font-weight: 400; line-height: 16px;}
.article-feature-sidebar-banner{margin-top: 12px; height: 220px; width: 100%; border-radius: 2px; border: 1px solid #d7d7d7; background: #ccc}
/*end of article-feature*/
analyst/css/article-list.css 0 → 100644
View file @ 14e89d93
.article-list-menus{display: flex; align-items: center; justify-content: center; list-style: none; padding: 12px; text-align: center; margin: 10px 0;}
.article-list-menus>li{padding-right: 10px;}
.article-list-menus>li:after{content: '|'; font-weight: 400;}
.article-list-menus>li>a{color: #666; text-transform: uppercase; font-style: italic;}
.article-list-feature{position: relative;}
.article-list-feature-cat-name{position: absolute; top: 0; left: 0; border-radius: 5px 0 0 0; font-weight: 700; font-size: 24px; line-height: 28px; color: #fff; padding: 6px 20px; background-color: #FF4B4C;}
.article-list-feature-img{height: 0; width: 100%; padding-bottom: 44.2%; border-radius: 5px; background: #ccc;}
.article-list-feature-section-text{position: absolute; align-items: flex-end; display: flex; top: 0; bottom: 0; border-radius: 0 5px 5px 0; right: 0; width: 390px; background: rgba(0, 0, 0, 0.4)}
.article-list-feature-text{padding: 20px;}
.article-list-feature-title{font-size: 24px; font-weight: 700; line-height: 28px; color: #fff; text-transform: uppercase;}
.article-list-feature-info{border-bottom: 2px solid #FF4B4C; padding: 8px 0 10px; color: rgba(255, 255, 255, 0.8);}
.article-list-feature-desc{color: #fff; padding: 10px 0 20px;}
.article-list-banner{margin: 20px 0; width: 100%; height: 100px; border: 1px solid #D7D7D7; background: #ccc;}
.article-list-items{flex-flow: row wrap; margin-right: -10px; margin-bottom: 30px;}
.article-list-item{padding-right: 10px; border-radius: 5px; margin-bottom: 10px;}
.article-list-item-img{display: block; position: relative; padding-bottom: 51%; border-radius: 5px 5px 0 0; overflow: hidden; width: 100%; height: 0; background: #ccc;}
.article-list-item-text{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 5px 5px;}
.article-list-item-title{text-transform: uppercase; padding: 20px; font-family: 'Roboto'; font-size: 14px; font-weight: 700; line-height: 16px; color: #262626;}
.article-list-item-info{display: flex; padding: 0 20px 50px;}
.article-list-item-info-left{margin-right: 8px; color: #FF4B4C}
.article-list-item-info-right{margin-left: 8px; color: #FF4B4C}
.article-list-items-pagination{display: flex; margin-bottom: 100px; justify-content: center; align-items: center;}
.uk-pagination>*{background: #f5f5f5; margin-right: 5px;}
.uk-pagination>*:hover{background: #fff;}
.uk-pagination>*:active{background: #fff; border-radius: 5px;}
.uk-pagination>*:focus{background: #fff;}
a{border-radius: 5px;}
a:active{border: 1px solid #FF4B4C; border-radius: 5px;}
a:hover{background: #fff; border-radius: 5px; border: 1px solid #FF4B4C;}
\ No newline at end of file
analyst/css/article-new.css 0 → 100644
View file @ 14e89d93
.banner-top{height: 100px; width: 100%; margin: 10px 0; border: 1px solid #d7d7d7; background: #ccc}
.article-new-info{display: flex; margin-bottom: 10px; height: 24px; width: 150px; padding: 4px; align-items: center; border-radius: 3px; font-size: 14px; font-weight: 400; line-height: 16px; color: #ff4b4c; background-color: rgba(0, 0, 0, 0.2)}
.article-new-info>i{margin-right: 5px;}
/*for ix-left*/
.article-new{}
.article-new-left{margin-right: 10px; position: relative; display: block;}
.article-new-left-img{height: 0; padding-bottom: 70%; border-radius: 5px; background-color: #ccc;}
.article-mask {position: absolute; border-radius: 5px; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 0}
.article-mask:hover{background: linear-gradient(180deg, rgba(237, 27, 36, 0) 60%, #ED1B24 100%)}
.article-new-left-text{padding: 20px; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1; pointer-events: none}
.article-new-left-title{justify-content: flex-end; font-size: 24px; text-transform: uppercase; font-weight: 700; line-height: 28px; color: #fff;}
/*end of ix-left*/
/*for ix-right*/
.article-new-right-top{position: relative; display: block;}
.article-new-right-top-img{height: 0; margin-bottom: 10px; padding-bottom: 38.5%; border-radius: 5px; background-color: #ccc;}
.article-new-right-top-text{padding: 10px 15px; position: absolute; bottom: 0; right: 0; left: 0; z-index: 1; pointer-events: none}
.article-new-right-top-title{font-size: 18px; align-items: flex-end; text-transform: uppercase; font-weight: 700; line-height: 21px; color: #fff;}
.article-new-right-bottom{}
.article-new-right-bottom-item{margin-right: 10px; position: relative; display: block}
.article-new-right-bottom-item:last-child{margin-right: 0;}
.article-new-right-bottom-img{height: 0; padding-bottom: 58%; border-radius: 5px; background-color: #ccc;}
.article-new-right-bottom-text{padding: 10px; position: absolute; bottom: 10px; right: 0; left: 0; z-index: 1; pointer-events: none}
.article-new-right-bottom-title{font-size: 14px; font-weight: 700; line-height: 16px; color: #fff;}
/*end of ix right*/
analyst/css/article-politics.css 0 → 100644
View file @ 14e89d93
.article-polit{position: relative; margin: 20px 0 30px;}
.article-polit-section-title{justify-content: space-between; padding-bottom: 31px; padding-top: 12px; border-top: 2px solid #ff4b4c}
.article-polit-title{padding: 12px 0; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 16px; color: #000;}
.article-polit-info{padding: 12px 0;}
.article-polit-info>a{padding: 12px 10px; border-right: 1px solid #ededed; font-size: 14px; font-weight: 400; font-style: italic; text-align: center; color: #666;}
.article-polit-info>a:last-child{border-right: none;}
.article-polit-left-item{position: relative; display: block;}
.article-polit-left-item-img{height: 0; width: 100%; padding-bottom: 52.6%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.96%, #000000 100%);}
.article-polit-left-item-text{position: absolute; padding: 0 25px 15px 15px; text-transform: uppercase; bottom: 0; left: 0; right: 0; display: block;}
.article-polit-left-item-title{color: #fff; font-size: 14px; font-weight: 700; line-height: 16px;}
.article-polit-right-items{flex-flow: row wrap}
.article-polit-right-item{display: flex; margin-bottom: 10px; padding-left: 10px;}
.article-polit-right-item:nth-child(2n+0){margin-right: 0;}
.article-polit-right-item-img{height: 0; min-width: 152px; border-radius: 3px; max-width: 152px; padding-bottom: 25.7%; background: #ccc;}
.article-polit-right-item-text{margin-left: 10px;}
.article-polit-right-item-title{font-size: 14px; text-transform: uppercase; font-weight: 400; line-height: 16px; color: #262626;}
.article-polit-right-item-info{color: #ed1b24; text-transform: lowercase; font-size: 14px; font-weight: 400; line-height: 16px;}
.article-polit-banner{width: 100%; height: 100px; background: #ccc; border: 1px solid #d7d7d7}
\ No newline at end of file
analyst/css/article-view.css 0 → 100644
View file @ 14e89d93
.article-view-top-banner{height: 100px; width: 100%; margin-bottom: 30px; border: 1px solid #D7D7D7; background: #ccc;}
.article-view-info{margin-right: 30px;}
.article-view-info-click-item{display: block; border-top: 1px dashed #D7D7D7; padding: 10px 0; color: #ed1b24; font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 16px;}
.article-view-info-item{display: block; border-top: 1px dashed #D7D7D7; padding: 10px 0; color: #000; font-size: 12px; font-weight: 400; text-transform: uppercase; line-height: 16.41px;}
.article-view-info-item-icon{margin-bottom: 5px; color: #c4c4c4;}
.article-view-section-title{font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 35px; color: #222;}
.article-view-social{margin: 15px 0 24px;}
.article-view-social>a{margin-right: 5px;}
.article-view-social-fb{color: #fff; padding: 5px; font-size: 14px; border-radius: 2px; font-weight: 400; line-height: 16px; background-color: #3B5998;}
.article-view-social-fb>i{margin-right: 5px}
.article-view-social-tw{color: #fff; padding: 5px; font-size: 14px; font-weight: 400; line-height: 16px; border-radius: 2px; background-color: #55ACEE;}
.article-view-social-tw>i{margin-right: 5px;}
.article-view-social-plus{color: #dd4b39; padding: 5px; font-size: 14px; font-weight: 400; line-height: 16px; border-radius: 2px; background-color: #fff;}
.article-view-img{width: 100%; height: auto; margin-bottom: 20px; background-color: #ccc;}
.article-view-title{margin-bottom: 27px; font-size: 16px; font-weight: 400; line-height: 30px; color: #262626}
.article-view-banner{margin-bottom: 27px; width: 100%; background: #ccc; height: 100px; border: 1px solid #D7D7D7;}
.article-view-other-news{margin-bottom: 30px;}
.article-view-other-news-section-title{padding: 13px 0 30px; border-top: 2px solid #FF4B4C; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 16px; color: #000;}
.article-view-other-news-item{margin-right: 11px; border-radius: 5px; border: 1px solid rgba(0, 0, 0, 0.1);}
.article-view-other-news-item:last-child{margin-right: 0;}
.article-view-other-news-item-img{width: 100%; padding-bottom: 56%; border-radius: 5px 5px 0 0; background: #ccc;}
.article-view-other-news-item-title{padding: 15px 15px 10px; text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 16px; color: #262626;}
.article-view-other-news-item-info{padding: 0 15px 15px; font-size: 14px; color: #FF4B4C;}
.article-view-comm{}
.article-view-comm-section-title{margin-bottom: 20px; display: flex; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; color: #1a1146}
.article-view-comm-section-title>i{margin-right: 10px; font-size: 14px; font-weight: 700; line-height: 20px; text-transform: uppercase; color: #1a1146}
.article-view-comm-section-title-total{margin-left: 10px; background-color: #FF4B4C; color: #fff; border-radius: 5px; padding: 2px 5px;}
.article-view-comm-text{margin-bottom: 30px; border: 1px solid #DADADA;}
.article-view-comm-text-write{padding: 10px 15px; border-bottom: 1px dashed #DADADA}
.article-view-comm-text-name{padding: 10px 15px;}
.article-view-comm-text-submit{display: flex; justify-content: center; padding: 5px 13px; align-items: center; border: 1px solid #FF4B4C; border-radius: 3px; font-size: 16px; font-weight: 400; line-height: 20px; color: #0A2749}
.article-view-comm-user{margin-bottom: 20px;}
.article-view-comm-user-name{display: flex; font-size: 16px; font-weight: 700; line-height: 20px; color: #1A1146; margin-right: 5px}
.article-view-comm-user-id{margin-left: 10px; color: #999}
.article-view-comm-user-desc{margin: 10px 0; color: #000;}
.article-view-comm-user-info{color: #999;}
.article-view-comm-user-info>i{margin-right: 5px;}
.article-view-comm-user-info-like{margin-left: 10px; color: #999;}
.article-view-comm-user-info-like>i{margin-right: 5px}
.article-view-comm-user-info-unlike{margin-left: 10px; color: #999;}
.article-view-comm-user-info-unlike>i{margin-right: 5px}
.article-view-right{margin-right: 20px; margin-top: 30px; margin-bottom: 60px; padding-right: 20px; border-right: 1px solid #ededed;}
.article-view-sidebar{}
.article-view-sidebar-top-banner{height: 220px; width: 100%; margin-bottom: 22px; background-color: #ccc;}
.article-view-sidebar-bottom-banner{height: 220px; width: 100%; margin-bottom: 22px; background-color: #ccc;}
.article-view-sidebar{padding: 20px 0;}
.article-view-sidebar-section-title{display: flex; justify-content: space-between; position: relative;}
.article-view-sidebar-section-text{font-size: 14px; height: 30px; text-transform: uppercase; font-weight: 700; line-height: 16px; color: #000;}
.article-view-sidebar-section-text:after{content: ''; width: 40px; left: 0; position: absolute; bottom: 0; border: 2px solid #ed1b24}
.article-view-sidebar-section-info>a{color: #ccc; font-family: 'Font Awesome 5 Free'; font-weight: 400; font-size: 14px; line-height: 16px; align-items: center;}
.article-view-sidebar-section-info>a:hover{color: #ed1b24;}
.article-view-sidebar-section-info>a:active{color: #ed1b24;}
.article-view-sidebar-items{padding: 0; list-style: none; height: 500px; overflow: auto;}
.article-view-sidebar-item{padding: 10px 10px 10px 0; border-bottom: 1px dashed #d7d7d7}
.article-view-sidebar-item>a{text-transform: uppercase; font-size: 14px; font-weight: 400; line-height: 16px; color: #262626;}
.article-view-sidebar-item-info{color: #ed1b24; text-transform: lowercase; font-size: 14px; font-weight: 400; line-height: 16px;}
.article-view-sidebar-publishers{height: 520px; overflow: auto;}
.article-view-sidebar-publishers-section-title{padding-bottom: 10px; margin-bottom: 20px; position: relative; text-transform: uppercase; font-weight: 700; line-height: 16px; color: #000;}
.article-view-sidebar-publishers-section-title:after{position: absolute; bottom: 0; left: 0; right: 0; width: 30px; border: 2px solid #ed1b24; content: '';}
.article-view-sidebar-publisher{padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #D7D7D7;}
.article-view-sidebar-publisher-text{line-height: 16px; text-transform: uppercase; color: #000; margin-bottom: 4px;}
.article-view-sidebar-publisher-text-info{color: #999; margin-bottom: 10px;}
.article-view-sidebar-publisher-img{height: 60px; width: 60px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); background: #ccc;}
.article-view-sidebar-publisher-info{margin-left: 20px;}
.article-view-sidebar-publisher-name{font-size: 14px; font-weight: 400; line-height: 16px; color: #262626; text-transform: uppercase;}
.article-view-sidebar-publisher-job{margin-top: 6px; color: #ed1b24; font-size: 14px; font-weight: 400; line-height: 16px;}
analyst/css/contact.css 0 → 100644
View file @ 14e89d93
.contact-section-title{margin: 30px 0 20px; font-weight: 700; text-transform: uppercase; line-height: 16px; color: #000;}
.contact-social-items{padding-bottom: 20px; border-bottom: 1px solid #ededed; display: flex;}
.contact-social-item-fb{display: flex; margin-left: 5px; padding: 2px 5px; margin-right: 10px; height: 20px; align-items: center; font-size: 14px; font-weight: 700; line-height: 16px; border-radius: 3px; color: #fff; background-color: #3B5998}
.contact-social-item-fb>i{margin-right: 5px;}
.contact-social-item-fb:hover{background-color: rgba(0, 0, 0, .2)}
.contact-social-item-tw{display: flex; height: 20px; padding: 2px 5px; margin-right: 10px; border-radius: 3px; align-items: center; background-color: #55ACEE; margin-left: 5px; color: #fff; color: #fff;}
.contact-social-item-tw>i{margin-right: 5px;}
.contact-social-item-tw:hover{background-color: rgba(0, 0, 0, .2)}
.contact-social-item-plus{padding: 2px 4px; height: 20px; font-size: 14px; border: 1px solid #e5e5e5; justify-content: center; align-items: center; border-radius: 3px; color: #DD4B39;}
.contact-infos{margin: 20px 0;}
.contact-info-item{font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 10px; color: #222;}
.contact-info-item:first-child{margin-top: 0;}
.contact-submit-items{margin-bottom: 60px;}
.contact-submit-item-name{display: flex; position: relative; max-width: 400px; margin-bottom: 10px; max-height: 40px;}
.contact-submit-item-name>i{position: absolute; right: 9px; top: 6px;}
.contact-submit-item-email>i{position: absolute; right: 9px; top: 6px;}
.contact-submit-item-text>i{position: absolute; right: 9px; top: 20px;}
.contact-submit-item-email{display: flex; position: relative; max-width: 400px; margin-bottom: 10px; max-height: 40px;}
.contact-submit-item-text{display: flex; position: relative; max-width: 400px; max-height: 80px; margin-bottom: 20px;}
.contact-submit{padding: 10px 16px; border-radius: 3px; color: #fff; background-color: #1890FF}
analyst/css/footer.css 0 → 100644
View file @ 14e89d93
footer{background-color: #211557;}
.footer-top{padding: 30px 0;}
.footer-top-item{margin-right: 20px;}
.footer-top-item:last-child{margin-right: 0;}
.footer-top-item-section-title{border-left: 3px solid #ed1b24; display: flex; justify-content: space-between; background-color: rgba(255, 255, 255, 0.05)}
.footer-top-item-text{padding: 7px 10px; align-items: center; display: flex; justify-content: center; font-size: 14px; line-height: 16px; font-weight: 700; color: #fff; text-transform: uppercase; }
.footer-top-item-more{padding: 8px 9px; color: #fff; justify-content: center; align-items: center; display: flex; background: rgba(255, 255, 255, 0.05); }
.footer-top-item-articles{margin-top: 10px;}
.footer-top-item-left-article{position: relative; display: block; margin-right: 10px;}
.footer-top-item-left-article-img{padding-bottom: 63.1%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.96%, #000000 100%);}
.footer-top-item-left-article-title{margin: 0 15px 15px; text-transform: uppercase; position: absolute; bottom: 0; left: 0; right: 0; font-size: 14px; font-weight: 700; line-height: 16px; color: #fff;}
.footer-top-item-left-article-title:hover{color: #fff;}
.footer-top-item-article{position: relative; margin-bottom: 10px; display: block;}
.footer-top-item-article:last-child{margin-bottom: 0;}
.footer-top-item-article-img{padding-bottom: 53.1%; width: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.96%, #000000 100%);}
.footer-top-item-article-title{margin: 0 10px 10px; text-transform: uppercase; position: absolute; bottom: 0; left: 0; right: 0; font-size: 12px; font-weight: 700; line-height: 14px; color: #fff;}
.footer-top-item-article-title:hover{color: #fff;}
.footer-bottom{background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #211557;}
.footer-bottom-top{justify-content: space-between; padding: 20px 0; }
.footer-bottom-logo{display: flex; justify-content: center; align-items: center; color: #C6BAFF;}
.footer-bottom-logo>img{color: #C6BAFF; margin-right: 10px; height: 60px; width: 66px;}
.footer-bottom-logo-text{display: block}
.footer-bottom-top-info{display: flex; margin-right: 40px; max-width: 335px;}
.footer-bottom-top-info:last-child{margin-right: 0;}
.footer-bottom-top-info-icon{display: flex; padding: 3px 5px; margin-right: 10px; width: 30px; height: 30px; justify-content: center; align-items: center; border-radius: 5px; background: #ff4b4c; color: #fff;}
.footer-bottom-top-info-title{font-size: 14px; font-weight: 400; line-height: 16px; color: #C6BAFF;}
.footer-bottom-top-info-section-title{font-size: 24px; font-weight: 700; line-height: 28px; color: #C6BAFF;}
.footer-bottom{justify-content: space-between; }
.footer-bottom-section-info{border-top: 1px solid rgba(0, 0, 0, 0.3);}
.footer-bottom-info{color: rgba(255, 255, 255, 0.5); padding: 20px 0}
.footer-bottom-info>a{padding-right: 10px; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 16px; border-right: 1px solid rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.5)}
.footer-bottom-info>a:last-child{border-right: none;}
.footer-bottom-social{width: 40px; height: 40px; margin: 20px 0 20px 10px; display: flex; justify-content: center; align-items: center; border-radius: 5px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.1);}
analyst/css/ix-corner.css 0 → 100644
View file @ 14e89d93
.ix-corner-section-title{justify-content: space-between; padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; border-top: 2px solid #FF4B4C}
.ix-corner-section-text{padding-top: 13px; font-size: 14px; font-weight: 700; line-height: 16px; color: #000; text-transform: uppercase;}
.ix-corner-section-more{padding-top: 13px; font-size: 14px; font-weight: 400; line-height: 16px; color: #262626}
.ix-corner-section-more>i{color: #ed1b24; margin-left: 10px;}
.ix-corner-items{margin-top: 30px; margin-bottom: 50px; margin-right: -10px;}
.ix-corner-item{margin-right: 10px}
.ix-corner-item:last-child{margin-right: 0}
.ix-corner-item-com{margin-bottom: 20px;}
.ix-corner-item-title{font-size: 14px; text-transform: uppercase; font-weight: 400; line-height: 16px; color: #262626;}
.ix-corner-item-date{font-size: 14px; margin-bottom: 20px; font-weight: 400; line-height: 16px; color: #999;}
.ix-corner-item-publisher{display: flex;}
.ix-corner-item-publisher-img{height: 60px; width: 60px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); background: #ccc;}
.ix-corner-item-publisher-info{margin-left: 20px;}
.ix-corner-item-publisher-name{font-size: 14px; font-weight: 400; line-height: 16px; color: #262626; text-transform: uppercase;}
.ix-corner-item-publisher-job{margin-top: 6px; color: #ed1b24; font-size: 14px; font-weight: 400; line-height: 16px;}
.ix-corner-item-publisher-job>i{margin-right: 8px;}
\ No newline at end of file
analyst/css/ix-head.css 0 → 100644
View file @ 14e89d93
header{background-color: #ed1c24;}
/*for header top*/
.header-top{display: flex; align-items: center; justify-content: space-between; padding: 10px 0;}
.header-top-logo{display: flex; align-items: center; font-size: 24px; line-height: 28px; font-weight: 700; color: #fff}
.header-top-logo:hover{color: #fff}
.header-top-logo>img{height: 50px; width: 55px;}
.header-top-social{}
.header-top-social>a{color: #fff; font-size: 18px; font-weight: 400; line-height: 20px; margin-right: 18px;}
.header-top-search{display: flex; justify-content: space-between; width: 240px; height: 40px; border-radius: 3px; background: rgba(0,0,0,0.2)}
.header-top-search-text{display: flex; align-items: center; font-size: 14px; line-height: 20px; font-weight: 400; width: max-content; height: max-content; border: none; padding: 10px 10px 10px 15px; color: rgba(255, 255, 255, 0.5); background-color: initial;}
::placeholder{color: rgba(255, 255, 255, 0.5)}
.header-top-search-text:focus{outline: none;}
.header-top-search-text:hover{color: rgba(255, 255, 255, 0.5);}
.header-top-search-text-icon{display: flex; padding: 10px; justify-content: center; align-items: center; height: 20px; width: 20px; font-size: 14px; font-weight: 400; line-height: 14px; color: rgba(0, 0, 0, 0.2)}
.header-top-info{display: flex;}
.header-top-info-item{margin-right: 30px;}
.header-top-info-item:last-child{margin-right: 0;}
.header-top-info-item-top{font-size: 16px; display: flex; line-height: 19px; font-weight: 700; color: #fff;}
.header-top-info-item-top-icon{margin-right: 7px;}
.header-top-info-item-bottom{margin-top: 5px; font-size: 10px; font-weight: 400; line-height: 11.72px; color: rgba(0, 0, 0, 0.5);}
/*end of header top*/
/*for header bottom*/
.header-bottom{background-color: #d40a12; height: 40px;}
.header-bottom-items{display: flex; padding: 0; list-style: none}
.header-bottom-items>li{display: flex; justify-content: center; align-items: center; padding: 10px;}
.header-bottom-items>li:hover{background-color: rgba(0, 0, 0, 0.2)}
.header-bottom-items>li>a{font-size: 14px; text-transform: uppercase; font-weight: 400; line-height: 20px; line-height: 20px; color: #fff;}
.header-menu-dropdown{padding: initial;}
.header-menu-dropdown-items>li{padding: 10px; display: flex; border-bottom: 1px solid #ededed;}
.header-menu-dropdown-items>li>a{color: #262626; display: flex; justify-content: space-between; text-transform: uppercase; width: 100%; height: 100%;}
/*end of header bottom*/
\ No newline at end of file
analyst/css/publisher.css 0 → 100644
View file @ 14e89d93
.publisher-section-head{margin: 30px 0; justify-content: space-between}
.publisher-head{display: flex; justify-content: space-between;}
.publisher-head-img{height: 60px; width: 60px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); background: #ccc;}
.publisher-head-info{margin-left: 20px; display: flex; justify-content: center; align-items: center;}
.publisher-head-info-name{font-size: 14px; font-weight: 400; line-height: 16px; color: #262626; text-transform: uppercase;}
.publisher-head-info-job{margin-top: 6px; color: #ed1b24; font-size: 14px; font-weight: 400; line-height: 16px;}
.publisher-social{display: flex;}
.publisher-social-fb{border: 1px solid #ededed; height: 40px; width: 40px; border-radius: 5px; margin-right: 10px; display: flex; justify-content: center;}
.publisher-social-fb>a{padding: 9.5px 14.5px; color: #FF4B4C;}
.publisher-social-tw{border: 1px solid #ededed; height: 40px; width: 40px; border-radius: 5px; margin-right: 10px; display: flex; justify-content: center}
.publisher-social-tw>a{padding: 9px 15px; color: #FF4B4C;}
.publisher-social-youtube{border: 1px solid #ededed; height: 40px; width: 40px; border-radius: 5px; display: flex; justify-content: center;}
.publisher-social-youtube>a{padding: 9.5px 14.5px; color: #FF4B4C;}
.publisher-items{flex-flow: row wrap; margin-right: -10px; margin-bottom: 18px;}
.publisher-item{padding-right: 10px; border-radius: 5px; margin-bottom: 20px;}
.publisher-item-img{display: block; position: relative; padding-bottom: 57.2%; border-radius: 5px 5px 0 0; overflow: hidden; width: 100%; height: 0; background: #ccc;}
.publisher-item-text{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 5px 5px;}
.publisher-item-title{text-transform: uppercase; padding: 15px 15px 10px; font-family: 'Roboto'; font-size: 14px; font-weight: 700; line-height: 16px; color: #262626;}
.publisher-item-info{display: flex; padding: 0 15px 15px;}
.publisher-item-info-left{margin-right: 8px; color: #FF4B4C}
.publisher-item-info-right{margin-left: 8px; color: #FF4B4C}
.publisher-items-pagination{display: flex; justify-content: center; align-items: center; margin-bottom: 80px;}
.uk-pagination>*{background: #f5f5f5; margin-right: 5px;}
.uk-pagination>*:hover{background: #fff;}
.uk-pagination>*:active{background: #fff; border-radius: 5px;}
.uk-pagination>*:focus{background: #fff;}
a{border-radius: 5px;}
a:active{border: 1px solid #FF4B4C; border-radius: 5px;}
a:hover{background: #fff; border-radius: 5px; border: 1px solid #FF4B4C;}
\ No newline at end of file
analyst/css/publishers.css 0 → 100644
View file @ 14e89d93
.publishers{padding: 20px 0 60px;}
.publishers-cate{margin-right: 20px;}
.publishers-cate-section-name{font-size: 14px; font-weight: 400; text-transform: uppercase; line-height: 16px; color: #999;}
.publishers-top-cate-name{list-style: none; margin: 11px 0; padding: 0;}
.publishers-top-cate-name>li{padding: 12px 0; width: 100%; display: flex; justify-content: space-between; height: 100%; border-top: 1px dashed #D7D7D7;}
.publishers-top-cate-name>li>i{color: #bbb;}
.publishers-top-cate-name>li:last-child{border-bottom: 1px dashed #D7D7D7;}
.publishers-top-cate-name>li>a{color: #262626; text-transform: uppercase;}
.publishers-top-cate-name>li>a>i{color: #FF4B4C; margin-right: 10px;}
.publishers-bottom-cate{margin-top: 21px;}
.publishers-bottom-cate-name{list-style: none; margin: 11px 0; padding: 0;}
.publishers-bottom-cate-name>li{padding: 12px 0; display: flex;justify-content: space-between; border-top: 1px dashed #D7D7D7;}
.publishers-bottom-cate-name>li:last-child{border-bottom: 1px dashed #D7D7D7;}
.publishers-bottom-cate-name>li>a{color: #262626; text-transform: uppercase;}
.publishers-bottom-cate-name>li>a>i{color: #FF4B4C; margin-right: 10px;}
.uk-checkbox:checked, .uk-checkbox:indeterminate, .uk-radio:checked{background-color: initial; border-color: #ccc;}
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus{background-color: initial;}
.uk-checkbox:checked:active, .uk-checkbox:indeterminate:active, .uk-radio:checked:active{background-color: #FF4B4C;}
.uk-checkbox:checked:hover, .uk-checkbox:indeterminate:hover, .uk-radio:checked:hover{background-color: #FF4B4C;}
.uk-checkbox:checked:focus, .uk-checkbox:indeterminate:focus, .uk-radio:checked:focus{background-color: #FF4B4C;}
.publishers-main{padding-left: 20px; border-left: 1px solid #ededed;}
.publishers-cards{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #d7d7d7;}
.publishers-cards-section-name{font-weight: 700; color: #000; text-transform: uppercase;}
.publishers-card:last-child{margin-right: 0;}
.publishers-card{padding: 10px; margin: 10px 10px 0 0; border-radius: 3px; min-height: 180px; min-width: 180px; border: 8px solid #f2f2f2; background: #f6f6f6; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.publishers-card-img{height: 60px; width: 60px; margin-left: auto; margin-right: auto; margin-bottom: 10px; border-radius: 50px; border: 1px solid rgba(0, 0, 0, 0.1); background: #ccc;}
.publishers-card-name{font-size: 14px; text-align: center; font-weight: 400; line-height: 16px; color: #262626; text-transform: uppercase;}
.publishers-card-job{margin-top: 8px; text-align: center; color: #ed1b24; font-size: 14px; font-weight: 400; line-height: 16px;}
.publishers-card-job>i{margin-right: 8px;}
.publishers-main-section-filter{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #d7d7d7}
.publishers-main-section-search{display: flex;}
.publishers-main-search>i{display: flex; justify-content: center; font-size: 12px; align-items: center; color: #FF4B4C; margin: 0 5px;}
.publishers-main-section-search-a{border: none; width: 100%;}
.publishers-main-search{width: 100%; height: 30px; display: flex; border: 1px solid #C4C4C4; border-radius: 3px;}
.publishers-main-search-button{margin-left: 10px; height: 30px; width: 68px; display: flex; justify-content: center; align-items: center; border-radius: 3px; color: #fff; background-color: #ed1b24;}
.publishers-main-search-button:hover{color: #fff;}
.publishers-main-filter{padding-left: 20px; display: flex; justify-content: center; align-items: center; color: #262626;}
.publishers-main-filter-left{padding: 0 10px; height: 30px; display: flex; justify-content: space-between; width: 130px; margin-right: 10px; border: 1px solid #c4c4c4; border-radius: 3px;}
.publishers-main-filter-left>a{font-size: 14px; font-weight: 400; display: flex; justify-content: center; align-items: center; color: #262626;}
.publishers-main-filter-left>i{margin-left: 5px; color: #FF4B4C;}
.publishers-main-filter-right{padding: 0 10px; height: 30px; display: flex; justify-content: space-between; width: 130px; margin-left: 10px; border: 1px solid #c4c4c4; border-radius: 3px;}
.publishers-main-filter-right>a{font-size: 14px; font-weight: 400; display: flex; justify-content: center; align-items: center; color: #262626;}
.publishers-main-filter-right>i{margin-left: 5px; color: #FF4B4C;}
.publishers-articles{margin-bottom: 60px;}
.publishers-articles-section-title{display: flex; margin-bottom: 20px;}
.publishers-articles-title{color: #262626; display: flex;}
.publishers-articles-number{margin-left: 5px; color: #FF4B4C;}
.publishers-articles-section-title-left{padding-right: 10px; display: flex; margin-right: 10px;}
.publishers-articles-section-title-right{display: flex;}
.publishers-articles-section-title-left:after{content: '\f111'; font-size: 10px; color: #999; font-weight: 700;}
.publishers-articles{flex-flow: row wrap; margin-right: -20px; margin-bottom: 18px;}
.publishers-article{padding-right: 20px; border-radius: 5px; margin-bottom: 20px;}
.publishers-article-img{display: block; position: relative; padding-bottom: 57.2%; border-radius: 5px 5px 0 0; overflow: hidden; width: 100%; height: 0; background: #ccc;}
.publishers-article-text{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0 0 5px 5px;}
.publishers-article-title{text-transform: uppercase; padding: 15px 15px 10px; font-family: 'Roboto'; font-size: 14px; font-weight: 700; line-height: 16px; color: #262626;}
.publishers-article-info{display: flex; padding: 0 15px 15px;}
.publishers-article-info-left{margin-right: 8px; color: #FF4B4C}
.publishers-article-info-right{margin-left: 8px; color: #FF4B4C}
.uk-pagination>*{background: #f5f5f5; margin-right: 5px;}
.uk-pagination>*:hover{background: #fff;}
.uk-pagination>*:active{background: #fff; border-radius: 5px;}
.uk-pagination>*:focus{background: #fff;}
a{border-radius: 5px;}
a:active{border: 1px solid #FF4B4C; border-radius: 5px;}
a:hover{background: #fff; border-radius: 5px; border: 1px solid #FF4B4C;}
\ No newline at end of file
analyst/css/root.css 0 → 100644
View file @ 14e89d93
.container{width: 1200px; margin: 0 auto;}
@media (max-width: 1300px) {
.container{width: 940px;}
}
@media (max-width: 960px) {
.container{width: 98%;}
}
body{
font-family: 'Roboto',sans-serif;
}
a{
text-decoration: none;
}
a:hover{
text-decoration: none;
}
i.fas,i.fab,i.far,i.fal{
line-height: inherit;
}
.uk-pagination>*{
margin-left: -1px;
}
.uk-pagination>*>*{
padding: 0;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #E0E0E0;
box-sizing: border-box;
}
.uk-pagination>.uk-active>*{
border: 2px solid #F86C6B;
font-weight: bold;
}
.uk-pagination>.uk-active + *{
margin-left: 0;
}
\ No newline at end of file
analyst/gulpfile.js 0 → 100644
View file @ 14e89d93
const gulp = require('gulp');
const browserSync = require('browser-sync');
const concat = require('gulp-concat');
const cleanCss = require('gulp-clean-css');
const uglify = require('gulp-uglify');
const destPath = './dist/';
function css() {
return gulp.src([
// call css files that came from node_modules
'node_modules/uikit/dist/css/uikit.min.css',
'node_modules/swiper/swiper-bundle.min.css',
// call css local css files
'css/*.css',
])
.pipe(concat('root.min.css'))
.pipe(cleanCss())
.pipe(gulp.dest(destPath + 'css/'));
}
function js() {
return gulp.src([
// call js files that came from node_modules
'node_modules/uikit/dist/js/uikit.min.js',
'node_modules/swiper/swiper-bundle.min.js',
'node_modules/jquery/dist/jquery.min.js',
// call css local js files
'js/*.js'])
.pipe(uglify())
.pipe(concat('root.min.js'))
.pipe(gulp.dest(destPath + 'js/'));
}
gulp.task('pack-css', css);
gulp.task('pack-js', js);
function serve() {
browserSync.init({
server: '',
open: true,
port: 3000
});
gulp.watch('js/*.js').on('change', js);
gulp.watch('js/*.js').on('change', browserSync.reload);
gulp.watch('css/*.css').on('change', css);
gulp.watch('css/*.css').on('change', browserSync.reload);
gulp.watch('./*.html').on('change', browserSync.reload);
}
gulp.task('serve', gulp.series(serve, js, css));
gulp.task('build', gulp.series(js, css));
analyst/index.html 0 → 100644
View file @ 14e89d93
This diff is collapsed.
analyst/package.json 0 → 100644
View file @ 14e89d93
{
"name": "html-builder",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"autoprefixer": "^10.2.1",
"browser-js": "^1.10.1",
"gulp": "^4.0.2",
"gulp-clean-css": "^4.3.0",
"jquery": "^3.6.0",
"perfect-scrollbar": "^1.5.0",
"postcss-clean": "^1.1.0",
"swiper": "^6.5.0",
"uikit": "^3.6.16"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-preset-env": "^1.7.0",
"browser-sync": "^2.26.13",
"gulp-concat": "^2.6.1",
"gulp-uglify": "^3.0.2"
},
"keywords": [],
"description": ""
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment