123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- /* 在这里引入自定义样式 */
- /* 链接和图片效果 */
- ._a {
- display: inline;
- padding: 1.5px 0 1.5px 0;
- color: #366092;
- word-break: break-all;
- }
- ._hover {
- text-decoration: underline;
- opacity: 0.7;
- }
- ._visited {
- color: #551a8b;
- }
- ._img {
- position: relative;
- display: inline-block;
- max-width: 100%;
- }
- /* 内部样式 */
- :host {
- display: inline;
- }
- ._blockquote,
- ._div,
- ._p,
- ._ul,
- ._ol,
- ._li {
- display: block;
- }
- ._b,
- ._strong {
- font-weight: bold;
- }
- ._code {
- font-family: monospace;
- }
- ._del {
- text-decoration: line-through;
- }
- ._em,
- ._i {
- font-style: italic;
- }
- ._h1 {
- font-size: 2em;
- }
- ._h2 {
- font-size: 1.5em;
- }
- ._h3 {
- font-size: 1.17em;
- }
- ._h5 {
- font-size: 0.83em;
- }
- ._h6 {
- font-size: 0.67em;
- }
- ._h1,
- ._h2,
- ._h3,
- ._h4,
- ._h5,
- ._h6 {
- display: block;
- font-weight: bold;
- }
- ._image {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- }
- ._ins {
- text-decoration: underline;
- }
- ._li {
- flex: 1;
- width: 0;
- }
- ._ol-bef {
- width: 36px;
- margin-right: 5px;
- text-align: right;
- }
- ._ul-bef {
- margin: 0 12px 0 23px;
- line-height: normal;
- }
- ._ol-bef,
- ._ul_bef {
- flex: none;
- user-select: none;
- }
- ._ul-p1 {
- display: inline-block;
- width: 0.3em;
- height: 0.3em;
- overflow: hidden;
- line-height: 0.3em;
- }
- ._ul-p2 {
- display: inline-block;
- width: 0.23em;
- height: 0.23em;
- border: 0.05em solid black;
- border-radius: 50%;
- }
- ._q::before {
- content: '"';
- }
- ._q::after {
- content: '"';
- }
- ._sub {
- font-size: smaller;
- vertical-align: sub;
- }
- ._sup {
- font-size: smaller;
- vertical-align: super;
- }
- .__bdi,
- .__bdo,
- .__ruby,
- .__rt {
- display: inline-block;
- }
- ._video {
- position: relative;
- display: inline-block;
- width: 300px;
- height: 225px;
- background-color: black;
- }
- ._video::after {
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -15px 0 0 -15px;
- content: '';
- border-color: transparent transparent transparent white;
- border-style: solid;
- border-width: 15px 0 15px 30px;
- }
- ._img {
- vertical-align: top;
- }
|