|
|
| Ligne 1 : |
Ligne 1 : |
| .infobox { | | .infobox, .infobox_top_border, .infobox_bottom_border { |
| padding: 5px;
| | padding: 5px; |
| width: 25em;
| | width: 25em; |
| background: #f9f9f9;
| | background: #f9f9f9; |
| border: 1px solid #aaa;
| | border: 1px solid #aaa; |
| clear: right;
| | clear: right; |
| float: right;
| | float: right; |
| font-size: 0.9em;
| | font-size: 0.9em; |
| line-height: 1.4;
| | line-height: 1.4; |
| margin: 0 0 0.5em 1em;
| | margin: 0 0 0.5em 1em; |
| max-width: 325px;
| | max-width: 325px; |
| word-wrap: break-word
| | word-wrap: break-word; |
| }
| |
| | |
| .infobox-title {
| |
| display: table;
| |
| padding: 1px;
| |
| height: 45px;
| |
| width: 100%;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| color: #000000;
| |
| background: #54994C;
| |
| } | | } |
|
| |
|
| .infobox-subtitle { | | .infobox-title, .infobox-subtitle, .infobox-subtitle-biography, .infobox_header_blank, .infobox_separator { |
| font-weight: bold; | | font-weight: bold; |
| text-align: center; | | text-align: center; |
| margin: 0.5em 0.5em 0.5em 0.5em;
| | background: #54994C; |
| padding: 0.2em; | | color: #000; |
| background-color: #5c76be; | | padding: 1px; |
| | width: 100%; |
| | margin: 0.5em 0; |
| } | | } |
|
| |
|
| | | .infobox-subtitle, .infobox-subtitle-biography { |
| .infobox-LO { | | background-color: #5c76be; |
| font-size: smaller;
| |
| font-style: italic;
| |
| margin: 0.5em 0;
| |
| } | | } |
|
| |
|
| .infobox-subtitle-biography { | | .infobox-LO, .infobox-caption { |
| font-weight: bold;
| | font-size: smaller; |
| text-align: center;
| | font-style: italic; |
| line-height: 1.1;
| | margin: 0.5em 0; |
| margin: 0 0 5px 0;
| | text-align: center; |
| padding: 4px;
| |
| background-color: #5c76be;
| |
| } | | } |
|
| |
|
| .infobox-caption { | | .infobox-séparateur, .infobox_separator { |
| text-align: center;
| | padding: 0.5em; |
| font-size: smaller;
| | border-top: 1px solid; |
| margin-top: 1em;
| | border-bottom: 1px solid; |
| margin-bottom: 1em;
| | background: #EBEBEB; |
| }
| | color: #333; |
| | |
| .infobox-séparateur { | |
| padding: 0.5em;
| |
| border-top: 1px solid;
| |
| border-bottom: 1px solid;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| line-height: 1.1;
| |
| margin: 0.5em 0 0.5em 0;
| |
| background: #EBEBEB;
| |
| color: #333;
| |
| } | | } |
|
| |
|
| .infobox-image { | | .infobox-image { |
| text-align: center;
| | text-align: center; |
| border: #333;
| | border: 1px solid #333; |
| border-style: solid;
| | padding: 0.5em; |
| border-width: 1px;
| |
| padding: 0, 5em;
| |
| } | | } |
|
| |
|
| .infobox-center { | | .infobox-center, .infobox-left, .infobox-right { |
| text-align: center;
| | text-align: center; |
| } | | } |
|
| |
|
| .infobox-left { | | .infobox-table th, .infobox-table td { |
| text-align: left;
| | text-align: left; |
| | vertical-align: top; |
| | width: 10em; |
| } | | } |
|
| |
|
| .infobox-right {
| | .infobox-list-left, .infobox-list-right { |
| text-align: right;
| | text-align: center; |
| }
| | float: left; |
| | | width: 45%; |
| .infobox-table {}
| |
| | |
| .infobox-table th {
| |
| text-align: left;
| |
| vertical-align: top;
| |
| width: 10em;
| |
| }
| |
| | |
| .infobox-table td {
| |
| vertical-align: top;
| |
| text-align: left;
| |
| }
| |
| | |
| .infobox-lined {}
| |
| | |
| .infobox-2-boxes {}
| |
| | |
| .infobox-list {
| |
| align: center;
| |
| }
| |
| | |
| .infobox-list-left { | |
| | |
| align: center;
| |
| text-align: center;
| |
| float: left;
| |
| width: 45%;
| |
| }
| |
| | |
| .infobox-list-right { | |
| | |
| align: center;
| |
| text-align: center;
| |
| float: right;
| |
| width: 45%;
| |
| } | | } |
|
| |
|
| .mw-image-border .mw-file-element { | | .mw-image-border .mw-file-element { |
| border: 1px solid #eaecf0
| | border: 1px solid #eaecf0; |
| } | | } |
|
| |
|
| figure { | | figure { |
| display: table;
| | display: table; |
| text-align: center;
| | text-align: center; |
| border-collapse: collapse;
| | border-collapse: collapse; |
| line-height: 0;
| | margin: 0.2em; |
| margin: 0.2em;
| | clear: right; |
| clear: right;
| | float: right; |
| float: right
| |
| } | | } |
|
| |
|
| .border-line { | | .border-line { |
| border-top-style: solid; | | border-top: 1px solid; |
| border-width: 1px;
| |
| border-color: inherit;
| |
| height: 2px; | | height: 2px; |
| margin: 5px 0.5em; | | margin: 5px 0.5em; |
| Ligne 147 : |
Ligne 84 : |
|
| |
|
| .infobox-container { | | .infobox-container { |
| float: right;
| | float: right; |
| clear: right;
| | clear: right; |
| width: 33%;
| | width: 33%; |
| margin-left: 10px;
| | margin-left: 10px; |
| } | | } |
|
| |
|
| audio { | | audio { |
| width: -webkit-fill-available;
| | width: -webkit-fill-available; |
| height: 20px;
| | height: 20px; |
| | |
| } | | } |
|
| |
|
| .row { | | .row { |
| content: "";
| | display: table; |
| display: table;
| | clear: both; |
| clear: both;
| |
| } | | } |
|
| |
|
| .column { | | .column { |
| float: left;
| | float: left; |
| width: 50%;
| | width: 50%; |
| padding: 10px;
| | padding: 10px; |
| } | | } |
|
| |
|
| .infobox_v3 .navbar { | | .infobox_v3 { |
| display: none;
| | padding: 10px; |
| }
| | width: 25em; |
| | | background: #fff; |
| .infobox_v3 p.bloc,
| | clear: right; |
| .infobox_v3 table caption {
| | float: right; |
| background-color: #eaecf0 !important;
| | font-size: 0.9em; |
| color: #222 !important;
| | line-height: 1.4; |
| }
| | margin: 1em 1em 0.5em 1em; |
| | | max-width: 325px; |
| div.infobox_v3 {
| | word-wrap: break-word; |
| padding: 10px;
| | box-shadow: 0 0 0.2rem #999; |
| width: 25em;
| | border: 0; |
| background: #ffffff;
| |
| clear: right;
| |
| float: right;
| |
| font-size: 0.9em;
| |
| line-height: 1.4;
| |
| margin: 1em 1em 0.5em 1em;
| |
| max-width: 325px;
| |
| word-wrap: break-word;
| |
| box-shadow: 0 0 .2rem #999;
| |
| border: 0px;
| |
| } | | } |
|
| |
|
| .infobox_v3 table { | | .infobox_v3 table { |
| padding: 0;
| | margin: 0 0 15px; |
| margin: 0 0 15px;
| |
| } | | } |
|
| |
|
| .infobox_v3 .entete { | | .infobox_v3 .entete { |
| padding: 10px;
| | padding: 10px; |
| margin-top: -10px;
| | margin: -10px -10px 5px; |
| margin-bottom: 5px;
| |
| margin-right: -10px;
| |
| margin-left: -10px;
| |
| }
| |
| | |
| .infobox_v3 th[scope="row"],
| |
| .infobox_v3 td {
| |
| padding-left: 2px;
| |
| padding-right: 2px;
| |
| } | | } |
|
| |
|
| .infobox_v3 .images { | | .infobox_v3 th[scope="row"], .infobox_v3 td { |
| padding: 0 !important;
| | padding: 0 2px; |
| border-top-left-radius: 0px;
| |
| border-top-right-radius: 0px;
| |
| } | | } |
|
| |
|
| .infobox_v3 .images img { | | .infobox_v3 .images img { |
| border-top-left-radius: 0px;
| | height: auto; |
| border-top-right-radius: 0px;
| | max-width: 320px; |
| height: auto;
| | width: 100%; |
| max-width: 320px;
| |
| width: 100%;
| |
| } | | } |
|
| |
|
| .infobox_v3 p.legend { | | .infobox_v3 p.legend { |
| background: #FFF;
| | background: #fff; |
| color: #54525d;
| | color: #54525d; |
| font-size: 0.9em;
| | font-size: 0.9em; |
| margin: 0;
| | margin: 0; |
| padding: 3px 6px 12px;
| | padding: 3px 6px 12px; |
| text-align: left;
| | text-align: left; |
| } | | } |
|
| |
|
| .infobox_v3 p.legend { | | .header_country, .header_biography_hero_PJ, .header_biography_vardahil, |
| background: #FFF;
| | .header_biography_bjorkan, .header_biography_adenaor, |
| color: #54525d;
| | .header_biography_damian, .header_biography_valt, |
| }
| | .header_biography_dekaron, .header_biography_kelendros, |
| | | .header_biography_regnak, .header_biography_djillian, |
| .infobox_v3 p.legend a { | | .header_biography_hero_PNJ, .header_biography_PNJ, |
| color: #54525d;
| | .header_biography_evil, .header_city, .header_geography, |
| text-align: center;
| | .header_place, .header_race, .header_ethnicity, |
| }
| | .header_organization, .header_item, .header_event { |
| | |
| .infobox_v3 .navbar { | |
| display: none;
| |
| }
| |
| | |
| .infobox_v3 p.bloc, | |
| .infobox_v3 table caption { | |
| background-color: #eaecf0 !important;
| |
| color: #222 !important;
| |
| }
| |
| | |
| /* Crédits d'auteurs: [[Projet:Charte graphique/Articles/Infoboxes]] */
| |
| | |
| .infobox_top_border { | |
| border-top: 1px solid #aaa;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| width: 25em;
| |
| background: #f9f9f9;
| |
| line-height: 1.4;
| |
| margin: 0 0 0.5em 1em;
| |
| max-width: 327px;
| |
| word-wrap: break-word;
| |
| clear: right;
| |
| float: right;
| |
| }
| |
| | |
| .infobox_bottom_border { | |
| background: #f9f9f9;
| |
| border-bottom: 1px solid #aaa;
| |
| width: 100%;
| |
| max-width: 100%;
| |
| float: right;
| |
| }
| |
| | |
| .infobox_header_blank { | |
| padding: 0.5em;
| |
| clear: right;
| |
| font-size: 1.2em;
| |
| margin: 0.5em 0.5em 0.5em 0.5em;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| background: #dfedff;
| |
| }
| |
| | |
| | |
| .Infobox_country_heraldry { | |
| padding: 0.5em;
| |
| clear: right;
| |
| font-size: 1.2em;
| |
| margin: 0.5em 0.5em 0.5em 0.5em;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| color: #000000;
| |
| background: #54994c99;
| |
| }
| |
| | |
| | |
| .infobox_separator {
| |
| padding: 0.5em;
| |
| border-top: 1px solid;
| |
| border-bottom: 1px solid;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| line-height: 1.1;
| |
| margin: 0.5em 0 0.5em 0;
| |
| background: #EBEBEB;
| |
| color: #333;
| |
| }
| |
| .infobox_header { | |
| clear: right;
| |
| font-size: 1.2em;
| |
| padding: 0.5em;
| |
| margin: 0.5em 0.5em 0.5em 0.5em;
| |
| font-weight: bold;
| |
| text-align: center;
| |
| color: #000000;
| |
| }
| |
| | |
| .header_country {
| |
| background: #54994c99;
| |
| background-image: url(https://wiki.alakihel.ovh/images/c/c0/Pictogram_compas_102x45.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_biography_hero_PJ {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right; | | background-position-x: right; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
| Ligne 341 : |
Ligne 163 : |
| } | | } |
|
| |
|
| .header_biography_vardahil { | | .subheader_general, .subheader_country, |
| background: #DDD5C9;
| | .subheader_biography_hero_PJ, .subheader_biography_PNJ, |
| background-image: url(https://wiki.alakihel.ovh/images/3/36/Pictogram_vardahil.png);
| | .subheader_biography_evil, .subheader_city, |
| background-position-x: right;
| | .subheader_geography, .subheader_place, |
| background-repeat: no-repeat;
| | .subheader_race, .subheader_ethnicity, |
| background-size: contain;
| | .subheader_organization, .subheader_item, |
| }
| | .subheader_event { |
| | |
| .header_biography_bjorkan {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_adenaor {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_damian {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_valt {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_dekaron {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_kelendros {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_regnak {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_djillian {
| |
| background: #DDD5C9;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/df/Pictogram_feather.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_hero_PNJ {
| |
| background: #ADA9E0;
| |
| background-image: url(http://localhost:8888/FQw/images/0/0c/Picto_infobox_biography.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_PNJ {
| |
| background: #dac5a3;
| |
| background-image: url(http://localhost:8888/FQw/images/0/0c/Picto_infobox_biography.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .header_biography_evil {
| |
| background: #39414d;
| |
| background-image: url(https://wiki.alakihel.ovh/images/d/d3/Pictogram_oeil_102x45.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| color: #FFFFFF;
| |
| }
| |
| | |
| .header_city {
| |
| background: #9d943099;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_geography {
| |
| background: #915B5B;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_place { | |
| background: #a7b0a799;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_race { | |
| background: #9f571899;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_ethnicity { | |
| background: #a1730099;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_organization { | |
| background-color: #9d943ccc;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_item {
| |
| background: #9f262699;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| .header_event { | |
| background: #10c4b899;
| |
| background-image: url(//upload.wikimedia.org/wikipedia/commons/7/7a/Picto_infobox_map.png);
| |
| background-position-x: right;
| |
| background-repeat: no-repeat;
| |
| background-size: contain;
| |
| }
| |
| | |
| .infobox_subheader { | |
| font-weight: bold; | | font-weight: bold; |
| text-align: center; | | text-align: center; |
| line-height: 1.1; | | line-height: 1.1; |
| margin: 0.5em 0.5em 0.5em 0.5em; | | margin: 0.5em; |
| padding: 4px; | | padding: 4px; |
| }
| |
| .subheader_general {
| |
| background: #4652adcc;
| |
| }
| |
| .subheader_country {
| |
| background: #54994ccc;
| |
| }
| |
| .subheader_biography_hero_PJ {
| |
| background: #DBDDC9;;
| |
| }
| |
|
| |
| .subheader_biography_hero_PNJ .border-line{
| |
| background: #c6c4ea;;
| |
| color: #c6c4ea;;;
| |
| }
| |
|
| |
| .subheader_biography_PNJ {
| |
| background: #D3DAA3;;
| |
| }
| |
|
| |
| .subheader_biography_evil {
| |
| background: #3B394D;;
| |
| color: #FFFFFF;
| |
| } | | } |
|
| |
|
| .subheader_city { | | .subheader_biography_hero_PNJ .border-line { |
| background: #9d2ebc88;
| | background: #c6c4ea; |
| }
| | color: #c6c4ea; |
| .subheader_geography { | |
| background: #DB8877;
| |
| }
| |
| .subheader_place {
| |
| background: #a7b0accc;
| |
| }
| |
| .subheader_race {
| |
| background: #9f571ccc;
| |
| }
| |
| .subheader_ethnicity {
| |
| background: #a1730ccc; | |
| }
| |
| .subheader_organization {
| |
| background-color: #9d933c82; | |
| }
| |
| .subheader_item {
| |
| background: #9f262ccc;
| |
| }
| |
| .subheader_event {
| |
| background: #10c4bccc;
| |
| } | | } |
.infobox, .infobox_top_border, .infobox_bottom_border {
padding: 5px;
width: 25em;
background: #f9f9f9;
border: 1px solid #aaa;
clear: right;
float: right;
font-size: 0.9em;
line-height: 1.4;
margin: 0 0 0.5em 1em;
max-width: 325px;
word-wrap: break-word;
}
.infobox-title, .infobox-subtitle, .infobox-subtitle-biography, .infobox_header_blank, .infobox_separator {
font-weight: bold;
text-align: center;
background: #54994C;
color: #000;
padding: 1px;
width: 100%;
margin: 0.5em 0;
}
.infobox-subtitle, .infobox-subtitle-biography {
background-color: #5c76be;
}
.infobox-LO, .infobox-caption {
font-size: smaller;
font-style: italic;
margin: 0.5em 0;
text-align: center;
}
.infobox-séparateur, .infobox_separator {
padding: 0.5em;
border-top: 1px solid;
border-bottom: 1px solid;
background: #EBEBEB;
color: #333;
}
.infobox-image {
text-align: center;
border: 1px solid #333;
padding: 0.5em;
}
.infobox-center, .infobox-left, .infobox-right {
text-align: center;
}
.infobox-table th, .infobox-table td {
text-align: left;
vertical-align: top;
width: 10em;
}
.infobox-list-left, .infobox-list-right {
text-align: center;
float: left;
width: 45%;
}
.mw-image-border .mw-file-element {
border: 1px solid #eaecf0;
}
figure {
display: table;
text-align: center;
border-collapse: collapse;
margin: 0.2em;
clear: right;
float: right;
}
.border-line {
border-top: 1px solid;
height: 2px;
margin: 5px 0.5em;
}
.infobox-container {
float: right;
clear: right;
width: 33%;
margin-left: 10px;
}
audio {
width: -webkit-fill-available;
height: 20px;
}
.row {
display: table;
clear: both;
}
.column {
float: left;
width: 50%;
padding: 10px;
}
.infobox_v3 {
padding: 10px;
width: 25em;
background: #fff;
clear: right;
float: right;
font-size: 0.9em;
line-height: 1.4;
margin: 1em 1em 0.5em 1em;
max-width: 325px;
word-wrap: break-word;
box-shadow: 0 0 0.2rem #999;
border: 0;
}
.infobox_v3 table {
margin: 0 0 15px;
}
.infobox_v3 .entete {
padding: 10px;
margin: -10px -10px 5px;
}
.infobox_v3 th[scope="row"], .infobox_v3 td {
padding: 0 2px;
}
.infobox_v3 .images img {
height: auto;
max-width: 320px;
width: 100%;
}
.infobox_v3 p.legend {
background: #fff;
color: #54525d;
font-size: 0.9em;
margin: 0;
padding: 3px 6px 12px;
text-align: left;
}
.header_country, .header_biography_hero_PJ, .header_biography_vardahil,
.header_biography_bjorkan, .header_biography_adenaor,
.header_biography_damian, .header_biography_valt,
.header_biography_dekaron, .header_biography_kelendros,
.header_biography_regnak, .header_biography_djillian,
.header_biography_hero_PNJ, .header_biography_PNJ,
.header_biography_evil, .header_city, .header_geography,
.header_place, .header_race, .header_ethnicity,
.header_organization, .header_item, .header_event {
background-position-x: right;
background-repeat: no-repeat;
background-size: contain;
}
.subheader_general, .subheader_country,
.subheader_biography_hero_PJ, .subheader_biography_PNJ,
.subheader_biography_evil, .subheader_city,
.subheader_geography, .subheader_place,
.subheader_race, .subheader_ethnicity,
.subheader_organization, .subheader_item,
.subheader_event {
font-weight: bold;
text-align: center;
line-height: 1.1;
margin: 0.5em;
padding: 4px;
}
.subheader_biography_hero_PNJ .border-line {
background: #c6c4ea;
color: #c6c4ea;
}