MediaWiki:Theme-trench.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
 
(64 intermediate revisions by the same user not shown)
Line 1: Line 1:
.infobox-header-trench {
#p-themes-label .vector-menu-heading-label:before {
     background-color: #007BFF; /* Цвет для темной темы */
    content: "Trench Era";
     color: #fff;               /* Белый текст */
}
 
#p-themes-label .vector-menu-heading-label {
    visibility: hidden;
    position: relative;
}
 
#p-themes-label .vector-menu-heading-label:before {
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
}
 
/* Основной стиль для таблицы с изображением позади */
.table-with-background {
    position: relative;
    z-index: 10;
    width: 68%;
    display: grid;
    margin-left: 0; /* Убедитесь, что здесь корректное значение */
    border-radius: 10px 10px 0px 0px;
    height: 224px;
    float: left;
     background-color: #fff; /* Убедитесь, что фон таблицы имеет нужный цвет */
}
 
.table-with-background::before {
    content: '';
    background-image: url('/images/9/99/Clancy_Tyler.png'); /* Замените на путь к вашему изображению */
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -322px; /* Смещение изображения вверх */
    left: 60px; /* Смещение изображения влево */
    width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
    height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
    z-index: 0; /* Размещаем изображение позади таблицы */
    opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
}
 
/* Основной стиль для таблицы с изображением позади */
.table-with-background2 {
    position: relative;
    z-index: 10;
    width: 68%;
    display: grid;
    margin-left: 0; /* Убедитесь, что здесь корректное значение */
     border-radius: 10px 10px 0px 0px;
    height: 224px;
    float: left;
    background-color: #fff; /* Убедитесь, что фон таблицы имеет нужный цвет */
}
 
.table-with-background2::before {
    content: '';
    background-image: url('/images/6/6f/Josh_Torch.png'); /* Замените на путь к вашему изображению */
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    top: -322px; /* Смещение изображения вверх */
    left: 60px; /* Смещение изображения влево */
    width: calc(100% + 100px); /* Ширина изображения больше, чем ширина таблицы */
    height: calc(100% + 100px); /* Высота изображения больше, чем высота таблицы */
    z-index: 0; /* Размещаем изображение позади таблицы */
    opacity: 1; /* Убедитесь, что прозрачность равна 1 (100%) */
}
}


Line 10: Line 79:
     font-weight: bold;        /* Жирный шрифт */
     font-weight: bold;        /* Жирный шрифт */
     text-align: center;        /* Выравнивание по центру */
     text-align: center;        /* Выравнивание по центру */
    padding: 8px;              /* Внутренние отступы */
}
}


Line 24: Line 92:
     text-align: center;
     text-align: center;
     border-radius: 2px 2px;
     border-radius: 2px 2px;
     background-image: url(/images/f/f9/Scaled_no_transparent.png);
     background-image: url(/images/3/31/Infobox_trench.png);
color: #242D2A;
color: #242D2A;
}
}
Line 30: Line 98:


.theme-trench .mw-parser-output .infobox {
.theme-trench .mw-parser-output .infobox {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     border: 1px solid #ccc;
     border: 1px solid #ccc;
     color: #000;
     color: #000;
Line 36: Line 104:


.theme-trench .mw-parser-output .infobox {
.theme-trench .mw-parser-output .infobox {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     border: 1px solid #555;
     border: 1px solid #605D44;
     color: #000;
     color: #000;
}
}
Line 44: Line 112:
}
}
html.theme-trench .infobox {
html.theme-trench .infobox {
background-color: #F8F9FB;
background-color: #CECDB1;
}
}


Line 50: Line 118:


.infobox {
.infobox {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     border: 1px solid #555;
     border: 2px solid #605D44;
     color: #000;
     color: #000;
}
}
.infobox th {
.infobox th {
     background-color: #F8F9FB;
     background-color: #CECDB1;
     color: #000;
     color: #000;
}
}
.infobox td {
.infobox td {
     background-color: #F8F9FB;
     background-color: #CECDB1;
}
}


Line 158: Line 226:


