-@font-face
-{
- font-family: lg;
- src: url(lg.ttf);
+@font-face {
+ font-family: lg;
+ src: url(lg.ttf);
}
-@font-face
-{
- font-family: lgb;
- src: url(lgb.ttf);
+@font-face {
+ font-family: lgb;
+ src: url(lgb.ttf);
}
-
body {
- font-family: sans-serif;
- font-size:16px;
- line-height:1.5em;
+ font-family: sans-serif;
+ font-size: 16px;
+ line-height: 1.5em;
}
h1, h2, h3, h4 {
- text-transform: uppercase;
+ text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
- font-family:lgb;
-/* font-size: 1em;*/
- color:#000;
- font-weight:normal;
- margin: 1em 0;
- border:0;
+ font-family: lgb;
+ /* font-size: 1em;*/
+ color: #000;
+ font-weight: normal;
+ margin: 1em 0;
+ border: 0;
}
h1, h2 {
- margin:3em 0 1em 0;
- font-size:1.5em;
- color: #aaa;
+ margin: 3em 0 1em 0;
+ font-size: 1.5em;
+ color: #aaa;
}
h3, h4 {
- margin: 2em 0 1em 0;
+ margin: 2em 0 1em 0;
}
h1 a, h2 a, h3 a, h4 a {
- font-weight: normal;
- text-decoration: none;
+ font-weight: normal;
+
}
.post h2::before, .post h2::after {
- /*content:" ---- ";*/
+ /*content:" ---- ";*/
}
-
-h3:first-child,
-h2:first-child {
- margin-top:0;
+h3:first-child, h2:first-child {
+ margin-top: 0;
}
h3, h4 {
- font-size:1.3em;
-/* margin-bottom:0em;*/
- color:#999;
- font-weight:normal;
+ font-size: 1.3em;
+ /* margin-bottom:0em;*/
+ color: #999;
+ font-weight: normal;
}
h4 {
- font-size:1em;
+ font-size: 1em;
+}
+p {
+ margin: 1em 0;
}
-p { margin: 1em 0; }
-
a {
- color: #000;
- font-weight:bold;
- text-decoration: underline;
+ color: #000;
+ font-weight: bold;
+ text-decoration: underline;
+ text-decoration-color: #aaa;
}
-a:hover {
- color: #aaa;
- text-decoration:none;
+a:hover {
+ color: #aaa;
+ text-decoration: none;
}
-
-
blockquote {
- padding:0.5rem;
- line-height:1.8em;
- font-style: italic;
- border-left: 2px dotted #444;
- font-family: serif;
- font-size: 1.2em;
- color:#666;
- margin: 3rem 0;
- padding-left: 3rem;
+ padding: 0.5rem;
+ line-height: 1.8em;
+ font-style: italic;
+ border-left: 2px dotted #444;
+ font-family: serif;
+ font-size: 1.2em;
+ color: #666;
+ margin: 3rem 0;
+ padding-left: 3rem;
}
-
-
p {
- text-align:left;
+ text-align: left;
}
-
header {
- margin-bottom:2em;
- position:absolute;
- top: 2em;
- left: 1em;
+ margin-bottom: 2em;
+ position: absolute;
+ top: 2em;
+ left: 1em;
}
-
ul.thumbs {
- display: flex;
- flex-wrap: wrap;
+ display: flex;
+ flex-wrap: wrap;
}
ul.thumbs, ul.thumbs li {
- margin:0;
- list-style-type:none;
- padding:0;
+ margin: 0;
+ list-style-type: none;
+ padding: 0;
}
ul.thumbs li {
- width:200px;
- margin:1em;
+ width: 200px;
+ margin: 1em;
}
ul.thumbs .img {
- background:#444;
- min-width:100px;
- min-height:100px;
- display:inline-block;
- line-height:0;
- padding:0;
- margin:0;
+ background: #444;
+ min-width: 100px;
+ min-height: 100px;
+ display: inline-block;
+ line-height: 0;
+ padding: 0;
+ margin: 0;
}
-
-
-
/*
.thumbs li {
display:inline-block;
background:#aaa;
}
*/
+
ul li {
- list-style-type: '– ';
- content: '– ';
-/* margin:0;*/
-/* padding:0;*/
-/* color:#444; */
+ list-style-type: '– ';
+ content: '– ';
+ /* margin:0;*/
+ /* padding:0;*/
+ /* color:#444; */
}
/*.about ul li::marker {
- content: '– ';
- margin:0;
- padding:0;
- color:#444;
+content: '– ';
+margin:0;
+padding:0;
+color:#444;
}*/
.posts {
- margin:0;
- padding:0;
- list-style-type: none;
- margin-bottom: 4em;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ margin-bottom: 4em;
}
ul.posts {
- margin-top:3em;
- line-height: 2em;
+ margin-top: 0em;
+ line-height: 2em;
}
ul.posts li {
- list-style-type: '';
- content:'';
-}
-.posts h1 {
-}
-.posts h2 {
+ list-style-type: '';
+ content: '';
}
+.posts h1 {}
+.posts h2 {}
.posts p {
- margin:0;
- margin-bottom:3em;
+ margin: 0;
+ margin-bottom: 2em;
}
.posts .date {
- margin-top:2em;
- margin-bottom:1em;
+ margin-top: 2em;
+ margin-bottom: 1em;
}
.posts li h2 {
- margin: 0 ;
+ margin: 0;
}
-
ul.index {
- margin:0;
- padding:0;
- list-style-type: none;
- margin-top:0.5em !important;
- padding-top:0.5em !important;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
+ margin-top: 0.5em!important;
+ padding-top: 0.5em!important;
}
ul.index .date {
- position:relative;
+ position: relative;
}
ul.index .date:first-child {
- margin-top:0;
-}
-ul.index li {
+ margin-top: 0;
}
+ul.index li {}
.btt {
- font-family: lgb;
- padding-top:2em;
-/* display:none;*/
-/* position:fixed;*/
-/* bottom:1em;*/
-/* left:1em;*/
+ font-family: lgb;
+ padding-top: 2em;
+ /* display:none;*/
+ /* position:fixed;*/
+ /* bottom:1em;*/
+ /* left:1em;*/
}
.btt a {
- text-decoration: none;
-}
-
-.archive-sort {
+/* text-decoration: none;*/
}
+.archive-sort {}
.archive-sort a {
-/* text-decoration: underline;*/
+ /* text-decoration: underline;*/
}
-
-
/*****************************************************************************/
+
/*
/* Site
/*
/*****************************************************************************/
.site {
- margin: 0 0 0 18em;
- max-width: 768px;
- padding: 2em;
+ margin: 0 0 0 18em;
+ max-width: 768px;
+ padding: 2em;
}
/*@media (max-width: 800px) {
.site {
- padding:0;
- margin: 13em 0 2em 0;
+padding:0;
+margin: 13em 0 2em 0;
}
}*/
-
.footer {
- text-align:center;
- color: #999;
- margin: 6em 0 2em 0;
+ text-align: center;
+ color: #999;
+ margin: 6em 0 2em 0;
}
-
.home {
- position:absolute;
- top:24px;
- left:12px;
- margin: 0;
- padding: 0;
-}
-.home a {
-
+ position: absolute;
+ top: 24px;
+ left: 12px;
+ margin: 0;
+ padding: 0;
}
+.home a {}
.nav-index {
- display:none;
- margin-bottom: 2em;
+ display: none;
+ margin-bottom: 2em;
}
.nav {
- font-size:1.1em;
-/* font-weight:bold;*/
+ font-size: 1.1em;
+ /* font-weight:bold;*/
}
#nav {
- position:absolute;
- top:0;
- left:0;
- display:block;
- height:2em;
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: block;
+ height: 2em;
}
.nav ul, .nav-index ul {
- text-transform: uppercase;
- font-family:lgb;
- line-height:1.4em;
- max-width:220px;
+ text-transform: uppercase;
+ font-family: lgb;
+ line-height: 1.4em;
+ max-width: 220px;
}
.nav ul, .nav li, .nav-index ul, .nav-index li {
- margin:0;
- padding:0;
- list-style-type:none;
+ margin: 0;
+ padding: 0;
+ list-style-type: none;
}
.nav h2 {
- margin-bottom:0.1em;
+ margin-bottom: 0.1em;
}
.nav h4.header {
- margin-bottom:0.25em;
+ margin-bottom: 0.25em;
}
.nav h4.header a, .nav-index h4.header a {
- color:#bbb;
-/* border-bottom:4px solid #999;*/
+ color: #bbb;
+ /* border-bottom:4px solid #999;*/
}
.nav a, .nav-index a {
- font-weight: normal;
- text-decoration:none;
+ font-weight: normal;
+ text-decoration: none;
}
.nav .indent {
-/* padding-left:0.5em;*/
+ /* padding-left:0.5em;*/
}
-
.nav_full .nav {
- margin: 2em 1em;
+ margin: 2em 1em;
}
-
/*ul {*/
+
/* padding:0;*/
+
/*}*/
.print-link {
- position:absolute;
- right:2em;
- top:1.8em;
- text-transform: uppercase;
- font-family: lg;
- font-size: 0.86em;
+ position: absolute;
+ right: 2em;
+ top: 1.8em;
+ text-transform: uppercase;
+ font-family: lg;
+ font-size: 0.86em;
}
.print-link a {
-/* text-decoration: none;*/
+ /* text-decoration: none;*/
}
-
/* Posts */
+
.post {
- padding-bottom:3em;
-/* max-width:768px;*/
+ padding-bottom: 3em;
+ /* max-width:768px;*/
}
.post pre {
- /*border: 1px solid #ddd;*/
- padding: 0 .4em;
- background-color:#fff;
+ /*border: 1px solid #ddd;*/
+ padding: 0 .4em;
+ background-color: #fff;
}
.post ul, .post ol {
-/* margin-left: 1.35em;*/
+ /* margin-left: 1.35em;*/
}
.post pre {
- background-color: #eee;
- padding:1em;
+ background-color: #eee;
+ padding: 1em;
}
.post a {
- text-decoration: underline;
+ text-decoration: underline;
}
.post p img {
-/* max-width:800px;*/
-/* min-width:100px;*/
- margin:2em 0;
- display: block;
+ /* max-width:800px;*/
+ /* min-width:100px;*/
+ margin: 2em 0;
+ display: block;
}
/* code */
+
.post code {
- /*border: 1px solid #ddd;*/
- color:#000;
- border-radius:0.2em;
+ /*border: 1px solid #ddd;*/
+ color: #000;
+ border-radius: 0.2em;
}
.post pre code {
- border: none;
+ border: none;
}
.post pre.terminal {
- /*border: 1px solid #000;*/
- background-color: #333;
- color: #FFF;
+ /*border: 1px solid #000;*/
+ background-color: #333;
+ color: #FFF;
}
.post pre.terminal code {
- background-color: #333;
+ background-color: #333;
}
-
.pagination {
- font-family: lgb;
- text-transform: uppercase;
- margin-bottom:4em;
+ font-family: lgb;
+ text-transform: uppercase;
+ margin-bottom: 4em;
}
-
.breadcrumbs {
- line-height:2em;
+ line-height: 2em;
}
-
-
#hamburger-menu {
width: 1.5em;
height: 1.25em;
- position:absolute;
- top:2.2em;
- left:2em;
- display:none;
- background: linear-gradient(
- to bottom,
- black, black 20%,
- white 20%, white 40%,
- black 40%, black 60%,
- white 60%, white 80%,
- black 80%, black 100%
- );
+ position: absolute;
+ top: 2.2em;
+ left: 2em;
+ display: none;
+ background: linear-gradient(to bottom, black, black 20%, white 20%, white 40%, black 40%, black 60%, white 60%, white 80%, black 80%, black 100%);
}
#hamburger-input {
- display:none;
+ display: none;
}
-#hamburger-input:checked + #hamburger-menu {
- width:100%;
- position:absolute;
- top:0;
- left:0;
+#hamburger-input:checked+#hamburger-menu {
+ width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
}
-#hamburger-input:checked + #hamburger-menu .nav {
- visibility: visible;
- padding:2em;
-
+#hamburger-input:checked+#hamburger-menu .nav {
+ visibility: visible;
+ padding: 2em;
}
-#hamburger-input:checked ~ .overlay {
- visibility: visible;
- opacity: 1;
+#hamburger-input:checked~.overlay {
+ visibility: visible;
+ opacity: 1;
}
-#hamburger-input:checked ~ .site {
- display: none;
+#hamburger-input:checked~.site {
+ display: none;
}
.overlay {
position: fixed;
overflow: hidden;
background: #fff;
}
-
-@media only screen and (device-width: 1060px),
-only screen and (max-width:1060px) {
- body {
- font-size:18px;
- }
- .nav {
- visibility: hidden;
- z-index:1;
- top:0;
- left:0;
- width:100%;
- }
- .nav ul {
- width:100%;
- padding-bottom:2em;
- max-width:260px;
- }
- #hamburger-menu {
- display: inline-block;
- }
- .breadcrumbs {
- padding-left:2.8em;
- }
- .breadcrumbs h2::before {
- content : "> ";
- }
- .index-block {
- padding-top:4em;
- }
- .site {
- margin-left: 0;
-/* max-width: 768px;*/
-/* padding-right:2em;*/
-/* top:1em;*/
- }
- .nav-index {
- display: block;
- }
-}
-
+@media only screen and (device-width:1060px), only screen and (max-width:1060px) {
+ body {
+ font-size: 18px;
+ }
+ .nav {
+ visibility: hidden;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ }
+ .nav ul {
+ width: 100%;
+ padding-bottom: 2em;
+ max-width: 260px;
+ }
+ #hamburger-menu {
+ display: inline-block;
+ }
+ .breadcrumbs {
+ padding-left: 2.8em;
+ }
+ .breadcrumbs h2::before {
+ content: "> ";
+ }
+ .index-block {
+ padding-top: 4em;
+ }
+ .site {
+ margin-left: 0;
+ /* max-width: 768px;*/
+ /* padding-right:2em;*/
+ /* top:1em;*/
+ }
+ .nav-index {
+ display: block;
+ }
+}
\ No newline at end of file