Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- * Globals
- */
- /* Links */
- a,
- a:focus,
- a:hover {
- color: #fff;
- }
- /* Custom default button */
- .btn-default,
- .btn-default:focus {
- color: #333;
- text-shadow: none; /* Prevent inheritence from `body` */
- background-color: #fff;
- border: 1px solid #fff;
- }
- .btn-default:hover{
- background-color: red;
- border-color: red;
- color: white;
- }
- .downico{
- font-size: 50px;
- }
- .downico:hover{
- color: red
- }
- /* fade in animations */
- #intro{
- display: table;
- width: 100%;
- height: auto;
- padding: 100px 0;
- text-align: center;
- color: #fff;
- }
- /*
- * Base structure
- */
- html,
- body {
- height: 100%;
- background-color: #333;
- }
- body {
- color: #fff;
- text-align: center;
- }
- /* Extra markup and styles for table-esque vertical and horizontal centering */
- .site-wrapper {
- display: table;
- width: 100%;
- height: 100%; /* For at least Firefox */
- min-height: 100%;
- -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.5);
- box-shadow: inset 0 0 5px rgba(0,0,0,.5);
- }
- .site-wrapper-inner {
- display: table-cell;
- vertical-align: top;
- }
- .cover-container {
- margin-right: auto;
- margin-left: auto;
- }
- /* Padding for spacing */
- .inner {
- padding: 30px;
- }
- /*
- * Header
- */
- .masthead{
- background-color: black;
- z-index: 1;
- }
- .masthead-brand {
- margin-top: -10px;
- margin-bottom: 10px;
- font-size: 50px;
- font-family: BaconBad;
- }
- .masthead-nav > li {
- display: inline-block;
- }
- .masthead-nav > li + li {
- margin-left: 20px;
- }
- .masthead-nav > li > a {
- padding-right: 0;
- padding-left: 0;
- font-size: 16px;
- font-weight: bold;
- color: #fff; /* IE8 proofing */
- color: rgba(255,255,255,.75);
- border-bottom: 2px solid transparent;
- }
- .masthead-nav > li > a:hover,
- .masthead-nav > li > a:focus {
- background-color: transparent;
- border-bottom-color: #a9a9a9;
- border-bottom-color: rgba(255,255,255,.25);
- }
- .masthead-nav > .active > a,
- .masthead-nav > .active > a:hover,
- .masthead-nav > .active > a:focus {
- color: #f00;
- border-bottom-color: #f00;
- }
- @media (min-width: 768px) {
- .masthead-brand {
- float: left;
- }
- .masthead-nav {
- float: right;
- }
- }
- /*
- * Cover
- */
- .intro{
- height: 100vh;
- background: url('../img/homebacon.jpg') ;
- min-width: 100%;
- margin-bottom: 0px;
- }
- .cover {
- padding: 0 20px;
- }
- .cover .btn-lg {
- padding: 10px 20px;
- font-weight: bold;
- }
- .cover-heading {
- font-family: montserrat;
- font-size: 100px;
- margin-top:;
- }
- /*
- * About
- */
- #about{
- background-color: grey;
- height: 100vh;
- margin-top: -20px;
- }
- #about1{
- font-family: montserrat;
- padding-top: 300px;
- font-size: 50px
- }
- #about .downico{
- font-size: 40px;
- }
- /*
- * Stuff
- */
- #stuff{
- background-color: #505050;
- height: 100vh;
- margin-top: -20px;
- }
- #stuff1{
- font-family: montserrat;
- padding-top: 300px;
- font-size: 50px
- }
- #stuff .downico{
- font-size: 40px;
- }
- /*
- * contact
- */
- #contact{
- background-color: ;
- height: 100vh;
- margin-top: -20px;
- }
- #contact1{
- font-family: montserrat;
- padding-top: 300px;
- font-size: 50px
- }
- #mailto{
- font-size: 30px;
- }
- #mailto:hover{
- color: red;
- z-index: ;
- }
- /*
- * Footer
- */
- .masfoot {
- color: #999; /* IE8 proofing */
- color: rgba(255,255,255,.5);
- background-color: #191919;
- position: sticky;
- }
- /*
- * Affix and center
- */
- @media (min-width: 768px) {
- /* Pull out the header and footer */
- .masthead {
- position: fixed;
- top: 0;
- }
- .mastfoot {
- position: fixed;
- bottom: 0;
- }
- /* Start the vertical centering */
- .site-wrapper-inner {
- vertical-align: middle;
- }
- /* Handle the widths */
- .masthead,
- .mastfoot,
- .cover-container {
- width: 100%; /* Must be percentage or pixels for horizontal alignment */
- }
- .cover-heading {
- font-family: montserrat;
- font-size: 100px;
- margin-top: 1.8em;
- }
- }
- @media (min-width: 992px) {
- .masthead,
- .mastfoot,
- .masthead .inner {
- width: 1000px;
- position: sticky;
- margin: 0 auto;
- }
- .cover-heading {
- font-family: montserrat;
- font-size: 100px;
- margin-top: 0.9em;
- }
- }
- @font-face {
- font-family: BaconBad;
- src: url(../fonts/Bacon_Bad.ttf);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement