|
@@ -2,7 +2,7 @@
|
|
|
/* 共通樣式 */
|
|
|
:root {
|
|
|
--main-color: #000;
|
|
|
- --sub-color: #fff;
|
|
|
+ --sub-color: #e47140;
|
|
|
--gray-color: #727272;
|
|
|
}
|
|
|
|
|
@@ -38,7 +38,6 @@ body {
|
|
|
overflow-y: scroll;
|
|
|
}
|
|
|
|
|
|
-
|
|
|
.btn:focus,
|
|
|
.form-control:focus {
|
|
|
border-color: var(--main-color) !important;
|
|
@@ -51,52 +50,37 @@ body {
|
|
|
}
|
|
|
|
|
|
.navbar {
|
|
|
- background: #fff;
|
|
|
+ background-color: var(--main-color) !important;
|
|
|
}
|
|
|
.navbar .navbar-collapse {
|
|
|
flex-grow: 0;
|
|
|
}
|
|
|
.navbar .navbar-brand {
|
|
|
- font-size: 24px;
|
|
|
- font-weight: 100;
|
|
|
+ font-size: 50px;
|
|
|
+ font-weight: 500;
|
|
|
font-family: "Roboto Slab", serif !important;
|
|
|
- color: #fff;
|
|
|
+ color: var(--sub-color);
|
|
|
transition: all 0.3s;
|
|
|
-
|
|
|
}
|
|
|
.navbar .navbar-brand:hover {
|
|
|
opacity: 0.9;
|
|
|
color: var(--sub-color);
|
|
|
}
|
|
|
|
|
|
-.navbar{
|
|
|
- background: #000;
|
|
|
- /* box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.08); */
|
|
|
-
|
|
|
-}
|
|
|
-
|
|
|
-.w-90{
|
|
|
- width: 95%;
|
|
|
- margin: 0 auto;
|
|
|
-}
|
|
|
-
|
|
|
-.navbar .navbar-nav .nav-item .nav-link{
|
|
|
- color: #fff;
|
|
|
-}
|
|
|
.blog-post-tags .badge {
|
|
|
background-color: var(--main-color);
|
|
|
}
|
|
|
.blog-post-tags .badge:hover {
|
|
|
color: var(--main-color);
|
|
|
background-color: #fff;
|
|
|
- /* border: 1px solid var(--main-color); */
|
|
|
+ border: 1px solid var(--main-color);
|
|
|
}
|
|
|
|
|
|
.blog-post-title {
|
|
|
margin: 10px 0 20px;
|
|
|
}
|
|
|
.blog-post-title a {
|
|
|
- font-size: 32px;
|
|
|
+ font-size: 50px;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
@media (max-width: 991px) {
|
|
@@ -119,8 +103,7 @@ body {
|
|
|
}
|
|
|
|
|
|
.post-title {
|
|
|
- line-height: 24px;
|
|
|
- /* display: inline-block; */
|
|
|
+ line-height: 30px;
|
|
|
}
|
|
|
.post-title a {
|
|
|
color: #000;
|
|
@@ -153,8 +136,6 @@ body {
|
|
|
.news-info {
|
|
|
margin-top: 10px;
|
|
|
line-height: 20px;
|
|
|
-
|
|
|
- /* display: inline-block; */
|
|
|
}
|
|
|
.news-info a {
|
|
|
font-size: 14px;
|
|
@@ -163,14 +144,6 @@ body {
|
|
|
text-decoration: none;
|
|
|
transition: all 0.3s;
|
|
|
}
|
|
|
-
|
|
|
-.news-post a {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 500;
|
|
|
- color: var(--gray-color);
|
|
|
- text-decoration: none;
|
|
|
- transition: all 0.3s;
|
|
|
-}
|
|
|
.news-info a:hover {
|
|
|
opacity: 0.8;
|
|
|
}
|
|
@@ -219,7 +192,6 @@ body {
|
|
|
border: none;
|
|
|
background: var(--sub-color);
|
|
|
border-radius: 100px;
|
|
|
- border:1px solid #000;
|
|
|
width: 55px;
|
|
|
height: 55px;
|
|
|
}
|
|
@@ -297,7 +269,7 @@ body {
|
|
|
/* single.html End */
|
|
|
/* content.html Start */
|
|
|
.news-main {
|
|
|
- /* height: 100%; */
|
|
|
+ height: 100%;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
@media (max-width: 991px) {
|
|
@@ -324,7 +296,7 @@ body {
|
|
|
}
|
|
|
}
|
|
|
.news-main img {
|
|
|
-
|
|
|
+ height: 100%;
|
|
|
-o-object-fit: cover;
|
|
|
object-fit: cover;
|
|
|
}
|
|
@@ -335,8 +307,8 @@ body {
|
|
|
/* content.html End */
|
|
|
/* focus.html Start */
|
|
|
.focus-content {
|
|
|
- /* position: sticky;
|
|
|
- top: 20px; */
|
|
|
+ position: sticky;
|
|
|
+ top: 20px;
|
|
|
}
|
|
|
|
|
|
/* focus.html End */
|
|
@@ -436,11 +408,17 @@ body {
|
|
|
padding: 0 12px;
|
|
|
}
|
|
|
|
|
|
+.cover-img {
|
|
|
+ max-height: 250px;
|
|
|
+ -o-object-fit: cover;
|
|
|
+ object-fit: cover;
|
|
|
+}
|
|
|
+
|
|
|
/* news-all.html End */
|
|
|
/* news-featured.html Start */
|
|
|
.news-featured {
|
|
|
position: sticky;
|
|
|
- top: 20px ;
|
|
|
+ top: 20px;
|
|
|
}
|
|
|
|
|
|
.news-featured img,
|
|
@@ -461,36 +439,4 @@ body {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
-
|
|
|
-.post-container {
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.post-title {
|
|
|
- margin: 0; /* 可以消除標題的預設邊距 */
|
|
|
-}
|
|
|
-
|
|
|
-.news-info {
|
|
|
- display: flex;
|
|
|
- /* align-items: center; */
|
|
|
- justify-content: space-between;
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.news-post {
|
|
|
- display: flex;
|
|
|
- /* align-items: center; */
|
|
|
- justify-content:end
|
|
|
-}
|
|
|
-.news-info small {
|
|
|
- margin-left: 10px; /* 或者使用其他適當的間距 */
|
|
|
-}
|
|
|
-
|
|
|
-
|
|
|
-.news-post small {
|
|
|
- margin-left: 10px; /* 或者使用其他適當的間距 */
|
|
|
-}
|
|
|
-
|
|
|
/* news-featured.html End *//*# sourceMappingURL=style.css.map */
|