/templates/simple-solid-lite/css/inbound-compiled-style.css
https://github.com/deltafactory/landing-pages · CSS · 249 lines · 191 code · 52 blank · 6 comment · 0 complexity · 3dc0ed911ed00061d16ca30ecb197294 MD5 · raw file
- /* GENERAL */
- * {
- -webkit-backface-visibility: hidden;
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
- }
- img,
- audio,
- video,
- canvas {
- max-width: 100%;
- }
- html {
- min-height: 100%;
- margin-bottom: 1px;
- -webkit-text-size-adjust: none;
- background: #2ecc71;
- }
- ::selection {
- background:#2ecc71;
- color:#fff;
- }
- ::-moz-selection {
- background:#2ecc71;
- color:#fff;
- }
- ::-webkit-selection {
- background:#2ecc71;
- color:#fff;
- }
- /* Clear Floats */
- .cf:before,.cf:after {content: " "; /* 1 */ display: table; /* 2 */}
- .cf:after {clear: both;}
- .cf {clear: both;}
- /* Headers */
- h1 {
- font: 30px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- margin:0 0 10px 0;
- padding:0;
- }
- h2 {
- font: 20px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- margin:0 auto;
- text-align: center;
- padding:0;
- }
- h3 {
- font: 22px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- margin:0 0 10px 0;
- padding:0;
- }
- h4 {
- font: 18px 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- margin:0 0 10px 0;
- padding:0;
- }
- /* General */
- body {
- background: #2ecc71;
- color: #fff;
- font: 18px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- margin:0;
- -webkit-font-smoothing: antialiased;
- }
- header {
- width:100%;
- height: 63px;
- background:#fff;
- padding: 0px 0;
- }
- .inner {
- position: relative;
- width: 1050px;
- margin: 0 auto;
- }
- .logo {
- float: left;
- height: 60px;
- width: 160px;
- margin: 0;
- padding: 0;
- }
- .logo a {
- display: block;
- background: url("../images/logo.png") no-repeat;
- height: 60px;
- width: 160px;
- margin: 0;
- text-decoration: none;
- }
- .network {
- float: right;
- color: #2ecc71;
- font-size: 15px;
- margin: 20px 0 0;
- width: 400px;
- text-align: right;
- }
- .icono {
- color: #3498db;
- }
- .rq {
- color: #e74c3c;
- }
- .intro {
- text-align: center;
- }
- a {
- color: #fff;
- text-decoration: none;
- font-weight:bold;
- }
- a:hover {
- color: #2ecc71;
- text-decoration: none;
- font-weight:bold;
- }
- .container {
- width: 1050px;
- margin:10px auto;
- }
- /* FORM STYLES */
- .form {
- width: 600px;
- margin: 40px auto 20px auto;
- }
- input[type="text"], input[type="number"] {
- background: #fff;
- border: 2px solid #fff;
- width: 100%;
- height: 80px;
- outline:none;
- padding: 0 0 0 20px;
- font: 18px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- color: #666;
- margin: 10px auto;
- }
- input[type="text"]:focus, input[type="number"]:focus {
- border: 2px solid #27ae60;
- }
- label {
- display:block;
- margin: 10px 0 10px 0;
- font-size: 20px;
- text-align:center;
- }
- .result {
- background: #27ae60;
- padding: 20px;
- width: 600px;
- margin: 0 auto 20px auto;
- }
- .total {
- display:block;
- margin: 10px 0 10px 0;
- font-size: 30px;
- text-align:center;
- }
- .add {
- display:block;
- margin: 10px 0 10px 0;
- font-size: 40px;
- font-weight: bold;
- text-align:center;
- }
- #added {
- font-weight:bold;
- }
- footer {
- background: #27ae60;
- clear: both;
- color: #FFFFFF;
- font: 13px/1.5 'montserratregular','Montserrat',Helvetica,Arial,sans-serif;
- margin: 10px auto;
- width: 1050px;
- padding: 10px;
- }
- .foot-left {
- float:left;
- }
- .foot-right {
- float:right;
- }
- /* Retina Full Sized */
- @media
- only screen and (-webkit-min-device-pixel-ratio: 2),
- only screen and ( min--moz-device-pixel-ratio: 2),
- only screen and ( -o-min-device-pixel-ratio: 2/1),
- only screen and ( min-device-pixel-ratio: 2),
- only screen and ( min-resolution: 192dpi),
- only screen and ( min-resolution: 2dppx) {
- .logo a {
- background: url('../images/logo_2x.png') no-repeat;
- background-size: 160px 60px;
- }
- }