QQMCC素材图片音乐分享社区 - 心情文字 - 成都的雨。

青鸢发表于前天 16:18

成都的雨。

<div class="ce-block ce-block--focused" data-id="fQZRdTU_TE" >
<div class="ce-block__content">
   <div class="cdx-block image-tool image-tool--filled ">
         <div class="image-tool__image">
            <div class="image-tool__image-preloader" style=""></div>
            <img id="aimg_fQZRdTU_TE" class="image-tool__image-picture _zoom" src="https://www.xinmcc.com/data/attachment/forum/202609/14/162504n6tb6tuti7177xtx.png" title="" alt="" data-aid="10120"/>
         </div>
         <div class="cdx-input image-tool__caption" data-placeholder=""></div>
   </div>
</div>
</div><div class="ce-block" data-id="iqjBrzh3Z2" >
<div class="ce-block__content" style="">
<h3 class="ce-header ce-header--left">  

成都的雨。</h3>
</div>
</div><div class="ce-block ce-block--focused" data-id="tBzTDx1vlO" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">又下雨了。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="NEv1rtxDfe" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">整座城像泡在一杯茶里，慢悠悠地洇开。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="AMZ8kczZRf" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">街是湿的，灯是柔的，连火锅店冒出来的烟都带着雾气。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Wx-riQdC40" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">我没带伞，也没跑。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="pWusaTst-F" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">就那么走着，听雨一滴一滴，落在安静的心事上。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="MOe_l9Qu5l" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">成都的雨不赶路。</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="Zh6xfiidFk" >
<div class="ce-block__content">
<div class="ce-paragraph cdx-block ce-paragraph--left">我也不赶了。🌧️</div>
</div>
</div><div class="ce-block ce-block--focused" data-id="cgYeM672u4" >
<div class="ce-block__content">
   <div class="cdx-block audio-tool audio-tool--filled ">
         <div class="audio-tool__audio">


            <img src="https://www.xinmcc.com/data/attachment/forum/202609/14/171815bb3i8bi71zubjc81.png" alt="" class="audio-cover">

            <audio class="audio-tool__audio-picture" src="https://www.xinmcc.com/data/attachment/forum/202609/14/171753canbcdojj2gdr2zg.mp3" type="audio/mpeg" autoplay loopcontrols title="" alt="" />
         </div>
   </div>
</div>
</div><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.image-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;

}

.image-tool__image {
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
}

.image-tool__image-picture {
   max-width: 100%;
   vertical-align: bottom;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.image-tool__image-preloader {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background-size: cover;
   margin: auto;
   position: relative;
   background-color: #cdd1e0;
   background-position: center center;
}

.image-tool__image-preloader::after {
   content: "";
   position: absolute;
   z-index: 3;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   border: 2px solid #cdd1e0;
   border-top-color: #388ae5;
   left: 50%;
   top: 50%;
   margin-top: -30px;
   margin-left: -30px;
   animation: image-preloader-spin 2s infinite linear;
   box-sizing: border-box;
   }

.image-tool__caption::before {
   position: absolute !important;
   content: attr(data-placeholder);
   color: #707684;
   font-weight: normal;
   display: none;
}

.image-tool__caption:empty::before {
   display: block;
   }

.image-tool__caption:empty:focus::before {
   display: none;
   }

.image-tool--empty .image-tool__image {
   display: none;
}

.image-tool--empty .image-tool__caption, .image-tool--loading .image-tool__caption {
   display: none;
}

.image-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}

.image-tool .cdx-button svg {
   height: auto;
   margin: 0 6px 0 0;
}

.image-tool--filled .cdx-button {
   display: none;
}

.image-tool--filled .image-tool__image-preloader {
   display: none;
   }

.image-tool--loading .image-tool__image {
   min-height: 200px;
   display: flex;
   border: 1px solid #e8e8eb;
   background-color: #fff;
}

.image-tool--loading .image-tool__image-picture {
   display: none;
   }

.image-tool--loading .cdx-button {
   display: none;
}

/**
* Tunes
* ----------------
*/

.image-tool--withBorder .image-tool__image {
   border: 1px solid #e8e8eb;
}

.image-tool--withBackground .image-tool__image {
   padding: 15px;
   background: #cdd1e0;
}

.image-tool--withBackground .image-tool__image-picture {
   max-width: 60%;
   margin: 0 auto;
   }

.image-tool--stretched .image-tool__image-picture {
   width: 100%;
   }

