content/assets/css/main.css (222 lines of code) (raw):

pre { overflow-x: auto; } pre code { word-wrap: normal; white-space: pre; } img { max-width:100%; } .container { max-width: 1130px; } /* Navigation bars. */ .topnav { background: #f5f5f5; } .topnav > .container, .navbar > .container { max-width: 1016px; } .topnav .breadcrumb { padding: 8px 0px; margin: auto; } .topnav a { color: #183751; } .topnav a:hover { color: #47ABE2; } .topnav a:hover, .topnav a:focus { text-decoration: none; } .navbar { background-image: url('../../assets/img/background_image.png'); min-height:120px; z-index: 0; margin-bottom: 0px; } .navbar-brand { min-height:120px; } .navbar-brand > img { float: left; } .navbar .nav { padding: 30px 0 0 0; color: #fff; } .navbar .nav li a { text-align: center; padding: 20px 0 15px 15px; margin: 0 10px; color: rgba(255, 255, 255, .9); } .navbar .nav li a:hover { color: rgba(255, 255, 255, 1); background: none; } @media (min-width: 768px) and (max-width: 1024px) { .navbar .nav li a { padding: 8px 0 15px 8px; } } .navbar-header { height:120px; } .navbar-toggle { position: relative; top: 50%; transform: translateY(-50%); margin-top:0; } .navbar-default .navbar-toggle .icon-bar { background-color:#FFF; } .navbar-default .navbar-toggle:focus .icon-bar { background-color:#000; } .navbar-default .navbar-collapse { border-color: rgba(0, 0, 0, 0); box-shadow: none; } /* Jumbotron part. */ .jumbotron { background: none; max-width: 748px; margin: 45px auto 90px auto; } .container .jumbotron { padding: 0px; } .jumbotron > h1 { font-size: 40px; font-family: HelveticaNeue-Light,Helvetica,Arial,sans-serif; line-height: 1.2; color: white; text-align: center; padding: 0; margin-bottom: 28px; } .jumbotron > .lead { line-height: 1.25; color: white; font-size: 15px; font-weight: 100; letter-spacing: 0.8px; margin-bottom: 48px; } @media (max-width: 767px) { .jumbotron > .lead { font-weight: 200; } } .jumbotron p { text-align: center; margin-bottom: 0px; } .jumbotron .btn.download { border-radius: 30px; font-size: 16px; padding: 11px 28px; margin-bottom: 4px; } .jumbotron .btn.download { color: #333333; } .jumbotron .btn.download:hover, .jumbotron .btn.download:focus { color: #4EADE2; } .jumbotron a.changelog { font-size: 15px; display: inline-block; color: white; } .jumbotron a.changelog:hover, .jumbotron a.changelog:focus { color: #4EADE2; text-decoration: none; } .content > .container { margin-top: 20px; max-width: 1016px; } /* Features list. */ .feature-list-group { background-color: #F7F7F7; padding-top: 76px; padding-bottom: 61px; } .feature-list-group .header { text-align: center; } .feature-list-group .header > h3 { font-size: 30px; font-weight: 200; text-align: center; margin-bottom: 26px; } .feature-list-group .header .lead { color: #777777; font-size: 14px; font-weight: normal; line-height: 1.42857143; margin-bottom: 55px; } .feature-list { margin-bottom: 25px; } .feature-item h4 { color: #4EADE2; font-family: HelveticaNeue-Medium,Helvetica,Arial,sans-serif; font-size: 16px; text-transform: uppercase; margin-bottom: 16px; } .feature-item p { font-family: HelveticaNeue-Light,Helvetica,Arial,sans-serif; font-size: 15px; } @media (max-width: 767px) { .feature-list-group { padding: 36px 9px 6px 9px; } .feature-list { margin-bottom: 0px; } .feature-item { margin-bottom: 48px; } } /* Footer. */ .footer { padding-top: 48px; padding-bottom: 42px; } .social-blk { float: right; } @media (max-width: 767px) { .social-blk { float: left; width: 100%; margin-bottom: 32px; } } .nopadding { padding: 0 !important; margin: 0 !important; } .splash { display:block; } .author_contact { display: inline-block; } .author_gravatar { display: inline; padding: 0 20px 20px 5px; } .share { display: block; }