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" /> |