Compare commits
No commits in common. "9fe57fce902ab226117fffe87ecfe62508ba09ff" and "892a13dba216f8630cbe268d7fc233d7f996301a" have entirely different histories.
9fe57fce90
...
892a13dba2
|
@ -14,6 +14,5 @@
|
||||||
-ms-transform: rotate(45deg);
|
-ms-transform: rotate(45deg);
|
||||||
-webkit-transform: rotate(45deg);
|
-webkit-transform: rotate(45deg);
|
||||||
transform: rotate(45deg);
|
transform: rotate(45deg);
|
||||||
box-shadow: 1px 1px 5px rgba(0,0,0,0.39);
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -4,14 +4,13 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.card-container {
|
.card-container {
|
||||||
background-color: var(--second-txt-color);
|
background-color: var(--main-text-color);
|
||||||
width: 90%;
|
width: 90%;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 10px 5px 10px 5px;
|
padding: 10px 5px 10px 5px;
|
||||||
border-radius: 0px;
|
border-radius: 10px;
|
||||||
margin-top: 10px;
|
margin-top: 5px;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -24,7 +24,7 @@
|
||||||
<style>
|
<style>
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--second-bg-color);
|
color: var(--dark-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-container {
|
.tag-container {
|
||||||
|
|
|
@ -16,6 +16,6 @@
|
||||||
<style>
|
<style>
|
||||||
a {
|
a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--second-bg-color);
|
color: var(--dark-text-color);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -34,7 +34,7 @@
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.message {
|
.message {
|
||||||
color: var(--second-bg-color);
|
color: var(--light-text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-box {
|
.tag-box {
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
/*:root {
|
:root {
|
||||||
--main-bg-color: lightslategrey;
|
--main-bg-color: lightslategrey;
|
||||||
--accent-color: rgb(234, 255, 97);
|
--accent-color: rgb(234, 255, 97);
|
||||||
--accent-rollover: yellow;
|
--accent-rollover: yellow;
|
||||||
|
@ -8,22 +8,6 @@
|
||||||
--dark-text-color: rgb(56, 56, 7);
|
--dark-text-color: rgb(56, 56, 7);
|
||||||
--link-color: cyan;
|
--link-color: cyan;
|
||||||
--link-visited-color: rgb(189, 0, 189);
|
--link-visited-color: rgb(189, 0, 189);
|
||||||
}*/
|
|
||||||
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--accent-bg-color: #271c19;
|
|
||||||
--accent-heading-color: #fffffe;
|
|
||||||
--accent-txt-color: #fff3ec;
|
|
||||||
--accent-link-color: #9656a1;
|
|
||||||
--second-bg-color: #55423d;
|
|
||||||
--second-heading-color: #fffffe;
|
|
||||||
--second-txt-color: #fff3ec;
|
|
||||||
--second-link-color: #9656a1;
|
|
||||||
--main-bg-color: #ffc0ad;
|
|
||||||
--main-heading-color: #271c19;
|
|
||||||
--main-txt-color: #271c19;
|
|
||||||
--main-link-color: #9656a1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
|
@ -19,9 +19,7 @@
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: var(--second-bg-color);
|
background-color: var(--accent-color);
|
||||||
box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
|
|
||||||
color: var(--second-txt-color);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
|
|
|
@ -39,20 +39,20 @@
|
||||||
height: 42px;
|
height: 42px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background-color: var(--second-bg-color);
|
background-color: var(--accent-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a {
|
nav a {
|
||||||
float: left;
|
float: left;
|
||||||
display: block;
|
display: block;
|
||||||
color: var(--second-txt-color);
|
color: var(--dark-text-color);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
margin-right: 1px;
|
margin-right: 1px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
font-family: caprasimo;
|
font-family: caprasimo;
|
||||||
font-weight: normal;
|
font-weight: bolder;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav a:hover {
|
nav a:hover {
|
||||||
|
|
|
@ -9,17 +9,15 @@
|
||||||
<style>
|
<style>
|
||||||
.tag-link {
|
.tag-link {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--second-txt-color);
|
color: var(--dark-text-color);
|
||||||
padding: 3px 5px 3px 5px;
|
padding: 3px 5px 3px 5px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
background-color: var(--main-link-color);
|
background-color: var(--accent-color);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
box-shadow: 1px 1px 2px rgba(0,0,0,0.19);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-link:hover,
|
.tag-link:hover,
|
||||||
.tag-link:active {
|
.tag-link:active {
|
||||||
/*background-color: var(--accent-rollover);*/
|
background-color: var(--accent-rollover);
|
||||||
box-shadow: 1px 1px 1px rgba(0,0,0,0.19) inset;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -54,17 +54,17 @@
|
||||||
flex-direction: column; /* Start with column layout for mobile */
|
flex-direction: column; /* Start with column layout for mobile */
|
||||||
align-items: center;
|
align-items: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: var(--second-txt-color);
|
background-color: var(--main-text-color);
|
||||||
color: var(--second-bg-color);
|
color: var(--main-bg-color);
|
||||||
margin: 0; /* Reset margin to ensure full width */
|
margin: 0; /* Reset margin to ensure full width */
|
||||||
padding: 0; /* Reset padding to ensure full width */
|
padding: 0; /* Reset padding to ensure full width */
|
||||||
box-sizing: border-box; /* Include padding and border in width calculation */
|
box-sizing: border-box; /* Include padding and border in width calculation */
|
||||||
box-shadow: 0px 3px 2px rgba(0,0,0,0.19);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#header-text {
|
#header-text {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
color: #2b2b2b;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
@ -92,7 +92,6 @@
|
||||||
border: none;
|
border: none;
|
||||||
max-height: 150px;
|
max-height: 150px;
|
||||||
height: 30vw;
|
height: 30vw;
|
||||||
box-shadow: 1px 1px 5px rgba(0,0,0,0.19);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Media query for larger screens */
|
/* Media query for larger screens */
|
||||||
|
@ -146,6 +145,5 @@
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-family: caprasimo;
|
font-family: caprasimo;
|
||||||
font-weight: normal;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue