SVNからのミラー

public/static/style-algebra.css

@@ -0,0 +1,20 @@
+.fraction {
+  display: inline-block;
+  vertical-align: middle;
+  text-align: center;
+  position: relative;
+  margin: 0 0.2em;
+}
+
+.fraction .numerator, .fraction .denominator {
+  display: block;
+  font-size: 0.8em;
+}
+
+.fraction .numerator {
+  border-bottom: 1px solid #fcfcfc;
+}
+
+.algebraic {
+  font-family: 'Times New Roman', serif;
+}

public/static/style-blink.css

@@ -0,0 +1,9 @@
+.blink {
+  animation: blinker 1s linear infinite;
+}
+
+@keyframes blinker {
+  50% {
+    opacity: 0;
+  }
+}

public/static/style-blockquote.css

@@ -0,0 +1,8 @@
+blockquote {
+  background: #121012;
+  border: 2px solid #f545f5;
+  border-radius: 2px;
+  border-left: 12px solid #c016c6;
+  margin: 1.5em 10px;
+  padding: 0.5em 10px;
+}

public/static/style-blogtype.css

@@ -0,0 +1,36 @@
+.blog-type > p {
+  font-weight: bolder;
+}
+
+a.blog-type-btn {
+  background-color: #550f75;
+  color: #120f12;
+  text-decoration: none;
+  border: 1px solid #fcfcfc;
+  border-radius: 4px;
+  padding: 4px;
+  margin: 4px;
+  transition: background-color 0.9s;
+}
+
+a.blog-type-btn.active {
+  background-color: #c016c6;
+}
+
+hr.blog-type-line {
+  border: 3px dotted #c016c6;
+}
+
+a.blog-type-btn:hover {
+  background-color: #ea79d8;
+}
+
+a.blog-type-btn.active:ae6bdb {
+  background-color: #ae6bdb;
+}
+
+@media only screen and (max-width: 768px) {
+  a.blog-type-btn {
+    display: block;
+  }
+}

public/static/style-code.css

@@ -0,0 +1,18 @@
+pre {
+  background: #232023;
+  color: fcfcfc;
+  padding: 1rem;
+  border-radius: 6px;
+  overflow: auto;
+  font-family: Consolas,Monaco,monospace;
+  border: 1px solid #f545f5;
+}
+
+/*pre > code {
+  color: #fcfcfc; 
+}*/
+
+code {
+  color: #b421f8;
+  line-height: 1.45;
+}

public/static/style-diffviewer.css

@@ -0,0 +1,40 @@
+.diff-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-family: monospace;
+  color: #fcfcfc;
+}
+
+.diff-table td {
+  border: 1px solid #bcb4bc;
+  padding: 5px;
+  vertical-align: top;
+}
+
+.diff-header th {
+  border: 1px solid #bcb4bc;
+}
+
+.line-number {
+  width: 50px;
+  text-align: right;
+  color: #c016c6;
+}
+
+.removed {
+  background-color: #fa9faa;
+  color: #b61729;
+}
+
+.added {
+  background-color: #88ecc1;
+  color: #2c980c;
+}
+
+.context {
+  background-color: #232320;
+}
+
+.empty {
+  background-color: #746c75;
+}

public/static/style-news-article.css

@@ -0,0 +1,73 @@
+.thumbnail {
+  text-align: center;
+  width: 100%;
+  max-height: 300px;
+  overflow: hidden;
+  margin-bottom: 20px;
+  position: relative;
+}
+
+.thumbnail > img {
+  width: 100%;
+  height: 300px;
+  object-fit: cover;
+  object-position: center;
+  display: block;
+}
+
+.thumbnail.top > img {
+  object-position: top;
+}
+
+.thumbnail.bottom > img {
+  object-position: bottom;
+}
+
+.meta {
+  display: inline;
+}
+
+.meta-author, .meta-date, .meta-category {
+  display: inline-block;
+  margin: 4px;
+  padding: 8px;
+  border: 1px solid #ea79d8;
+  border-radius: 10px;
+}
+
+.meta-author, .meta-date {
+  font-weight: bolder;
+}
+
+.meta-author {
+  background-color: #c016c6;
+}
+
+.meta-date {
+  background-color: #550f75;
+  color: #fcfcfc;
+}
+
+.meta-category {
+  background-color: #ae6bdb;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  border-bottom: 1px solid #ea79d8;
+}
+
+/* 死ねー */
+@media screen and (max-width: 480px) {
+  .news-meta {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.3rem;
+  }
+
+  .meta-date, .meta-author, .meta-category {
+    width: 90%;
+    margin: 4px auto;
+    text-align: center;
+    display: block;
+  }
+}

public/static/style-news.css

