Contents

@import "colors.css.scss";

body.simple {
  -webkit-user-select: none;
  user-select: none;

  header {
    background: #222;

    .tagline {
      height: 46px;
      display: inline-block;
      border-left: 1px solid rgba(255, 255, 255, 0.06);
      margin-left: 15px;
      vertical-align: top;

      p {
        font-size: 17px;
        font-weight: lighter;
        margin-top: 12px;
        padding-left: 20px;
        color: #979797;
        text-shadow: 1px 1px 1px #000;
        font-family: Helvetica Neue, Helvetica, Arial;
      }

      strong {
        font-weight: bold;
        color: #fff;
      }
    }
  }

  div.wrapper {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 25px;
  }

  section#contents-container {
    margin:45px 0 40px;

    div#content {
      margin: 0 auto;
      box-shadow: 0 4px 10px rgba(0,0,0,0.12),inset 0 1px 0 white;
      border-radius: 5px;
      background: #f7f7f7;
      padding: 25px;
      border: 1px solid rgba(0,0,0,0.25);

      h3 {
        font-weight: normal;
        font-size: 16px;
        color: #999;
        text-align: center;
      }

    }
  }

  footer {
    margin-top: 40px;
    width: 100%;
    height: 60px;

    text-align: center;
    margin-bottom: 50px;

    ul {
      list-style: none;
      padding: 5px 0;

      li {
        display: inline-block;
      }
    }

    ul#legalese li {
      display:inline-block;

      a {
        background: #fff;
        padding: 3px 6px 4px;
        font-size: 11px;
        border-radius: 2px;
        vertical-align: 2px;
        box-shadow: 0 2px 2px rgba(0,0,0,0.1);
        border: 1px solid #d0d0d0;
      }

      a:active {
        box-shadow: inset 0 2px 4px rgba(0,0,0,0.25), 0 1px 2px rgba(0,0,0,0.05);
      }
    }
  }
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
lay_me_out-1.2.9	app/assets/stylesheets/lay_me_out/simple.css.scss
lay_me_out-1.2.8	app/assets/stylesheets/lay_me_out/simple.css.scss