From 2943e6059a25cc938ce021d6f3bf0de06036b0b6 Mon Sep 17 00:00:00 2001 From: Yuliya Date: Sat, 10 Apr 2021 19:50:47 +0200 Subject: [PATCH 1/8] Combined all css into one --- .gitignore | 1 + application/source/account.php | 2 - application/source/css/styles.css | 609 ++++++++++++++++++++ application/source/footer.css | 6 - application/source/footer.php | 1 - application/source/header.php | 92 +-- application/source/index.css | 91 --- application/source/index.php | 34 +- application/source/info.css | 30 - application/source/info.php | 9 +- application/source/login.php | 31 +- application/source/myStyles.css | 12 - application/source/register.php | 76 ++- application/source/search.css | 192 ------ application/source/search.php | 5 +- application/source/searchbar_standalone.css | 61 -- application/source/style.css | 328 ----------- application/source/style2.css | 76 --- application/source/user.php | 1 - application/source/video.css | 138 ----- 20 files changed, 726 insertions(+), 1069 deletions(-) create mode 100644 .gitignore create mode 100644 application/source/css/styles.css delete mode 100644 application/source/footer.css delete mode 100644 application/source/index.css delete mode 100644 application/source/info.css delete mode 100644 application/source/myStyles.css delete mode 100644 application/source/search.css delete mode 100644 application/source/searchbar_standalone.css delete mode 100644 application/source/style.css delete mode 100644 application/source/style2.css delete mode 100644 application/source/video.css diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..85e7c1d --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/.idea/ diff --git a/application/source/account.php b/application/source/account.php index f51d974..2edc7c8 100644 --- a/application/source/account.php +++ b/application/source/account.php @@ -22,8 +22,6 @@ include('header.php'); ?> - -

Bonjour username; ?>

