Initial commit

scss/preset/custom.scss

@@ -0,0 +1,154 @@
+
+@media (min-width: 768px) {
+  .container {
+    width: 750px;
+  }
+}
+@media (min-width: 992px) {
+  .container {
+    width: 970px;
+  }
+}
+@media (min-width: 1280px) {
+  .container {
+    width: 1280px !important;
+  }
+}
+
+/* ######################## Capa ########################## */
+
+section#inicial{
+  padding: 10px 0 0 0;
+  min-height: 860px;
+  background-repeat: repeat-x;
+  background-position: 50% top;
+  section#logos{
+    width: 1280px;
+    margin-top: 30px;
+    .logo-capa{
+      max-height: 60px;
+    }
+    .menu-principal{
+      li{
+        a {
+          margin: 0 10px;
+          color: #fff;
+          font-size: 16px;
+          text-transform: uppercase;
+        }
+      }
+    }
+  }
+  #content-stage{
+    section#formulario{
+      margin: 230px 0 0 0;
+      .box-login-capa{
+        padding: 40px;
+        margin-top: -40px;
+        background-color: #003D6F;
+        border-radius: 12px;
+        h2{
+          font-weight: 700;
+          font-size: 32px;
+          color: #fff;
+          margin-bottom: 15px;
+        }
+        form{
+          text-align: -webkit-center;
+        }
+      }
+      h3.showcase {
+        font-weight: 300;
+        font-size: 28px;
+        color: #fff;
+        margin-bottom: 5px;
+        //letter-spacing: 2px;
+        strong {
+          //color:#ffa600;
+        }
+      }
+      h1.showcase{
+        font-weight: 900;
+        font-size: 48px;
+        color: #fff;
+      }
+      p {
+        color: #fff;
+        font-weight: 100;
+        font-size: 18px;
+        text-align: center;
+      }
+      input {
+        border-radius: 23px;
+        margin: 4px 0 0 0;
+        font-size: 16px;
+        font-weight: 300;
+        color: #fff;
+        background-color: transparent;
+        height: 45px;
+        padding: 10px 15px 10px 15px;
+      }
+      input::-webkit-input-placeholder {
+        /* Chrome/Opera/Safari */
+        color: #fff;
+        font-size: 16px;
+      }
+      input::-moz-placeholder {
+        /* Firefox 19+ */
+        color: #fff;
+        font-size: 16px;
+      }
+      input:-ms-input-placeholder {
+        /* IE 10+ */
+        color: #fff;
+        font-size: 16px;
+      }
+      input:-moz-placeholder {
+        /* Firefox 18- */
+        color: #fff;
+        font-size: 16px;
+      }
+      button {
+        width: 100%;
+        margin: 4px 0 0 0;
+        background-color: #EA902E;
+        font-weight: 400;
+        font-size: 14px;
+        color: #ffffff;
+        -moz-transition: .1s ease-in;
+        -o-transition: .1s ease-in;
+        -webkit-transition: .1s ease-in;
+        border-radius: 23px;
+        height: 45px;
+        padding: 10px 15px 10px 15px;
+        float: right;
+      }
+      button:hover{
+        background-color: rgba(255, 166, 0, 1);
+      }
+      .recovery {
+        float: left;
+        color: #fff;
+        margin-top: 10px;
+        margin-left: 20px;
+        font-size: 14px;
+      }
+      .rememberpass{
+        color: #fff;
+        #rememberusername{
+          margin: 0 5px 6px 10px;
+        }
+      }
+      a.btn-default {
+        width: 100%;
+        margin: 4px 0 0 0;
+        border-radius: 0;
+        font-family: 'Open Sans', sans-serif;
+        font-weight: 400;
+        font-size: 11px;
+        color: #000;
+      }
+    }
+  }
+}
+