diff --git a/Gallery.html b/Gallery.html index 7c5a83d..22df8fc 100644 --- a/Gallery.html +++ b/Gallery.html @@ -43,68 +43,122 @@

Gallery Exodia OS

-
- - - - - + + diff --git a/Style/Download.css b/Style/Download.css index 179264a..ca2a924 100644 --- a/Style/Download.css +++ b/Style/Download.css @@ -26,7 +26,7 @@ body{ color: #010D16; height: 65px; border-radius: 10px; - width: 250px; + width: 280px; cursor: pointer; } @@ -101,11 +101,27 @@ body{ .Credentials-box { -background-color: #010D16; - border: 2px #05EEFF solid; - border-radius:15px; - padding: 15px; - height: 160px; + background-color: #010D16; + border: 2px #05EEFF solid; + border-radius:15px; + padding: 15px; + height: 160px; + position: relative; + bottom: -75px; + +} + +.Credentials-box-arm +{ + + background-color: #010D16; + border: 2px #05EEFF solid; + border-radius:15px; + padding: 15px; + height: 160px; + position: relative; + bottom: -150px; + } .nav-btn img diff --git a/Style/Gallery.css b/Style/Gallery.css index c99a8e6..395ee4c 100644 --- a/Style/Gallery.css +++ b/Style/Gallery.css @@ -1,6 +1,4 @@ - - /* Gallery Header */ .header-Gallery h1 , .Gallary-box h1{ @@ -8,14 +6,12 @@ font-weight: bolder; } - -/* Gallery Silder */ +/* Gallery Slider */ .Gallery-slider { height: 900px; width: 100%; - } .Gallary-box @@ -42,13 +38,6 @@ border-radius: 5px; } - - - - - - - .slider-container { position: relative; width: 100%; @@ -102,37 +91,27 @@ color: #01a8b4; } - - - - - - - - - - .custom-slider { width: 80%; margin: 0 auto; position: relative; } -.custom-slides,.custom-slides-2 { +.custom-slides,.custom-slides-2, .custom-slides-3 { overflow: hidden; } -.custom-slides img ,.custom-slides-2 img { +.custom-slides img ,.custom-slides-2 img, .custom-slides-3 img { width: 100%; display: none; border-radius: 15px; } -.custom-slides img:first-child ,.custom-slides-2 img:first-child{ +.custom-slides img:first-child ,.custom-slides-2 img:first-child, .custom-slides-3 img:first-child{ display: block; } -.custom-prev, .custom-next,.custom-prev-2, .custom-next-2 { +.custom-prev, .custom-next,.custom-prev-2, .custom-prev-3, .custom-next-2, .custom-next-3 { position: absolute; top: 50%; transform: translateY(-50%); @@ -142,11 +121,11 @@ padding: 10px; } -.custom-prev,.custom-prev-2 { +.custom-prev,.custom-prev-2, .custom-prev-3 { left: 0; } -.custom-next, .custom-next-2{ +.custom-next, .custom-next-2, .custom-next-3{ right: 0; }