| .ds-masthead { |
| /* border-top: 1px solid #3b3b50; */ |
| border-top: 1px solid rgba(44,238,251, .7); |
| border-bottom: 1px solid rgba(44,238,251, .7); |
| border-image: radial-gradient(#2ceefb, #2ceefb 10%, #1c1c26) 100% 1; |
| border-width: 1px 0 0 0; |
| padding: 0 0 0; |
| /* color: #fff; */ |
| color: #c3c3c5; |
| background-color: #400090; /* was: 1C1C26 */ |
| text-align: center; |
| margin: 0 auto 0; |
| } |
| |
| .ds-masthead .btn-lg { |
| min-width: 145px; |
| } |
| |
| .ds-masthead .text-muted { |
| color: rgba(177,186,198,.7); |
| /* color: #c3c3c5; */ |
| } |
| |
| .ds-footer { |
| padding: 10px 0; |
| font-size: 10px; |
| /* background-color: #eee; */ |
| background-color: #f3f3f3; |
| border-top: 1px solid white; |
| margin-top: 50px; |
| } |
| |
| .ds-panel { |
| background-color: #2e2e2e; |
| background-color: #400090; /* was: 1C1C26, Yahoo: 400090 */ |
| color: #fff; |
| padding: 30px 0; |
| margin-bottom: -50px; |
| } |
| |
| .ds-panel a { |
| color: rgba(177,186,198,.7) |
| } |
| |
| .ds-panel h3 { |
| color: #2ceefb |
| } |
| |
| .blog h2 { |
| font-weight: 400; |
| font-size: 24px; |
| } |
| |
| .ds-bootlogo { |
| display: block; |
| margin: 0 auto; |
| width: 300px; |
| height: 300px; |
| background-size: 300px 300px; |
| background-repeat: no-repeat; |
| background-position: center; |
| background-image: url('/img/datasketches-VerticalWhite-TM.svg'); |
| } |
| |
| .ds-small-man { |
| width: 35.99px; |
| height: 50px; |
| } |
| |
| .ds-small-h-logo { |
| display: block; |
| margin: 0 auto; |
| width: 117.51px; |
| height: 50px; |
| background-size: 117.51px 50px; |
| background-repeat: no-repeat; |
| background-position: center; |
| background-image: url('/img/datasketches-HorizontalWhite-TM.svg'); |
| } |
| |
| .ds-booticon { |
| display: block; |
| text-align: center; |
| width: 340px; |
| height: 144px; |
| line-height: 140px; |
| font-size: 64px; |
| border-radius: 20px; |
| /* border: 1px solid #fff; */ |
| } |
| |
| .ds-mark { |
| color: #2ceefb; |
| font-size: 1.69em; |
| line-height: 30%; |
| font-weight: 100; |
| } |
| .ds-logotype { |
| color: #fff; |
| font-family: 'Open Sans'; |
| letter-spacing: .05em; |
| font-style: italic; |
| font-weight: 100; |
| } |
| |
| .btn-outline { |
| display: block; |
| width: 260px; |
| margin: auto; |
| color: #000; |
| border-color: #000; |
| text-align: center; |
| background-position: center; |
| } |
| |
| .btn-outline:hover, |
| .btn-outline:focus { |
| background-color: #F0F0F0; |
| } |
| |
| .btn-outline-inverse { |
| /* color: rgba(255,255,255,0.7); */ |
| color: #fff; |
| /* border-color: rgba(255,255,255,0.7); */ |
| border-color: rgba(177,186,198,.7); |
| /* border-color: #fff; */ |
| } |
| |
| .btn-outline-inverse:hover, |
| .btn-outline-inverse:focus { |
| background-color: #fff; |
| } |
| |
| .ds-nav { |
| margin-bottom: 0; |
| background-color: #1C1C26; |
| border: 0px; |
| } |
| |
| .ds-nav .navbar-inverse{ |
| border-color: transparent; |
| } |
| |
| .ds-nav .navbar-nav>.active>a { |
| background-color: #0d0d12; |
| border-bottom: 3px solid #2ceefb; |
| padding-bottom: 12px; |
| } |
| |
| .ds-sidebar.affix { |
| top: 10px; |
| } |
| |
| .ds-sidebar .nav>.active>a { |
| border-left: 3px solid #2ceefb; |
| padding-left: 12px; |
| } |
| |
| /* bootstrap overrides */ |
| |
| a { |
| color: #2576CC; |
| } |
| |
| a:hover, a:focus { |
| /* color: #1a5491; */ |
| color: #b1bac6; |
| text-decoration: none; |
| } |
| |
| .navbar { |
| font-weight: 300; |
| } |
| |
| .navbar-inverse .navbar-nav>li>a,.dropdown-menu>li>a { |
| color: rgba(227,204,255, 1); //was 177,186,198,.7 |
| transition: color 0.1s ease; |
| font-weight: 300; |
| text-transform: uppercase; |
| letter-spacing: 0.15em |
| } |
| |
| .apache-logo { |
| height: 50px; |
| margin-right: 5px; |
| } |
| |
| .dropdown:hover .dropdown-menu { |
| display: block; |
| margin-top: 0; // remove the gap so it doesn't close |
| } |
| |
| .nav>li>a { |
| padding-left: 10px; |
| padding-right: 10px; |
| } |
| |
| /* .navbar-collapse { */ |
| /* padding-left: 20px; */ |
| /* padding-right: 5px; */ |
| /* margin-left: 15px; */ |
| /* } */ |
| |
| /* |
| .social-button.twitter { |
| background: 10px center no-repeat url('/img/twitter.png'); |
| padding-left: 40px; |
| } |
| */ |
| |
| .header-li { |
| margin-left: 0px; |
| } |
| |
| .header-a { |
| margin-right: 0px; |
| margin-left: -12px; |
| } |
| |
| .ds-nav a.highlight { |
| color: #fff !important; |
| } |