ayo/blog
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

some styles

Browse source
This commit is contained in:
Ayo 2018-02-06 06:32:53 +08:00
parent 77cb081785
commit 84ed5b5c51
4 changed files with 35 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
_includes/footer.html
View file

@ -5,6 +5,10 @@
<div class="footer-col-wrapper"> <div class="footer-col-wrapper">
<div class="footer-col footer-col-1"> <div class="footer-col footer-col-1">
<div class="footer-site-title">
<a href="/">{{site.title}}</a>
</div>
<ul class="contact-list"> <ul class="contact-list">
<li class="p-name"> <li class="p-name">
{% if site.attribution %} {% if site.attribution %}

2
_includes/header.html
View file

@ -3,7 +3,7 @@
<div class="wrapper"> <div class="wrapper">
{% assign default_paths = site.pages | map: "path" %} {% assign default_paths = site.pages | map: "path" %}
{% assign page_paths = site.header_pages | default: default_paths %} {% assign page_paths = site.header_pages | default: default_paths %}
<div class="type-js site-title-wrapper"> <div class="site-title-wrapper">
<a href="{{ '/' | relative_url }}" class="text-js site-title">{{ site.title }}</a> <a href="{{ '/' | relative_url }}" class="text-js site-title">{{ site.title }}</a>
</div> </div>

4
_layouts/default-home.html
View file

@ -25,9 +25,9 @@
<form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> <form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll"> <div id="mc_embed_signup_scroll">
<label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label> <label for="mce-EMAIL">Sign up for Exclusive Web Development Tips</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> <div class="clear"><input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </div>
</form> </form>
</div> </div>

29
assets/main.scss
View file

@ -28,12 +28,21 @@ body {
} }
header.site-header, header.site-header,
footer.site-footer,
.jumbotron { .jumbotron {
background: rgba(141,191,66,.97)!important; background: rgba(141,191,66,.97)!important;
width: 100%; width: 100%;
} }
footer.site-footer {
background: #fff;
}
.footer-site-title a {
color: rgba(141,191,66,.97)!important;
text-transform: uppercase;
font-weight: bold;
}
.site-header { .site-header {
border: 0px !important; border: 0px !important;
border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important; border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important;
@ -104,6 +113,7 @@ article .post-content p {
font-size: 36px; font-size: 36px;
color: #ffffff; color: #ffffff;
font-weight: bold; font-weight: bold;
margin: 0 0 20px 0;
} }
.jumbotron { .jumbotron {
@ -120,3 +130,20 @@ article .post-content p {
#mc_embed_signup .button { #mc_embed_signup .button {
background-color: #ee4a03 !important; background-color: #ee4a03 !important;
} }
@media screen and (max-width: 600px) {
.jumbotron #mc_embed_signup label{
font-size: 24px;
}
#mc_embed_signup input {
margin: 0 20px !important;
width: calc(100% - 40px) !important;
}
.site-nav {
background-color: rgba(141,191,66,.97)!important;
border: 1px solid hsla(0, 0%, 100%, .3) !important;
}
.site-nav .menu-icon > svg path {
fill: #ffffff;
}
}