zias/wolk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Beautify stuff and remove useless stuff

Browse Source 
Former-commit-id: 4011c8fdf2e371a7c4b5bd869358abbb816cf3cd [formerly ea701dcc1585c3293ebe12bbf7e44fce2783c7d2] [formerly 94530d6438acaac29e48e6fb87935137eb494356 [formerly b66f6bd78ac5c34837af076c5d6470976ea6b42c]]
Former-commit-id: af893939aa40b62b4879a0222fd5b5d5862f4463 [formerly 82093eb578ddb6a12f6a19aff054033c72601ecb]
Former-commit-id: 09c904479b844653c2f7b636afde3aea6b933421
This commit is contained in:
Henrique Dias
2017-07-04 16:55:36 +01:00
parent 520e5c7763
commit 9c0c2d7a02
7 changed files with 407 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
_assets/src/css/header.css
View File

@@ -1,93 +1,101 @@
header {
z-index: 1000;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 0;
display: flex;
z-index: 1000;
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.075);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 0;
display: flex;
}
header a,
header a:hover {
color: inherit;
color: inherit;
}
header>div:first-child>.action,
header img {
margin-right: 1em;
}
header img {
height: 2.5em;
margin-right: 1em;
vertical-align: middle;
height: 2.5em;
}
header>div:first-child>.action {
display: none;
}
header>div {
display: flex;
width: 100%;
padding: 0.5em 0.5em 0.5em 1em;
align-items: center;
display: flex;
width: 100%;
padding: 0.5em 0.5em 0.5em 1em;
align-items: center;
}
header .action span {
display: none;
display: none;
}
header>div div {
vertical-align: middle;
position: relative;
vertical-align: middle;
position: relative;
}
header > div:first-child {
height: 4em;
header>div:first-child {
height: 4em;
}
header > div:last-child {
justify-content: flex-end;
header>div:last-child {
justify-content: flex-end;
}
/* * * * * * * * * * * * * * * *
* MORE?? *
* * * * * * * * * * * * * * * */
#more {
display: none;
display: none;
}
#file-only {
display: inline-block;
border-right: 1px solid rgba(0, 0, 0, 0.075);
padding-right: .3em;
margin-right: .3em;
transition: .2s ease opacity, visibility;
visibility: visible;
display: inline-block;
border-right: 1px solid rgba(0, 0, 0, 0.075);
padding-right: .3em;
margin-right: .3em;
transition: .2s ease opacity, visibility;
visibility: visible;
}
#file-only.disabled {
opacity: 0;
visibility: hidden;
opacity: 0;
visibility: hidden;
}
#download ul.active {
top: 0;
right: 0;
top: 0;
right: 0;
}
#more ul.active {
right: .5em;
top: 4.5em;
right: .5em;
top: 4.5em;
}
/* * * * * * * * * * * * * * * *
* SEARCH BAR *
* * * * * * * * * * * * * * * */
#search {
position: relative;
height: 100%;
width: 100%;
max-width: 25em;
position: relative;
height: 100%;
width: 100%;
max-width: 25em;
}
#search.active {
@@ -117,26 +125,26 @@ header > div:last-child {
height: 4em;
}
#search.active > div {
#search.active>div {
border-radius: 0 !important;
}
#search.active i,
#search.active input {
color: #212121;
color: #212121;
}
#search #input > .action,
#search #input > i {
margin-right: 0.3em;
user-select: none;
#search #input>.action,
#search #input>i {
margin-right: 0.3em;
user-select: none;
}
#search input {
width: 100%;
border: 0;
outline: 0;
background-color: transparent;
width: 100%;
border: 0;
outline: 0;
background-color: transparent;
}
#search #result {
@@ -212,4 +220,3 @@ header > div:last-child {
#search:-ms-input-placeholder {
color: rgba(255, 255, 255, .5);
}