first commit
This commit is contained in:
8
css/fonts.css
Normal file
8
css/fonts.css
Normal file
@@ -0,0 +1,8 @@
|
||||
@font-face {
|
||||
font-family: Klingon;
|
||||
src: url('/fonts/klingon.ttf');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Twengar;
|
||||
src: url('/fonts/twengar.ttf');
|
||||
}
|
||||
200
css/topisto.css
Normal file
200
css/topisto.css
Normal file
@@ -0,0 +1,200 @@
|
||||
body {
|
||||
font: 400 15px Lato, sans-serif;
|
||||
line-height: 1.8;
|
||||
color: #818181;
|
||||
}
|
||||
h2 {
|
||||
font-size: 24px;
|
||||
text-transform: uppercase;
|
||||
color: #303030;
|
||||
font-weight: 600;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
h4 {
|
||||
font-size: 19px;
|
||||
line-height: 1.375em;
|
||||
color: #303030;
|
||||
font-weight: 400;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
background-color: #74716c;
|
||||
color:#fff;
|
||||
}
|
||||
.jumbotron {
|
||||
background-color: #74716c;
|
||||
color: #fff;
|
||||
padding: 100px 25px;
|
||||
font-family: Bangers, sans-serif;
|
||||
}
|
||||
.container-fluid {
|
||||
padding: 60px 50px;
|
||||
}
|
||||
.bg-grey {
|
||||
background-color: #f6f6f6;
|
||||
}
|
||||
.bg-grey-odd {
|
||||
background-color: #fff;
|
||||
margin : 0px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
.bg-grey-even {
|
||||
background-color: #fff;
|
||||
margin : 0px;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
.logo-small {
|
||||
color: #f4511e;
|
||||
font-size: 50px;
|
||||
}
|
||||
.logo {
|
||||
color: #f4511e;
|
||||
font-size: 200px;
|
||||
}
|
||||
.thumbnail {
|
||||
padding: 0 0 15px 0;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
}
|
||||
.thumbnail img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.carousel-control.right, .carousel-control.left {
|
||||
background-image: none;
|
||||
color: #f4511e;
|
||||
}
|
||||
.carousel-indicators li {
|
||||
border-color: #f4511e;
|
||||
}
|
||||
.carousel-indicators li.active {
|
||||
background-color: #f4511e;
|
||||
}
|
||||
.item h4 {
|
||||
font-size: 19px;
|
||||
line-height: 1.375em;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
margin: 70px 0;
|
||||
}
|
||||
.item span {
|
||||
font-style: normal;
|
||||
}
|
||||
.panel {
|
||||
border: 1px solid #f4511e;
|
||||
border-radius:0 !important;
|
||||
transition: box-shadow 0.5s;
|
||||
}
|
||||
.panel:hover {
|
||||
box-shadow: 5px 0px 40px rgba(0,0,0, .2);
|
||||
}
|
||||
.panel-footer .btn:hover {
|
||||
border: 1px solid #f4511e;
|
||||
background-color: #fff !important;
|
||||
color: #f4511e;
|
||||
}
|
||||
.panel-heading {
|
||||
color: #fff !important;
|
||||
background-color: #f4511e !important;
|
||||
padding: 25px;
|
||||
border-bottom: 1px solid transparent;
|
||||
border-top-left-radius: 0px;
|
||||
border-top-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
.panel-footer {
|
||||
background-color: white !important;
|
||||
}
|
||||
.panel-footer h3 {
|
||||
font-size: 32px;
|
||||
}
|
||||
.panel-footer h4 {
|
||||
color: #aaa;
|
||||
font-size: 14px;
|
||||
}
|
||||
.panel-footer .btn {
|
||||
margin: 15px 0;
|
||||
background-color: #f4511e;
|
||||
color: #fff;
|
||||
}
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
background-color: rgb(93, 152, 167);
|
||||
z-index: 9999;
|
||||
border: 0;
|
||||
font-size: 12px !important;
|
||||
line-height: 1.42857143 !important;
|
||||
letter-spacing: 4px;
|
||||
border-radius: 0;
|
||||
font-family: Montserrat, sans-serif;
|
||||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
.navbar li a, .navbar .navbar-brand {
|
||||
color: #fff !important;
|
||||
font-family: Bangers, sans-serif;
|
||||
}
|
||||
.navbar-nav li a:hover {
|
||||
color: #666 !important;
|
||||
background-color: rgb(93, 152, 167)!important;
|
||||
}
|
||||
.navbar-nav li.active a {
|
||||
color: #000 !important;
|
||||
background-color: #fff !important;
|
||||
}
|
||||
.navbar-default .navbar-toggle {
|
||||
border-color: transparent;
|
||||
color: #fff !important;
|
||||
}
|
||||
footer .glyphicon {
|
||||
font-size: 20px;
|
||||
margin-bottom: 20px;
|
||||
color: #f4511e;
|
||||
}
|
||||
.slideanim {visibility:hidden;}
|
||||
.slide {
|
||||
animation-name: slide;
|
||||
-webkit-animation-name: slide;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-duration: 1s;
|
||||
visibility: visible;
|
||||
}
|
||||
@keyframes slide {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(70%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes slide {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(70%);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0%);
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 768px) {
|
||||
.col-sm-4 {
|
||||
text-align: center;
|
||||
}
|
||||
.btn-lg {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 480px) {
|
||||
.logo {
|
||||
font-size: 150px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user