From 5c0c41f36a89f76e6c6d665e850df3fd52b0a6ce Mon Sep 17 00:00:00 2001 From: cecivuvu <51754015+cecivuvu@users.noreply.github.com> Date: Mon, 17 Jun 2019 12:43:46 -0400 Subject: [PATCH] Add files via upload --- Form/Register-Login Form.png | Bin 0 -> 30414 bytes Form/index.html | 161 +++++---- Form/styles.css | 664 +++++++++++++++++++---------------- 3 files changed, 444 insertions(+), 381 deletions(-) create mode 100644 Form/Register-Login Form.png diff --git a/Form/Register-Login Form.png b/Form/Register-Login Form.png new file mode 100644 index 0000000000000000000000000000000000000000..f9e6035622231444936cee65055c88b5d43ee627 GIT binary patch literal 30414 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 MnA|SB>Ga~?0F5b3>i_@% literal 0 HcmV?d00001 diff --git a/Form/index.html b/Form/index.html index e9a7057..8428ff6 100644 --- a/Form/index.html +++ b/Form/index.html @@ -1,73 +1,88 @@ - - - - - Membership Query - - - -
-
- esrilogo - - - -
-
-
-
-
    -
  • Add Member
    • -
  • Remove Member
    • -
-
-
-
- - - - - - - -
-
-
-
-
-
    -
  • Role -
  • Organization Publisher -
  • Organization Viewer -
  • Organization Admin - -
-
- - - -
-
-
-
-
- - -
-
-
- - - - + + + + + Membership Query + + + + + +
+
+ esrilogo + +
+
+
+
+
    +
  • Add Member
    • +
  • Remove Member
    • +
