All Assets For Build Date of February 5, 2016
A Pen by 1WD.tv - Freelance Web Designer Training on CodePen.
All Assets For Build Date of February 5, 2016
A Pen by 1WD.tv - Freelance Web Designer Training on CodePen.
| [[[http://codepen.io/1wdtv/pen/OMoerx/]]] | |
| [[[http://codepen.io/1wdtv/pen/Rreaaq/]]] | |
| [[[http://codepen.io/1wdtv/pen/XXxdJM/]]] |
| <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> | |
| <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> | |
| <script src="http://codepen.io/1wdtv/pen/OMoerx/"></script> | |
| <script src="http://codepen.io/1wdtv/pen/Rreaaq/"></script> | |
| <script src="http://codepen.io/1wdtv/pen/XXxdJM/"></script> |
| @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:700,400,300); | |
| /* Helper Classes: Top Padding Between Rows */ | |
| .row + .row { | |
| margin: 30px 0 0; | |
| } | |
| .module-pad { | |
| padding:70px 0; | |
| } | |
| .module-pad-top { | |
| padding-top:70px; | |
| } | |
| .row.row-bottom-margin { | |
| margin-bottom:0!important; | |
| } | |
| .vertical-center { | |
| margin-top:12.5%; | |
| margin-bottom:12.5%; | |
| } | |
| #comments-container { | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| } | |
| /* Btn */ | |
| .btn-lg { | |
| padding: 10px 10px; | |
| } | |
| /* Primary Link Colors */ | |
| a { | |
| color:#555555; | |
| } | |
| a:focus, a:hover { | |
| color: #669900; | |
| text-decoration: none; | |
| } | |
| /* Fonts */ | |
| body { | |
| background-color:#FFFFFF; | |
| font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif; | |
| font-weight: 300; | |
| font-size:22px; | |
| } | |
| .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { | |
| font-family: inherit; | |
| font-weight: 300; | |
| line-height: 1.5; | |
| color: inherit; | |
| } | |
| /* Text Colors */ | |
| .text-muted { | |
| color:#515b69; | |
| } | |
| .text-primary{ | |
| color:#669900; | |
| } | |
| .text-success{ | |
| color:#FF0011; | |
| } | |
| .text-info{ | |
| color:#E6E6E6; | |
| } | |
| .text-warning{ | |
| } | |
| .text-danger{ | |
| color:#000000; | |
| } | |
| .text-white { | |
| color:#FFFFFF; | |
| } | |
| /* Background Colors */ | |
| .bg-primary{ | |
| background-color:#669900; | |
| } | |
| .bg-success{ | |
| } | |
| .bg-info{ | |
| background-color:#e6e6e6; | |
| } | |
| .bg-warning{ | |
| } | |
| .bg-danger{ | |
| background-color:#000000; | |
| } | |
| .bg-white { | |
| background-color:#FFFFFF; | |
| } | |
| .bg-dark { | |
| background-color:#444; | |
| } | |
| /* Btn Styles */ | |
| .btn-primary{ | |
| background-color:#669900; | |
| border-color:transparent; | |
| } | |
| .btn-primary:hover, | |
| .btn-primary.active:focus, | |
| .btn-primary.active:hover, | |
| .btn-primary:active:focus, | |
| .btn-primary:active:hover, | |
| .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { | |
| color: #fff; | |
| background-color:#222; | |
| border-color: transparent; | |
| } | |
| .btn-success{ | |
| } | |
| .btn-info{ | |
| background-color:#e6e6e6; | |
| } | |
| .btn-warning{ | |
| } | |
| .btn-danger{ | |
| background-color:#000000; | |
| border-color:#FFFFFF; | |
| } | |
| .btn-danger:hover, | |
| .btn-danger.active:focus, | |
| .btn-danger.active:hover, | |
| .btn-danger:active:focus, | |
| .btn-danger:active:hover, | |
| .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { | |
| color: #fff; | |
| background-color:#000000; | |
| border-color: #FFFFFF; | |
| box-shadow:1px 1px 10px #FFFFFF; | |
| } | |
| /* Fade In */ | |
| .hideme | |
| { | |
| opacity:0; | |
| } |
| <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" /> | |
| <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" /> | |
| <link href="http://codepen.io/1wdtv/pen/OMoerx/" rel="stylesheet" /> | |
| <link href="http://codepen.io/1wdtv/pen/Rreaaq/" rel="stylesheet" /> | |
| <link href="http://codepen.io/1wdtv/pen/XXxdJM/" rel="stylesheet" /> |