Main Avalanche Network server application. Built with Ruby on Rails.

avalanche_theme.css.less 3.9KB

    // Avalanche Theme .top-container { margin-top: 85px } .page-header { padding-bottom: 0; margin: 20px 0 30px; border-bottom: 2px solid #D4D4DE; } .page-header h1 { font-family: 'Helvetica-LightOblique', 'Helvetica Light Oblique', "Helvetica Neue"; font-style: italic; font-weight: 300; text-transform: uppercase; font-size: 64px; color: #1D1D26; line-height: 77px; margin-bottom: 0px; } .page-header h1 .btn { margin-bottom: 9px; } h2 { font-family: Avenir-LightOblique; font-size: 32px; color: #000000; line-height: 44px; font-style: italic; font-weight: 200; } .thumbnail { display: block; line-height: 20px; border: 2px solid #D4D4DE; border-radius: 4px; padding: 0px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail h3 { font-family: Avenir-HeavyOblique; font-size: 24px; color: #000000; line-height: 33px; margin-bottom: 0px; line-height: 28px; } .thumbnail h3 a { color: black; } .thumbnail h3 a:hover { text-decoration: underline; } .thumbnail p { font-family: Avenir-Medium; font-size: 16px; color: #000000; line-height: 22px; } .thumbnail .thumbnail-content { padding: 4px; } .thumbnail .mission-director-name { margin-bottom: 8px; /* James Peret: */ font-family: Avenir-Medium; font-size: 14px; color: #000000; line-height: 22px; } .thumbnail-mission-description { height: 110px;} .thumbnails.mission-list { margin-bottom: 60px; } // Mission Status .mission-status { padding-left: 6px; padding-right: 6px; font-family: Avenir-Oblique; font-size: 18px; color: #000000; line-height: 28px; } .status-planning { background-color: #D4D4DE; } .status-launched { background-color: #55B3DA; } .status-completed { background-color: #92BC64; } .status-failed { background-color: #F26C63; } .mission-counter { font-family: Avenir-Medium; font-size: 18px; color: #000000; line-height: 28px; padding: 0px; } .mission-counter i { font-size: 28px; } .mission-counter span { margin-bottom: 3px; } .mission-counter.center_position { width: 30%; margin-left: auto; margin-right: auto; text-align: center; } // Buttons .btn.btn-success { color: #92BC64; border-color: #92BC64; } .btn { display: inline-block; padding: 4px 12px; margin-bottom: 0; text-align: center; vertical-align: middle; cursor: pointer; color: #333333; background-color: transparent; border: 2px solid #cccccc; border-bottom-color: #b3b3b3; border-radius: 4px; text-shadow: none; /* Create Mission: */ font-family: Avenir-Book; font-style: normal; color: #333333; text-transform: none; } // Footer footer { font-family: "Avenir"; font-weight: 600; text-align: center; color: #1D1D26; margin-top: 30px; padding-top: 20px; } .footer-white { } .footer-black { background-color: #202020; color: white; } .footer-white a { color: #1D1D26; font-weight: bold; } .footer-white a:hover { color: #55B3DA; font-weight: bold; text-transform: underline; } .footer-black a { color: white; font-weight: bold; background-color: transparent; } .footer-black a:hover { color: #55B3DA; font-weight: bold; text-transform: underline; background-color: transparent; } footer .column .column-inner { min-height: 90px } footer .column .column-inner.centered { min-height: 75px } .column { width: 20%; float: left; } .column-inner { padding-left: 10px; padding-right: 10px; padding-top: 10px; } .footer-white .column-inner { border-right: 2px solid #1D1D26; } .footer-black .column-inner { border-right: 2px solid white; } .column-inner.first { margin-left: 30px; } .column-inner.last { border-right: none; margin-right: 30px; } .column-inner.centered { padding-top: 25px; } footer .column .column-inner i { margin-right: 15px; margin-left: 15px; } footer .copyright { margin-top: 10px; text-transform: uppercase; } footer hr { margin-bottom: 10px; }