| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194 |
- .doc-cont {
- margin: 0 0 0 60px;
- position: relative;
- h1 {
- font-size: 30px;
- font-weight: 700;
- margin: 10px 0 20px;
- color: #333333;
- }
- p {
- font-size: 14px;
- line-height: 1.8;
- margin: 10px 0;
- }
- h1 + p,
- h1 + p + p,
- h1 + p + p {
- color: #333333;
- }
- h2 {
- margin: 30px 0 15px;
- font-size: 22px;
- font-weight: 400;
- color: #333333;
- }
- h2 + p,
- h2 + p + p {
- color: #3f4449;
- }
- h3 {
- margin: 20px 0 10px;
- font-size: 18px;
- font-weight: 400;
- color: #333333;
- }
- h3 + p,
- h3 + p + p {
- color: #3f4449;
- }
- h4 {
- font-size: 14px;
- font-weight: normal;
- margin: 15px 0;
- color: #666666;
- }
- h4 + p,
- h4 + p + p,
- h4 + p + p + p {
- color: #666666;
- }
- h4 + p::nth-child(n) {
- color: #666666;
- }
- blockquote {
- padding: 0;
- margin: 0;
- margin-top: 10px;
- p {
- margin: 0;
- display: inline-block;
- background: rgba(83, 150, 255, 0.14);
- font-size: 14px;
- color: #333333;
- border-radius: 4px;
- text-decoration-style: none;
- border-left: 8px solid #5396ff;
- padding: 15px 54px 15px 22px;
- line-height: 1.5;
- overflow: hidden;
- font-style: normal;
- }
- }
- ul {
- border-radius: 3px;
- padding: 5px 20px 5px 0;
- list-style: none;
- p {
- margin: 0;
- }
- ul {
- margin: 0;
- padding: 0;
- }
- li {
- font-size: 14px;
- color: #455a64;
- padding: 7px;
- line-height: 20px;
- display: flex;
- align-items: center;
- }
- li:before {
- content: '';
- width: 6px;
- height: 6px;
- border: 1px solid #455a64;
- border-radius: 14px;
- margin-right: 12px;
- display: inline-block;
- }
- }
- ol {
- background: #f2f4f5;
- border-radius: 3px;
- padding: 13px 40px;
- li {
- line-height: 20px;
- padding: 7px 0 0 10px;
- font-size: 14px;
- color: #3f4449;
- }
- }
- ul,
- ol,
- p,
- table {
- em {
- color: #8cade9;
- font-style: normal;
- padding: 0 2px;
- }
- strong {
- display: inline-block;
- background: #f7f7f7;
- border: 1px solid #ececec;
- border-radius: 2px;
- font-size: 13px;
- line-height: 1;
- color: #3f536e;
- padding: 3px 5px;
- margin: 0 5px;
- }
- }
- table {
- width: 100%;
- border-collapse: collapse;
- th {
- background: #f7f7f7;
- border: 1px solid #e9e9e9;
- font-size: 14px;
- line-height: 1.5;
- color: #333333;
- height: 40px;
- padding: 0 20px 0 14px;
- }
- td {
- border: 1px solid #e9e9e9;
- font-size: 14px;
- line-height: 1.5;
- color: #3f4449;
- height: 50px;
- padding-left: 14px;
- }
- }
- hr {
- height: 1px;
- border-width: 0;
- background-color: #e7f0ff;
- }
- img[alt='full'] {
- width: 100%;
- }
- img[alt='flex'] {
- flex-shrink: 0;
- width: 50%;
- padding: 0 15px;
- flex-basis: auto;
- flex: 1;
- }
- p {
- font-size: 14px;
- white-space: unset;
- word-break: break-all;
- }
- a {
- color: #5396ff;
- text-decoration: none;
- &:hover {
- text-decoration: underline;
- }
- }
- }
- // 书签样式
- .markList {
- a {
- color: #666;
- }
- .cur {
- a {
- color: #5396ff;
- }
- }
- }
|