Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
197 changes: 197 additions & 0 deletions themes/pelican-chunk/static/css/entry.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,197 @@
/* =Content
----------------------------------------------- */
.hentry {
height: auto;
clear: both;
position: relative;
}

.hentry:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.hentry .main {
border-bottom: 1px dashed #ddd;
float: left;
line-height: 175%;
padding: 29px 5px 15px 15px;
text-align: justify;
width: 90%;
}

.hentry .entry-meta {
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 25px;
float: left;
margin: 35px 0 0 -199px;
padding: 0px;
text-align: right;
text-transform: uppercase;
width: 190px;
}

.hentry .entry-meta a {
text-decoration: none;
}

.hentry .entry-meta div {
margin: 10px;
}

.hentry .entry-meta .date {
color: #000;
font-weight: bold;
margin: 0px;
}

.hentry .entry-meta .comments {
color: #36bcab;
display: block;
font-size: 16px;
margin: -4px 0 0;
}

.hentry .entry-meta .comments a {
color: #36bcab;
font-size: 22px;
font-weight: bold;
text-decoration: none;
}

.hentry .entry-meta .cat-links {
color: #aaa;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}

.hentry .entry-meta .cat-links a {
color: #777;
}

.hentry .entry-meta .cat-links a:hover {
color: #36bcab;
}

.hentry .entry-meta .edit-link a {
font-size: 16px;
}

.hentry div.margin {
margin: 10px;
}

.entry-title {
color: #666;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
font-size: 25px;
line-height: 0px;
margin: -10px 0px 25px 0px;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}

.entry-title a {
color: #666;
text-decoration: none;
}

.entry-meta .byline {
color: #aaa;
font-size: 16px;
line-height: 20px;
margin-top: 10px;
}

.entry-meta .byline a {
color: #777;
}

.single-author .entry-meta .byline {
display: none;
}

.hentry .main {
padding-inline: var(--_content-space-x);
padding-block: var(--_content-space-y);
border-bottom: none;
width: 100%;
}

.hentry .entry-meta {
top: var(--_content-space-y) - 10px;
height: max-content;
margin-top: 0;
padding-block: 0;
margin-left: 0;
z-index: 2;
}

/* Sticky */
.sticky .main {
background: #eee;
}

.sticky .date {
display: none;
}

.sticky .entry-meta .comments {
margin-top: 2px;
}

/* Page */
.page .entry-meta .comments {
margin-top: 2px;
}

pre {
overflow: auto;
scrollbar-width: 0px;
width: 100%;
background: white;
margin: 0 0;
padding: 1rem;
max-width: auto;
}

.cat-links {
display: inline-block;
text-align: left;
margin-left: 0px;
padding-left: 0px;
}

.article-tag-links {
display: inline-block;
text-align: right;
font-size: 13px;
padding-top: 20px;
}

.article-tag-links strong {
text-align: right;
background: #eee;
border-radius: 3px;
color: #666;
font-weight: normal;
font-size: 13px;
margin-right: 0px;
padding: 3px 6px;
}

.post {
display: grid;
gap: var(--_content-space-x);
grid-template-columns: var(--_side-nav-w) auto;
border-bottom: 1px dashed #ddd;
}

.post .main {
border-left: 1px solid #ccc;
}
100 changes: 100 additions & 0 deletions themes/pelican-chunk/static/css/gallery.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
/* ********************** Gallery ********************** */

div.photo-search {
width: 98.2%;
padding: 12px 12px 2px 12px;
border: 1px solid #ddd;
border-radius: 15px;
}

div.photo-search input {
background-image: url('/theme/searchicon.png');
background-position: 10px 12px;
background-repeat: no-repeat;
width: 100%;
font-size: 16px;
padding: 12px 12px 12px 40px;
border: 1px solid #ddd;
margin-bottom: 12px;
}


div.photo-gallery {
border: 1px solid #ccc;
height: 350px;
border-radius: 15px;
margin-top: 10px;
}


div.photo-gallery:hover {
border: 1px solid #7a1616;
height: 350px;
border-radius: 15px;
background-color: #ddd;
}

div.photo-gallery-image a img {
margin-top: 0.5em;
border: 0px;
margin-top: 15px;
margin-left: 15px;
width: 85%;
}

div.photo-gallery-image a:hover img {
margin-top: 0.5em;
border: 0px;
margin-top: 15px;
margin-left: 15px;
width: 85%;
}

div.photo-gallery-image {
position: relative;
display: inline-block;
align-items: center;
left: 10px;
top: 10px;
padding-bottom: 60px;
padding: 0.5em;
width: 230px;
height: auto;
}

div.photo-gallery-image::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
background-image: url('/images/retro-computer4-tb.png');
background-size: cover;
opacity: 1.0;
pointer-events: none;
}

div.photo-link {
padding: 0;
margin-top: 30px;
text-align: center;
}

div.photo-link a {
padding: 0;
margin-top: 0;
text-decoration: none;
}

div.photo-desc {
padding: 1em;
margin-top: 0;
text-align: justify;
font-size: 0.8em;
line-height: 1.5em;
}

.gallery-caption {
color: #666;
}
52 changes: 52 additions & 0 deletions themes/pelican-chunk/static/css/header.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,52 @@
#header {
padding-top: 40px !important;
background: var(--_body-bg);
max-height: 14rem;
}

.header-banner {
position: relative;
display: block;
min-height: 18rem;
width: 100%;
align-items: right;
}

.header-banner img {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 60%;
object-fit: cover;
}

:root .entry-meta {
width: var(--_side-nav-w);
}

:root #contents {
max-width: var(--_wrapper-size);
margin-inline: auto;
padding-top: calc(var(--_disc-w)*.3);
border-left: none;
}

:root #floppy {
display: block;
position: absolute;
max-width: 100%;
top: 10px;
left: 10%;
max-height: 15rem;
/* left: calc(var(--_side-nav-w) + var(--_content-space-x)); */
/* top: 220px; */
/* transform: translate(-50%, -50%); */
/* max-height: none; */
/* max-width: none; */
/* width: min(var(--_disc-w), 20rem); */
/* bottom: auto; */
/* box-shadow: 0 -20px 30px -10px #0000009c; */
z-index: 11;
}
3 changes: 2 additions & 1 deletion themes/pelican-chunk/static/css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -190,7 +190,8 @@ ol ul {
----------------------------------------------- */

body {
--_wrapper-size: 75rem;
/* shazz: page width*/
--_wrapper-size: 85rem;
--_side-nav-w: 190px;
--_disc-w: 20vw;
--_content-space-x: 2rem;
Expand Down