bludit/bl-themes/alternative/css/style.css

116 lines
1.4 KiB
CSS
Executable File

html {
position: relative;
min-height: 100%;
}
body {
/* Padding top for navbar */
padding-top: 56px;
/* Margin bottom for footer height */
margin-bottom: 60px;
}
section {
padding: 150px 0;
}
img {
max-width: 100%;
}
pre {
background: #eee;
padding: 10px;
}
table {
empty-cells: show;
border: 1px solid #cbcbcb;
width: 100%;
font-size: 0.9em;
margin-bottom: 1rem;
}
thead {
background-color: #e0e0e0;
color: #000;
text-align: left;
vertical-align: bottom;
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit;
}
th, td {
padding: 0.5em 1em;
}
h1.title,
h2.title {
font-size: 2.3rem;
}
/* Paginator */
.paginator {
margin-top: 20px;
margin-bottom: 80px;
}
/* Navbar */
img.nav-svg-icon {
width: 1rem;
height: 1rem;
padding-bottom: 2px;
}
.nav-link {
font-size: 0.8em;
}
/* Footer */
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
line-height: 60px;
font-size: 0.8em;
}
.mini-logo {
height: 22px;
padding-bottom: 5px;
}
/* Home - Header */
header.welcome {
padding: 100px 0;
}
/* Home - Page */
section.home-page:nth-child(even) { /* Alternate the background color */
background: #FAFAFA;
}
.page-cover-image {
background-size: cover;
background-position: center;
}
/* VIDEO EMBED RESPONSIVE */
.video-embed {
overflow:hidden;
padding-bottom: 56.25%; /* 16:9 */
position:relative;
height:0;
}
.video-embed iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}