Skip to content

Commit

Permalink
updated
Browse files Browse the repository at this point in the history
  • Loading branch information
duck2469 authored Apr 21, 2024
1 parent 5249fef commit 7425f9d
Show file tree
Hide file tree
Showing 4 changed files with 21 additions and 14 deletions.
24 changes: 13 additions & 11 deletions pages/blogs/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -71,24 +71,26 @@ body {
}

.navbar {
position: fixed; /* position: fixed makes this always on screen */
height: 20px; /* height sets the height */
top: 0; /* top sets the top position */
width: 100%; /* width: 100% makes this fill the screen */
background-color: rgb(137, 3, 3); /* Background-Color sets the background color of an element */
background: linear-gradient(rgb(191 1 1),rgb(113 8 8)); /* Background can also set the background color of an element, but can do way more. I use it here for just in case browser don't support linear-gradient */
padding: 10px; /* Padding is the area inside of the box that is padded */
box-shadow: 0 0 15px 0 rgb(0 0 0); /* box-shadow makes a drop shadow. confusing */
display: table-cell; /* Changes the way how elemnts are organised */
position: fixed; /* position: fixed makes this always on screen */
height: 20px; /* height sets the height */
top: 0; /* top sets the top position */
width: 100%; /* width: 100% makes this fill the screen */
background-color: rgb(137, 3, 3); /* Background-Color sets the background color of an element */
background: linear-gradient(rgb(191 1 1),rgb(113 8 8)); /* Background can also set the background color of an element, but can do way more. I use it here for just in case browser don't support linear-gradient */
/* padding: 10px; /* Padding is the area inside of the box that is padded */
box-shadow: 0 0 15px 0 rgb(0 0 0); /* box-shadow makes a drop shadow. confusing */
display: table-cell; /* Changes the way how elemnts are organised */
}

/* things with . affect classes, but if you add a space, that allows you to customise the childs of a class/element only. */

.navbar a {
color: rgb(255, 255, 255); /* Color is text color */
text-decoration: none; /* Text decoration is underlines, etc */
padding: 10px;
color: rgb(255, 255, 255); /* Color is text color */
text-decoration: none; /* Text decoration is underlines, etc */
}


.mod img {
width: 180px; /* Width of the element */
margin-left: 0px; /* Margin Left, is the margin for the left side of the content */
Expand Down
4 changes: 3 additions & 1 deletion pages/mods/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -77,18 +77,20 @@ body {
width: 100%; /* width: 100% makes this fill the screen */
background-color: rgb(137, 3, 3); /* Background-Color sets the background color of an element */
background: linear-gradient(rgb(191 1 1),rgb(113 8 8)); /* Background can also set the background color of an element, but can do way more. I use it here for just in case browser don't support linear-gradient */
padding: 10px; /* Padding is the area inside of the box that is padded */
/* padding: 10px; /* Padding is the area inside of the box that is padded */
box-shadow: 0 0 15px 0 rgb(0 0 0); /* box-shadow makes a drop shadow. confusing */
display: table-cell; /* Changes the way how elemnts are organised */
}

/* things with . affect classes, but if you add a space, that allows you to customise the childs of a class/element only. */

.navbar a {
padding: 10px;
color: rgb(255, 255, 255); /* Color is text color */
text-decoration: none; /* Text decoration is underlines, etc */
}


.mod img {
width: 180px; /* Width of the element */
margin-left: 0px; /* Margin Left, is the margin for the left side of the content */
Expand Down
4 changes: 3 additions & 1 deletion pages/tabs/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -78,18 +78,20 @@ body {
width: 100%; /* width: 100% makes this fill the screen */
background-color: rgb(137, 3, 3); /* Background-Color sets the background color of an element */
background: linear-gradient(rgb(191 1 1),rgb(113 8 8)); /* Background can also set the background color of an element, but can do way more. I use it here for just in case browser don't support linear-gradient */
padding: 10px; /* Padding is the area inside of the box that is padded */
/* padding: 10px; /* Padding is the area inside of the box that is padded */
box-shadow: 0 0 15px 0 rgb(0 0 0); /* box-shadow makes a drop shadow. confusing */
display: table-cell; /* Changes the way how elemnts are organised */
}

/* things with . affect classes, but if you add a space, that allows you to customise the childs of a class/element only. */

.navbar a {
padding: 10px;
color: rgb(255, 255, 255); /* Color is text color */
text-decoration: none; /* Text decoration is underlines, etc */
}


.mod img {
width: 180px; /* Width of the element */
margin-left: 0px; /* Margin Left, is the margin for the left side of the content */
Expand Down
3 changes: 2 additions & 1 deletion style.css
Original file line number Diff line number Diff line change
Expand Up @@ -78,14 +78,15 @@ body {
width: 100%; /* width: 100% makes this fill the screen */
background-color: rgb(137, 3, 3); /* Background-Color sets the background color of an element */
background: linear-gradient(rgb(191 1 1),rgb(113 8 8)); /* Background can also set the background color of an element, but can do way more. I use it here for just in case browser don't support linear-gradient */
padding: 10px; /* Padding is the area inside of the box that is padded */
/* padding: 10px; /* Padding is the area inside of the box that is padded */
box-shadow: 0 0 15px 0 rgb(0 0 0); /* box-shadow makes a drop shadow. confusing */
display: table-cell; /* Changes the way how elemnts are organised */
}

/* things with . affect classes, but if you add a space, that allows you to customise the childs of a class/element only. */

.navbar a {
padding: 10px;
color: rgb(255, 255, 255); /* Color is text color */
text-decoration: none; /* Text decoration is underlines, etc */
}
Expand Down

0 comments on commit 7425f9d

Please sign in to comment.