Makercloud/u10homepage
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Optimized and added comments to CSS code in u10.css
All checks were successful
MkDocs Build and Deploy / build-and-deploy (push) Successful in 3m0s
Details

Browse Source
This commit is contained in:
Tim Friedrich Weber 2024-04-10 09:31:37 +02:00
parent 2de3e660a8
commit 2b8d45afc7
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
docs/stylesheets/u10.css
View File

@ -1,3 +1,4 @@
/* Change the background and text color of selected text */
::-moz-selection {
background: #3B7EA5;
color: #fff;
@ -7,80 +8,93 @@
color: #fff;
}
/* Customize the scrollbar width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
/* Customize the scrollbar track */
::-webkit-scrollbar-track {
background: #fff;
border-radius: 0;
}
/* Handle */
/* 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
@ -88,6 +102,7 @@
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;