publishing-template/dist/css/layout/layout.css

publishing template

/**
  layout
 */
.wrap {
  min-width: 1200px;
  margin: 0 auto;
  position: relative; }
  .wrap .header {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    height: 70px;
    background-color: #fff; }
    .wrap .header .logo {
      position: absolute;
      top: 25px;
      left: 22px;
      font-size: 12px;
      line-height: 12px; }
    .wrap .header .btn {
      position: absolute;
      top: 16px;
      right: 16px; }
      .wrap .header .btn.btn-blue {
        height: 40px;
        padding: 0 20px;
        background-color: #5fabf7;
        font-size: 14px;
        line-height: 40px;
        text-align: center;
        color: #ffffff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px; }
        .wrap .header .btn.btn-blue.btn-right {
          right: 180px; }
  .wrap .contents {
    margin: 0 auto;
    position: relative; }
    .wrap .contents .bg_visual {
      background-color: #00ab9f; }
    .wrap .contents .bg-gray {
      background-color: #f9f9f9;
      padding-bottom: 40px; }
      .wrap .contents .bg-gray .wrap_inner {
        width: 1200px;
        margin: 0 auto; }
      .wrap .contents .bg-gray.sub_bg {
        position: relative; }
        .wrap .contents .bg-gray.sub_bg .bg_green {
          position: absolute;
          width: 100%;
          height: 454px;
          background-color: #00ab9f; }
        .wrap .contents .bg-gray.sub_bg .wrap_inner {
          position: relative;
          z-index: 1;
          padding: 0 22px; }
  .wrap .footer {
    width: 1200px;
    margin: 0 auto;
    padding: 35px 20px;
    position: relative; }
    .wrap .footer .logo {
      position: absolute;
      top: 35px;
      left: 20px; }
    .wrap .footer .copyright {
      margin-left: 180px;
      font-size: 14px;
      font-weight: 300;
      line-height: 26px;
      text-align: left;
      color: #666666; }