.image-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes image-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.ce-block {
margin-top: 20px;
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
/**
* Plugin styles
*/
.ce-header {
position: relative;
padding: 1px 0px 1px 15px;
margin: 0;
line-height: 1.25em;
outline: none;
margin-bottom: 10px;
}

.ce-header p,
.ce-header div {
padding: 0 !important;
margin: 0 !important;
}
.ce-header::before {
content: "";
background-color: #3e8fe3;
width: 6px;
height: 100%;
position: absolute;
left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/**
* Styles for Plugin icon in Toolbar
*/
.ce-header__icon {
}

.ce-header::before {
position: absolute;
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
display: none;
cursor: text;
}

.ce-header:empty::before {
display: block;
}

.ce-header:empty:focus::before {
display: none;
}
/* FontSize */
h1.ce-header {
font-size: 2.0em;
}
h2.ce-header {
font-size: 1.7em;
}
h3.ce-header {
font-size: 1.4em;
}
h4.ce-header {
font-size: 1.15em;
}
h5.ce-header {
font-size: 0.95em;
}
h6.ce-header {
font-size: 0.8em;
}
/* Alignment*/
.ce-header--right {
text-align: right;
}
.ce-header--center {
text-align: center;
}
.ce-header--left {
text-align: left;
}
.ce-header--justify {
text-align: justify;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.ce-paragraph {
line-height: 1.6em;
outline: none;
text-indent: 2em;
font-size: 16px;
}
.ce-paragraph--right {
text-align: right;
}
.ce-paragraph--center {
text-align: center;
}
.ce-paragraph--left {
text-align: left;
}

.ce-paragraph--justify {
text-align: justify;
}

.ce-paragraph-text-indent {
text-align: justify;
}
.ce-paragraph:empty::before{
content: attr(data-placeholder);
color: #707684;
font-weight: normal;
opacity: 0;
}

/** Show placeholder at the first paragraph if Editor is empty */
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty::before {
opacity: 1;
}

.codex-editor--toolbox-opened .ce-block:first-child .ce-paragraph:empty::before,
.codex-editor--empty .ce-block:first-child .ce-paragraph:empty:focus::before {
opacity: 0;
}

.ce-paragraph p:first-of-type{
margin-top: 0;
}

.ce-paragraph p:last-of-type{
margin-bottom: 0;
}

.svg-icon {
width: 1em;
height: 1em;
}

.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}

.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
</style><style type="text/css">
.ce-block {
margin-bottom: 20px;
}
.ce-block__content,.ce-toolbar__content {
/* max-width:calc(100% - 50px) */
margin-left: auto;
margin-right: auto;
}
.audio-tool {
--bg-color: #cdd1e0;
--front-color: #388ae5;
--border-color: #e8e8eb;

}

.audio-tool__audio {
overflow: hidden;
width: 320px;
margin: 50px auto;
background: #f5f5f5;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}

.audio-tool__audio-picture {
   max-width: 100%;
   vertical-align: bottom;
   display: block;
   margin-left: auto;
   margin-right: auto;
}
.audio-cover {
         width: 100%;
         height: 280px;
         border-radius: 8px;
         object-fit: cover; /* 保持封面比例填充 */
         margin-bottom: 16px;
         box-shadow: 0 2px 8px rgba(0,0,0,0.15);
   }
   /* 原生音频控件美化（适配主流浏览器） */
.audio-tool__audio audio {
         width: 100%;
         outline: none;
   }
   /* 标题样式 */
   .audio-title {
         text-align: center;
         font-size: 18px;
         color: #333;
         margin-bottom: 8px;
         font-weight: 600;
   }

.audio-tool__caption::before {
   position: absolute !important;
   content: attr(data-placeholder);
   color: #707684;
   font-weight: normal;
   display: none;
}

.audio-tool__caption:empty::before {
   display: block;
   }

.audio-tool__caption:empty:focus::before {
   display: none;
   }

.audio-tool--empty .audio-tool__audio {
   display: none;
}

.audio-tool--empty .audio-tool__caption, .audio-tool--loading .audio-tool__caption {
   display: none;
}

.audio-tool .cdx-button {
display: flex;
align-items: center;
justify-content: center;
}

.audio-tool .cdx-button svg {
   height: auto;
   margin: 0 6px 0 0;
}

.audio-tool--filled .cdx-button {
   display: none;
}

.audio-tool--filled .audio-tool__audio-preloader {
   display: none;
   }

.audio-tool--loading .audio-tool__audio {
   min-height: 200px;
   display: flex;
   border: 1px solid #e8e8eb;
   background-color: #fff;
}

.audio-tool--loading .audio-tool__audio-picture {
   display: none;
   }

.audio-tool--loading .cdx-button {
   display: none;
}

/**
* Tunes
* ----------------
*/

.audio-tool--withBorder .audio-tool__audio {
   border: 1px solid #e8e8eb;
}

.audio-tool--withBackground .audio-tool__audio {
   padding: 15px;
   background: #cdd1e0;
}

.audio-tool--withBackground .audio-tool__audio-picture {
   max-width: 60%;
   margin: 0 auto;
   }

.audio-tool--stretched .audio-tool__audio-picture {
   width: 100%;
   }

.audio-tool__caption {
text-align: center;
font-size: 14px;
color: #a3a3a3;
}
@keyframes audio-preloader-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style><style type="text/css">
.inline-code {
background: rgba(250, 239, 240, 0.78);
color: #b44437;
padding: 3px 4px;
border-radius: 5px;
margin: 0 1px;
font-family: inherit;
font-size: 0.86em;
font-weight: 500;
letter-spacing: 0.3px;
}
</style>

青栀发表于前天 16:18

前路漫漫愿你南风拂满袖。

迟散发表于前天 16:24

散场的时候，风把道别吹得好轻。

晚风吻尽 发表于前天 16:25

迷失在无人之境，恰逢另一场重生。

雾散失鹿 发表于前天 16:26

星野漫漫，邀你共赴巫山。

松窗读易 发表于前天 16:26

把小情绪妥善安放，和生活温柔握手言和。

心稳发表于前天 16:28

简单的生活磕磕碰碰也要坚定的继续往前走。

青栀发表于前天 17:17

晚风吹人醒，万事藏于心。

第七片海 发表于前天 17:18

偷一束月光，藏进你送我的书里。

了了风月 发表于前天 17:20

在自己的宇宙，做种星星的人。

页: [1] 2 3 4 5 6

QQMCC素材图片音乐分享社区's Archiver

成都的雨。