Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- html, body {
- margin: 0;
- padding: 0;
- min-width: 1000px;
- font-family: Arial;
- }
- h2 {
- font-size: 20px;
- padding: 27px 0 27px 18px;
- margin: 0 0 34px; /*сверху побокам и снизу.*/
- border-bottom: 1px solid #e5e5e5;
- }
- /* Header */
- #black-bar {
- background-color: #00122f;
- color: white;
- padding: 20px 0;
- font-size: 16px;
- }
- #black-bar a {
- color: white;
- }
- .fixed-container {
- width: 960px;
- margin: 0 auto;
- position: relative;
- }
- #header {
- height: 100px;
- }
- /*Москва селектор*/
- .select-wrapper {
- display: inline-block;
- float: left;
- margin-left: 180px;
- /* обнуляем шрифт, чтобы убрать текст label */
- font-size: 0;
- }
- .select-wrapper::after {
- content: '';
- position: absolute;
- bottom: 0;
- left: 0;
- right: 15px;
- height: 1px;
- border-bottom: 2px dashed #448ccb;
- }
- .custom-select {
- border: 0;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- /* Восстанавливаем шрифт */
- font-size: 16px;
- /* для того, чтобы задать саму стрелку:
- 1. отведем для нее место; */
- padding-right: 15px;
- /* добавим ее фоном */
- background: url('img/down-arrow.png') 100% center no-repeat;
- }
- #menu-container {
- float: left;
- position: relative;
- }
- #datetime {
- float:right;
- }
- #logo {
- float: left;
- margin-left: 0;
- }
- #date {
- position: absolute;
- top: 40px;
- }
- #time {
- position: absolute;
- top: 40px;
- }
- .weather {
- float: left;
- margin-left: 550px;
- background-image: url("https://image.flaticon.com/icons/svg/1164/1164945.svg");
- background-position: left center;
- background-size: auto 100%;
- display: inline-block;
- padding-left: 30px;
- background-repeat: no-repeat;
- }
- #search-bar {
- float: left;
- border-radius: 50px;
- margin-left: 680px;
- }
- #column-left {
- background-color: #ffffff;
- width: 250px;
- float: left;
- }
- .news-item {
- padding-left: 18px;
- margin-bottom: 27px;
- font-size: 14px;
- }
- .news-item-text {
- margin-bottom: 20px;
- }
- .news-item-props {
- font-size: 12px;
- position: relative;
- }
- .news-item-props a {
- color: #91919f;
- }
- .news-time {
- position: absolute;
- top: 0;
- left: 120px;
- padding-left: 15px;
- background-image: url('img/icon-time.png');
- background-repeat: no-repeat;
- }
- .news-comments-count {
- position: absolute;
- top: 0;
- left: 180px;
- padding-left: 15px;
- background-image: url('img/icon-comments.png');
- background-repeat: no-repeat;
- }
- .news-button a {
- text-decoration: none;
- color: #5b9ad1;
- }
- .news-button-text {
- padding: 16px 40px;
- margin-bottom: 25px;
- margin-left: 38px;
- margin-right: 38px;
- font-family: ArialMT;
- font-size: 14px;
- text-align: center;
- border: 1px solid #5b9ad1;
- border-radius: 50px;
- }
- #column-center {
- background-color:green;
- width: 420px;
- margin-left: 20px;
- float: left;
- }
- #central-container {
- padding-top: 20px;
- background-color: #f9f9f9;
- background-image: url('img/central-bg-top.png');
- background-repeat: repeat-x;
- }
- #central-container .fixed-container {
- overflow-y: hidden;
- }
- #column-right {
- width: 250px;
- float: right;
- }
- #column-right img {
- margin-bottom: 20px;
- }
- #special-news {
- margin-top: 20px;
- }
- .table {
- display: table;
- border-collapse: collapse;
- }
- .row {
- display: table-row;
- }
- .cell {
- display: table-cell;
- padding: 10px;
- border: solid red 1px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement