MyHyvesBookPlus/WebDB
1
0
Fork 0
Code Issues 2 Pull Requests Projects Releases Wiki Activity

Merge branch 'master' into hendrik-search

Browse Source
This commit is contained in:
Hendrik
2017-01-23 16:06:03 +01:00
parent e6f5044a9a 449b500636
commit 2ff23ae668
26 changed files with 302 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
website/public/styles/adminpanel.css
View File

@@ -6,7 +6,7 @@
.admin-title {
margin: 10px;
padding-bottom: 5px;
border-bottom: 4px solid #845663;
border-bottom: 4px solid #FBC02D;
}
.admin-panel input[type="radio"], input[type="checkbox"] {
@@ -18,7 +18,7 @@
padding: 8px;
vertical-align: top;
border-radius: 10px;
border: 4px solid #845663;
border: 4px solid #FBC02D;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

2
website/public/styles/chat.css
View File

@@ -83,7 +83,7 @@
.chat-field input[type="submit"] {
width: auto;
float: right;
background-color: #845663;
background-color: #FBC02D;
color: white;
padding: 5px 10px;
border-radius: 0 10px 10px 0;

30
website/public/styles/header.css
View File

@@ -8,21 +8,23 @@ header {
width: 100%;
color: white;
background-color: rgba(132,86,99, 0.98);
background-color: #FBC02D;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#header-logo {
padding-left: 42px;
}
#header-logo, #header-logo img {
height: 80px;
vertical-align: middle;
line-height: 80px;
padding-left: 5px;
}
#header-search {
padding-left: 48px;
padding-left: 42px;
}
@@ -33,32 +35,12 @@ header {
header div {
display: inline-block;
}
#open-chat {
font-size: 32px;
line-height: 80px;
margin-right: 50px;
}
.profile-menu {
font-size: 21px;
}
.profile-menu img {
padding: 8px;
height: 64px;
width: 64px;
}
#own-profile-picture, #profile-menu-popup span {
#own-profile-picture {
cursor: pointer;
}
#profile-menu-popup {
padding: 5px;
background: white;
color: #666;
border-radius: 3px;
}

8
website/public/styles/index.css
View File