@@ -0,0 +1,117 @@
+.news-grid {
+  display: block;
+  padding: 1rem;
+}
+
+.news-card {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+  margin: 12px 0px;
+  background: #232023;
+  border-radius: 8px;
+  overflow: hidden;
+  transition: transform 0.2s;
+}
+
+.news-card:hover {
+  transform: translateY(-5px);
+}
+
+.news-image {
+  width: 20%;
+  position: relative;
+  padding-top: 100px;
+}
+
+.news-image img {
+  position: absolute;
+  top: 0;
+  left: 10px;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.news-content {
+  width: 74%;
+  padding: 1rem;
+}
+
+.news-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
+.news-date {
+  background: #443b44;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+
+.news-category {
+  background: #c016c6;
+  color: #232320;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  font-size: 0.875rem;
+}
+
+.news-title {
+  margin: 0.5rem 0;
+  font-size: 1.25rem;
+}
+
+.news-title a {
+  text-decoration: none;
+}
+
+.news-title a:hover {
+  color: #f545f5;
+}
+
+.news-preview {
+  font-size: 0.875rem;
+  margin: 0;
+}
+
+/* 糞フォンの方向け */
+@media screen and (max-width: 768px) {
+  .news-card {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .news-image {
+    width: 100%;
+    padding-top: 60%;
+    margin-bottom: 0.5rem;
+  }
+  
+  .news-image img {
+    left: 0;
+  }
+  
+  .news-content {
+    width: 100%;
+    padding: 0.75rem;
+  }
+}
+
+/* 死ねー */
+@media screen and (max-width: 480px) {
+  .news-meta {
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 0.3rem;
+  }
+
+  .news-date, .news-category {
+    width: 80%;
+    text-align: center;
+  }
+}

public/static/style-pagination.css

@@ -0,0 +1,66 @@
+.pagination {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 2rem 0;
+}
+
+.page-link, .page-current, .page-ellipsis {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 2.5rem;
+  height: 2.5rem;
+  padding: 0 0.5rem;
+  border-radius: 4px;
+  text-align: center;
+}
+
+.page-link {
+  background: #c016c6;
+  color: #232023;
+  text-decoration: none;
+  transition: background 0.4s, transform 0.2s;
+}
+
+.page-link:hover {
+  background: #ea79d8;
+  transform: translateY(-2px);
+}
+
+.page-current {
+  background: #443b44;
+  color: #fcfcfc;
+  font-weight: bold;
+}
+
+.page-ellipsis {
+  color: #c016c6;
+}
+
+@media screen and (max-width: 768px) {
+  .pagination {
+    gap: 0.4rem;
+  }
+  
+  .page-link, .page-current, .page-ellipsis {
+    min-width: 2.2rem;
+    height: 2.2rem;
+    font-size: 0.9rem;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .pagination {
+    gap: 0.3rem;
+  }
+  
+  .page-link, .page-current, .page-ellipsis {
+    min-width: 1.8rem;
+    height: 1.8rem;
+    font-size: 0.8rem;
+    padding: 0 0.3rem;
+  }
+}

public/static/style-search.css

@@ -0,0 +1,63 @@
+.search-highlight {
+  background-color: #c016c6;
+  color: #000;
+  font-weight: bold;
+  padding: 1px 2px;
+  border-radius: 3px;
+}
+
+.search-form {
+  text-align: center;
+  margin: 20px 0;
+}
+
+.search-form form {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  gap: 10px;
+}
+
+.search-form input[type="text"] {
+  width: 60%;
+  padding: 8px;
+  border: 1px solid #ea79d8;
+  background-color: #232320;
+  color: #ea79d8;
+  border-radius: 4px;
+}
+
+.search-form input[type="submit"] {
+  padding: 8px 16px;
+  background-color: #c016c6;
+  color: #12120f;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.3s;
+}
+
+.search-form input[type="submit"]:hover {
+  background-color: #ea79d8;
+}
+
+@media screen and (max-width: 768px) {
+  .search-form input[type="text"] {
+    width: 70%;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .search-form form {
+    flex-direction: column;
+    align-items: center;
+  }
+  
+  .search-form input[type="text"] {
+    width: 90%;
+  }
+  
+  .search-form input[type="submit"] {
+    width: 90%;
+  }
+}

public/static/style-table.css

@@ -0,0 +1,23 @@
+table {
+  border-collapse: separate;
+  border-spacing: 0;
+  border: 1px solid #c016c6;
+  background-color: #232023;
+  margin: auto;
+  width: 95%;
+  max-width: 1100px;
+  overflow: hidden;
+}
+
+th, td {
+  border-bottom: 1px solid #ea79d8;
+  text-align: left;
+  padding: 10px;
+  vertical-align: top;
+}
+
+th {
+  background-color: #550f75;
+  color: #fcfcfc;
+  width: 300px;
+}

public/static/style-tutorial.css

@@ -0,0 +1,16 @@
+hr {
+  border: 1px solid #ea79d8;
+}
+
+.pager {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+}
+
+.prev {
+  text-align: left;
+}
+
+.next {
+  text-align: right;
+}

public/static/style.css

@@ -0,0 +1,97 @@
+html, body {
+  height: 100%;
+  margin: 0;
+  background-color: #232023;
+  color: #fcfcfc;
+}
+
+a {
+  color: #ea79d8;
+}
+
+header, main, footer {
+  border: 1px solid #c016c6;
+  margin: 20px;
+  padding: 8px;
+}
+
+.logo, nav {
+  text-align: center;
+}
+
+.logo {
+  font-size: 32px;
+  font-weight: bold;
+}
+
+.menu-item {
+  padding: 0 4px;
+  transition: font-size 0.3s ease-in-out;
+}
+
+.menu-item:hover {
+  font-size: 140%;
+}
+
+.nodeco {
+  text-decoration: none;
+}
+
+.menu-item.active {
+  border: 1px solid #ea79d8;
+  border-radius: 10px;
+  background-color: #550f75;
+  color: #ea79d8;
+  transition: background-color 0.2s ease-in-out, font-size 0.3s ease-in-out;
+}
+
+.menu-item.active:hover {
+  background-color: #b421f8;
+}
+
+.container {
+  max-width: 1280px;
+  margin: auto;
+  padding-bottom: 10px;
+}
+
+h1.paragraph, p.paragraph {
+  text-align: left;
+}
+
+footer {
+  text-align: center;
+}
+
+header, main, footer, .sns:hover {
+  border-radius: 2px;
+}
+
+@media screen and (max-width: 768px) {
+  header, main, footer {
+    margin: 10px;
+    padding: 5px;
+  }
+  
+  .logo {
+    font-size: 28px;
+  }
+  
+  nav {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 5px;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  header, main, footer {
+    margin: 5px;
+    padding: 5px;
+  }
+  
+  .logo {
+    font-size: 24px;
+  }
+}