diff --git a/website/img/add-friend.png b/website/img/add-friend.png new file mode 100644 index 0000000..87d1d44 Binary files /dev/null and b/website/img/add-friend.png differ diff --git a/website/profile.php b/website/profile.php new file mode 100644 index 0000000..0ecdda1 --- /dev/null +++ b/website/profile.php @@ -0,0 +1,18 @@ + + + + + + + diff --git a/website/styles/main.css b/website/styles/main.css index 0c88228..d109a3e 100644 --- a/website/styles/main.css +++ b/website/styles/main.css @@ -35,6 +35,7 @@ body { } .content { + padding: 20px; margin-top: 80px; margin-left: 256px; min-height: 100%; @@ -117,3 +118,26 @@ td { text-align: left; font-weight: normal; } + +/* Custom title box, appears instantaneously */ +a:hover { + position: relative; +} + +a[data-title]:hover:after { + content: attr(data-title); + padding: 4px 4px; + color: #FFFFFF; + position: absolute; + left: 0; + top: 100%; + z-index: 20; + white-space: nowrap; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; + -moz-box-shadow: 0px 0px 4px #222; + -webkit-box-shadow: 0px 0px 4px #222; + box-shadow: 0px 0px 4px #222; + background-color: #333; +} diff --git a/website/styles/profile.css b/website/styles/profile.css new file mode 100644 index 0000000..da4cc64 --- /dev/null +++ b/website/styles/profile.css @@ -0,0 +1,62 @@ +.profile-box, .item-box, .post-box { + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); +} + +.profile-box { + min-height: 150px; + padding: 25px; + background-color: #FFFFFF; +} + +.profile-box .profile-picture { + width: 150px; + height: 150px; + margin: 0 20px 20px 0; +} + +.profile-box .profile-username { + padding-top: 50px; +} + +.item-box { + width: calc(50% - 60px); + margin: 20px 0 0 0; + padding: 25px; + background-color: #FFFFFF; +} + +.posts { + background-color: red; + margin-top: 20px; +} + +.post-box { + float: left; + width: 250px; + margin: 20px 20px 0 0; + padding: 25px; + background-color: #FFFFFF; +} + +.post-box img { + width: 250px; +} + +.post-box .post-date { + float: right; + color: #aaaaaa; + font-size: 0.8em; +} + +.friend-request { + float: right; + padding: 10px; + border-radius: 3px; + background-color: #845663; + color: #FFFFFF; + transition-duration: 250ms; +} + +.friend-request:hover { + background-color: #B78996; +} \ No newline at end of file diff --git a/website/views/head.php b/website/views/head.php index 3654103..3266463 100644 --- a/website/views/head.php +++ b/website/views/head.php @@ -8,6 +8,7 @@