|
|
| （未显示同一用户的3个中间版本） |
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */ | | /* 这里放置的CSS将应用于所有皮肤 */ |
| /* 首页dpl列表相关样式 */ | | /*配合 template:minibox 使用*/ |
| .mini-block {
| | .mini-block-bg-text-v{ |
| width: 100%;
| | text-wrap-mode: nowrap; |
| min-width: 20%;
| |
| padding: 16px;
| |
| margin-top: 8px;
| |
| box-shadow: 0 3px 6px rgba(0,0,0,0.04);
| |
| border: 1px solid; border-color: rgba(0,0,0,0.05);
| |
| border-radius: 8px;
| |
| word-break: break-all;
| |
| box-sizing: border-box;
| |
| position: relative;
| |
| }
| |
| .mini-block p {
| |
| margin: 0 0 1em 0;
| |
| }
| |
| .mini-block p:last-child {
| |
| margin: 0;
| |
| }
| |
| .mini-block-container {
| |
| width: 100%;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| gap: 8px;
| |
| box-sizing: border-box;
| |
| }
| |
| .mini-block-list a{
| |
| /*color: #212121;*/
| |
| }
| |
| .mini-block-list a.new{ | |
| /*color: #212121;*/
| |
| }
| |
| .mini-block-list a:hover{
| |
| /*color: #00aeec;*/ | |
| }
| |
| .mini-block-list li a:hover {
| |
| /*color: #212121;*/
| |
| }
| |
| .mini-block-container li{
| |
| border-radius: 4px;
| |
| margin: 0;
| |
| list-style: none;
| |
| cursor: pointer;
| |
| transition: background cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
| |
| }
| |
| .mini-block-title {
| |
| font-size: 24px;
| |
| font-weight: 500;
| |
| } | | } |
| .mini-block-bg-text{ | | .mini-block-bg-text{ |
| font-size: 40px;
| | text-wrap-mode: nowrap; |
| font-weight: 200;
| |
| color: #f1f1f1;
| |
| user-select: none;
| |
| position: absolute;
| |
| right:0;
| |
| top:0;
| |
| text-wrap-mode: nowrap;
| |
| writing-mode: vertical-rl;
| |
| }
| |
| @media screen and (min-width: 851px) {
| |
| .mini-block-container li:hover {
| |
| background: #0000000d;
| |
| }
| |
| .mini-block-container li:hover a {
| |
| transform: translateX(5px);
| |
| }
| |
| }
| |
| .mini-block-container ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| .mini-block-container li a {
| |
| padding: .5em .4em;
| |
| display: inline-block;
| |
| width: 100%;
| |
| transition: transform cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
| |
| }
| |
| @media screen and (max-width: 850px) {
| |
| .mini-block {
| |
| align-self: stretch;
| |
| width: auto;
| |
| }
| |
| .mini-block-container {
| |
| flex-direction: column;
| |
| }
| |
| } | | } |