li.explore-adaptive-item {
li.explore-adaptive-item {
     background-color: #d0d3c6; /* Цвет фона */
     background-color: #CECDB1; /* Цвет фона */
     border: 2px solid #999; /* Цвет и толщина рамки */
     border: 2px solid #999; /* Цвет и толщина рамки */
     border-radius: 12px; /* Закругленные углы */
     border-radius: 12px; /* Закругленные углы */
Line 229: Line 297:


li.custom2-adaptive-item {
li.custom2-adaptive-item {
     background-color: #d0d3c6; /* Цвет фона */
     background-color: #CECDB1; /* Цвет фона */
     border: 2px solid #999; /* Цвет и толщина рамки */
     border: 2px solid #999; /* Цвет и толщина рамки */
     border-radius: 10px; /* Закругленные углы */
     border-radius: 10px; /* Закругленные углы */
Line 293: Line 361:
/* Стиль для элементов списка с адаптивным размером */
/* Стиль для элементов списка с адаптивным размером */
li.custom-adaptive-item {
li.custom-adaptive-item {
     background-color: #d0d3c6; /* Цвет фона */
     background-color: #CECDB1; /* Цвет фона */
     border: 2px solid #999; /* Цвет и толщина рамки */
     border: 2px solid #999; /* Цвет и толщина рамки */
     border-radius: 10px; /* Закругленные углы */
     border-radius: 10px; /* Закругленные углы */
Line 364: Line 432:
}
}


hr.whowe-hr { border: 0; height: 5px; background: linear-gradient(to right, rgba(208, 32, 25, 0), #77E7E2, rgba(208, 32, 25, 0)); }
hr.whowe-hr { border: 0; height: 5px; background: linear-gradient(to right, rgba(208, 32, 25, 0), #b3a61e, rgba(208, 32, 25, 0)); }


table td.hover-effect { background-color: #FF0000; transition: background-color 0.3s ease; }
table td.hover-effect { background-color: #FF0000; transition: background-color 0.3s ease; }
Line 372: Line 440:
hr.custom-hr-unco { border: 0; height: 1px; background-color: #B59000; margin: 5px 0; }
hr.custom-hr-unco { border: 0; height: 1px; background-color: #B59000; margin: 5px 0; }


hr { background-color: #C14424; }
hr { background-color: #636046; }


.mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: 'MyCustomFont2', sans-serif; }
.mw-body h1, .mw-body-content h1, .mw-body-content h2 { font-family: 'MyCustomFont2', sans-serif; }


.mw-body h1, .mw-body-content h1 { font-family: 'MyCustomFont1', sans-serif; font-size: 35px; color: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #77E7E2 100%); }
.mw-body h1, .mw-body-content h1 { font-family: 'MyCustomFont1', sans-serif; font-size: 35px; color: linear-gradient(to bottom, rgba(167, 215, 249, 0) 0, #b3a61e 100%); }


@font-face { font-family: 'MyCustomFont1'; src: url('/nc_assets/fonts/Ponter.ttf') format('truetype'); font-weight: 550; font-style: normal;  }
@font-face { font-family: 'MyCustomFont1'; src: url('/nc_assets/fonts/Ponter.ttf') format('truetype'); font-weight: 550; font-style: normal;  }
Line 384: Line 452:
@font-face { font-family: 'MyCustomFont2'; src: url('/nc_assets/fonts/JetBrainsMono.ttf') format('truetype'); font-weight:500; font-style: normal; font-optical-sizing: auto;  }
@font-face { font-family: 'MyCustomFont2'; src: url('/nc_assets/fonts/JetBrainsMono.ttf') format('truetype'); font-weight:500; font-style: normal; font-optical-sizing: auto;  }


.mw-mmv-post-image { background-color: #E5D515; }
.mw-mmv-post-image { background-color: #a4a38d; }


.mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: #77E7E2; }
.mw-ui-button.mw-ui-progressive:not(:disabled) { background-color: #b3a61e; }


.venue-table { background-color: #EFE1E4; text-align: left; margin: 1em 0; border-collapse: collapse; }
.venue-table { background-color: #EFE1E4; text-align: left; margin: 1em 0; border-collapse: collapse; }
Line 392: Line 460:
.unco-table { background-color: #FFF6CE; text-align: left; margin: 1em 0; border-collapse: collapse; }
.unco-table { background-color: #FFF6CE; text-align: left; margin: 1em 0; border-collapse: collapse; }


.qute-table { background-color: #FFE281; border-color: #B59000 text-align: left; margin: 1em 0; border-collapse: collapse; }
.qute-table { background-color: #CECDB1; border-color: 1px solid #636046 text-align: left; margin: 1em 0; border-collapse: collapse; }


.setlist-table { background-color: #d0d3c6; border: 3px solid #c14424; text-align: left; margin: 1em 0; border-collapse: collapse; }
.setlist-table { background-color: #CECDB1; border: 3px solid #636046; text-align: left; margin: 1em 0; border-collapse: collapse; }


.venue-table > tr > th, .venue-table > tr > td, .venue-table > * > tr > th, .venue-table > * > tr > td { padding: 0.2em 0.4em; }
.venue-table > tr > th, .venue-table > tr > td, .venue-table > * > tr > th, .venue-table > * > tr > td { padding: 0.2em 0.4em; }
Line 402: Line 470:
.setlist-table > tr > th, .setlist-table > tr > td, .setlist-table > * > tr > th, .setlist-table > * > tr > td { padding: 0.2em 0.4em; }
.setlist-table > tr > th, .setlist-table > tr > td, .setlist-table > * > tr > th, .setlist-table > * > tr > td { padding: 0.2em 0.4em; }


.custom-table tbody .cell-red { background-color: #ffdddd; }
.custom-table tbody .cell-red { background-color: #ffdddd; border: 2px solid #636046; }


.custom-table { background-color: #d0d3c6; border: 2px solid #7a7656; border-collapse: collapse; }
.custom-table { background-color: #CECDB1; border: 2px solid #7a7656; border-collapse: collapse; }


.disc-table { border: 2px solid #7a7656; }
.disc-table { border: 2px solid #7a7656; }
Line 412: Line 480:
.custom-table th, .custom-table td { border: 1px solid #7a7656; padding: 3px; }
.custom-table th, .custom-table td { border: 1px solid #7a7656; padding: 3px; }


.custom-table .header-red { background-image:url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; color: white; text-align: center; }
.custom-table .header-red { background-image:/images/3/31/Infobox_trench.png; background-size: cover; color: white; text-align: center; }


.custom-table .header-blue { background-image:url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; color: white; text-align: center; }
.custom-table .header-blue { background-image:/images/3/31/Infobox_trench.png; background-size: cover; color: white; text-align: center; }


.custom-table .cell-red { background-color: #FFE281; }
.custom-table .cell-red { background-color: #FFE281; }


.custom-table .cell-photo { background-color: #E5D515; }
.custom-table .cell-photo { background-color: #a4a38d; }


.custom-table .cell-box { background-image:url(/images/1/15/Scaled_no_transparent2.png); }
.custom-table .cell-box { background-image:url(/images/1/1f/Back_for_links.png); }


.custom-table .cell-blue { background-color: #7a7656; border: 1px solid #C14424; height: 2px; }
.custom-table .cell-blue { background-color: #D3CEB1; border: 1px solid #636046; height: 2px; }


.custom-table .cell-disco { text-align:center; border-color:#EFBB7F; background-color: #d0d3c6; }
.custom-table .cell-disco { text-align:center; border-color:#636046; background-color: #CECDB1; }


.custom-table .cell-disco2 { background-color:#D87C43; text-align:center; border-color:#EFBB7F; }
.custom-table .cell-disco2 { background-color:#D87C43; text-align:center; border-color:#636046; }


.custom-table .cell-green { background-color: #d0d3c6; border: 1px solid #C14424; height: 2px; }
.custom-table .cell-green { background-color: #CECDB1; border: 1px solid #636046; height: 2px; }


.custom-table .header-grass { background-color: #d0d3c6; }
.custom-table .header-grass { background-color: #CECDB1; }


#footer-info li { line-height: 1.4; background: #E5D515; margin-bottom: 4px; text-indent: 5px; }
#footer-info li { line-height: 1.4; background: #a4a38d; margin-bottom: 4px; text-indent: 5px; }


#footer-places li { float: left; margin-right: 1em; line-height: 2; background: #E5D515; text-indent: 5px; text-indent-right: 5px; }
#footer-places li { float: left; margin-right: 1em; line-height: 2; background: #a4a38d; text-indent: 5px; text-indent-right: 5px; }


.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}
.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}
Line 446: Line 514:
.border-image-container { border-image-source: linear-gradient(to right, #ff8c00, #ffd700); }
.border-image-container { border-image-source: linear-gradient(to right, #ff8c00, #ffd700); }


.wikitable { background-color: #d0d3c6; }
.wikitable { background-color: #CECDB1; }


.gradient-underline { display: inline-block; position: relative; }
.gradient-underline { display: inline-block; position: relative; }
Line 470: Line 538:


/* background color of the content and title of pages */  
/* background color of the content and title of pages */  
#content { background-color: #E5D515; font-family: 'MyCustomFont2', sans-serif; }  
#content { background-color: #a4a38d; font-family: 'MyCustomFont2', sans-serif; }  
   
   
/* This is from the background color of the title of the Navigation menu in the left column */
/* This is from the background color of the title of the Navigation menu in the left column */
#p-navigation { background-color: #F8F9FB; border-radius: 10px 10px 0px 0px; border: 3px solid #722215; border-bottom:hidden; background-image:url(/images/9/97/Sidebar.png); font-family: 'MyCustomFont3', sans-serif; }
#p-navigation { background-color: #d0d3c6; border-radius: 10px 10px 0px 0px; border: 3px solid #722215; border-bottom:hidden; background-image:url(/images/9/97/Sidebar.png); font-family: 'MyCustomFont3', sans-serif; }


/* This is from the background color of the title of the Twenty one pilots menu in the left column */
/* This is from the background color of the title of the Twenty one pilots menu in the left column */
#p-Twenty_one_pilots { background-color: #F8F9FB; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-Twenty_one_pilots { background-color: #d0d3c6; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


/* This is from the background color of the title of the Twenty one pilots menu in the left column */
/* This is from the background color of the title of the Twenty one pilots menu in the left column */
#p-Tyler_Joseph { background-color: #F8F9FB; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-Tyler_Joseph { background-color: #d0d3c6; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


/* This is from the background color of the title of the Members menu in the left column */
/* This is from the background color of the title of the Members menu in the left column */
#p-Members { background-color: #F8F9FB; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-Members { background-color: #d0d3c6; border: 3px solid #722215; border-bottom:hidden; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}
.background-table { background-image: url(/images/3/3b/Clancy_background.png); background-size: cover;}
Line 488: Line 556:
.wikitable > tr > th, .wikitable > * > tr > th { background:#}
.wikitable > tr > th, .wikitable > * > tr > th { background:#}


#catlinks { background:#7a7656; border: 1px solid #7a7656; }
#catlinks { background:#CECDB1; border: 1px solid #7a7656; }


.mw-parser-output .tracklist th[scope="col"] { background-color: #ef5e29; }
.mw-parser-output .tracklist th[scope="col"] { background-color: #ef5e29; }
Line 498: Line 566:
.wikitable > tr > th, .wikitable > * > tr > th { background-color: #7a7656; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }
.wikitable > tr > th, .wikitable > * > tr > th { background-color: #7a7656; border: 1px solid #7b1325; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #d0d3c6; }
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background: #CECDB1; }


.wikitable > tr > th, .wikitable > * > tr > th {  background-color: #7a7656; border: 1px solid #7b1325; background-size: cover; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }
.wikitable > tr > th, .wikitable > * > tr > th {  background-color: #7a7656; border: 1px solid #7b1325; background-size: cover; background-image: url(/images/d/db/Clancy_Letter_Background1.png); }
Line 520: Line 588:
.c-actions { margin: 10px 5px 0px 0px; }
.c-actions { margin: 10px 5px 0px 0px; }


.c-item { background-color: #d0d3c6; border:2px solid #7a7656; color: #722215; margin: 10px 0px 15px 0px; }
.c-item { background-color: #CECDB1; border:2px solid #7a7656; color: #722215; margin: 10px 0px 15px 0px; }


.c-avatar img { padding: 3px; border: 1px solid #dcdcdc; background-color: #bc1313; margin: 6px 0px 0px 6px; }
.c-avatar img { padding: 3px; border: 1px solid #dcdcdc; background-color: #bc1313; margin: 6px 0px 0px 6px; }
Line 546: Line 614:
.vector-user-menu-legacy li { position: relative; top: -26px; right: -10px; }
.vector-user-menu-legacy li { position: relative; top: -26px; right: -10px; }


.mwe-popups .mwe-popups-extract:after, .mwe-popups .mwe-popups-extract blockquote:after { content: ' '; position: absolute; bottom: 0; width: 25%; height: 20px; background-color: #d0d3c6; pointer-events: none; }
.mwe-popups .mwe-popups-extract:after, .mwe-popups .mwe-popups-extract blockquote:after { content: ' '; position: absolute; bottom: 0; width: 25%; height: 20px; background-color: #CECDB1; pointer-events: none; }


figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { background-color: #D35232; border-color: #9E3A19; }
figure[typeof~='mw:File/Thumb'], figure[typeof~='mw:File/Frame'] { background-color: #D35232; border-color: #9E3A19; }


.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption { background-color: #77E7E2; border-color: #9E3A19; color: #fff }
.mw-content-ltr figure[typeof~='mw:File/Thumb'] > figcaption, .mw-content-ltr figure[typeof~='mw:File/Frame'] > figcaption { background-color: #b3a61e; border-color: #9E3A19; color: #fff }


.mwe-popups .mwe-popups-extract[dir='ltr']:after { right: 0; background-image: linear-gradient(to right,rgba(255,255,255,0),#d0d3c6 50%); }
.mwe-popups .mwe-popups-extract[dir='ltr']:after { right: 0; background-image: linear-gradient(to right,rgba(255,255,255,0),#CECDB1 50%); }


.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background-color: #; border: 1px solid #7a7656; padding: 0.2em 0.4em; }
.wikitable > tr > th, .wikitable > tr > td, .wikitable > * > tr > th, .wikitable > * > tr > td { background-color: #; border: 1px solid #7a7656; padding: 0.2em 0.4em; }
Line 558: Line 626:
input[type="checkbox" i] { color: #B0E0E6; }
input[type="checkbox" i] { color: #B0E0E6; }


.mwe-popups .mwe-popups-container { background: #d0d3c6; }
.mwe-popups .mwe-popups-container { background: #CECDB1; }


.mw-parser-output .infobox-above, .mw-parser-output .infobox-title { font-size: 125%; font-weight: bold; text-align: center; border-radius: 2px 2px; background-image: url(/images/f/f9/Scaled_no_transparent.png); background-size: cover; text-shadow:  0 0 10px #000; color: #242D2A; }
.mw-parser-output .infobox-above, .mw-parser-output .infobox-title { font-size: 125%; font-weight: bold; text-align: center; border-radius: 2px 2px; background-image: /images/3/31/Infobox_trench.png; background-size: cover; text-shadow:  0 0 10px #000; color: #242D2A; }




Line 575: Line 643:
element.style { width: 60%; background-color: ; background-image: url(/images/1/14/Scaled_transparent.png); }
element.style { width: 60%; background-color: ; background-image: url(/images/1/14/Scaled_transparent.png); }


.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #7a7656; background-color: #d0d3c6; }
.toc, .toccolours { border-radius: 8px 8px; border: 3px solid #7a7656; background-color: #CECDB1; }


#p-tb { background-color: #F8F9FB; border-radius: 0px 0px 10px 10px; border: 3px solid #722215; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }
#p-tb { background-color: #d0d3c6; border-radius: 0px 0px 10px 10px; border: 3px solid #722215; border-top:hidden; background-image:url(/images/3/38/Sidebar2.png); font-family: 'MyCustomFont2', sans-serif; }


#p-personal ul { background: #E5D515; border-radius: 3px 3px; border: 2px solid #7a7656; padding:0.1em 1.5em; height: 23px; }
#p-personal ul { background: #a4a38d; border-radius: 3px 3px; border: 2px solid #7a7656; padding:0.1em 1.5em; height: 23px; }


#mw-head { background-image: url/images/5/5f/Tranck_flowers_background.png);}
#mw-head {
    background-image: url(/images/5/5f/Tranck_flowers_background.png);
}


.vector-menu-tabs-legacy .selected { background: #E5D515 }
.vector-menu-tabs-legacy .selected { background: #a4a38d }


.vector-menu-checkbox {
.vector-menu-checkbox {
Line 616: Line 686:
.skin-vector .uls-search { border-bottom-color: #7A4D1D; }
.skin-vector .uls-search { border-bottom-color: #7A4D1D; }


.vector-menu-tabs-legacy li { background-image: linear-gradient(to top,#E5D515 0,#E5D515 1px,#C1BBB2 100% );  
.vector-menu-tabs-legacy li { background-image: linear-gradient(to top,#a4a38d 0,#a4a38d 1px,#C1BBB2 100% );  


.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#7a7656 33%,#F7572E 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; font-weight: bold; }
.vector-legacy-sidebar .vector-menu-portal .vector-menu-heading { background-image: linear-gradient(to right,rgba(200,204,209,0) 0,#7a7656 33%,#F7572E 66%,rgba(200,204,209,0) 100%); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 1px; font-weight: bold; }

Navigation menu