added xcode layout

This commit is contained in:
gurkenhabicht 2022-09-25 17:15:29 +02:00
parent d68e75472d
commit 5ee1cec97b
5 changed files with 186 additions and 23 deletions

View File

@ -1,3 +1,3 @@
[content]
path = "templates/content/"
style = "github-dark" # Supported styles are one-dark, solarized-dark, solarized-light, github-dark
style = "xcode" # Supported styles are one-dark, solarized-dark, solarized-light, github-dark, xcode

View File

@ -1,9 +1,9 @@
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #c6cdd5;
border: 1px solid #262626;
border-top: 0;
background: #0d1117;
background: #ecf5ff;
box-shadow: -1px 1px 3px rgba(0,0,0,.1);
/* core styles should not be changed */
@ -24,22 +24,22 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #ecf2f8;
color: #262626;
}
.autocomplete-suggestion b {
font-weight: normal;
color: #161b22;
color: #262626;
}
.autocomplete-suggestion.selected {
background: #77bdfb;
color: #ecf2f8;
background: #2e9dff;
color: #e5e5e5;
}
.autocomplete-suggestion:hover {
background: #77bdfb;
color: #ecf2f8;
background: #2e9dff;
color: #e5e5e5;
}
.autocomplete-suggestion > .context {

View File

@ -1,17 +1,17 @@
html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; }
body { text-decoration: none; color: #ecf2f8; background-color: #161b22;}
body { text-decoration: none; color: #262626; background-color: #fff;}
blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;}
pre { background-color: #0d1117;color: #ecf2f8;border: 1px solid #89929b; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; }
code { background-color: #0d1117; color: #ecf2f8; }
pre { background-color: #fff;color: #262626;border: 1px solid #262626; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; }
code { background-color: #fff; color: #262626; }
hr { height: 0px; }
a {color: inherit; text-decoration: none; }
a:hover {color: #77bdfb; text-decoration: solid underline;}
details > summary{ background-color: #0d1117; font-size: 18px;}
details > summary:hover { background-color: #21262d; color: #ecf2f8;}
a:hover {color: #2e9dff; text-decoration: solid underline;}
details > summary{ background-color: #ecf5ff; font-size: 18px;}
details > summary:hover { background-color: #2e9dff; color: #ecf2f8;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #fa7970; }
::-moz-selection { background-color: #fa7970; }
::selection { background-color: #2e9dff; }
::-moz-selection { background-color: #2e9dff; }
.menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; }
.HolyGrail,
@ -31,6 +31,7 @@ details summary::marker { content: "\1F4C1\20";}
flex-direction: row;
flex: 1;
text-align: left;
border-top: 1px solid #262626; border-bottom: 1px solid #262626;
}
.HolyGrail-content {
@ -38,13 +39,12 @@ details summary::marker { content: "\1F4C1\20";}
text-align: left;
margin-left: 1em;
margin-right: 1em;
border-top: 1px solid #89929b; border-bottom: 1px solid #89929b;
}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #0d1117;
background-color: #ecf5ff;
}
@ -101,15 +101,15 @@ details summary::marker { content: "\1F4C1\20";}
margin-bottom: 16px;
width: 30%;
height: 42px;
background-color: #0d1117;
border: 1px solid #21262d;
background-color: #ecf5ff;
border: 1px solid #262626;
font-weight: 20px;
color: #c6cdd5;
color: #262626;
cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
}
.search-container input:focus {
border: 2px solid #c6cdd5;
border: 2px solid #2e9dff;
outline: 0 none;
}

View File

@ -0,0 +1,48 @@
.autocomplete-suggestions {
text-align: left;
cursor: default;
border: 1px solid #262626;
border-top: 0;
background: #ecf5ff;
box-shadow: -1px 1px 3px rgba(0,0,0,.1);
/* core styles should not be changed */
position: absolute;
display: none;
z-index: 9999;
max-height: 254px;
overflow: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.autocomplete-suggestion {
position: relative;
cursor: pointer;
padding: 7px;
line-height: 23px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #262626;
}
.autocomplete-suggestion b {
font-weight: normal;
color: #262626;
}
.autocomplete-suggestion.selected {
background: #2e9dff;
color: #e5e5e5;
}
.autocomplete-suggestion:hover {
background: #2e9dff;
color: #e5e5e5;
}
.autocomplete-suggestion > .context {
font-size: 12px;
}

115
static/xcode.css Normal file
View File

@ -0,0 +1,115 @@
html *{ font-family: Dejavu Sans Mono, MesloGS NF, Menlo, Consolas, Monospace !important; }
body { text-decoration: none; color: #262626; background-color: #fff;}
blockquote { text-align: center; font-size: 16px; font-style: normal; line-height: 30px;}
pre { background-color: #fff;color: #262626;border: 1px solid #262626; font-size: 14px; padding-left: 2ch;padding-top:2ch; padding-bottom: 2ch; overflow: auto; }
code { background-color: #fff; color: #262626; }
hr { height: 0px; }
a {color: inherit; text-decoration: none; }
a:hover {color: #2e9dff; text-decoration: solid underline;}
details > summary{ background-color: #ecf5ff; font-size: 18px;}
details > summary:hover { background-color: #2e9dff; color: #ecf2f8;}
details summary::-webkit-details-marker,
details summary::marker { content: "\1F4C1\20";}
::selection { background-color: #2e9dff; }
::-moz-selection { background-color: #2e9dff; }
.menu { line-height: 1em; font-size: 32px; line-height: 1em; text-decoration: none; }
.HolyGrail,
.HolyGrail-body {
display: flex;
flex-direction: column;
}
.HolyGrail-nav {
padding-right: 1em;
padding-top: 1em;
order: -1;
}
@media (min-width: 48em) {
.HolyGrail-body {
flex-direction: row;
flex: 1;
text-align: left;
border-top: 1px solid #262626; border-bottom: 1px solid #262626;
}
.HolyGrail-content {
flex: 1;
text-align: left;
margin-left: 1em;
margin-right: 1em;
}
.HolyGrail-nav, .HolyGrail-ads {
/* 12em is the width of the columns */
flex: 0 0 14em;
background-color: #ecf5ff;
}
.HolyGrail-ads ul li {
list-style-type: none!important;
text-align: left;
border: none;
white-space: normal;
}
.HolyGrail-nav ul {
list-style-type: none!important;
padding-left : 0.3em;
margin: 0em;
text-align: left;
}
.HolyGrail-nav li {
list-style-type: none!important;
padding-left : 1em;
margin: 0em;
text-align: left;
}
.HolyGrail-nav a{
overflow-wrap: break-word;
}
.HolyGrail-nav a:hover{
}
.HolyGrail-nav a:before{
content: "";
}
.HolyGrail-ads ul{
padding-left: 0.5em;
padding-right: 0;
}
.HolyGrail-ads ul li:before {
content: "\203B\20";
}
}
.search-container{
position: relative;
}
.search-container input {
display: inline-block;
align: center;
margin-top: 8px;
margin-bottom: 16px;
width: 30%;
height: 42px;
background-color: #ecf5ff;
border: 1px solid #262626;
font-weight: 20px;
color: #262626;
cursor: pointer;
padding-left: 1ch;
padding-right: 1ch;
}
.search-container input:focus {
border: 2px solid #2e9dff;
outline: 0 none;
}