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

116 lines
1.4 KiB
CSS
Raw Normal View History

2018-01-28 20:06:07 +01:00
html {
position: relative;
min-height: 100%;
2018-01-24 21:49:05 +01:00
}
2018-01-28 20:06:07 +01:00
body {
2018-02-01 00:34:16 +01:00
/* Padding top for navbar */
padding-top: 56px;
2018-01-28 20:06:07 +01:00
/* Margin bottom for footer height */
margin-bottom: 60px;
2018-01-24 21:49:05 +01:00
}
section {
2018-01-28 20:06:07 +01:00
padding: 150px 0;
2018-01-24 21:49:05 +01:00
}
2018-02-17 11:32:05 +01:00
img {
max-width: 100%;
}
2018-02-24 22:39:39 +01:00
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;
}
2018-01-31 20:19:53 +01:00
/* Navbar */
2018-03-05 23:46:52 +01:00
img.nav-svg-icon {
2018-01-31 20:19:53 +01:00
width: 1rem;
height: 1rem;
2018-03-05 23:46:52 +01:00
padding-bottom: 2px;
2018-01-31 20:19:53 +01:00
}
2018-02-01 00:34:16 +01:00
.nav-link {
font-size: 0.8em;
2018-01-24 21:49:05 +01:00
}
2018-01-28 20:06:07 +01:00
/* Footer */
footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
line-height: 60px;
font-size: 0.8em;
}
2018-01-28 20:06:07 +01:00
.mini-logo {
height: 22px;
padding-bottom: 5px;
2018-01-27 20:34:26 +01:00
}
2018-02-01 00:34:16 +01:00
/* Home - Header */
header.welcome {
padding: 100px 0;
}
2018-01-28 20:06:07 +01:00
/* Home - Page */
section.home-page:nth-child(even) { /* Alternate the background color */
background: #FAFAFA;
}
2018-01-28 20:06:07 +01:00
.page-cover-image {
background-size: cover;
background-position: center;
2018-01-27 20:34:26 +01:00
}
2018-02-24 22:39:39 +01:00
/* 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;
}