114 lines
No EOL
1.7 KiB
CSS
114 lines
No EOL
1.7 KiB
CSS
body {
|
|
min-height: 75rem; /* Can be removed; just added for demo purposes */
|
|
}
|
|
|
|
.navbar {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.jumbotron {
|
|
padding-top: 6rem;
|
|
padding-bottom: 6rem;
|
|
margin-bottom: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.jumbotron p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.jumbotron-heading {
|
|
font-weight: 300;
|
|
}
|
|
|
|
.jumbotron .container {
|
|
max-width: 40rem;
|
|
}
|
|
|
|
.album {
|
|
min-height: 50rem; /* Can be removed; just added for demo purposes */
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
background-color: #f7f7f7;
|
|
}
|
|
|
|
.card {
|
|
float: left;
|
|
width: 33.333%;
|
|
padding: .75rem;
|
|
margin-bottom: 2rem;
|
|
border: 0;
|
|
}
|
|
|
|
.card > img {
|
|
margin-bottom: .75rem;
|
|
}
|
|
|
|
.card-text {
|
|
font-size: 85%;
|
|
}
|
|
|
|
footer {
|
|
padding-top: 3rem;
|
|
padding-bottom: 3rem;
|
|
}
|
|
|
|
footer p {
|
|
margin-bottom: .25rem;
|
|
}
|
|
|
|
|
|
.blink_text {
|
|
|
|
animation: blinker 1s linear infinite;
|
|
-webkit-animation:1s blinker linear infinite;
|
|
-moz-animation:1s blinker linear infinite;
|
|
|
|
color: red;
|
|
}
|
|
|
|
@-moz-keyframes blinker {
|
|
0% { opacity: 1.0; }
|
|
50% { opacity: 0.0; }
|
|
100% { opacity: 1.0; }
|
|
}
|
|
|
|
@-webkit-keyframes blinker {
|
|
0% { opacity: 1.0; }
|
|
50% { opacity: 0.0; }
|
|
100% { opacity: 1.0; }
|
|
}
|
|
|
|
@keyframes blinker {
|
|
50% { opacity: 0; }
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.main-container {
|
|
float: left;
|
|
position: relative;
|
|
left: 50%;
|
|
}
|
|
.fixer-container {
|
|
float: left;
|
|
position: relative;
|
|
left: -50%;
|
|
}
|
|
|
|
/*
|
|
|
|
<div class="main-container">
|
|
<div class="fixer-container">
|
|
<ul class="list-of-floating-elements">
|
|
|
|
<li class="floated">Floated element</li>
|
|
<li class="floated">Floated element</li>
|
|
<li class="floated">Floated element</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
*/ |