diff --git a/application/source/css/styles.css b/application/source/css/styles.css new file mode 100644 index 0000000..9429075 --- /dev/null +++ b/application/source/css/styles.css @@ -0,0 +1,609 @@ +html, body { + background: url(https://images.unsplash.com/photo-1503095396549-807759245b35?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80) no-repeat center center fixed; + background-size: cover; + position: relative; + width: 100%; + min-height: 100vh; + margin: 0; +} + +header{ + margin-bottom: 20px; +} + +.navbar-brand { + position: relative; + width: 50px; + left: 15px +} + +.active { + background-color: crimson; + color: white +} + +.navbar { + padding-left: 15px; + padding-right: 15px +} + +ul, p { + margin: 0 +} + +#searchbar { + margin: 0 auto; + width: 80vw; + opacity: .8 +} + +.searchbar button { + background: 0; + border: 0; + padding: 0; + outline: inherit +} + +.searchbar { + height: 50px; + background-color: #353b48; + border-radius: 30px; + padding: 5px +} + +.search_label { + color: #fff; + padding: 0 10px; + line-height: 40px +} + +.search_input { + color: #fff; + border: 0; + outline: 0; + background: 0; + width: 60%; + caret-color: transparent; + line-height: 40px +} + +.searchbar:hover > .search_input { + caret-color: red +} + +.searchbar:hover > .search_icon { + background: #fff; + color: #e74c3c +} + +.search_icon { + height: 40px; + width: 40px; + float: right; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + color: #fff; + text-decoration: none +} + +.errors { + text-align: center +} + +.video-responsive { + overflow: hidden; + padding-bottom: 56.25%; + position: relative; + height: 0 +} + +.video-responsive iframe { + left: 0; + top: 0; + height: 100%; + width: 100%; + position: absolute +} + +.navbar { + padding-left: 15px; + padding-right: 15px +} + +.active { + background-color: crimson; + color: white +} + +.navbar { + margin: 0; + padding: 0 +} + +ul, p { + margin: 0 +} + +.card { + cursor: pointer; + overflow: hidden; + -webkit-transition: 600ms -webkit-filter linear, transform 300ms; + -moz-transition: 600ms filter linear, transform 300ms; + -ms-transition: 600ms -ms-filter linear, transform 300ms; + -o-transition: 600ms -o-filter linear, transform 300ms; + transition: 600ms filter linear, 300ms -webkit-filter linear, transform 300ms +} + +.card:hover { + filter: grayscale(70%) brightness(150%); + -webkit-filter: grayscale(70%) brightness(150%); + transform: scale(1.03) +} + +.row-cols-5 > * { + max-width: 19% +} + +.card { + min-height: 100%; + max-height: 100% +} + +#filters ul { + padding: 0 +} + +#filters li { + display: inline; + list-style: none; + margin-bottom: 15px +} + +#filters button { + color: #fff; + background-color: #353b48; + border-radius: 10px; + padding: 5px 10px; + margin: 0 2.5px; + border: 0 +} + +#filters button:hover { + background-color: #555c6b +} + +#filters button.active { + background-color: #973535 +} + +#filters button.active:hover { + color: #fff; + background-color: #c24e4e +} + +#switch { + margin-top: 20px; + margin-bottom: 20px; + padding: 5px +} + +#switch_ctrl { + margin-right: 20px; + background-color: #303030; + border-radius: 10px; + overflow: hidden +} + +#switch_ctrl:first-child { + padding-left: 10px +} + +#switch_ctrl button { + color: #000; + background-color: #777; + border-radius: 0; + border-left: solid #303030 3px; + margin: 0 +} + +#switch_ctrl button.active { + color: #fff; + background-color: #973535 +} + +#switch_ctrl button.active:hover { + color: #fff; + background-color: #c24e4e +} + +#result { + margin-bottom: 20px +} + +h1 { + font-family: Arial, Helvetica, sans-serif; + text-align: center; + color: wheat; + position: relative; +} + +h2 { + font-family: Arial, Helvetica, sans-serif; + text-align: center; + color: wheat +} + +#films { + color: wheat; + text-align: center; + list-style: none; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif +} + +.active { + background-color: crimson; + color: white +} + +.navbar { + padding-left: 15px; + padding-right: 15px +} + +.errors { + text-align: center +} + +.card { + opacity: .8; + display: flex +} + +.video { + display: flex; + flex-direction: column; + align-items: center +} + +.vid { + display: flex; + align-items: center; + flex-direction: column +} + +ul, p { + margin: 0 +} + +.card { + cursor: pointer; + overflow: hidden; + -webkit-transition: 600ms -webkit-filter linear, transform 300ms; + -moz-transition: 600ms filter linear, transform 300ms; + -ms-transition: 600ms -ms-filter linear, transform 300ms; + -o-transition: 600ms -o-filter linear, transform 300ms; + transition: 600ms filter linear, 300ms -webkit-filter linear, transform 300ms +} + +.card:hover { + filter: grayscale(70%) brightness(150%); + -webkit-filter: grayscale(70%) brightness(150%); + transform: scale(1.03) +} + +.searchbar button { + background: 0; + border: 0; + padding: 0; + outline: inherit +} + +.searchbar { + height: 50px; + background-color: #353b48; + border-radius: 30px; + padding: 5px +} + +.search_label { + color: #fff; + padding: 0 10px; + line-height: 40px +} + +.search_input { + color: #fff; + border: 0; + outline: 0; + background: 0; + width: 0; + caret-color: transparent; + line-height: 40px; + transition: width .4s linear +} + +.searchbar:hover > .search_input { + padding: 0 10px; + width: 300px; + caret-color: red; + transition: width .4s cubic-bezier(0.645, 0.045, 0.355, 1) +} + +.searchbar:hover > .search_icon { + background: #fff; + color: #e74c3c +} + +.search_icon { + height: 40px; + width: 40px; + float: right; + display: flex; + justify-content: center; + align-items: center; + border-radius: 50%; + color: #fff; + text-decoration: none +} + +.row-cols-5 > * { + max-width: 19% +} + +.card { + min-height: 100%; + max-height: 100% +} + +#filters ul { + padding: 0 +} + +#filters li { + display: inline; + list-style: none; + margin-bottom: 15px +} + +#filters button { + color: #fff; + background-color: #353b48; + border-radius: 10px; + padding: 5px 10px; + margin: 0 2.5px; + border: 0 +} + +#filters button:hover { + background-color: #555c6b +} + +#filters button.active { + background-color: #973535 +} + +#filters button.active:hover { + color: #fff; + background-color: #c24e4e +} + +#switch { + margin-top: 20px; + margin-bottom: 20px; + padding: 5px +} + +#switch_ctrl { + margin-right: 20px; + background-color: #303030; + border-radius: 10px; + overflow: hidden +} + +#switch_ctrl:first-child { + padding-left: 10px +} + +#switch_ctrl button { + color: #000; + background-color: #777; + border-radius: 0; + border-left: solid #303030 3px; + margin: 0 +} + +#switch_ctrl button.active { + color: #fff; + background-color: #973535 +} + +#switch_ctrl button.active:hover { + color: #fff; + background-color: #c24e4e +} + +#result { + margin-bottom: 20px +} + +.active { + background-color: crimson; + color: white +} + +.navbar { + padding-left: 15px; + padding-right: 15px +} + +ul, p { + margin: 0 +} + +h1 { + margin-left: 20px +} + +h2 { + margin-left: 20px +} + +table, th { + border: 2px solid slategrey; + text-align: center; + margin-left: auto; + margin-right: auto; + font-size: large; + margin-top: 35px; + border-radius: 5px; + padding: 10px; + box-shadow: 1px 1px #707079 +} + +footer { + bottom: 0; + position: absolute; + width: 100%; + padding-bottom: 25px +} + +#theater { + border-radius: 3px +} + +.active { + background-color: crimson; + color: white +} + +.errors { + text-align: center +} + +#logo { + padding: 10px 0; + width: 60px; + display: flex +} + +.ibox { + clear: both; + margin-bottom: 25px; + margin-top: 0; + padding: 0 +} + +.ibox.collapsed .ibox-content { + display: none +} + +.ibox:after, .ibox:before { + display: table +} + +.ibox-title { + -moz-border-bottom-colors: none; + -moz-border-left-colors: none; + -moz-border-right-colors: none; + -moz-border-top-colors: none; + background-color: #fff; + border-color: #e7eaec; + border-image: none; + border-style: solid solid none; + border-width: 3px 0 0; + color: inherit; + margin-bottom: 0; + padding: 14px 15px 7px; + min-height: 48px +} + +.ibox-title h5 { + display: inline-block; + font-size: 14px; + margin: 0 0 7px; + padding: 0; + text-overflow: ellipsis +} + +.ibox-tools a { + cursor: pointer; + margin-left: 5px; + color: #c4c4c4 +} + +.ibox-tools { + display: block; + float: none; + margin-top: 0; + position: relative; + padding: 0; + text-align: right +} + +.ibox-content { + background-color: #fff; + color: inherit; + padding: 15px 20px 20px; + border-color: #e7eaec; + border-image: none; + border-style: solid solid none; + border-width: 1px 0 +} + +.ibox-footer { + color: inherit; + border-top: 1px solid #e7eaec; + font-size: 90%; + background: #fff; + padding: 10px 15px +} + +video { + width: 100% !important; + height: auto !important +} + +textarea { + width: 600px; + background-color: #fff; + resize: none +} + +.comment-box { + width: 500px; + margin-bottom: 4px; + position: relative +} + +.comment-box p { + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + line-height: 14px; + color: #282828; + font-weight: 100 +} + +.edit-form { + position: absolute; + top: 0; + right: 0 +} + +.edit-form button { + width: 55px; + height: 25px; + color: #282828; + background-color: #fff; + opacity: .5; + border: 0 +} + +.edit-form button:hover { + opacity: 1 +} + +ul, p { + margin: 0 +} \ No newline at end of file diff --git a/application/source/footer.css b/application/source/footer.css deleted file mode 100644 index 8445fb6..0000000 --- a/application/source/footer.css +++ /dev/null @@ -1,6 +0,0 @@ -.navbar-brand -{ - position: relative; - width: 50px; - left: 15px; -} \ No newline at end of file diff --git a/application/source/footer.php b/application/source/footer.php index a1731bf..ade949a 100644 --- a/application/source/footer.php +++ b/application/source/footer.php @@ -1,5 +1,4 @@ - diff --git a/application/source/header.php b/application/source/header.php index e077346..5817caa 100644 --- a/application/source/header.php +++ b/application/source/header.php @@ -1,4 +1,3 @@ - @@ -13,9 +12,7 @@ - - - + @@ -23,66 +20,69 @@
- - $message) : ?> -
- -
- - - + + $message) : ?> +
+ +
+ + +
diff --git a/application/source/index.css b/application/source/index.css deleted file mode 100644 index 24606b9..0000000 --- a/application/source/index.css +++ /dev/null @@ -1,91 +0,0 @@ -html, body { - background: url(pictures/jake-hills-theater.png) no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} - - - -.active { - background-color: crimson; - color: white; -} - - - -.navbar { - padding-left: 15px; - padding-right: 15px; -} - -#logo { - width: 60px; - display: flex; - -} - - -ul, -p { - margin: 0; -} -#searchbar{ - margin: 0 auto; - width: 80vw; - opacity: 0.8; -} - -.searchbar button { - background: none; - border: none; - padding: 0; - outline: inherit; -} - -.searchbar { - /* margin-top: 20px; */ - height: 50px; - background-color: #353b48; - border-radius: 30px; - padding: 5px; -} - -.search_label { - color: white; - padding: 0 10px; - line-height: 40px; -} - -.search_input { - color: white; - border: 0; - outline: 0; - background: none; - width: 60%; - caret-color: transparent; - line-height: 40px; -} - -.searchbar:hover>.search_input { - /* padding: 0 10px; */ - caret-color: red; -} - -.searchbar:hover>.search_icon { - background: white; - color: #e74c3c; -} - -.search_icon { - height: 40px; - width: 40px; - float: right; - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - color: white; - text-decoration: none; -} \ No newline at end of file diff --git a/application/source/index.php b/application/source/index.php index 12a95b5..7a162af 100644 --- a/application/source/index.php +++ b/application/source/index.php @@ -1,27 +1,27 @@ - - -
-
-
-
- - - - - +
+
+
+
+ +
+
+
-
-
-
- + \ No newline at end of file diff --git a/application/source/info.css b/application/source/info.css deleted file mode 100644 index fce0bda..0000000 --- a/application/source/info.css +++ /dev/null @@ -1,30 +0,0 @@ -body { - background: rgb(46, 28, 28); - /* temporary - waiting for bg */ - margin-top: 10px; - -} -.errors { - text-align: center; -} - -#logo { - width: 60px; - display: flex; - -} - -.video-responsive { - overflow: hidden; - padding-bottom: 56.25%; - position: relative; - height: 0; -} - -.video-responsive iframe { - left: 0; - top: 0; - height: 100%; - width: 100%; - position: absolute; -} \ No newline at end of file diff --git a/application/source/info.php b/application/source/info.php index 8853e52..76d3dd4 100644 --- a/application/source/info.php +++ b/application/source/info.php @@ -39,12 +39,7 @@ } else { ?> - - - - - -
+
@@ -163,4 +158,4 @@ function pre_r($array) - + diff --git a/application/source/login.php b/application/source/login.php index 27ded2a..ab819ac 100644 --- a/application/source/login.php +++ b/application/source/login.php @@ -10,26 +10,29 @@ $_SESSION['auth'] = $user; $_SESSION['flash']['success'] = "Your are connected !"; -} } + } +} ?> -

