From bab5532377fec7cf2679b94701908225c1b6cc56 Mon Sep 17 00:00:00 2001
From: Zhiming Wang <zmwangx@gmail.com>
Date: Sun, 26 Jul 2015 19:32:37 -0700
Subject: css: replace padding with margin whenever possible
Also adjusted some margins.
---
source/css/print.css | 2 +-
source/css/theme-narrow.css | 6 +++---
source/css/theme.css | 12 ++++++------
3 files changed, 10 insertions(+), 10 deletions(-)
(limited to 'source/css')
diff --git a/source/css/print.css b/source/css/print.css
index 298d0677..56f86dc0 100644
--- a/source/css/print.css
+++ b/source/css/print.css
@@ -5,7 +5,7 @@ body {
article {
position: static;
width: 90%;
- padding: 5%;
+ margin: 5%;
}
nav, footer .rfooter .cc-icon, footer .rfooter .atom-icon, footer .rfooter .rss-icon {
diff --git a/source/css/theme-narrow.css b/source/css/theme-narrow.css
index 1610528b..56328225 100644
--- a/source/css/theme-narrow.css
+++ b/source/css/theme-narrow.css
@@ -1,6 +1,6 @@
nav {
position: static;
- padding: 5% 0 0 0;
+ margin: 5% 0 0 0;
text-align: center;
height: 100%;
width: 100%;
@@ -12,7 +12,7 @@ nav div {
}
nav div .blog-icon {
- padding: 0;
+ margin: 0;
height: 150px;
width: 150px;
background-image: url("/img/icon-150.png");
@@ -30,5 +30,5 @@ nav div.title, div.author {
article {
position: static;
width: 80%;
- padding: 0 10% 10% 10%;
+ margin: 2% 10% 10% 10%;
}
diff --git a/source/css/theme.css b/source/css/theme.css
index 6b81de32..6198d979 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -17,7 +17,7 @@ nav div {
}
nav div .blog-icon {
- padding: 2px 0;
+ margin: 2px 0;
width: 100px;
height: 100px;
display: inline-block;
@@ -33,7 +33,7 @@ nav div .blog-icon {
nav div.title {
font-size: 16px;
font-weight: bold;
- padding: 1px 0;
+ margin: 1px 0;
}
nav div.author {
@@ -47,7 +47,7 @@ nav a {
article {
position: absolute;
width: 60%;
- padding: 5% 0;
+ margin: 5% 0;
left: 20%;
font-size: 1em;
text-align: justify;
@@ -192,7 +192,7 @@ footer .rfooter {
footer .rfooter .cc-icon {
width: 16px;
height: 16px;
- padding: 0 1px;
+ margin: 0 2px;
display: inline-block;
background-image: url("/img/cc-16.png");
background-image: -webkit-image-set( url("/img/cc-16.png") 1x, url("/img/cc-32.png") 2x );
@@ -206,7 +206,7 @@ footer .rfooter .cc-icon {
footer .rfooter .atom-icon {
width: 16px;
height: 16px;
- padding: 0 2px;
+ margin: 0 2px;
display: inline-block;
background-image: url("/img/feed-16.png");
background-image: -webkit-image-set( url("/img/feed-16.png") 1x, url("/img/feed-32.png") 2x );
@@ -220,7 +220,7 @@ footer .rfooter .atom-icon {
footer .rfooter .rss-icon {
width: 16px;
height: 16px;
- padding: 0 2px;
+ margin: 0 2px;
display: inline-block;
background-image: url("/img/rss-16.png");
background-image: -webkit-image-set( url("/img/rss-16.png") 1x, url("/img/rss-32.png") 2x );
--
cgit v1.2.1