MassiveAtoms/staticsite
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

almost done

Browse Source
This commit is contained in:
unknown
2020-12-08 21:23:56 -03:00
parent ac11a62dd6
commit 02ff0186a4
46 changed files with 4540 additions and 2436 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
public/css/global.css
View File

@@ -24,8 +24,6 @@ div#contact-info a {
text-decoration: none;
}
.topnav {
float: left;
display: block;
@@ -37,9 +35,7 @@ div#contact-info a {
width: 100vw;
}
#content {
padding-top: 100px;
}
.topnav a {
float: left;
@@ -53,6 +49,8 @@ div#contact-info a {
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
/* doesn't actually work nice */
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {
display: none;
@@ -118,6 +116,7 @@ div#contact-info a {
footer {
background-color: #6e7277;
clear: both;
}
footer .flex-container {
@@ -140,6 +139,10 @@ footer h2 {
h1.listname {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
background-color: #54595f;
color: white;
}
div.articles {
@@ -235,7 +238,7 @@ a.article div.article img.article {
width: auto;
}
/* div.article.title {
div.article.title {
--page-title-display: block;
color: #333;
box-sizing: border-box;
@@ -244,7 +247,7 @@ a.article div.article img.article {
padding: 30px 30px 0px 0px;
}
div h3.article {
div h1.article {
box-sizing: border-box;
margin: 0;
color: #211f40;
@@ -254,9 +257,9 @@ div h3.article {
text-transform: none;
line-height: 1.4em;
margin-bottom: 22px;
} */
}
div h3 a.article {
div h1 a.article {
background-color: transparent;
box-sizing: border-box;
box-shadow: none;
@@ -343,6 +346,30 @@ a.more {
color: #CBAE08;
}
@media only screen and (max-width: 700px) {
div.articles {
--page-title-display: block;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333;
hyphens: manual;
text-align: left;
box-sizing: border-box;
flex-wrap: wrap;
grid-template-columns: repeat(1, 1fr);
display: grid;
-webkit-box-align: stretch;
align-items: stretch;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 10%;
}
}
/* Article */
div.title h1 {
@@ -351,6 +378,7 @@ div.title h1 {
height: 10vh;
margin-bottom: 10%;
}
div.single.summary {
hyphens: manual;
box-sizing: border-box;
@@ -398,16 +426,18 @@ div.image.single img {
}
article.single {
float: left;
line-height: 1.5;
hyphens: manual;
box-sizing: border-box;
position: relative;
width: 55%;
margin-left: 5%;
/* margin-left: 5%; */
text-align: left;
color: #4a4a4a;
font-family: "Montserrat", Sans-serif;
font-size: 16px;
margin: 0px 0px 2% 1%;
}
article.single div {
@@ -434,6 +464,85 @@ article.single div p {
box-sizing: border-box;
}
/* elements in article */
article.single table {
margin: 1em 0em 1em 0em;
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
}
article.single td, th {
border: 1px solid #dddddd;
text-align: left;
padding: 8px;
}
article.single tr:nth-child(even) {
background-color: #dddddd;
}
/* aside articles */
aside.single {
width: 30%;
padding-left: 15px;
float: right;
font-style: italic;
background-color: #ffffff;
float: right;
}
@media only screen and (max-width: 700px) {
aside.single {
padding-left: 15px;
width: 100%;
font-style: italic;
background-color: #ffffff;
}
}
div.related-articles {
--page-title-display: block;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333;
hyphens: manual;
text-align: left;
box-sizing: border-box;
flex-wrap: wrap;
grid-template-columns: repeat(1, 1fr);
display: grid;
-webkit-box-align: stretch;
align-items: stretch;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 10%;
}
div.related-articles article.article {
--page-title-display: block;
color: #333;
min-width: 0;
padding: 0;
margin: 0;
display: flex;
transition-property: background, border, box-shadow, -webkit-box-shadow;
transition-duration: .25s;
overflow: hidden;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}
/* end aside */
/* Search */
@keyframes spin {
@@ -481,37 +590,9 @@ article.single div p {
width: 10em;
}
/* dirty footer */
.elementor-section {
background-color: #6e7277;
}
div.elementor-row {
color: #d7d7d9;
}
div.elementor-widget-container>h4.elementor-heading-title {
color: #aa9a75;
}
ul.elementor-icon-list-items>li.elementor-icon-list-item>a {
color: #d7d7d9;
}
/* body > div.elementor.elementor-165.elementor-location-footer > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-420ce0c.elementor-section-height-min-height.elementor-section-boxed.elementor-section-height-default.elementor-section-items-middle > div.elementor-container.elementor-column-gap-default > div > div > div > div */
div.elementor-row div.elementor-column-wrap.elementor-element-populated > div.elementor-widget-wrap > section.elementor-element-7d70af41.elementor-section-boxed.elementor-section.elementor-inner-section {
background-color: #fff;
}
body > section > div.elementor-container.elementor-column-gap-default > div > div > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-7d70af41.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div > div > div > div > div.elementor-element.elementor-element-a57474b.elementor-widget.elementor-widget-text-editor > div > div {
color: #000;
}
/* FOOTER */
footer{
footer {
background-color: #6e7277;
color: #d7d7d9;
width: 100vw;
@@ -523,10 +604,9 @@ div.generic-info {
background-color: white;
color: #7a7a7a;
text-align: center;
margin: 0px 7.5% ;
margin: 0px 7.5%;
margin-top: 2%;
padding-bottom: 10px;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
@@ -552,8 +632,31 @@ div.footer-cols {
padding-top: 2%;
}
@media only screen and (max-width: 700px) {
div.footer-cols {
--page-title-display: block;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #d7d7d9;
hyphens: manual;
text-align: left;
box-sizing: border-box;
flex-wrap: wrap;
grid-template-columns: repeat(1, 1fr);
display: grid;
-webkit-box-align: stretch;
align-items: stretch;
grid-column-gap: 30px;
grid-row-gap: 30px;
margin-left: 5%;
margin-right: 5%;
padding-bottom: 2%;
padding-top: 2%;
}
}
div.footer-col {
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif;
font-size: 1rem;
font-weight: 400;
hyphens: manual;
@@ -561,21 +664,32 @@ div.footer-col {
line-height: 1.5;
box-sizing: border-box;
word-break: break-word;
}
div.footer-col .col-title{
div.footer-col .col-title {
color: #9d9175;
}
div.footer-col a {
width: 100%;
color: #d7d7d9;
text-decoration: none;
line-height: 2em;
display: block;
}
div.footer-col a:hover {
color: #9d9175;
}
div.footer-col a:active {
color: #9d9175;
}
div.footer-col p {
width: 100%;
color: #d7d7d9;
display: block;
}
div.copyright {
@@ -587,4 +701,4 @@ div.copyright {
.copyright p {
margin-top: 2%;
}
}