Skip to content

Commit

Permalink
edited backgrounds of all pages
Browse files Browse the repository at this point in the history
  • Loading branch information
musaddique333 committed Oct 8, 2023
1 parent f9f237f commit 0f493a0
Show file tree
Hide file tree
Showing 12 changed files with 73 additions and 23 deletions.
14 changes: 11 additions & 3 deletions CSS/characters.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,8 +9,9 @@ body {
flex-direction: column;
justify-content: center;
background-image: url(../images/background/background_characters.jpeg);
background-size: cover;
background-repeat: no-repeat repeat;
background-position: top;
background-size: 400px;
background-repeat: repeat repeat;
padding: 0;
margin: 0;
}
Expand Down Expand Up @@ -62,7 +63,10 @@ body {

.header_right a:hover {
color: rgb(255, 0, 0);
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 5px;
transform: scale(1.1);
}

.header_icons {
Expand Down Expand Up @@ -95,6 +99,10 @@ body {
height: 200px;
}

.logo img:hover {
transform: scale(1.1);
}

.crew-name{
align-self: center;
color: rgba(255, 255, 255, 0.8);
Expand Down
19 changes: 13 additions & 6 deletions CSS/contact.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ body {
display: flex;
flex-direction: column;
justify-content: center;
background-image: url(../images/background/background_index.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat repeat;
background-image: url(../images/background/background_contact.jpeg);
background-position: top;
background-size: 400px;
background-repeat: repeat repeat;
padding: 0;
margin: 0;
}
Expand Down Expand Up @@ -65,7 +65,10 @@ body {

.header_right a:hover {
color: rgb(255, 0, 0);
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 5px;
transform: scale(1.1);
}

.header_icons {
Expand Down Expand Up @@ -97,7 +100,11 @@ body {
.logo img {
height: 200px;
}


.logo img:hover {
transform: scale(1.1);
}

/* 2nd part */
.blackboard {
position: relative;
Expand Down
17 changes: 12 additions & 5 deletions CSS/gallery.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ body {
display: flex;
flex-direction: column;
justify-content: center;
background-image: url(../images/background/background_gallery.jpg);
background-position: center;
background-size: cover;
background-repeat: no-repeat repeat;
background-image: url(../images/background/background_gallery.jpeg);
background-position: top;
background-size: 400px;
background-repeat: repeat repeat;
padding: 0;
margin: 0;
}
Expand Down Expand Up @@ -64,7 +64,10 @@ body {

.header_right a:hover {
color: rgb(255, 0, 0);
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 5px;
transform: scale(1.1);
}

.header_icons {
Expand Down Expand Up @@ -97,6 +100,10 @@ body {
height: 200px;
}

.logo img:hover {
transform: scale(1.1);
}

/* 2nd part */
.gallery {
display: flex;
Expand Down
28 changes: 25 additions & 3 deletions CSS/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -43,8 +43,8 @@ body {
}

.header_left span:hover {
color: rgba(255, 255, 255, 0.775);
text-shadow: 2px 2px rgb(255, 0, 0);
color: rgb(255, 255, 255);
text-shadow: 2px 2px rgba(255, 0, 0);
}

.header_right {
Expand All @@ -65,7 +65,10 @@ body {

.header_right a:hover {
color: rgb(255, 0, 0);
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 5px;
transform: scale(1.1);
}

.header_icons {
Expand Down Expand Up @@ -98,6 +101,10 @@ body {
height: 200px;
}

.logo img:hover {
transform: scale(1.1);
}

/* 2nd part */
.basic_info {
display: flex;
Expand Down Expand Up @@ -178,6 +185,8 @@ body {

.button:hover {
background-color: rgba(255, 0, 0, 0.5);
padding: 10px;
transform: scale(1.1);
}

.button:active {
Expand All @@ -200,6 +209,19 @@ body {
flex-wrap: wrap;
}

.imageBox:hover {
position: relative;
transform: scale(1.01);
}

.imageBox .watch:hover {
background-color: rgba(255, 255, 255, 0.5);
border-radius: 5px;
padding: 5px;
transform: scale(1.1);
box-shadow: 2px 2px 10px rgb(6, 6, 6, 0.5);
}

.imageBox a {
position: relative;
}
Expand Down
16 changes: 11 additions & 5 deletions CSS/plot.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,10 @@ body {
display: flex;
flex-direction: column;
justify-content: center;
background-image: url(../images/background/background_plot.jpg);
background-image: url(../images/background/background_plot.jpeg);
background-position: top;
background-size: 400px;
background-repeat: repeat repeat;
padding: 0;
margin: 0;
}
Expand Down Expand Up @@ -60,7 +62,10 @@ body {

.header_right a:hover {
color: rgb(255, 0, 0);
text-shadow: 1px 1px 5px rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.3);
border-radius: 5px;
padding: 5px;
transform: scale(1.1);
}

.header_icons {
Expand Down Expand Up @@ -93,6 +98,10 @@ body {
height: 200px;
}

.logo img:hover {
transform: scale(1.1);
}

/* table of contents part */
.toc-wrapper {
background: #fff;
Expand Down Expand Up @@ -231,17 +240,14 @@ body {

.content_of_plot h1{
font-size: 300%;
color: rgba(0, 0, 0);
}

.content_of_plot h2{
font-size: 250%;
color: rgb(0, 94, 255);
}

.content_of_plot h3{
font-size: 200%;
color: rgb(0, 255, 149);
}

.content_of_plot h1:not(:hover),
Expand Down
Binary file modified images/background/background_characters.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/background/background_contact.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/background/background_gallery.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/background/background_gallery.jpg
View file
Binary file not shown.
Binary file added images/background/background_plot.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed images/background/background_plot.jpg
View file
Binary file not shown.
2 changes: 1 addition & 1 deletion index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@
<img src="./images/Icons/play_icon.png" alt="Default Image">
</div>
</a>
<a href="https://youtu.be/DNC28dpB9_Y?si=YM7y2SNWoTILhJ_C" style="text-decoration: none;"><span
<a href="https://youtu.be/DNC28dpB9_Y?si=YM7y2SNWoTILhJ_C" style="text-decoration: none;" class="watch"><span
class="imageText">Watch Trailer</span></a>
</div>
</div>
Expand Down

0 comments on commit 0f493a0

Please sign in to comment.