body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif } #mainNav .container-fluid { display: flex; flex-wrap: wrap; justify-content:space-between; align-items: center; } #mainNav .container-fluid:before, #mainNav .container-fluid:after { content: none; } #mainNav .nav { font-size: 13px; } #mainNav .nav li a { color: #2d2d2d; } #mainNav .nav li a:hover { color: rgb(45 45 45 / 75%); } .navbar .brand { width: 72px; line-height: 64px } #docsSearch { padding-top: 100px; padding-bottom: 100px; background: linear-gradient(to right, #425FFF 0%, #FF6B82 100%) } #docsSearch h1 { margin-bottom: 0.25em; font-size: 30px; font-weight: 500; color: #fff } #searchBar .search-query { border: none; border-radius: 2px } #searchBar button { border-radius: 2px; background-color: #4081FF } #searchBar button:hover { background-color: #5a92ff } .category-list .category { position: relative; padding-top: 2em; padding-bottom: 2em; border-color: rgba(0, 0, 0, 0.07); border-radius: 3px; transition: box-shadow 0.3s } .category-list .category:before { content: ''; display: inline-block; width: 100%; height: 100%; border-radius: inherit; position: absolute; top: 0; left: 0; z-index: 0; background: linear-gradient(to right, #425FFF 0%, #FF6B82 100%); opacity: 0; -webkit-transform: scale(1); transform: scale(1); transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), transform 0.45s cubic-bezier(0.23, 1, 0.32, 1); transition: opacity 0.45s cubic-bezier(0.23, 1, 0.32, 1), transform 0.45s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.45s cubic-bezier(0.23, 1, 0.32, 1) } .category-list .category h3, .category-list .category .article-count { position: relative; z-index: 2; transition: color 0.3s } .category-list .category .article-count { color: #4081FF } .category-list .category .article-count span { color: inherit } .category-list .category:hover { background-color: #fff; box-shadow: 0 12px 35px rgba(163, 50, 184, 0.25) } .category-list .category:hover:before { -webkit-transform: scale(1.03); transform: scale(1.03); opacity: 1 } .category-list .category:hover h3, .category-list .category:hover .article-count { color: #fff } .articleFoot p.lu, .articleFoot time.lu { display: none !important; } @media (min-width: 769px) { .navbar .nav { position: relative; right: auto; bottom: auto; } }