added user-profile features

1 files changed, 139 insertions, 0 deletions

diff --git a/assets/css/user_profile.css b/assets/css/user_profile.css
new file mode 100644
index 0000000..39d86b0
--- /dev/null
+++ b/assets/css/user_profile.css
@@ -0,0 +1,139 @@
+/*** USER PROFILE PAGE  ***/
+
+.user-info-content img{
+    max-width: 120px;
+}
+
+.u-main{
+    /*word-break: break-all; */
+    background-color: #f9f9f9;
+    border-radius: 3px;
+    box-shadow: 2px 4px 5px 0 rgba(0,0,0,0.1);
+    text-align: left;
+    font-family: 'Roboto', sans-serif;
+
+}
+
+.u-title h1{
+    text-align: center;
+    font-size: 2em;
+    color: #404040;
+}
+
+.u-main h2{
+    margin: 0;
+    /* top, right, bot, left */
+    padding: 10px 0 10px 0;
+    font-style: normal;
+    font-family: 'Roboto', sans-serif;
+    color: #6b6b6b;
+    font-size: 1.8em;
+}
+.u-main h3{
+    color: #545454;
+    font-size: 1.3em;
+}
+.u-main h4{
+    color: #8d8d8d;
+    font-size: 1em;
+    margin-bottom: 30px;
+}
+
+.u-main h5{
+    color: #8d8d8d;
+    font-size: 1em;
+    margin: 0;
+    padding: 8px;
+    -webkit-transition-duration: 0.4s; /* Safari */
+    transition-duration: 0.4s;
+}
+
+.u-main .u-name-header{
+    text-align: left;
+    border-bottom: 1px solid #ededed;
+}
+.u-aside{
+    background-color: #eeefef;
+}
+.u-main .img-circle{
+    border: 8px solid white;
+    box-shadow: 0 0 10px 3px rgba(45, 45, 45, 0.1);
+}
+.u-aside{
+    /* top, right, bot, left */
+    padding: 15px 0 15px 0;
+}
+
+/* Nav Options */
+.u-main nav button{
+    padding: 0;
+    margin: 0;
+    width: 100%;
+    border: none;
+    -webkit-transition-duration: 0.4s; /* Safari */
+    transition-duration: 0.4s;
+    cursor: pointer;
+}
+
+.u-main nav button{
+    text-align: right;
+    background-color: #e8e8e8;
+
+    border-bottom: 1px solid #dadbda;
+    border-top: 1px solid #dadbda;
+
+}
+.u-main nav .nav-o .nav-o-container{
+    -webkit-transition-duration: 0.4s; /* Safari */
+    transition-duration: 0.4s;
+    border-right: 8px solid #6e6e6e;
+}
+
+/* Nav hover styles */
+nav .nav-o:hover {
+    background-color: #606060;
+    color: #dcdcdc;
+}
+
+nav .nav-o:hover h5{
+    color: #dcdcdc;
+}
+nav .nav-o:hover .nav-o-container{
+    border-right: 8px solid rgba(245, 132, 137, 1);
+}
+
+/* Page Content */
+.u-pages section{
+    padding: 30px 0 30px 0;
+}
+
+.u-pages h4{
+    color: #49c7b1;
+    font-size: 1.5em;
+    padding: 0;
+    margin: 0;
+}
+
+.u-pages hr{
+    border-top: 1px solid #cbcbcb;
+}
+
+.u-pages h5{
+    padding: 0;
+    font-size: 1.1em;
+    font-style: italic;
+    margin: 10px 0 10px 0;
+}
+.u-pages .u-profile p{
+    padding: 0;
+    margin: 0;
+    color: #7b7b7b;
+}
+.u-pages .u-profile em{
+    font-weight: bolder;
+    color: #737373;
+}
+
+
+
+/*** USER PROFILE PAGE END ***/
\ No newline at end of file