ProjectEntropy/project-entropy.com

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require fontawesome
 *= require leaflet
 *= require md_simple_editor
 *= require devise_bootstrap_views
 *= require_tree .
 *= require_self
 */


.main-area-links
{
  .btn
  {
    margin: 0.1em;
  }
}

@media (max-width: 768px)
{
  #mainNav
  {
    background-color: #000;
    border: none;
    color: white !important;

    a
    {
      color: white !important;
    }
  }

  .bottom-align-text
  {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

@media (min-width: 769px)
{
  #mainNav
  {
    background-color: rgba(26, 45, 111, 0.6);
    border: none;
  }
}


#map-container
{
  min-height: 45em;
  height: 100%;
}

.bigger
{
  font-size: 1.9em;
  font-family: Roboto;
  font-weight: bolder;
}

.section-icon
{
  max-height: 13em;
}

.alpha
{
  background-image: url(<%= image_url 'Boat-in-the-sea-network01.jpg' %>);
  background-position: top left;
}
.beta
{
  background-image: url(<%= image_url 'projects/cnc_cutter.jpg' %>);
  background-position: left;
}
.community
{
  background-image: url(<%= image_url 'entropy_from_above.jpg' %>);
  background-position: left;
  background-blend-mode: color-burn;
}

.map
{
  background-image: url(<%= image_url 'world_map_2.png' %>);
  background-position: center;
}

.afloat
{
  background-image: url(<%= image_url 'sailing_bay_of_islands.jpg' %>);
}


.secondary
{
  // margin-top: 1em;
  min-height: 88%;

  h1
  {
    font-family: "Raleway";
    font-weight: bolder;

  }

}


.progress-container
{
  width:100%;
  height:1.5em;
  position:relative;
  background-color:#f1f1f1
}

.progressbar
{
  background-color:#757575;
  height:100%;
  position:absolute;
  line-height:inherit
}

.banner-stats
{
  position: absolute;
  bottom: 1em;
}
.banner-left:after
{
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: #000;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-45deg);
  z-index: -1;
  background-color: rgba(18,18,81,0.5);
}

.right-space
{
  margin-right: 3.5em;
}
//
// @media (min-width: 992px)
// {
//   .status
//   {
//     position: absolute;
//     bottom: 0;
//   }
// }


.portfolio-box
{
  overflow: hidden;
}

.project-image
{
  width: 100%;
}

.status
{
  width: 100%;
  color: white;

  .stats-panel
  {
    min-height: 10em;
    background-size: contain;
    background-repeat: no-repeat;
    // background-blend-mode: multiply;
    background-position: 90% 50%;
  }

  .fund_stats
  {
    background-color: #0B3A72;
    background-image: url(<%= image_url 'ethereum.png' %>);
  }
  .citizen_stats
  {
    background-color: #CF6551;
    background-image: url(<%= image_url 'users.png' %>);
  }
  .action_stats
  {
    background-color: #3D6799;
    background-image: url(<%= image_url 'idea.png' %>);
  }
  .project_status
  {
    background-color: #961A11;
    background-image: url(<%= image_url 'lab.png' %>);
  }
}


@media (min-width: 768px ) {
  .row {
      position: relative;
  }

  .bottom-align-text {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.logo-tagline
{
  font-size: 1.6em;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.banner-logo-tagline
{
  margin-top: -3em;
}

.banner-left
{
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1em;
}

.text-box
{
  background-color: rgba(26,45,111,0.5);
  padding: 1.5em;
}

.text-box-red
{
  background-color: rgba(194,42,1,0.5);
  padding: 1.5em;
}

.text-box-lightblue
{
  background-color: rgba(24,100,147,0.5);
  padding: 1.5em;
}

.text-box-white
{
  background-color: rgba(255, 255, 255, 0.6);
  padding: 1.5em;
}

.header-content
{
  min-height: 32em;
}

.profile_pic
{
  border-radius: 50px 50px 50px;
}

.crowdfund-panel
{
  color: black;

  p
  {
    color: black !important;
    text-align: left;
  }

  ul
  {
    text-align: left;
  }

  .backer-stat-icon
  {
    min-width: 1.0em;
    text-align: centre;
  }

  .stats
  {
    display: inline-block;
    text-align: left;
    align: left;
    list-style: none;
    font-size: 3em;
    .detail
    {
      font-size: 0.5em;
    }
  }
}



.main-lead-text
{
  padding: 0.2em;
  font-family: "Raleway";
  font-weight: 700;
  text-transform: uppercase;
}

.main-logo
{

}

.homepage
{
  background-image: url(<%= image_url 'cat_from_above.jpg' %>);
  background-position: center;
}

.boat
{
  background-image: url(<%= image_url 'nemo-574.jpg' %>);
  background-position: center;
}

.hackspace
{
  background-image: url(<%= image_url 'sails-3.jpg' %>);
  background-position: center;
}

.citizens
{
  background-image: url(<%= image_url 'cat_from_above.jpg' %>);
  background-position: center;
}

.logo_bitcoin
{
  /*font-size: 1.0em;*/
}
.logo_ring
{
  /*font-size: 3em;*/
}