master #1
37
static/content.css
Normal file
37
static/content.css
Normal file
@ -0,0 +1,37 @@
|
||||
.content {
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.content figure {
|
||||
flex: 25%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.content img {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
|
||||
max-width: 50%;
|
||||
height: auto;
|
||||
width: auto;
|
||||
|
||||
outline: cadetblue solid 3px;
|
||||
}
|
||||
|
||||
.content p {
|
||||
flex: 50%;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.content p {
|
||||
flex:100%;
|
||||
}
|
||||
.content figure {
|
||||
flex:100%;
|
||||
}
|
||||
}
|
46
static/hugo.css
Normal file
46
static/hugo.css
Normal file
@ -0,0 +1,46 @@
|
||||
|
||||
/* For NEXTPREV.HTML */
|
||||
#nextprev {
|
||||
/* The container for both the previous and next articles. */
|
||||
color: black;
|
||||
}
|
||||
|
||||
#nextprev a:any-link {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#nextart {
|
||||
float: left ;
|
||||
text-align: left ;
|
||||
}
|
||||
|
||||
#prevart {
|
||||
float: right ;
|
||||
text-align: right ;
|
||||
}
|
||||
|
||||
#nextart,#prevart {
|
||||
max-width: 33% ;
|
||||
}
|
||||
|
||||
/* For TAGLIST.HTML */
|
||||
.taglist {
|
||||
text-align: center;
|
||||
clear: both;
|
||||
color: rgb(64, 64, 64);
|
||||
}
|
||||
|
||||
/* For putting right / left boxes next to each other */
|
||||
.left {
|
||||
width: 45%;
|
||||
padding-right: 5%;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 45%;
|
||||
padding-left: 5%;
|
||||
float: right;
|
||||
}
|
||||
|
@ -10,20 +10,9 @@ main {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h4 {
|
||||
h1, h2, h3, h4 {
|
||||
text-align: center;
|
||||
flex: 100%;
|
||||
}
|
||||
|
||||
header h1 {
|
||||
@ -100,12 +89,13 @@ code {
|
||||
|
||||
img {
|
||||
border-radius: 4px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
article img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
outline: cadetblue solid 3px;
|
||||
figcaption {
|
||||
color: rgb(69, 69, 69);
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
figure {
|
||||
@ -122,52 +112,9 @@ footer a:any-link {
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* For NEXTPREV.HTML */
|
||||
#nextprev {
|
||||
/* The container for both the previous and next articles. */
|
||||
color: black;
|
||||
@media only screen and (max-width: 600px) {
|
||||
main {
|
||||
max-width: 90%;
|
||||
}
|
||||
}
|
||||
|
||||
#nextprev a:any-link {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#nextart {
|
||||
float: left ;
|
||||
text-align: left ;
|
||||
}
|
||||
|
||||
#prevart {
|
||||
float: right ;
|
||||
text-align: right ;
|
||||
}
|
||||
|
||||
#nextart,#prevart {
|
||||
max-width: 33% ;
|
||||
}
|
||||
|
||||
/* For TAGLIST.HTML */
|
||||
.taglist {
|
||||
text-align: center;
|
||||
clear: both;
|
||||
color: rgb(64, 64, 64);
|
||||
}
|
||||
|
||||
/* For putting right / left boxes next to each other */
|
||||
.left {
|
||||
width: 45%;
|
||||
padding-right: 5%;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.right {
|
||||
width: 45%;
|
||||
padding-left: 5%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
color: rgb(69, 69, 69);
|
||||
font-style: italic;
|
||||
}
|
Loading…
Reference in New Issue
Block a user