Skip to content

Commit

Permalink
modified: about.html
Browse files Browse the repository at this point in the history 
	modified:   css/cards.css
	modified:   css/faq.css
	modified:   css/footer.css
	modified:   css/header.css
	modified:   css/item.css
	modified:   css/randomitems.css
	modified:   css/submited.css
	modified:   css/team.css
	modified:   css/translation.css
	new file:   css/var.css
	modified:   faq.html
	modified:   index.html
	modified:   item.html
	modified:   js/articleauthors.js
	modified:   mods.json
	modified:   other.json
	modified:   static/edit.js
	modified:   static/style.css
	modified:   submited.html
	modified:   templates/index.html
	modified:   translation.html
  • Loading branch information
@MEGATREX4
MEGATREX4 committed Apr 21, 2024
1 parent 58d76ee commit 7b71765
Show file tree
Hide file tree
Showing 23 changed files with 555 additions and 452 deletions.
2 changes: 2 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,8 @@

<link rel="icon" type=" image/x-icon" href="https://i.imgur.com/hJZwHlR.png">


<link rel="stylesheet" href="css/var.css">
</head>

<body>
Expand Down
103 changes: 45 additions & 58 deletions css/cards.css
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,3 @@


/* Media query for small screens (phones) */
@media only screen and (max-width: 767px) {
.container {
Expand Down Expand Up @@ -66,18 +64,18 @@
}

html {
background-color: #16181c;
background-color: var(--background-color);
}

.card {
padding: 1rem;
margin: 10px;
width: 250px;
height: 200px;
border-radius: 1rem;
background-color: #26292f;
border-radius: var(--border-radius);
background-color: var(--item-background-color);
position: relative;
border: 1px solid #ffffff1a;
border: 1px solid var(--border-color);
}

.CPContainer {
Expand All @@ -90,18 +88,18 @@ html {
}

h2 {
color: #ecf9fb;
font-size: 17px;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
color: var(--header-color);
font-size: var(--font-size-large);
font-family: var(--font-family);
}

.cardimage {
background-color: #16181c;
background-color: var(--background-color);
width: 96;
height: 96;
max-width: 96;
max-height: 96;
border-radius: 1rem;
border-radius: var(--border-radius);
background-size: cover;
background-repeat: no-repeat;
}
Expand All @@ -115,48 +113,48 @@ h2 {
display: flex;
flex-direction: column;
margin: 8px 0px 0px 12px;
color: #b0bac5;
color: var(--text-color);
/*height: 108px;*/
}

.filtred {
margin: 15px;
margin-top: 95px;
padding: 30px 15px;
background-color: #26292f;
border-radius: 0.5rem;
background-color: var(--item-background-color);
border-radius: var(--medium-border-radius);
width: 220px;
min-width: 220px;
display: flex;
flex-direction: column;
color: #b0bac5;
color: var(--text-color);
gap: 0.5rem;
border: 1px solid #ffffff1a;
border: 1px solid var(--border-color);


}
.filters-header{
width: 100%;
text-align: center;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 17px;
font-weight: 500;
font-family: var(--font-family);
font-size: var(--font-size-large);
font-weight: var(--thick-font-weight);

}



.filter-header{
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 15px;
font-weight: 500;
font-family: var(--font-family);
font-size: var(--font-size-medium);
font-weight: var(--thick-font-weight);
}

p {
margin: 0px;
display: block;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
font-family: var(--font-family);
font-size: var(--font-size-small);

}

Expand Down Expand Up @@ -193,35 +191,24 @@ p {
.short-description {
overflow: hidden;
position: relative;
color: #b0bac5;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 14px;
color: var(--text-color);
font-family: var(--font-family);
font-size: var(--font-size-small);
margin-top: 5px;
height: 80px;
}

.full-description {
display: none;
position: absolute;
top: 0;
left: 0;
background-color: white;
padding: 10px;
border: 1px solid #ccc;
z-index: 100;
}





.cardimage {
background-color: #16181c;
background-color: var(--background-color);
width: 96px;
height: 96px;
min-width: 96px;
min-height: 96px;
border-radius: 0.5rem;
border-radius: var(--medium-border-radius);
background-size: cover;
background-repeat: no-repeat;
}
Expand All @@ -240,8 +227,8 @@ p {
}

.page-number {
background-color: #7e292a;
color: white;
background-color: var(--primary-color);
color: var(--header-color);
width: 30px;
height: 30px;
display: flex;
Expand All @@ -252,12 +239,12 @@ p {
}

.ActivePage{
background-color: #ffb3b0;
color: #7e292a;
background-color: var(--secondary-color);
color: var(--primary-color);
}

.filter-icon label{
font-size: 14px;
font-size: var(--font-size-small);
}

.filter input{
Expand All @@ -270,8 +257,8 @@ p {
align-content: center;
justify-content: flex-start;
align-items: center;
color: #b0bac5;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
color: var(--text-color);
font-family: var(--font-family);
}

.filter {
Expand All @@ -293,22 +280,22 @@ p {
align-content: center;
justify-content: flex-start;
align-items: center;
color: #b0bac5;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
color: var(--text-color);
font-family: var(--font-family);
}

.TotalTranslation {
display: flex;
justify-content: center;
align-items: center;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
color: #ecf9fb;
font-weight: 600;
background-color: #7e292a;
font-family: var(--font-family);
color: var(--header-color);
font-weight: var(--more-thick-font-weight);
background-color: var(--primary-color);
min-width: 310px;
width: calc(100%-50px);
padding: 10px;
border-radius: 0.5rem;
border-radius: var(--medium-border-radius);
text-align: center;
}

Expand All @@ -322,8 +309,8 @@ p {
}

.ellipsis{
color: #b0bac5;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
color: var(--text-color);
font-family: var(--font-family);

}

Expand Down Expand Up @@ -371,8 +358,8 @@ p {
position: absolute;
top: 1px;
color: #b0bac521;
font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 10px;
font-family: var(--font-family);
font-size: var(--font-size-xsmall);
margin-left: 5px;
}

Expand Down
Loading

0 comments on commit 7b71765

Please sign in to comment.