imported>=海豚= |
imported>=海豚= |
第1行: |
第1行: |
| /* info类模板 */
| | .comment-container-top { |
| .infoBox { | | border: none; |
| margin: 0 auto; | |
| padding: 0.2em;
| |
| float: right;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 4px;
| |
| } | | } |
| .infoBoxTitle { | | .comment-container-top > div:first-child { |
| margin: 3px auto; | | height: 30px; |
| padding: 0; | | line-height: 30px; |
| text-align: center; | | border-radius: 4px 4px 0 0; |
| font-weight: 700; | | box-shadow: 0 1px 3px rgb(18 18 18 / 10%); |
| } | | } |
| .infoBoxIcon { | | .comment-container-top, .comment-container { |
| display: table-cell; | | margin-left: 0 !important; |
| padding: 2px 0 2px .5em;
| | margin-right: 0 !important; |
| vertical-align: middle; | |
| } | | } |
| .infoBoxText { | | .comment-body textarea, .comment-preview { |
| display: table-cell; | | margin: 20px 0px 0px -8px; |
| padding: .25em .5em .25em 1.3em;
| | width: 102%; |
| width: 100%; | |
| vertical-align: middle;
| |
| } | | } |
| .infoBoxContent { | | .comment-toolbar { |
| border: 1px solid #ddd; | | width: 102%; |
| border-left-width: 0;
| | margin: 0px 0px 0px -8px; |
| background: #fbfbfb;
| |
| padding: 0.2em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
| |
| border-radius: 4px;
| |
| overflow: hidden;
| |
| }
| |
| .infoBoxBelow {
| |
| margin: 0 auto; | |
| padding: 0;
| |
| text-align: center;
| |
| } | | } |