kenobi/dotfiles
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

mostly startpage

Browse Source
This commit is contained in:
Markus Dieckmann
2019-04-05 11:12:27 +02:00
parent 569a8969c9
commit aa6d6097f0
18 changed files with 903 additions and 864 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
startpage/styles.css
View File

@ -1,120 +1,120 @@
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
body {
background-color: #4b6855;
margin: 0px;
}
.container {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#clock {
font-family: sans-serif;
font-size: 3.5rem;
font-weight: 600;
font-family: "Roboto Mono";
color: #fff;
margin-bottom: .25em;
}
#search {
width: 100%;
height: 100vh;
background-color: #272727;
display: none;
position: absolute;
box-sizing: border-box;
flex-direction: column;
align-items: center;
justify-content: center;
}
#search-field {
width: 90%;
padding: .75em 1em;
box-sizing: border-box;
background-color: #272727;
border: solid 0px #272727;
font-family: "Roboto Mono";
font-size: 4rem;
color: #f2f2f2;
outline: none;
border-radius: 3px;
margin-bottom: 1em;
text-align: center;
}
.weather-container {
width: 30%;
background-color: #272727;
padding: 1em;
border-radius: 3px;
font-family: "Roboto Mono";
color: #fff;
text-align: center;
}
.inline {
display: inline-block;
}
.bookmark-container {
display: flex;
flex-direction: row;
justify-content: center;
width: 50%;
margin: 1em 0em;
}
@media only screen and (max-width: 960px) {
.container {
height: auto;
}
#clock {
margin-top: 1em;
}
.container > .bookmark-container {
flex-direction: column;
width: 60%;
}
.bookmark-container > .bookmark-set {
width: auto;
margin: 1em 0em;
}
}
.bookmark-set{
padding: 1em;
background-color: #272727;
border-radius: 3px;
font-family: "Roboto Mono";
font-size: 1.25rem;
height: auto;
margin: 0em .5em;
}
.bookmark-inner-container {
overflow-y: visible;
overflow-x: visible;
height: 80%;
vertical-align: top;
}
.bookmark-title {
font-size: 1.1rem;
font-weight: 600;
color: #fff;
margin: 0em 0em .35em 0em;
}
.bookmark {
text-decoration: none;
color: #8c8c8b;
display:block;
margin: .5em 0em;
}
.bookmark:hover {
color: #fff;
}
@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
body {
background-color: #4b6855;
margin: 0px;
}
.container {
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
#clock {
font-family: sans-serif;
font-size: 3.5rem;
font-weight: 600;
font-family: "Roboto Mono";
color: #fff;
margin-bottom: .25em;
}
#search {
width: 100%;
height: 100vh;
background-color: #272727;
display: none;
position: absolute;
box-sizing: border-box;
flex-direction: column;
align-items: center;
justify-content: center;
}
#search-field {
width: 90%;
padding: .75em 1em;
box-sizing: border-box;
background-color: #272727;
border: solid 0px #272727;
font-family: "Roboto Mono";
font-size: 4rem;
color: #f2f2f2;
outline: none;
border-radius: 3px;
margin-bottom: 1em;
text-align: center;
}
.weather-container {
width: 30%;
background-color: #272727;
padding: 1em;
border-radius: 3px;
font-family: "Roboto Mono";
color: #fff;
text-align: center;
}
.inline {
display: inline-block;
}
.bookmark-container {
display: flex;
flex-direction: row;
justify-content: center;
width: 50%;
margin: 1em 0em;
}
@media only screen and (max-width: 960px) {
.container {
height: auto;
}
#clock {
margin-top: 1em;
}
.container > .bookmark-container {
flex-direction: column;
width: 60%;
}
.bookmark-container > .bookmark-set {
width: auto;
margin: 1em 0em;
}
}
.bookmark-set{
padding: 1em;
background-color: #272727;
border-radius: 3px;
font-family: "Roboto Mono";
font-size: 1.25rem;
height: auto;
margin: 0em .5em;
}
.bookmark-inner-container {
overflow-y: visible;
overflow-x: visible;
height: 80%;
vertical-align: top;
}
.bookmark-title {
font-size: 1.1rem;
font-weight: 600;
color: #fff;
margin: 0em 0em .35em 0em;
}
.bookmark {
text-decoration: none;
color: #8c8c8b;
display:block;
margin: .5em 0em;
}
.bookmark:hover {
color: #fff;
}