@@ -13,13 +13,13 @@ a.button {
/* Body */
body {
height: 900px;
height: 100%;
background-color: #C8CABD;
/*background-image: url(http://play.pokemonshowdown.com/fx/client-bg-shaymin.jpg);
background-size: cover;
background-attachment: fixed;*/
/*background-color: #B78996;*/
/*background-color: #EEE;*/
color: #333;
font-family: Arial, sans-serif;
}
@@ -46,7 +46,7 @@ body {
form {
/*background-color: #a87a87;*/
border-radius: 12px;
height: 80%;
height: 70%;
margin: auto;
width: 70%;
overflow-y:auto;
@@ -159,7 +159,7 @@ label {
background-repeat: repeat-x;
background-attachment: fixed;*/
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
height: 550px;
height: 500px;
margin: 34px auto;
overflow-y: auto;
padding: 20px;

71
website/public/styles/main.css
View File

@@ -18,7 +18,7 @@ html {
body {
height: 100%;
background-color: #B78996;
background-color: #EEE;
color: #333;
font-family: Arial, sans-serif;
}
@@ -37,11 +37,12 @@ h3 {
}
h4 {
font-size: 1.6em;
font-size: 1.2em;
}
h5 {
font-size: 1.4em;
font-size: 1.0em;
color: #666;
}
ul {
@@ -54,12 +55,12 @@ p {
/* Selection colors */
::selection {
background: #845663;
background: #FBC02D;
color: white;
}
::-moz-selection {
background: #845663;
background: #FBC02D;
color: white;
}
@@ -75,7 +76,7 @@ p {
.platform {
padding: 20px;
margin-bottom: 10px;
border-radius: 10px;
border-radius: 5px;
background-color: #FFFFFF;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@@ -143,7 +144,7 @@ button, input, select {
cursor: pointer;
border: none;
font-size: 16px;
border-radius: 7px;
transition-duration: 250ms;
}
/* All textinput and sections */
@@ -151,19 +152,53 @@ textarea, input, select {
padding: 0 5px;
background: white;
color: #333333;
border: 1px solid #845663;
border-radius: 7px;
border-radius: 5px;
border-bottom: 1px solid #4CAF50;
font-size: 16px;
outline: none;
transition-duration: 250ms;
}
textarea {
padding: 5px;
resize: none;
}
textarea:hover, input:hover, select:hover {
border-radius: 10px;
}
textarea:focus, input:focus, select:focus {
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* All buttons */
button,
input[type="submit"],
input[type="reset"] {
background-color: #845663;
background-color: #FBC02D;
color: white;
padding: 0 10px;
border: none;
border-radius: 5px;
}
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
outline: none;
}
button:active,
input[type="submit"]:active,
input[type="reset"]:active {
outline: none;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)
}
input[type="radio"] {
border-radius: 100%;
}
/* Tables */
@@ -190,19 +225,17 @@ img[data-title]:hover:after,
span[data-title]:hover:after,
div[data-title]:hover:after {
content: attr(data-title);
padding: 4px 4px;
padding: 7px 7px;
color: #FFFFFF;
position: absolute;
left: 0;
top: 100%;
z-index: 20;
top: 150%;
z-index: 200;
white-space: nowrap;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 4px #222;
-webkit-box-shadow: 0 0 4px #222;
box-shadow: 0 0 4px #222;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
background-color: #333;
font-size: 15px;
line-height: normal;

29
website/public/styles/menu.css
View File

@@ -1,12 +1,19 @@
.menu {
position: fixed;
z-index: 50;
overflow-y: auto;
left: 0;
top: 80px;
height: calc(100% - 80px);
width: 256px;
background-color: #EEE;
/*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/
}
.menu section {
margin: 0 5px 10px 5px;
background-color: white;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
@@ -26,12 +33,13 @@
cursor: pointer;
}
.friend-item {
.friend-item, .group-item {
cursor: pointer;
transition-duration: 250ms;
}
.friend-item:hover, .group-item:hover {
background: #845663;
background: #FBC02D;
color: white;
}
@@ -42,4 +50,21 @@
height: 100%;
padding: 0;
text-align: left;
}
#notification-center {
left: auto;
width: 256px;
right: -256px;
}
#quick-links {
text-align: center;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#quick-links i {
color: #4CAF50;
font-size: 42px;
padding: 7px;
}

52
website/public/styles/profile.css
View File

@@ -10,9 +10,12 @@
margin: 0 20px 20px 0;
}
.profile-box .profile-username {
.profile-box h1.profile-username {
padding-top: 50px;
}
.profile-box h5.profile-username {
padding: 0 0 10px 0;
}
div.posts {
padding-top: 20px;
@@ -25,6 +28,15 @@ div.posts div.post {
margin: 20px 0 0 0;
padding: 10px;
width: calc(100% - 40px);
cursor: pointer;
transition-duration: 250ms;
}
div.posts div.post:hover {
/*margin: 15px 0 0 -5px;*/
/*padding: 15px;*/
/*z-index: 20;*/
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
div.posts div.post img {
@@ -37,23 +49,18 @@ div.posts .post p.subscript {
font-size: 8pt;
}
/*.posts {*/
/*z-index: -1;*/
/*margin-right: 0;*/
/*width: calc(100% + 15px);*/
/*}*/
div.posts .post form input, div.posts .post form textarea {
width: calc(100% - 15px);
}
/*.post-box {*/
/*display: inline-flex;*/
/*margin: 20px 15px 0 0;*/
/*padding: 25px;*/
/*background-color: #FFFFFF;*/
/*}*/
div.posts .post form input[type="submit"] {
width: 100%;
}
/*!* fullscreen *!*/
/*.post-box {*/
/*width: calc(25% - 69px);*/
/*}*/
div.posts .post form textarea.newpost {
margin: 15px 0 15px 0;
height: 100px;
}
@media only screen and (max-width: 1500px) {
.post-box {
@@ -68,14 +75,6 @@ div.posts .post p.subscript {
}
}
.post {
width: 100%;
}
.post img {
width: 100%;
}
.post .post-date {
float: right;
color: #aaaaaa;
@@ -86,11 +85,12 @@ div.posts .post p.subscript {
float: right;
padding: 10px;
border-radius: 5px;
background-color: #845663;
background-color: #4CAF50;
color: #FFFFFF;
transition-duration: 250ms;
cursor: pointer;
}
.profile-button:hover {
background-color: #B78996;
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}