albert/qmining-page
1
0
Fork 0
mirror of https://gitlab.com/MrFry/qmining-page synced 2025-04-01 20:23:44 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Sidebar rework (part 2), overall apearance rework (home page)

Browse source 
/home gomb kérdése megoldva, link a logo-n fixed/
This commit is contained in:
ndaniel1102 2021-02-26 21:05:25 +01:00
parent 58db2e3d24
commit 050eb28fb3
6 changed files with 79 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/defaultStyles.css
View file

@ -2,21 +2,25 @@
--text-color: #F2CB05;
--bright-color: #f2f2f2;
--background-color: #222426;
--hoover-color: #202020;
--hoover-color: #191919;
}
@import url('https://fonts.googleapis.com/css2?family=Kameron&family=Overpass+Mono:wght@300;400&display=swap');
body {
font-family: 'Kameron', serif;
font-family: 'Overpass Mono', monospace;
color: #999999;
font-family: 'Kameron', serif;
font-family: 'Overpass Mono', monospace;
color: #999999;
}
a {
color: white;
}
a:hover {
color: #C1C1C1;
}
.link {
margin: 20px;
font-size: 20px;
@ -46,19 +50,19 @@ a {
}
.sidebarLinks a {
display: block;
text-align: center;
color: black;
font-size: 108%;
padding: 14px;
margin-top: 4px;
margin-bottom: 4px;
text-decoration: none;
color: var(--bright-color);
display: block;
text-align: center;
color: black;
font-size: 108%;
padding: 14px;
margin-top: 4px;
margin-bottom: 4px;
text-decoration: none;
color: var(--bright-color);
}
.sidebarLinks a:hover {
transition: width 0.5s, height 0.5s, ease-out 0.5s;
transition: width 0.5s, height 0.5s, ease-out 0.5s;
}
.sidebarLinks a.active{
@ -254,7 +258,7 @@ select:hover {
display: flex;
margin-top: auto;
margin-bottom: 20px;
background-color: #373737;
align-items: center;
justify-content: space-between;
}
@ -265,8 +269,10 @@ select:hover {
}
.logout {
padding: 7px;
padding: 6px;
margin-right: 7px;
cursor: pointer;
font-size: 15.5px;
}
.logout:hover {
@ -274,9 +280,11 @@ select:hover {
}
.msgs :first-child {
font-size: 35px;
font-size: 27px;
margin-left: 4px;
}
.msgs > div {
margin: 0px 5px;
padding: 2px 6px;
font-size: 13.5px;
}