commit jun 6
This commit is contained in:
310
style/style.css
310
style/style.css
@@ -1713,7 +1713,7 @@ footer .footer-copyright a:hover {
|
||||
}
|
||||
.news-first-part .news-card {
|
||||
border: 1px solid #ebebeb;
|
||||
margin-top: 16px;
|
||||
margin: 16px 15px 0 15px;
|
||||
position: relative;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description {
|
||||
@@ -1747,6 +1747,16 @@ footer .footer-copyright a:hover {
|
||||
color: #31353d;
|
||||
cursor: pointer;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description .news-card-p {
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 1.4375;
|
||||
font-family: MerriweatherSans, sans-serif;
|
||||
letter-spacing: 0px;
|
||||
text-align: left;
|
||||
color: #777777;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description .news-card-text:hover {
|
||||
color: #15c1c6;
|
||||
transition: 0.3s;
|
||||
@@ -1774,6 +1784,21 @@ footer .footer-copyright a:hover {
|
||||
color: #15c1c6;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container #star {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
background-color: #15c1c6;
|
||||
color: white;
|
||||
border-radius: 50%;
|
||||
font-size: 17px;
|
||||
height: 58px;
|
||||
width: 58px;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .link-on-image {
|
||||
position: absolute;
|
||||
bottom: 55%;
|
||||
@@ -1823,6 +1848,70 @@ footer .footer-copyright a:hover {
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.news-first-part {
|
||||
margin: 0 60px !important;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .link-on-image {
|
||||
position: absolute;
|
||||
bottom: 63%;
|
||||
left: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .img-text-container {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 30px;
|
||||
overflow: hidden;
|
||||
width: auto;
|
||||
max-width: 80%;
|
||||
text-align: right;
|
||||
z-index: 1;
|
||||
left: auto;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .news-img {
|
||||
width: 688px;
|
||||
}
|
||||
}
|
||||
@media only screen and (min-width: 992px) {
|
||||
.news-first-part {
|
||||
margin-top: 34px !important;
|
||||
}
|
||||
.news-first-part .news-card {
|
||||
margin-bottom: 25px !important;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description {
|
||||
padding: 45px 50px 0 59px;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description .news-card-text {
|
||||
font-size: 29px;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description .news-card-date {
|
||||
margin-top: 50px !important;
|
||||
}
|
||||
.news-first-part .news-card .news-card-description .post-tags {
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container #star {
|
||||
left: 30px;
|
||||
top: 30px;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .img-text-container {
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
right: 55%;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .news-img {
|
||||
min-width: 629px;
|
||||
height: 497px;
|
||||
}
|
||||
.news-first-part .news-card .news-img-container .link-on-image {
|
||||
position: absolute;
|
||||
bottom: 47%;
|
||||
left: 12%;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.page-navigation {
|
||||
padding: 30px 0 23px;
|
||||
margin: 57.6px 0;
|
||||
@@ -1864,9 +1953,20 @@ footer .footer-copyright a:hover {
|
||||
padding: 16px 22px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.page-navigation {
|
||||
margin-left: 60px !important;
|
||||
margin-right: 60px !important;
|
||||
padding: 52px 0 45px 0;
|
||||
}
|
||||
.page-navigation .next-icon {
|
||||
margin-left: 100px !important;
|
||||
}
|
||||
}
|
||||
.search-news {
|
||||
padding-top: 48px;
|
||||
margin-top: 24px;
|
||||
margin: 24px 15px 0 15px;
|
||||
border-top: 1px solid #e0e0e8;
|
||||
}
|
||||
.search-news .search-news-form .search-news-input {
|
||||
@@ -1896,10 +1996,27 @@ footer .footer-copyright a:hover {
|
||||
border-radius: 29px;
|
||||
font-size: large;
|
||||
height: 57px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.search-news .search-news-form .search-news-icon:hover {
|
||||
background-color: #333333;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.search-news {
|
||||
margin-top: 48px;
|
||||
margin-left: 60px;
|
||||
margin-right: 60px;
|
||||
}
|
||||
.search-news .search-news-input {
|
||||
width: 90% !important;
|
||||
}
|
||||
}
|
||||
.recent-posts {
|
||||
border-top: 1px solid #e0e0e8;
|
||||
margin-right: 15px;
|
||||
margin-left: 15px;
|
||||
}
|
||||
.recent-posts .date-a {
|
||||
text-decoration: none;
|
||||
@@ -1931,24 +2048,205 @@ footer .footer-copyright a:hover {
|
||||
line-height: 1.38462;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
.recent-posts blockquote {
|
||||
.recent-posts blockquote::before {
|
||||
content: "“";
|
||||
font-family: serif;
|
||||
font-size: 4em;
|
||||
font-family: "Times New Roman", serif;
|
||||
font-size: 6em;
|
||||
line-height: 1;
|
||||
margin-left: -12px;
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
quotes: none;
|
||||
color: #15c1c6;
|
||||
}
|
||||
.recent-posts blockquote {
|
||||
padding: 0 39px 0 44px;
|
||||
}
|
||||
.recent-posts .quotes-text {
|
||||
font-style: italic;
|
||||
font-weight: 700;
|
||||
font-size: 22px;
|
||||
font-size: 25px;
|
||||
line-height: 1.33333;
|
||||
font-family: MerriweatherSans, sans-serif;
|
||||
letter-spacing: 0;
|
||||
color: #333333;
|
||||
text-align: center;
|
||||
padding: 0 60px;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.recent-posts {
|
||||
margin-right: 60px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
}
|
||||
.categories-news {
|
||||
border-top: 1px solid #e0e0e8;
|
||||
margin: auto 15px;
|
||||
}
|
||||
.categories-news .categories-title {
|
||||
font-size: 18px;
|
||||
line-height: 1.2;
|
||||
font-family: Merriweather, serif;
|
||||
color: #15c1c6;
|
||||
font-weight: 700;
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
.categories-news .categories-ul {
|
||||
font-family: Merriweather, serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
font-size: 16px;
|
||||
line-height: 1.4375;
|
||||
letter-spacing: 0px;
|
||||
text-align: left;
|
||||
}
|
||||
.categories-news .categories-li {
|
||||
margin-top: 12.8px;
|
||||
}
|
||||
.categories-news .categories-li a {
|
||||
text-decoration: none;
|
||||
color: #15c1c6;
|
||||
}
|
||||
.categories-news .categories-li a:hover {
|
||||
color: #333333;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.categories-news .recent-com-ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
.categories-news .recent-com-ul .recent-com-li {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: 35.2px;
|
||||
}
|
||||
.categories-news .recent-com-ul .recent-com-li .admin-on {
|
||||
color: #777777;
|
||||
font-family: Merriweather, serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
text-transform: lowercase;
|
||||
font-size: 16px;
|
||||
line-height: 1.4375;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
.categories-news .recent-com-ul .recent-com-li a {
|
||||
text-decoration: none;
|
||||
color: #333333;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.333;
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-family: Merriweather, serif;
|
||||
}
|
||||
.categories-news .recent-com-ul .recent-com-li a:hover {
|
||||
color: #15c1c6;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.categories-news .tag-container {
|
||||
display: block;
|
||||
}
|
||||
.categories-news .tag-container a {
|
||||
margin: 0 18px 12px 0;
|
||||
text-decoration: none;
|
||||
font-size: 16px;
|
||||
line-height: 1.4375;
|
||||
font-family: Merriweather, serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
letter-spacing: 0px;
|
||||
text-align: left;
|
||||
color: #777777;
|
||||
}
|
||||
.categories-news .tag-container a:hover {
|
||||
color: #15c1c6;
|
||||
transition: 0.3s;
|
||||
}
|
||||
.categories-news .archives-container #archives-select {
|
||||
background-color: #f6f6f6;
|
||||
font-family: Merriweather, serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
border: 0px;
|
||||
color: #777777;
|
||||
width: 100%;
|
||||
padding: 17px 56px 16px 20px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.categories-news .archives-container #archives-select:hover {
|
||||
background-color: rgb(237, 237, 237);
|
||||
transition: 0.3s;
|
||||
}
|
||||
.categories-news .calendar {
|
||||
text-align: center;
|
||||
border-left: 1px solid #e0e0e8;
|
||||
border-right: 1px solid #e0e0e8;
|
||||
border-bottom: 1px solid #e0e0e8;
|
||||
padding-left: 19px;
|
||||
padding-right: 19px;
|
||||
}
|
||||
.categories-news .calendar .caption {
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
background-color: #15c1c6;
|
||||
margin-bottom: 0.9em;
|
||||
margin-left: -20px;
|
||||
margin-right: -20px;
|
||||
padding: 0.7em 0.5em;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
font-size: 1rem;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-family: Merriweather, serif;
|
||||
}
|
||||
.categories-news .calendar thead {
|
||||
text-align: center;
|
||||
}
|
||||
.categories-news .calendar thead th {
|
||||
color: #233457;
|
||||
font-size: 0.75rem;
|
||||
width: 14.22%;
|
||||
padding: 7px 2px;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-family: Merriweather, serif;
|
||||
}
|
||||
.categories-news .calendar tfoot {
|
||||
border-top: 1px solid #e0e0e8;
|
||||
}
|
||||
.categories-news .calendar tfoot #month-name-table {
|
||||
font-size: 0.8125rem;
|
||||
text-transform: uppercase;
|
||||
font-family: Merriweather, serif;
|
||||
cursor: pointer;
|
||||
font-weight: 700;
|
||||
color: #777777;
|
||||
padding: 10px 0 15px 0;
|
||||
}
|
||||
.categories-news .calendar tfoot #month-name-table:hover {
|
||||
transition: 0.3s;
|
||||
color: black;
|
||||
}
|
||||
.categories-news .calendar tr {
|
||||
padding-left: 19px;
|
||||
padding-right: 19px;
|
||||
}
|
||||
.categories-news .calendar .last-row {
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
.categories-news .calendar td {
|
||||
font-size: 0.8rem;
|
||||
padding: 7px 2px;
|
||||
width: 14.22%;
|
||||
font-family: MerriweatherSans, sans-serif;
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 768px) {
|
||||
.categories-news {
|
||||
margin-right: 60px;
|
||||
margin-left: 60px;
|
||||
}
|
||||
}/*# sourceMappingURL=style.css.map */
|
||||
Reference in New Issue
Block a user