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