Browse Source

styling

master
sipp11 10 years ago
parent
commit
5549edf784
  1. 3
      _includes/footer.html
  2. 3
      _layouts/post.html
  3. 6
      _sass/_base.scss
  4. 7
      _sass/_layout.scss
  5. 22
      _sass/_limes.scss
  6. 14
      css/main.scss

3
_includes/footer.html

@ -7,7 +7,7 @@
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
<ul class="contact-list">
<li>{{ site.title }}</li>
<li><img src="http://mycapsules.com/mycapsules-footer.png"></li>
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
<li class="rss-subscribe">subscribe <a href="{{ "/feed.xml" | prepend: site.baseurl }}">via RSS</a></li>
</ul>
@ -48,6 +48,7 @@
<div class="footer-col footer-col-3">
<p class="text">{{ site.description }}</p>
<img class="map map_move_myCapsules" src="http://one.mycapsules.com/main_data/spacer.gif" title="Locations of visitors to this page" id="clustrMapsImg">
</div>
</div>

3
_layouts/post.html

@ -5,7 +5,8 @@ layout: default
<header class="post-header">
<h1 class="post-title">{{ page.title }}</h1>
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}</p>
<p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} • {{ page.author }}{% endif %}{% if page.meta %} • {{ page.meta }}{% endif %}
{% if page.categories %} • {{ page.categories | array_to_sentence_string }}{% endif %}</p>
</header>
<article class="post-content">

6
_sass/_base.scss

@ -90,15 +90,15 @@ h1, h2, h3, h4, h5, h6 {
* Links
*/
a {
color: $brand-color;
color: $greenFalls;
text-decoration: none;
&:visited {
color: darken($brand-color, 15%);
color: darken($greenFalls, 15%);
}
&:hover {
color: $text-color;
color: $greenParrot;
text-decoration: none;
}
}

7
_sass/_layout.scss

@ -2,7 +2,7 @@
* Site header
*/
.site-header {
border-top: 5px solid $grey-color-dark;
border-top: 5px solid $limeDark;
border-bottom: 1px solid $grey-color-light;
background: $limeLightest;
min-height: 56px;
@ -158,8 +158,6 @@
}
}
/**
* Page content
*/
@ -190,8 +188,6 @@
font-size: 24px;
}
/**
* Posts
*/
@ -203,6 +199,7 @@
font-size: 42px;
letter-spacing: -1px;
line-height: 1;
color: $brand-color;
@include media-query($on-laptop) {
font-size: 36px;

22
_sass/_limes.scss

@ -12,4 +12,24 @@ $limeDuller: #94A856 !default;
$limeBright: #BFFF00 !default;
$limeBrighter: #D7FF5E !default;
$brand-color: #B8E62E !default;
$greenApple: #8db600 !default;
$greenAsparagus: #7ba05b !default;
$greenOlive: #556b2f !default;
$greenFern: #4f7942 !default;
$greenForest: #228b22 !default;
$greenHunter: #355e3b !default;
$greenMint: #3eb489 !default;
$greenOffice: #008000 !default;
$greenSea: #2e8b57 !default;
$greenSpring: #a7fc00 !default;
$greenTeal: #008080 !default;
$greenSpa: #00AA8F !default;
$greenFalls: #33AD7B !default;
$greenGranada: #57B176 !default;
$greenGarland: #68AF6B !default;
$greenParrot: #75B65D !default;
$greenCreek: #89B555 !default;
$greenKiwi: #98B641 !default;
$greenLime: #B6BF3C !default;

14
css/main.scss

@ -51,3 +51,17 @@ $on-laptop: 800px;
"layout",
"syntax-highlighting"
;
img.map {
background: url('http://www2.clustrmaps.com/counter/index2.php?url=http://mycapsules.com') no-repeat scroll 0% 0% transparent;
height: 75px;
border: 0px solid rgb(223, 223, 223);
margin-right: 0px;
vertical-align: top;
width: 150px;
margin-bottom: 5px;
}
img.map_move_myCapsules {
background-position: -10px -20px;
}

Loading…
Cancel
Save