| Download
Project: Peter's Files
Views: 601Visibility: Unlisted (only visible to those who know the link)
@media only screen and (max-width: 768px) {1.container-fluid2{3text-align: center;4}5}678@font-face {9font-family: "FattiPattiFLF";10src: url("fonts/FattiPattiFLF.ttf");11}1213@font-face {14font-family: "Times";15src: url("fonts/times-new-roman.ttf");16}1718@font-face {19font-family: "twiggy";20src: url("fonts/Twiggy-Regular.otf");21}2223@font-face {24font-family: "Twiggy";25src: url("//db.onlinewebfonts.com/t/8d10e93aa305629223fcd850f6e9a810.eot");26src: url("//db.onlinewebfonts.com/t/8d10e93aa305629223fcd850f6e9a810.eot?#iefix")27format("embedded-opentype"),28url("//db.onlinewebfonts.com/t/8d10e93aa305629223fcd850f6e9a810.woff2")29format("woff2"),30url("//db.onlinewebfonts.com/t/8d10e93aa305629223fcd850f6e9a810.woff")31format("woff"),32url("//db.onlinewebfonts.com/t/8d10e93aa305629223fcd850f6e9a810.ttf")33format("truetype"),34url("//db.onlinewebfonts.com/t/8d10e93aa305629223fcd850f6e9a810.svg#Twiggy")35format("svg");36}3738.noselect {39-webkit-touch-callout: none; /* iOS Safari */40-webkit-user-select: none; /* Safari */41-khtml-user-select: none; /* Konqueror HTML */42-moz-user-select: none; /* Firefox */43-ms-user-select: none; /* Internet Explorer/Edge */44user-select: none; /* Non-prefixed version, currently45supported by Chrome and Opera */46}4748body {49background: url(images/background-birch-1.jpeg) no-repeat fixed center;50background-size: cover;51background-color: rgba(255, 255, 255, 0.4);52background-blend-mode: lighten;53}5455.logo {56color: #509642;57font-family: FattiPattiFLF;58}5960.title {61padding: 15px;62}6364h1 {65font-size: 70pt;66}67h2 {68font-size: 40pt;69color: #ededed;70}71h3 {72font-size: 25pt;73color: #ededed;74}75h4 {76font-size: 20pt;77color: #ededed;78}79p {80font-size: 15pt;81color: #ededed;82}8384.btn-text {85font-size: 30pt;86font-family: Twiggy, twiggy;87color: #371f18;88}8990.space {91margin-bottom: 60px;92}9394.frame-container {95margin: 30px;96}9798.frame {99border: 15px solid #371f18;100padding: 20px;101border-image: url(images/dark-bark.jpg) 50 round;102background-color: #ededed;103transition: 0.5s;104}105106.frame:hover {107background-color: #dbd9d1;108transition: 0.5s;109}110111a.glyphicon {112font-size: 30pt;113color: #ededed;114transition: 0.5s;115}116117.glyphicon:hover {118color: blue;119transition: 0.5s;120}121122.card {123background-color: #862423;124margin: 10px;125padding: 25px;126}127128129130.btn-img {131width:450px;132margin:0px;133border-radius:5px134}135136137138139140141142143.shadow-b {144box-shadow: 0px 0px 10px 2px black;145}146147.shadow-i {148box-shadow: 0px 0px 10px 5px black inset;149}150151152153#draggable {154position: absolute;155z-index: 9;156}157158159160161162.bear {163height: 61px;164width: 89px;165background: url('images/bear-walking-still.png');166margin: auto; /*position the [div] on the center*/167}168.bear:hover {169cursor: pointer;170background: url('images/bear-gif.gif');171}172173174/* for the walk */175176@-webkit-keyframes walk177{1780% {}179100% {-webkit-transform: translateX(-10px);}180}181@-moz-keyframes wiggle182{1830% {}18433% {-moz-transform: rotateZ(4deg);}18566% {-moz-transform: rotateZ(-4deg);}186100% {}187}188@-o-keyframes wiggle189{1900% {}19133% {-o-transform: rotateZ(4deg);}19266% {-o-transform: rotateZ(-4deg);}193100% {}194}195@keyframes walk {1960% {}197100% {transform: translateX(-10px);}198}199200201202203204205206207208209/* for the wiggle */210211@-webkit-keyframes wiggle212{2130% {}21433% {-webkit-transform: rotateZ(4deg);}21566% {-webkit-transform: rotateZ(-4deg);}216100% {}217}218@-moz-keyframes wiggle219{2200% {}22133% {-moz-transform: rotateZ(4deg);}22266% {-moz-transform: rotateZ(-4deg);}223100% {}224}225@-o-keyframes wiggle226{2270% {}22833% {-o-transform: rotateZ(4deg);}22966% {-o-transform: rotateZ(-4deg);}230100% {}231}232@keyframes wiggle233{2340% {}23533% {transform: rotateZ(4deg);}23666% {transform: rotateZ(-4deg);}237100% {}238}239240.wiggle:hover {241-webkit-animation: wiggle 1s ease .2s 1;242-moz-animation: wiggle 1s ease .2s 1;243-o-animation: wiggle 1s ease .2s 1;244animation: wiggle 1s ease .2s 1;245}246247/* FOR THE sway */248249/* @-webkit-keyframes sway {2500% {-webkit-transform: rotate3d(1, 0, 0, -20deg);}25150% {-webkit-transform: rotate3d(1, 0, 0, 20deg);}252100% {-webkit-transform: rotate3d(1, 0, 0, -20deg));}253}254@-moz-keyframes sway {2550% {-moz-transform: rotateZ(-4deg);}25650% {-moz-transform: rotateZ(4deg);}257100% {-moz-transform: rotateZ(-4deg);}258}259@-o-keyframes sway {2600% {-o-transform: rotateZ(-4deg);}26150% {-o-transform: rotateZ(4deg);}262100% {-o-transform: rotateZ(-4deg);}263}264@keyframes sway {2650% {}26625% {transform: perspective(500px) rotate3d(1, 0, 0, 20deg) scale(1.09) translate(0px, -5px);}26775% {transform: perspective(500px) rotate3d(1, 0, 0, -20deg) scale(0.91743119266) translate(0px, -5px);}268100% {}269}270271.sway:hover {272-webkit-animation: sway .2s ease 1;273-moz-animation: sway .2s ease 1;274-o-animation: sway .2s ease 1;275animation: sway 2s ease 1;276}277*/278279/* For the squish */280281282@-webkit-keyframes squishY {2830% {}28450% {-webkit-transform: scaleY(.8);}285100% {}286}287@-moz-keyframes squishY {2880% {}28950% {-moz-transform: scaleY(.8);;}290100% {}291}292@-o-keyframes squishY {2930% {}29450% {-o-transform: scaleY(.8);}295100% {}296}297@keyframes squishY {2980% {}29950% {transform: scaleY(.8);}300100% {}301}302303.squishY:hover {304-webkit-animation: squishY .3s ease .2s 1;305-moz-animation: squishY .3s ease .2s 1;306-o-animation: squishY .3s ease .2s 1;307animation: squishY .3s ease .2s 1;308}309310311312/* For the squish2 */313314315@-webkit-keyframes squishX {3160% {}31750% {-webkit-transform: scaleX(.8);}318100% {}319}320@-moz-keyframes squishX {3210% {}32250% {-moz-transform: scaleX(.8);;}323100% {}324}325@-o-keyframes squishX {3260% {}32750% {-o-transform: scaleX(.8);}328100% {}329}330@keyframes squishX {3310% {}33250% {transform: scaleX(.8);}333100% {}334}335336.squishX:hover {337-webkit-animation: squishX .3s ease .2s 1;338-moz-animation: squishX .3s ease .2s 1;339-o-animation: squishX .3s ease .2s 1;340animation: squishX .3s ease .2s 1;341}342343344345346/* FOR THE MAP */347348.map-container-6 {349overflow: hidden;350padding-bottom: 56.25%;351position: relative;352height: 0;353}354.map-container-6 iframe {355left: 0;356top: 0;357height: 100%;358width: 100%;359position: absolute;360}361362/* FOR THE FOOTER */363364#myFooter {365background-color: #371f18;366color: #ededed;367padding-top: 30px;368}369370#myFooter .footer-copyright {371background-color: #150a08;372padding-top: 3px;373padding-bottom: 3px;374text-align: center;375}376377#myFooter .footer-copyright p {378margin: 10px;379color: #ededed;380}381382#myFooter ul {383list-style-type: none;384padding-left: 0;385line-height: 1.7;386}387388#myFooter h5 {389font-size: 18px;390color: #ededed;391font-weight: bold;392margin-top: 30px;393}394395#myFooter h2 a {396font-size: 50px;397}398399#myFooter a {400color: #d2d1d1;401text-decoration: none;402}403404#myFooter a:hover,405#myFooter a:focus {406text-decoration: none;407color: #ededed;408}409410#myFooter p {411font-size: 10pt;412}413414415html{416height: 100%;417}418419body{420display: flex;421display: -webkit-flex;422flex-direction: column;423-webkit-flex-direction: column;424height: 100%;425}426427.content{428flex: 1 0 auto;429-webkit-flex: 1 0 auto;430min-height: 200px;431}432433#myFooter{434flex: 0 0 auto;435-webkit-flex: 0 0 auto;436}437438