From c2c2321ae103230e237172236b018716ad58e845 Mon Sep 17 00:00:00 2001 From: Ayo Ayco Date: Mon, 12 Mar 2018 08:08:19 +0800 Subject: [PATCH] some styles --- assets/main.scss | 106 ++++++++++++++++++++--------------------------- 1 file changed, 44 insertions(+), 62 deletions(-) diff --git a/assets/main.scss b/assets/main.scss index 73ed1c3..3b95752 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -1,29 +1,24 @@ ---- -# Only the main Sass file needs front matter (the dashes are enough) ---- - -@import "minima"; - +--- # Only the main Sass file needs front matter (the dashes are enough) --- @import "minima"; * { - text-shadow: 1px 1px 1px rgba(0,0,0,.004)!important; - -webkit-font-smoothing: antialiased!important; - -moz-osx-font-smoothing: grayscale!important; - text-rendering: optimizelegibility!important; + text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)!important; + -webkit-font-smoothing: antialiased!important; + -moz-osx-font-smoothing: grayscale!important; + text-rendering: optimizelegibility!important; } html, body { - text-shadow: 0 1px 1px rgba(0,0,0,0.3); + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" 1; font-kerning: normal; margin: 0; - color: rgba(0,0,0,.84); + color: rgba(0, 0, 0, .84); font-size: 20px; line-height: 1.4; - font-family: medium-content-sans-serif-font,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; + font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; letter-spacing: 0; font-weight: 400; font-style: normal; @@ -38,7 +33,7 @@ body { } header.site-header { - background: rgba(141,191,66,.97)!important; + background: rgba(141, 191, 66, .97)!important; width: 100%; } @@ -47,7 +42,7 @@ footer.site-footer { } .footer-site-title a { - color: rgba(141,191,66,.97)!important; + color: rgba(141, 191, 66, .97)!important; text-transform: uppercase; font-weight: bold; } @@ -61,7 +56,7 @@ article .post-content p, .home .post-excerpt p { --x-height-multiplier: 0.375; --baseline-multiplier: 0.17; - font-family: medium-content-serif-font,Georgia,Cambria,"Times New Roman",Times,serif; + font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif; letter-spacing: .01rem; font-weight: 400; font-style: normal; @@ -79,11 +74,11 @@ article .post-content p, margin: 0 auto; max-width: calc(100% - 60px); } - + .post-title { --x-height-multiplier: 0.342; --baseline-multiplier: 0.22; - font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif; letter-spacing: -.02em; font-weight: 700; font-style: normal; @@ -110,7 +105,8 @@ article .post-content p, font-weight: bold; } -.site-title:hover, .site-nav .page-link:hover { +.site-title:hover, +.site-nav .page-link:hover { text-decoration: none; } @@ -125,6 +121,7 @@ article .post-content p, text-decoration: none; color: #bb4a03 !important; } + .post-list li h3 a { color: #222 !important; font-weight: bold; @@ -133,26 +130,24 @@ article .post-content p, .post-list li { background-color: #fff; - box-shadow: 5px 25px 30px -25px rgba(34,34,34,.25); + box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, .25); padding: 20px; -} - -.jumbotron { - background: url('../assets/images/logo.png') no-repeat rgba(141,191,66,.97)!important; - width: 100%; - height: 100%; - box-shadow: 5px 25px 30px -25px rgba(34,34,34,0.25); } -.jumbotron #mc_embed_signup label{ +.jumbotron { + background: url('../assets/images/logo.png') no-repeat rgba(141, 191, 66, .97)!important; + width: 100%; + height: 100%; + box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25); +} + +.jumbotron #mc_embed_signup label { text-align: center; font-size: 36px; color: #ffffff; font-weight: bold; margin: 0 0 20px 0; - text-shadow: 0px 4px 3px rgba(0,0,0,0.4), - 0px 8px 13px rgba(0,0,0,0.1), - 0px 18px 23px rgba(0,0,0,0.1) !important; + text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1) !important; } .jumbotron-content { @@ -165,6 +160,11 @@ article .post-content p, width: 100%; } +#donate-form { + height: 50px; + padding: 30px 0; +} + #donate-form form { width: 145px; margin: 0 auto; @@ -194,8 +194,7 @@ article .post-content p, clear: both; } -.post-excerpt { -} +.post-excerpt {} .post-thumb { width: 240px; @@ -248,6 +247,7 @@ article .post-content p, margin-left: -10px; margin-top: -20px; } + .subscription-message-div { color: #ffffff; background-color: #80ae3c; @@ -290,7 +290,7 @@ main.page-content { nav#side-nav { width: calc(30% - 30px); margin: 45px 0 30px; - box-shadow: 5px 25px 30px -25px rgba(34,34,34,.25); + box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, .25); } .side-panel { @@ -321,88 +321,72 @@ nav#side-nav { } @media only screen and (min-width: 0px) and (max-width: 767px) { - .jumbotron { - background: rgba(141,191,66,.97)!important; + .jumbotron { + background: rgba(141, 191, 66, .97)!important; width: 100%; height: 100%; } - #mc_embed_signup input { width: 250px !important; height: 50px !important; padding: 10px !important; margin-bottom: 5px !important; } - .jumbotron-content { width: calc(100% - 120px); padding: 80px 60px; } - .page-content .wrapper { max-width: 100%; } - main.page-content { width: 100%; padding: 0; } - nav#side-nav { width: 100%; margin: 0 0 30px; - box-shadow: 5px 25px 30px -25px rgba(34,34,34,.25); + box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, .25); } - .side-panel { width: calc(100%-30px) !important; margin: 0 15px; } - .post-thumb { width: 100%; } - - .jumbotron { - background: rgba(141,191,66,.97)!important; + .jumbotron { + background: rgba(141, 191, 66, .97)!important; width: 100%; height: 100%; - box-shadow: 5px 25px 30px -25px rgba(34,34,34,0.25); + box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25); } - .jumbotron-content { padding: 30px 0; - } - .post-list li h3 a { font-size: 36px; } - #mc_embed_signup input { margin: 0 20px !important; width: calc(100% - 40px) !important; height: 50px !important; padding: 10px !important; } - .jumbotron-content #logo-div { width: 100%; } - .jumbotron-content #mc_embed_signup { width: 100%; } - .jumbotron-content { width: 100%; } - .site-nav { - background-color: rgba(141,191,66,.97)!important; + background-color: rgba(141, 191, 66, .97)!important; border: 1px solid hsla(0, 0%, 100%, .3) !important; } - .site-nav .menu-icon > svg path { + .site-nav .menu-icon>svg path { fill: #ffffff; } } @@ -414,13 +398,11 @@ nav#side-nav { padding: 10px !important; margin-bottom: 5px !important; } - .jumbotron-content { width: calc(100% - 100px); padding: 60px 50px; } - .jumbotron { - background: rgba(141,191,66,.97)!important; + background: rgba(141, 191, 66, .97)!important; } -} +} \ No newline at end of file