aboutsummaryrefslogtreecommitdiff
path: root/assets/css/main.css
diff options
context:
space:
mode:
authorAlexander Neonxp Kiryukhin <i@neonxp.ru>2024-12-15 03:56:47 +0300
committerAlexander Neonxp Kiryukhin <i@neonxp.ru>2024-12-15 03:56:47 +0300
commita9168e6f04f766f7d88bc1b24aaa81336098b2fc (patch)
treea4db599140020cfb14803aa4d28b17d52e637a72 /assets/css/main.css
parent3b040f1503d90a309f41063d8f760a3e312ab351 (diff)
Auto-commit 2024-12-15
Diffstat (limited to 'assets/css/main.css')
-rw-r--r--assets/css/main.css174
1 files changed, 98 insertions, 76 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index 002573b..43fe292 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,94 +1,116 @@
-.p-summary {
- display: none;
+.posts-container {
+ max-width:760px
}
-
-.logo {
- height: 64px;
+.bd-gutter {
+ --bs-gutter-x: 3rem
}
-
-.print-footer {
- display: none;
+.page,
+.post {
+ margin-bottom:4em
}
-
-figcaption {
- text-align: center;
+.page-title,
+.post-title,
+.post-title a {
+ color:var(--bs-emphasis-color)
}
-
-@media print {
- .sidebar {
- display: none;
- }
- article {
- border: 0
- }
- article footer {
- display: none;
- }
- .container>header {
- display: none;
- }
- .container>footer {
- display: none;
- }
- .comments {
- display: none;
- }
- .h-entry {
- width: 100% !important;
- }
- .container {
- width: 100% !important;
- }
- .print-footer {
- display: block !important;
+.post-date {
+ display:block;
+ margin-top:-.5rem;
+ margin-bottom:1rem;
+ color:#767676
+}
+.post a {
+ word-break:break-word
+}
+.post li {
+ margin-bottom:.25rem
+}
+.post h2,
+.post .h2 {
+ margin-top:1.5rem;
+ font-size:calc(1.3rem + .6vw)
+}
+@media (min-width: 1200px) {
+ .post h2,
+ .post .h2 {
+ font-size:1.75rem
}
}
-
-/* Give canvas a proper size and pixel perfect scaling */
-canvas {
- image-rendering: optimizeSpeed;
- image-rendering: -moz-crisp-edges;
- image-rendering: -webkit-optimize-contrast;
- image-rendering: optimize-contrast;
- image-rendering: pixelated;
- -ms-interpolation-mode: nearest-neighbor;
- border: 0px;
- width: 512px;
- height: 512px;
- background: black;
- display: block;
- /* For nice loading */
+.post h3,
+.post .h3 {
+ margin-top:1.5rem
}
-
-#pico-container {
- width: 512px;
- margin: auto;
+.post>h1,
+.post>.h1,
+.post>h2,
+.post>.h2,
+.post>h3,
+.post>.h3,
+.post>h4,
+.post>.h4 {
+ color:var(--bs-emphasis-color)
}
-#pico-container .buttons {
- margin-top: 24px;
- display: grid;
- grid-template-columns: calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6) calc(100%/6);
- grid-auto-rows: 1fr;
- grid-template-areas:
- ". up . . . ."
- "left . right . . a"
- ". down . . b . "
+#pico-container canvas {
+ height: 600px;
+ width: 600px;
}
-.square_hack {
- width:0;
- padding-bottom: 100%;
+#fastSearch {
+ visibility: hidden;
+ position: absolute;
+ right: 0px;
+ top: 0px;
+ display: inline-block;
+ width: 300px;
+}
+
+#fastSearch input {
+ padding: 4px 10px;
+ width: 100%;
+ height: 31px;
+ font-size: 1.6em;
+ color: #aaa;
+ font-weight: bold;
+ background-color: #000;
+ border-radius: 3px 3px 0px 0px;
+ border: none;
+ outline: none;
+ text-align: left;
+ display: inline-block;
}
-.labelBkg {
- background: none !important;
+#searchResults li {
+ list-style: none;
+ margin-left: 0em;
+ background-color: #333;
+ border-bottom: 1px dotted #000;
}
+ #searchResults li .title { font-size: 1.1em; margin-bottom: 10px; display: inline-block;}
-.edgeLabel {
- background: none !important;
+#searchResults { visibility: inherit; display: inline-block; width: 320px; }
+#searchResults a { text-decoration: none !important; padding: 10px; display: inline-block; }
+ #searchResults a:hover, a:focus { outline: 0; background-color: #666; color: #fff; }
+
+@font-face {
+ font-family: 'Lobster';
+ font-style: normal;
+ font-weight: normal;
+ src: local('Lobster'),
+ url('/fonts/Lobster-Cyrillic-Regular.woff') format('woff'),
+ url('/fonts/Lobster-Cyrillic-Regular.woff2') format('woff2'),
+ url('/fonts/Lobster-Cyrillic-Regular.eot') format('eot'),
+ url('/fonts/Lobster-Cyrillic-Regular.ttf') format('ttf'),
+ url('/fonts/Lobster-Cyrillic-Regular.otf') format('otf')
+ ;
}
-.edgeLabel p {
- background: none !important;
+.navbar-brand {
+ font-family: 'Lobster';
+ font-size: 1.5em;
+ text-shadow: 1px 1px 2px #eee !important;
+}
+h1 {
+ font-family: 'Lobster';
+ text-shadow: 1px 1px 2px #333;
} \ No newline at end of file