u10homepage/docs/stylesheets/u10.css

110 lines
2.6 KiB
CSS
Raw Permalink Normal View History

/* Change the background and text color of selected text */
::-moz-selection {
background: #3B7EA5;
color: #fff;
}
::selection {
background: #3B7EA5;
color: #fff;
}
/* Customize the scrollbar width */
::-webkit-scrollbar {
width: 10px;
}
/* Customize the scrollbar track */
::-webkit-scrollbar-track {
background: #fff;
border-radius: 0;
}
/* Customize the scrollbar handle */
::-webkit-scrollbar-thumb {
background: #3B7EA5;
}
/* Change the border color of info admonitions and details */
.md-typeset .admonition.info, .md-typeset details.info {
border-color: #3B7EA5;
}
/* Change the background color of the title and summary of info admonitions */
.md-typeset .info>.admonition-title:before, .md-typeset .info>summary:before{
background-color: #3B7EA5;
}
/* Change the background color of the title and summary of info admonitions */
.md-typeset .info>.admonition-title, .md-typeset .info>summary{
background-color: rgba(59, 126, 165, .2) !important;
}
/* Add transition effect to nav links */
.md-nav__link[href]{
transition: .3s all ease;
}
/* Change the color of nav links on hover */
.md-nav__link[href]:hover{
color: #3B7EA5;
transition: .3s all ease;
}
/* Change the color and opacity of links in the text */
.md-typeset a{
color: #3B7EA5;
opacity: 1;
transition: .3s all ease;
}
/* Change the color and opacity of links in the text on hover */
.md-typeset a:hover{
color: #000000;
opacity: .87;
transition: .3s all ease;
}
/* Change the background color of the top element on hover */
.md-top:hover{
background-color: #3B7EA5;
}
/* Change the color of active nav links */
.md-nav__item .md-nav__link--active{
color: #3B7EA5 !important;
transition: .3s all ease;
}
/* Add transition effect and change the opacity and color of tab items */
.md_tabs__item{
transition: .3s all ease;
opacity: .7;
color: #fff;
}
/* Change the color and opacity of tab items on hover */
.md-tabs__item a:hover{
color: #ccc !important;
opacity: .7;
transition: .3s all ease;
}
/* Change the color of footer links on hover */
.md-footer__link:hover {
color: #fff !important;
}
/* Change the background color of the header, tabs, and footer */
.md-header,
.md-tabs,
.md-footer
{
background-color: #3B7EA5 !important;
}
/* Change the background color of the nav title for screens with max-width of 76.234375em */
@media screen and (max-width: 76.234375em) {
html [data-md-color-primary=black] .md-nav--primary .md-nav__title[for=__drawer] {
background-color: #3B7EA5;
}
}