added xcode layout
This commit is contained in:
parent
d68e75472d
commit
5ee1cec97b
|
@ -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
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
@ -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;
|
||||
}
|
Loading…
Reference in New Issue