Login

+

Login

-
+
+ -
- > - - -
- - -
- - + + +
+
+ + +
+
- + +
+ +
\ No newline at end of file diff --git a/application/source/myStyles.css b/application/source/myStyles.css deleted file mode 100644 index 3adc18a..0000000 --- a/application/source/myStyles.css +++ /dev/null @@ -1,12 +0,0 @@ -html, body { - background: url(pictures/jake-hills-theater.png) no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} - -.navbar { - padding-left: 15px; - padding-right: 15px; -} diff --git a/application/source/register.php b/application/source/register.php index 9f74e2b..53fc357 100644 --- a/application/source/register.php +++ b/application/source/register.php @@ -1,5 +1,3 @@ - - - +
-
- -
-
-
-

Please Fill in All the Blanks

-
- +
+ +
+

Please Fill in All the Blanks

+
-
- +
+ - + - + -
+
-
- +
+ - + - + -
+
-
- - - +
+ + + -
+
+ +
+ + + - -
- - - +
+
+ + +
+ +
-
-
- - -
- - -
-
- - \ No newline at end of file diff --git a/application/source/search.css b/application/source/search.css deleted file mode 100644 index a35fa45..0000000 --- a/application/source/search.css +++ /dev/null @@ -1,192 +0,0 @@ -html, body { - background: url(https://images.unsplash.com/photo-1503095396549-807759245b35?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80) no-repeat center center fixed; - background-size: cover; - height: 100%; - width: 100%; - margin: 0; - padding: 0; -} - -.active { - background-color: crimson; - color: white; -} - -.navbar { - margin: 0; - padding: 0; -} - -#logo { - width: 60px; - display: flex; - padding: 0; -} - -ul, -p { - margin: 0; -} - -.card { - cursor: pointer; - overflow: hidden; - -webkit-transition: 600ms -webkit-filter linear, transform 300ms; - -moz-transition: 600ms -moz-filter linear, transform 300ms; - -moz-transition: 600ms filter linear, transform 300ms; - -ms-transition: 600ms -ms-filter linear, transform 300ms; - -o-transition: 600ms -o-filter linear, transform 300ms; - transition: 600ms filter linear, 300ms -webkit-filter linear, transform 300ms; -} - -.card:hover { - filter: grayscale(70%) brightness(150%); - -webkit-filter: grayscale(70%) brightness(150%); - transform: scale(1.03); -} - - -.searchbar button { - background: none; - border: none; - padding: 0; - outline: inherit; -} - -.searchbar { - margin-top: 20px; - height: 50px; - background-color: #353b48; - border-radius: 30px; - padding: 5px; -} - -.search_label { - color: white; - padding: 0 10px; - line-height: 40px; -} - -.search_input { - color: white; - border: 0; - outline: 0; - background: none; - width: 0; - caret-color: transparent; - line-height: 40px; - transition: width 0.4s linear; -} - -.searchbar:hover > .search_input { - padding: 0 10px; - width: 300px; - caret-color: red; - transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -} - -.searchbar:hover > .search_icon { - background: white; - color: #e74c3c; -} - -.search_icon { - height: 40px; - width: 40px; - float: right; - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - color: white; - text-decoration: none; -} - -.row-cols-5 > * { - max-width: 19%; -} - -.card { - min-height: 100%; - max-height: 100%; -} - -#filters ul { - padding: 0; -} - -#filters li { - display: inline; - list-style: none; - /* pour enlever les puces sur IE7 */ - /* margin: 2.5px; */ - margin-bottom: 15px; -} - -#filters button { - color: white; - background-color: #353b48; - border-radius: 10px; - padding: 5px 10px; - margin: 0 2.5px; - border: none; -} - -#filters button:hover { - background-color: #555c6b; -} - -#filters button.active { - background-color: #973535; -} - -#filters button.active:hover { - color: white; - background-color: #c24e4e; -} - -#switch { - margin-top: 20px; - margin-bottom: 20px; - padding: 5px; - /* background-color: #363636; */ - /* border-radius: 10px; */ -} - -#switch_ctrl { - margin-right: 20px; - background-color: rgb(48, 48, 48); - border-radius: 10px; - overflow: hidden; -} - -#switch_ctrl:first-child { - padding-left: 10px; -} - -#switch_ctrl button { - color: black; - background-color: rgb(119, 119, 119); - border-radius: 0; - border-left: solid rgb(48, 48, 48) 3px; - margin: 0; -} - -#switch_ctrl button.active { - color: white; - background-color: #973535; -} - -#switch_ctrl button.active:hover { - color: white; - background-color: #c24e4e; -} - -#result { - margin-bottom: 20px; -} - -#logo { - margin-top: 20px; - max-width: 70px; -} \ No newline at end of file diff --git a/application/source/search.php b/application/source/search.php index f92a42e..8c85d3c 100644 --- a/application/source/search.php +++ b/application/source/search.php @@ -4,10 +4,7 @@ - - - -
+
diff --git a/application/source/searchbar_standalone.css b/application/source/searchbar_standalone.css deleted file mode 100644 index 01243ca..0000000 --- a/application/source/searchbar_standalone.css +++ /dev/null @@ -1,61 +0,0 @@ -ul, -p { - margin: 0; -} -#searchbar{ - margin: 0 auto; - width: 80vw; -} - -.searchbar button { - background: none; - border: none; - padding: 0; - outline: inherit; -} - -.searchbar { - /* margin-top: 20px; */ - height: 50px; - background-color: #353b48; - border-radius: 30px; - padding: 5px; -} - -.search_label { - color: white; - padding: 0 10px; - line-height: 40px; -} - -.search_input { - color: white; - border: 0; - outline: 0; - background: none; - width: 60%; - caret-color: transparent; - line-height: 40px; -} - -.searchbar:hover>.search_input { - /* padding: 0 10px; */ - caret-color: red; -} - -.searchbar:hover>.search_icon { - background: white; - color: #e74c3c; -} - -.search_icon { - height: 40px; - width: 40px; - float: right; - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - color: white; - text-decoration: none; -} \ No newline at end of file diff --git a/application/source/style.css b/application/source/style.css deleted file mode 100644 index be5f790..0000000 --- a/application/source/style.css +++ /dev/null @@ -1,328 +0,0 @@ - -html, body { - background: url(./pictures/jake-hills-theater.png) no-repeat center center fixed; - -webkit-background-size: cover; - -moz-background-size: cover; - -o-background-size: cover; - background-size: cover; -} - - -h1 { - font-family: Arial, Helvetica, sans-serif; - text-align: center; - color: wheat; - position: relative; - padding-top: 200px; - -} - -h2 { - font-family: Arial, Helvetica, sans-serif; - text-align: center; - color: wheat; -} - -#films { - color: wheat; - text-align: center; - list-style: none; - font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; -} - - -.active { - background-color: crimson; - color: white; -} - -.navbar { - padding-left: 15px; - padding-right: 15px; -} - -.errors { - text-align: center; -} - -#logo { - width: 60px; - display: flex; - -} - - -.card { -opacity: 0.8; -display: flex; - -} - -.video { - /*margin: auto;*/ - display: flex; - flex-direction: column; - /* justify-content: center;*/ - align-items: center; -} - -.vid { - display: flex; - align-items: center; - flex-direction: column; -} - - -ul, -p { - margin: 0; -} - -.card { - cursor: pointer; - overflow: hidden; - -webkit-transition: 600ms -webkit-filter linear, transform 300ms; - -moz-transition: 600ms -moz-filter linear, transform 300ms; - -moz-transition: 600ms filter linear, transform 300ms; - -ms-transition: 600ms -ms-filter linear, transform 300ms; - -o-transition: 600ms -o-filter linear, transform 300ms; - transition: 600ms filter linear, 300ms -webkit-filter linear, transform 300ms; -} - -.card:hover { - filter: grayscale(70%) brightness(150%); - -webkit-filter: grayscale(70%) brightness(150%); - transform: scale(1.03); -} - - -.searchbar button { - background: none; - border: none; - padding: 0; - outline: inherit; -} - -.searchbar { - margin-top: 20px; - height: 50px; - background-color: #353b48; - border-radius: 30px; - padding: 5px; -} - -.search_label { - color: white; - padding: 0 10px; - line-height: 40px; -} - -.search_input { - color: white; - border: 0; - outline: 0; - background: none; - width: 0; - caret-color: transparent; - line-height: 40px; - transition: width 0.4s linear; -} - -.searchbar:hover>.search_input { - padding: 0 10px; - width: 300px; - caret-color: red; - transition: width 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -} - -.searchbar:hover>.search_icon { - background: white; - color: #e74c3c; -} - -.search_icon { - height: 40px; - width: 40px; - float: right; - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - color: white; - text-decoration: none; -} - -.row-cols-5>* { - max-width: 19%; -} - -.card { - min-height: 100%; - max-height: 100%; -} - -#filters ul { - padding: 0; -} - -#filters li { - display: inline; - list-style: none; - /* pour enlever les puces sur IE7 */ - /* margin: 2.5px; */ - margin-bottom: 15px; -} - -#filters button { - color: white; - background-color: #353b48; - border-radius: 10px; - padding: 5px 10px; - margin: 0 2.5px; - border: none; -} - -#filters button:hover { - background-color: #555c6b; -} - -#filters button.active { - background-color: #973535; -} - -#filters button.active:hover { - color: white; - background-color: #c24e4e; -} - -#switch { - margin-top: 20px; - margin-bottom: 20px; - padding: 5px; - /* background-color: #363636; */ - /* border-radius: 10px; */ -} - -#switch_ctrl { - margin-right: 20px; - background-color: rgb(48, 48, 48); - border-radius: 10px; - overflow: hidden; -} - -#switch_ctrl:first-child { - padding-left: 10px; -} - -#switch_ctrl button { - color: black; - background-color: rgb(119, 119, 119); - border-radius: 0px; - border-left: solid rgb(48, 48, 48) 3px; - margin: 0px; -} - -#switch_ctrl button.active { - color: white; - background-color: #973535; -} - -#switch_ctrl button.active:hover { - color: white; - background-color: #c24e4e; -} - -#result { - margin-bottom: 20px; -} - -#logo { - margin-top: 20px; - max-width: 70px; -} - - -.active { - background-color: crimson; - color: white; -} - - - -.navbar { - padding-left: 15px; - padding-right: 15px; -} - -#logo { - width: 60px; - display: flex; - -} - - -ul, -p { - margin: 0; -} -#searchbar{ - margin: 0 auto; - width: 80vw; - opacity: 0.8; -} - -.searchbar button { - background: none; - border: none; - padding: 0; - outline: inherit; -} - -.searchbar { - /* margin-top: 20px; */ - height: 50px; - background-color: #353b48; - border-radius: 30px; - padding: 5px; -} - -.search_label { - color: white; - padding: 0 10px; - line-height: 40px; -} - -.search_input { - color: white; - border: 0; - outline: 0; - background: none; - width: 60%; - caret-color: transparent; - line-height: 40px; -} - -.searchbar:hover>.search_input { - /* padding: 0 10px; */ - caret-color: red; -} - -.searchbar:hover>.search_icon { - background: white; - color: #e74c3c; -} - -.search_icon { - height: 40px; - width: 40px; - float: right; - display: flex; - justify-content: center; - align-items: center; - border-radius: 50%; - color: white; - text-decoration: none; -} - - - diff --git a/application/source/style2.css b/application/source/style2.css deleted file mode 100644 index 6b8d249..0000000 --- a/application/source/style2.css +++ /dev/null @@ -1,76 +0,0 @@ - -header { - text-align: center; - vertical-align: middle; - background-color: tomato; - font-size: xx-large; - margin: 20px; - padding: 20px; - border-radius: 5px; - box-shadow: 3px 3px rgb(112, 112, 121); - height: 100px; - color :black; - } - - body { - font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; - background-color: whitesmoke; - position: relative; - min-height: 100vh; - margin-left: 15px; - } - - h1 { - margin-left: 20px; - } - - h2 { - margin-left: 20px; - } - - #logout { - font-style: italic; - margin-bottom: 15px; - margin-left: 20px; - } - - table, th { - border: 2px solid slategrey; - text-align: center; - margin-left: auto; - margin-right: auto; - font-size: large; - margin-top: 35px; - border-radius: 5px; - padding: 10px; - box-shadow: 1px 1px rgb(112, 112, 121); - - } - - footer { - bottom : 0px; - position: absolute; - padding: auto; - width: 100%; - margin-bottom: 25px; - - } - - .logo { - float:right; - border-radius: 3px; - margin-right: 35px; - margin-top: -35px; - display: absolute; - - } - - #theater { - border-radius: 3px; - - } - - .navbar{ - - margin-top: 30px; - } \ No newline at end of file diff --git a/application/source/user.php b/application/source/user.php index 6dff2ea..6effeaa 100644 --- a/application/source/user.php +++ b/application/source/user.php @@ -11,7 +11,6 @@ ?>

Welcome to Page

-

username is: and Your Role is :

diff --git a/application/source/video.css b/application/source/video.css deleted file mode 100644 index bc701f8..0000000 --- a/application/source/video.css +++ /dev/null @@ -1,138 +0,0 @@ -body { - background: rgb(112, 49, 49); - margin-top: 10px; -} - -.active { - background-color: crimson; - color: white; -} - - -.errors { - text-align: center; -} - -#logo { - width: 60px; - display: flex; -} - -.ibox { - clear: both; - margin-bottom: 25px; - margin-top: 0; - padding: 0; -} - -.ibox.collapsed .ibox-content { - display: none; -} - -.ibox:after, -.ibox:before { - display: table; -} - -.ibox-title { - -moz-border-bottom-colors: none; - -moz-border-left-colors: none; - -moz-border-right-colors: none; - -moz-border-top-colors: none; - background-color: #ffffff; - border-color: #e7eaec; - border-image: none; - border-style: solid solid none; - border-width: 3px 0 0; - color: inherit; - margin-bottom: 0; - padding: 14px 15px 7px; - min-height: 48px; -} - -.ibox-title h5 { - display: inline-block; - font-size: 14px; - margin: 0 0 7px; - padding: 0; - text-overflow: ellipsis; - -} - -.ibox-tools a { - cursor: pointer; - margin-left: 5px; - color: #c4c4c4; -} - -.ibox-tools { - display: block; - float: none; - margin-top: 0; - position: relative; - padding: 0; - text-align: right; -} - -.ibox-content { - background-color: #ffffff; - color: inherit; - padding: 15px 20px 20px 20px; - border-color: #e7eaec; - border-image: none; - border-style: solid solid none; - border-width: 1px 0; -} - -.ibox-footer { - color: inherit; - border-top: 1px solid #e7eaec; - font-size: 90%; - background: #ffffff; - padding: 10px 15px; -} - -video { - width: 100% !important; - height: auto !important; -} - -textarea { - width: 600px; - background-color: #fff; - resize: none; -} - - -.comment-box { - width: 500px; - margin-bottom: 4px; - position: relative; -} - -.comment-box p { - font-family: Arial, Helvetica, sans-serif; - font-size: 12px; - line-height: 14px; - color: #282828; - font-weight: 100; -} - -.edit-form { - position: absolute; - top: 0px; - right: 0px; -} - -.edit-form button { - width: 55px; - height: 25px; - color: #282828; - background-color: #fff; - opacity: 0,5; - border: none; -} - -.edit-form button:hover { - opacity: 1; -} \ No newline at end of file From 1db2586db7c3047718ad76a8f876bb7772d97334 Mon Sep 17 00:00:00 2001 From: Yuliya Date: Sun, 11 Apr 2021 18:01:29 +0200 Subject: [PATCH 2/8] modified: application/source/css/styles.css --- .idea/.gitignore | 8 +++++ .idea/dataSources.xml | 12 +++++++ .idea/getflixProject.iml | 12 +++++++ .idea/jsLibraryMappings.xml | 6 ++++ .idea/modules.xml | 8 +++++ .idea/vcs.xml | 6 ++++ application/source/css/styles.css | 31 ++++++++++++------ application/source/footer.php | 10 +++--- application/source/index.php | 4 +++ application/source/login.php | 25 ++++++++++---- .../source/pictures/jake-hills-theater.png | Bin 12172883 -> 0 bytes application/source/pictures/theatre.jpg | Bin 0 -> 302897 bytes application/source/register.php | 8 +++-- 13 files changed, 106 insertions(+), 24 deletions(-) create mode 100644 .idea/.gitignore create mode 100644 .idea/dataSources.xml create mode 100644 .idea/getflixProject.iml create mode 100644 .idea/jsLibraryMappings.xml create mode 100644 .idea/modules.xml create mode 100644 .idea/vcs.xml delete mode 100644 application/source/pictures/jake-hills-theater.png create mode 100644 application/source/pictures/theatre.jpg diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..7dd1ed3 --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# Default ignored files +/shelf/ +/workspace.xml +# Datasource local storage ignored files +/../../../../:\github\getflixProject\.idea/dataSources/ +/dataSources.local.xml +# Editor-based HTTP Client requests +/httpRequests/ diff --git a/.idea/dataSources.xml b/.idea/dataSources.xml new file mode 100644 index 0000000..e604516 --- /dev/null +++ b/.idea/dataSources.xml @@ -0,0 +1,12 @@ + + + + + mariadb + true + org.mariadb.jdbc.Driver + jdbc:mariadb://localhost:3306 + $ProjectFileDir$ + + + \ No newline at end of file diff --git a/.idea/getflixProject.iml b/.idea/getflixProject.iml new file mode 100644 index 0000000..615944c --- /dev/null +++ b/.idea/getflixProject.iml @@ -0,0 +1,12 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/.idea/jsLibraryMappings.xml b/.idea/jsLibraryMappings.xml new file mode 100644 index 0000000..b843835 --- /dev/null +++ b/.idea/jsLibraryMappings.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..f58331f --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..94a25f7 --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/application/source/css/styles.css b/application/source/css/styles.css index 9429075..5a23bd9 100644 --- a/application/source/css/styles.css +++ b/application/source/css/styles.css @@ -1,5 +1,6 @@ +/*noinspection ALL*/ html, body { - background: url(https://images.unsplash.com/photo-1503095396549-807759245b35?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80) no-repeat center center fixed; + background: url(https://images.unsplash.com/photo-1503095396549-807759245b35?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1051&q=80) no-repeat fixed center; background-size: cover; position: relative; width: 100%; @@ -31,12 +32,16 @@ ul, p { margin: 0 } + #searchbar { + border-radius: 30px; margin: 0 auto; width: 80vw; - opacity: .8 + opacity: .8; + } + .searchbar button { background: 0; border: 0; @@ -51,6 +56,7 @@ ul, p { padding: 5px } + .search_label { color: #fff; padding: 0 10px; @@ -133,7 +139,8 @@ ul, p { -moz-transition: 600ms filter linear, transform 300ms; -ms-transition: 600ms -ms-filter linear, transform 300ms; -o-transition: 600ms -o-filter linear, transform 300ms; - transition: 600ms filter linear, 300ms -webkit-filter linear, transform 300ms + transition: 600ms filter linear, 300ms -webkit-filter linear, transform 300ms; + } .card:hover { @@ -148,7 +155,8 @@ ul, p { .card { min-height: 100%; - max-height: 100% + max-height: 100%; + } #filters ul { @@ -225,14 +233,14 @@ ul, p { h1 { font-family: Arial, Helvetica, sans-serif; text-align: center; - color: wheat; + color: white; position: relative; } h2 { font-family: Arial, Helvetica, sans-serif; text-align: center; - color: wheat + color: white; } #films { @@ -301,9 +309,9 @@ ul, p { } .searchbar { + border-radius: 30px; height: 50px; background-color: #353b48; - border-radius: 30px; padding: 5px } @@ -322,6 +330,7 @@ ul, p { caret-color: transparent; line-height: 40px; transition: width .4s linear + } .searchbar:hover > .search_input { @@ -463,12 +472,14 @@ table, th { } footer { + position: fixed; + left: 0; bottom: 0; - position: absolute; width: 100%; - padding-bottom: 25px + } + #theater { border-radius: 3px } @@ -606,4 +617,4 @@ textarea { ul, p { margin: 0 -} \ No newline at end of file +} diff --git a/application/source/footer.php b/application/source/footer.php index ade949a..3bd69ff 100644 --- a/application/source/footer.php +++ b/application/source/footer.php @@ -14,10 +14,10 @@