晋太元中,武陵人捕鱼为业。缘溪行,忘路之远近。忽逢桃花林,夹岸数百步,中无杂树,芳草鲜美,落英缤纷。渔人甚异之,复前行,欲穷其林。 林尽水源,便得一山,山有小口,仿佛若有光。便舍船,从口入。初极狭,才通人。复行数十步,豁然开朗。土地平旷,屋舍俨然,有良田、美池、桑竹之属。阡陌交通,鸡犬相闻。其中往来种作,男女衣着,悉如外人。黄发垂髫,并怡然自乐。 见渔人,乃大惊,问所从来。具答之。便要还家,设酒杀鸡作食。村中闻有此人,咸来问讯。自云先世避秦时乱,率妻子邑人来此绝境,不复出焉,遂与外人间隔。问今是何世,乃不知有汉,无论魏晋。此人一一为具言所闻,皆叹惋。余人各复延至其家,皆出酒食。停数日,辞去。此中人语云:“不足为外人道也。”(间隔 一作:隔绝) 既出,得其船,便扶向路,处处志之。及郡下,诣太守,说如此。太守即遣人随其往,寻向所志,遂迷,不复得路。 南阳刘子骥,高尚士也,闻之,欣然规往。未果,寻病终。后遂无问津者。
|
Server : Apache System : Linux srv.rainic.com 4.18.0-553.47.1.el8_10.x86_64 #1 SMP Wed Apr 2 05:45:37 EDT 2025 x86_64 User : rainic ( 1014) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory : /home/rainic/www/oldTZh/wp-content/plugins/powerpack-elements/assets/scss/widgets/posts/ |
Upload File : |
.pp-post {
overflow: hidden;
.pp-post-title {
a {
color: inherit;
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
line-height: inherit;
}
}
}
.pp-post-thumbnail {
position: relative;
img {
width: 100%;
-webkit-transition: all .25s linear;
transition: all .25s linear;
}
}
.pp-posts-thumbnail-ratio {
.pp-post-thumbnail-wrap {
position: relative;
img {
position: absolute;
object-fit: cover;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
}
}
}
.pp-post-separator-wrap {
margin-bottom: 15px;
display: flex;
}
.pp-post-separator {
background: #e6e6e6;
height: 1px;
width: 100%;
}
.pp-posts-skin-portfolio {
.pp-post-content {
position: relative;
}
.pp-post-thumb-content-wrap {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.pp-post-thumbnail {
img {
object-fit: cover;
height: 100%;
width: 100%;
vertical-align: middle;
}
a {
display: block;
height: 100%;
&:before {
content: "";
display: block;
height: 100%;
width: 100%;
position: absolute;
bottom: 0;
z-index: 1;
}
}
}
.pp-post-thumb-content-wrap {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
&[data-layout="masonry"] {
.pp-post-thumbnail-wrap {
height: 100%;
}
.pp-post-thumbnail {
position: static;
}
}
}
.pp-equal-height-yes {
.pp-posts-skin-portfolio {
.pp-post-thumbnail {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.pp-post-thumbnail-wrap {
height: 100%;
}
}
}
.pp-content-on-hover {
.pp-post-thumb-content {
opacity: 0;
@include transition($target: all, $time: 0.25s, $timing-function: linear);
}
&:hover {
.pp-post-thumb-content {
opacity: 1;
}
}
}
.pp-posts-skin-card {
.pp-post {
border: 1px solid #e6e6e6;
}
.pp-post-meta-wrap {
border-top: 1px solid #e6e6e6;
display: flex;
align-items: center;
padding: 15px 20px;
}
.pp-post-avtar {
flex-shrink: 0;
margin-right: 10px;
img {
border-radius: 50%;
}
}
}
.pp-posts-skin-creative {
.pp-post-title {
font-size: 18px;
text-transform: uppercase;
}
.pp-post-meta {
border-bottom: 1px solid #797979;
border-top: 1px solid #797979;
margin-bottom: 10px;
padding: 10px 0;
}
.pp-post-avtar {
flex-shrink: 0;
img {
border-radius: 50%;
}
}
}
.pp-post-content-align-left {
.pp-posts-skin-creative {
.pp-post-content {
text-align: left;
}
.pp-post-authorbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.pp-post-avtar {
margin-right: 10px;
}
}
}
.pp-post-content-align-center {
.pp-posts-skin-creative {
.pp-post-content {
text-align: center;
}
.pp-post-authorbox {
display: block;
}
.pp-post-avtar {
margin-bottom: 10px;
}
}
}
.pp-post-content-align-right {
.pp-posts-skin-creative {
.pp-post-content {
text-align: right;
}
.pp-post-authorbox {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
align-items: center;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.pp-post-avtar {
margin-left: 10px;
}
}
}
.pp-posts-skin-news,
.pp-posts-skin-checkerboard {
.pp-post-wrap {
width: 100%;
}
.pp-post {
display: flex;
}
.pp-post-thumbnail {
flex-basis: 50%;
flex-shrink: 0;
}
.pp-post-content {
flex-grow: 1;
}
}
.pp-posts-skin-checkerboard {
display: flex;
flex-wrap: wrap;
position: relative;
.pp-post-wrap:nth-child(2n) {
.pp-post {
flex-direction: row-reverse;
}
}
.pp-post-content-wrap {
flex-basis: 50%;
flex-shrink: 0;
}
.pp-post-content {
padding: 20px;
}
.pp-post-thumbnail img {
height: 100%;
object-fit: cover;
vertical-align: middle;
}
}
.pp-post-thumbnail-align-right {
.pp-posts-skin-news {
.pp-post-thumbnail {
order: 2;
}
.pp-post-content {
order: 1;
}
}
}
.pp-posts-skin-overlap {
.pp-post {
display: inline-block;
}
.pp-post-terms-wrap {
position: absolute;
top: 15px;
left: 15px;
right: 15px;
}
.pp-post-content {
margin-left: auto;
margin-right: auto;
position: relative;
}
}
.pp-post-terms {
@include transition($target: all, $time: 0.25s, $timing-function: linear);
display: inline-block;
a {
color: inherit;
}
}
.pp-post-filters {
display: block;
margin: 0 0 30px;
padding: 0;
.pp-post-filter {
background: #eee;
cursor: pointer;
display: inline-block;
margin-bottom: 5px;
margin-left: 0;
margin-right: 5px;
padding: 5px 12px;
&:hover,
&.pp-filter-current {
background: #000;
color: #fff;
}
}
}
.pp-post-filters-dropdown {
display: none;
margin: 0 0 30px;
.pp-post-filters-dropdown-button {
background: #eee;
cursor: pointer;
display: inline-block;
padding: 5px 12px;
&:after{
content: "\f107";
font-family: 'Font Awesome 5 Free';
font-weight: 900;
margin-left: 6px;
}
}
.pp-post-filters-dropdown-list {
display: none;
margin: 0 0 30px;
padding: 0;
list-style-type:none;
position: absolute;
z-index: 99;
.pp-post-filters-dropdown-item {
background: #eee;
cursor: pointer;
margin-left: 0;
margin-right: 0;
padding: 5px 12px;
&:hover,
&.pp-filter-current {
background: #000;
color: #fff;
}
}
}
}
.pp-post-filters-dropdown-desktop {
.pp-post-filters {
&.pp-has-post-filters-dropdown {
display: none;
}
}
.pp-post-filters-dropdown {
display: block;
}
}
.pp-post-filters-align-center {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
left: 50%;
transform: translateX(-50%);
}
}
}
.pp-post-filters-align-right {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
right: 0;
transform: translateX(0);
}
}
}
@mixin posts-dropdown-filter--tablet() {
.pp-post-filters-dropdown-tablet {
.pp-post-filters {
&.pp-has-post-filters-dropdown {
display: none;
}
}
.pp-post-filters-dropdown {
display: block;
}
}
.pp-post-filters-tablet-align-left {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
left: 0;
transform: translateX(0);
}
}
}
.pp-post-filters-tablet-align-center {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
left: 50%;
transform: translateX(-50%);
}
}
}
.pp-post-filters-tablet-align-right {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
right: 0;
transform: translateX(0);
}
}
}
}
@mixin posts-dropdown-filter--mobile() {
.pp-post-filters-dropdown-mobile {
.pp-post-filters {
&.pp-has-post-filters-dropdown {
display: none;
}
}
.pp-post-filters-dropdown {
display: block;
}
}
.pp-post-filters-mobile-align-left {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
left: 0;
transform: translateX(0);
}
}
}
.pp-post-filters-mobile-align-center {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
left: 50%;
transform: translateX(-50%);
}
}
}
.pp-post-filters-mobile-align-right {
.pp-post-filters-dropdown {
.pp-post-filters-dropdown-list {
right: 0;
transform: translateX(0);
}
}
}
}
.pp-post-event-date {
background: #000;
border-radius: 50%;
color: #fff;
display: flex;
font-size: 14px;
line-height: 1.4;
justify-content: center;
align-items: center;
flex-direction: column;
margin: -30px auto 0;
width: 60px;
height: 60px;
position: relative;
text-transform: uppercase;
}
.pp-equal-height-yes {
.pp-post {
height: 100%;
}
.pp-posts-skin-card {
.pp-post {
display: flex;
flex-direction: column;
}
.pp-post-meta-wrap {
margin-top: auto;
}
}
}
.pp-posts-pagination {
a,
.page-numbers {
display: inline-block;
}
}
.pp-posts-infinite-scroll {
.pp-posts-pagination-wrap {
display: none;
}
}
.pp-search-form-container {
display: flex;
justify-content: flex-start;
}
.pp-search-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
overflow: hidden;
border: 0 solid transparent;
margin-bottom: 20px;
min-height: 50px;
max-width: 400px;
width: 100%;
button,
input[type=search] {
margin: 0;
border: 0;
padding: 0;
display: inline-block;
vertical-align: middle;
white-space: normal;
background: none;
line-height: 1;
min-width: 0;
font-size: 15px;
-webkit-appearance: none;
-moz-appearance: none;
&:focus {
outline: 0;
}
}
input[type=search] {
background: #eceeef;
height: 100%;
padding-left: 15px;
padding-right: 15px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
color: #55595c;
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
}
button {
background-color: #818a91;
font-size: 16px;
color: #fff;
border-radius: 0;
min-width: 50px;
}
.pp-search-form-input {
&::-webkit-input-placeholder {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
&:-ms-input-placeholder {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
&::-moz-placeholder {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
&:-moz-placeholder {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
&::-ms-input-placeholder {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
&::placeholder {
color: inherit;
font-family: inherit;
opacity: 0.6;
}
}
}
.pp-search-form-text {
.pp-search-form-submit {
-ms-flex-negative: 0;
flex-shrink: 0;
}
}
.pp-loader,
.pp-posts-loader {
width: 46px;
height: 46px;
}
.pp-loader {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 2;
}
.pp-posts-loader {
display: none;
margin-left: auto;
margin-right: auto;
}
.pp-loader:after,
.pp-posts-loader:after {
content: " ";
display: block;
width: 100%;
height: 100%;
margin: 1px;
border-radius: 50%;
border: 5px solid #fff;
border-color: #000 transparent #000 transparent;
animation: pp-loader-dual-ring 1.2s linear infinite;
}
.pp-loader:after {
width: 46px;
height: 46px;
}
@keyframes pp-loader-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.pp-loader-overlay {
background: rgba(255,255,255,.5);
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
}
@mixin posts--tablet() {
.pp-posts-image-stack-tablet .pp-post {
display: block;
}
.pp-posts-image-stack-tablet .pp-post-thumbnail {
float: none !important;
}
}
@mixin posts--mobile() {
.pp-posts-image-stack-mobile .pp-post {
display: block;
}
.pp-posts-image-stack-mobile .pp-post-thumbnail {
float: none !important;
}
}