+
+ + +
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+
+
+ +
+ + + +
+
+
+ +
+
+
+ + diff --git a/Form/styles.css b/Form/styles.css index 2ed330c..2131d1e 100644 --- a/Form/styles.css +++ b/Form/styles.css @@ -1,308 +1,356 @@ -*{ - margin: 0; - padding: 0; - box-sizing: border-box; - outline: none; - font-family: 'Avenir Next W00', 'Avenir Next LT Pro', 'Century Gothic', sans-serif; -} - -/* body{ - background: url('bg.jpg') no-repeat top center; - background-size: cover; - height: 100vh; -*/ -.header { - overflow: hidden; - background-color: #f1f1f1; - padding: 7px 10px; -} - -.header a { - float: left; - color: black; - text-align: center; - padding: 5px; - text-decoration: none; - font-size: 18px; - line-height: 15px; -} - -.header img { - font-size: 25px; - font-weight: bold; - margin-left: 30px; - margin-top: 10px; -} - -.header a:hover { - background-color: none; - color: #39b7dd; -} - -/*.header a.active { - background-color: none; - border-bottom: 3px solid #39b7dd; - padding-bottom: 15px; -}*/ - -.header ul { - float: right; -} - -.header ul { - list-style-type: none; - margin: 0 3rem; - padding: 1rem 0; - overflow: hidden; - display: flex; - position: relative; - letter-spacing: 2px; -} - -.header li{ - padding: 0px 10px; -} - -.content { - width: 1000px; - border: 1px solid #ff0000; - margin: 0 auto; - height: 100%; - min-height: 100%; -} - -.wrapper{ - display: flex; - position: absolute; - top: 55%; - transform: translateY(-50%); - width: 100%; - padding: 0 20px; -} - -.wrapper .tabs ul{ - float:left; - text-align: center; - padding: 1rem 0; -} - -.wrapper .tabs ul li{ - list-style: none; - display: inline-block; - margin: 5px; - padding: 5px 70px; - font-size: 14px; - color: #fff; - text-transform: uppercase; - letter-spacing: 3px; - cursor: pointer; -} - -.wrapper .tabs ul li.active{ - border-bottom: 2px solid #39b7dd; -} - -.wrapper .add, .wrapper .remove{ - margin-top: 20px; -} - -.contact-form{ - display: flex; - max-width: 550px; - margin: 0 auto; - background: rgba(0,0,0,0.8); - padding: 30px; - border-radius: 5px; - box-shadow: 0 0 10px rgba(0,0,0,0.3); -} - -.input-fields{ - display: flex; - flex-direction: column; - margin-right: 4%; -} - -.input-fields .input { - font-size: 0.8em; -} - -.input-fields, -.msg{ - width: 100%; -} - -.input-fields .input, .msg textarea{ - margin: 10px 0; - background: transparent; - border: 0px; - border-bottom: 2px solid #c5ecfd; - padding: 10px; - color: #c5ecfd; - width: 100%; -} - -.msg textarea{ - height: 212px; -} - -::-webkit-input-placeholder { - /* Chrome/Opera/Safari */ - color: #c5ecfd; - font-size: 1.25em; -} -::-moz-placeholder { - /* Firefox 19+ */ - color: #c5ecfd; - font-size: 1.25em; -} -:-ms-input-placeholder { - /* IE 10+ */ - color: #c5ecfd; - font-size: 1.25em; -} - -.button { - background: #39b7dd; - text-align: center; - padding: 15px; - border-radius: 15px; - border: none; - color: #fff; - cursor: pointer; - text-transform: uppercase; - width: 150px; - font-size: 15px; -} - -.button span { - cursor: pointer; - display: inline-block; - position: relative; - transition: 0.5s; -} - -.button span:after { - content: '\00bb'; - position: absolute; - opacity: 0; - top: 0; - right: -20px; - transition: 0.5s; -} - -.button:hover span { - padding-right: 15px; -} - -.button:hover span:after { - opacity: 1; - right: 0; -} - -.select{ - cursor: pointer; - position: relative; - margin: 50px auto; - width: 250px; -} - -.select .input:after, .select .input:before{ - content:''; - position: absolute; - left: calc(100% - 20px); - transform: translateY(-50%); - width: 0; - height: 0; -} - -.select .input:before{ - border-top: 5px solid #999; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - top: 50%; -} - -.select .input:after{ - border-top: 5px solid #fff; - border-left: 5px solid transparent; - border-right: 5px solid transparent; - top: calc(50% - 1px); -} - -.select-options{ - border: 1px solid orange; - position: absolute; - width: 100%; - border-radius: 3px; - z-index: 100; - top: 0; - left: 0; - padding-top: 30px; - display: none; -} - -.select-options.visible { - display: block; -} - -.select-options ul li { - padding: 8px 50px 8px 6px; - border-bottom: 1px solid #ddd; - font-size: 13px; - color: #999; - font-weight: 300; - position: relative; - overflow: hidden; -} - -.select-options ul li:last-child{ - border-bottom: 0; -} - -.select-options ul li.selected > span:first-child { - color: orange; -} - -.select-options ul li.selected:after { - content: ''; - width: 5px; - height: 10px; - border: 1px solid orange; - border-right: 0; - border-bottom: 0; - left: calc(100% - 20px); - top: 50%; - transform: translateY(-50%) rotate(-135deg); - position: absolute; -} -/*.select select{ - width: 100%; - height: 100%; - background: none; - border: none; - -webkit-appearance: none; - padding: 0 50px 0 20px; - cursor: pointer; - text-indent: 5px; -} - -.select .select{ - position: relative; - background: #fff; - border: 1px solid #f1f1f1; - height: 50px; - cursor: pointer; -/ - -@media screen and (max-width: 600px){ - .contact-form{ - flex-direction: column; - } - .msg textarea{ - height: 80px; - } - .input-fields, - .msg{ - width: 100%; - } -} +@import url('https://fonts.googleapis.com/css?family=Nunito'); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + outline: none; + text-decoration: none; + list-style: none; + font-family: 'Nunito', sans-serif; +} + +body{ + background: #dfdfdf; +} + +.header { + overflow: hidden; + background-color: #f1f1f1; + padding: 7px 10px; +} + +.header a { + float: left; + color: black; + text-align: center; + padding: 5px; + text-decoration: none; + font-size: 18px; + line-height: 15px; +} + +.header img { + font-size: 25px; + font-weight: bold; + margin-left: 30px; + margin-top: 10px; +} + +.header a:hover { + background-color: none; + color: #39b7dd; +} + +/*.header a.active { + background-color: none; + border-bottom: 3px solid #39b7dd; + padding-bottom: 15px; +}*/ + +.header ul { + float: right; +} + +.header ul { + list-style-type: none; + margin: 0 3rem; + padding: 1rem 0; + overflow: hidden; + display: flex; + position: relative; + letter-spacing: 2px; +} + +.header li{ + padding: 0px 10px; +} + +.wrapper{ + display: flex; + max-width: 560px; + width: 100%; + height: 550px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%,-50%); +} + +.wrapper .right{ + width: 50%; + height: 100%; + padding: 30px; +} + +.wrapper .container{ + background: #fff; + width: 100%; + height: 650px; + border-radius: 10px; +} + +.wrapper .container .tabs ul{ + text-align: center; +} + +.wrapper .container .tabs ul li{ + display: inline-block; + margin: 5px; + padding: 5px 10px; + font-size: 14px; + color: #494f57; + text-transform: uppercase; + letter-spacing: 2px; + cursor: pointer; + margin-top: 60px; + margin-left: 30px; + margin-bottom: 10px; +} + +.wrapper .container .tabs ul li.active{ + border-bottom: 2px solid #39b7dd; + color: #39b7dd; +} + +.wrapper .container .add{ + margin-top: 20px; +} + +.wrapper .container .remove{ + margin-top: 20px; +} + +.wrapper .container .input_field{ + margin-bottom: 15px; + margin-left: 100px; + padding: 5px 5px; +} + +.wrapper .container .input_field .input{ + width: 80%; + padding: 10px 20px; + border: 0; + font-size: 12px; + background: #ecebeb; + border-radius: 25px; +} + +/*.wrapper .container .btn{ + margin-top: 20px; + background: #494f57; + padding: 10px; + text-align: center; + text-transform: uppercase; + letter-spacing: 3px; + font-weight: bold; +} + +.wrapper .container .btn a{ + color: #fff; + display: block; + font-size: 14px; +} + +.wrapper .container .custom-select{ + width: 80%; + padding: 10px 20px; + border: 0; + font-size: 12px; + background: #ecebeb; + border-radius: 25px; +} + +.wrapper .container .custom-select select{ +color: #494f57; +}*/ + +.select-field { + display: inline-block; + width: 500px; + max-width: 600px; + height: 37px; + margin: 0px 106px; + margin-bottom: 10px; + + padding: 0px; + background-color: #ecebeb; + border-radius: 30px; + position: relative; + z-index: 1; +} + +.select-field select { + float: left; + margin-left: 50px; + width: 100%; + height: 100%; + font-size: 12px; + margin: 0px 6px; + padding: 0px 45px 0px 15px; + border: 0px; + background-color: transparent; + color: #757575; + position: relative; + z-index: 3; + + -webkit-appearance: none; + -moz-appearance: none; + -ms-appearance: none; + -o-appearance: none; + appearance: none; + + background-image: + linear-gradient(45deg, transparent 50%, gray 50%), + linear-gradient(135deg, gray 50%, transparent 50%), + linear-gradient(to right, #ccc, #ccc); + + background-position: + calc(100% - 25px) calc(1em + 4px), + calc(100% - 20px) calc(1em + 4px), + calc(100% - 3.2em) 0.7em; + + background-size: + 5px 5px, + 5px 5px, + 1px 1.5em; +background-repeat: no-repeat; +} + +.select-field select option { + padding: 10px; +} + +.dropdown-el { + margin-top:20vh; + + min-width: 12em; + position: relative; + display: inline-block; + margin-right: 1em; + min-height: 2em; + max-height:2em; + overflow:hidden; + top: .5em; + cursor: pointer; + text-align: left; + white-space: nowrap; + color: #444; + + outline: none; + border: .06em solid transparent; + border-radius: 1em; + background-color: mix($color,#fff,25%); + + transition: $timing all ease-in-out; + input:focus + label { + background-color: #def; + } + input { + width: 1px; + height: 1px; + display: inline-block; + position: absolute; + opacity: 0.01; + } + label { + border-top: .06em solid #d9d9d9; + display:block; + height: 2em; + line-height: 2em; + padding-left: 1em; + padding-right: 3em; + cursor: pointer; + position: relative; + transition: $timing color ease-in-out; + &:nth-child(2) { + margin-top: 2em; + border-top: .06em solid #d9d9d9; + } + } + input:checked + label { + display:block; + border-top: none; + position: absolute; + top: 0; + width: 100%; + + &:nth-child(2) { + margin-top: 0; + position: relative; + } + } + + &::after { + content:""; + position: absolute; + right: 0.8em; + top: 0.9em; + border: .3em solid $color; + border-color: $color transparent transparent transparent; + transition: .4s all ease-in-out; + } + &.expanded { + border: .06em solid $color; + background: #fff; + border-radius: .25em; + padding: 0; + box-shadow: rgba(0, 0, 0, 0.1) 3px 3px 5px 0px; + max-height:15em; + + label { + border-top: .06em solid #d9d9d9; + &:hover { + color:$color; + } + } + input:checked + label { + color:$color; + } + + &::after { + transform: rotate(-180deg); + top:.55em; + } + } +} + +.button { + background: #39b7dd; + margin-left: 200px; + margin-top: 15px; + text-align: center; + padding: 15px; + border-radius: 15px; + border: none; + color: #fff; + cursor: pointer; + text-transform: uppercase; + width: 150px; + font-size: 15px; +} + +.button span { + cursor: pointer; + display: inline-block; + position: relative; + transition: 0.5s; +} + +.button span:after { + content: '\00bb'; + position: absolute; + opacity: 0; + top: 0; + right: -20px; + transition: 0.5s; +} + +.button:hover span { + padding-right: 15px; +} + +.button:hover span:after { + opacity: 1; + right: 0; +}