diff options
| -rw-r--r-- | assets/css/main/component.css | 29 | ||||
| -rw-r--r-- | assets/css/main/nav.css | 12 | ||||
| -rw-r--r-- | assets/css/main/special.css | 10 |
3 files changed, 39 insertions, 12 deletions
diff --git a/assets/css/main/component.css b/assets/css/main/component.css index 1dd5107..64073e8 100644 --- a/assets/css/main/component.css +++ b/assets/css/main/component.css @@ -141,24 +141,29 @@ button { /* Bubble */
.bubble {
position: relative;
- background: var(--theme-color);
+ background: #f1f1f1;
border-radius: 2px;
padding: 0;
- color: white;
+ color: #000;
display: inline-block;
min-width: 180px;
transition: all 0.3s;
}
-.bubble:before{
- position: absolute;
- content: "";
- width: 0;
- height: 0;
- right: 100%;
- top: 8px;
- border-top: 8px solid transparent;
- border-right: 16px solid var(--theme-color);
- border-bottom: 8px solid transparent;
+.bubble::before{
+ content: '';
+ position: absolute;
+ right: 100%;
+ top: 18px;
+ width: 0;
+ height: 0;
+ border-radius: 2px;
+ border-width: 9px;
+ border-style: solid;
+ border-color: transparent;
+ margin-bottom: -14px;
+ border-right-width: 18px;
+ border-right-color: currentColor;
+ color: #f1f1f1;
}
.bubble:hover {
transform: translateY(-6px);
diff --git a/assets/css/main/nav.css b/assets/css/main/nav.css index 9623719..c6a83c2 100644 --- a/assets/css/main/nav.css +++ b/assets/css/main/nav.css @@ -28,6 +28,9 @@ .nav-aero .nav-icon-button {
background: rgba(255,255,255,0.1);
}
+.nav-aero .nav-icon-button:hover {
+ background: rgba(255,255,255,0.3);
+}
.nav-content {
margin: 0;
@@ -40,6 +43,15 @@ overflow-y: hidden;
position: relative;
}
+
+.nav-font-white {
+ color: #fff;
+}
+
+.nav-font-black {
+ color: #000!important
+}
+
.nav-aero.nav-font-white .nav-content a,
.nav-aero.nav-font-white .nav-mobile-content a{
color: #FFFFFF;
diff --git a/assets/css/main/special.css b/assets/css/main/special.css index 182dbd9..fab646d 100644 --- a/assets/css/main/special.css +++ b/assets/css/main/special.css @@ -38,6 +38,14 @@ color: black!important;
}
+/* Font Size */
+.post-content,
+.comment-content p,
+.banner-content,
+.nav-content {
+ font-size: 100%!important;
+}
+
/* Footer */
.footer-info {
background: #f0f0f0;
@@ -49,6 +57,8 @@ line-height: 26px;
width: 100%;
font-size: 12px;
+ font-size: 15px;
+ line-height: 18px;
}
.footer-dark a {
color: #000
|