aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorRomain d'Alverny <rda@mageia.org>2011-05-25 17:13:17 +0000
committerRomain d'Alverny <rda@mageia.org>2011-05-25 17:13:17 +0000
commit7184d2033ecfeb8ea5a4c42449dfc6aca6621eac (patch)
tree5b3eeb4b69bdfa9287ab267c9c86da2b213f9ec4
parent3c057b20907a9572c6f48793a41923b41b61d51b (diff)
downloadhugs-7184d2033ecfeb8ea5a4c42449dfc6aca6621eac.tar
hugs-7184d2033ecfeb8ea5a4c42449dfc6aca6621eac.tar.gz
hugs-7184d2033ecfeb8ea5a4c42449dfc6aca6621eac.tar.bz2
hugs-7184d2033ecfeb8ea5a4c42449dfc6aca6621eac.tar.xz
hugs-7184d2033ecfeb8ea5a4c42449dfc6aca6621eac.zip
CSS style update for image caption + layout
-rw-r--r--index.php12
1 files changed, 5 insertions, 7 deletions
diff --git a/index.php b/index.php
index eb4b008..b5e9f1e 100644
--- a/index.php
+++ b/index.php
@@ -55,8 +55,7 @@ if (count($images) > 0) {
<style>
html { margin: 0; padding: 0; background: #fff; }
body { margin: 0 auto; padding: 20px 40px; font-size: 100%; }
- h1, h2 { font-family: Pacifico, "Times New Roman", serif; font-weight: normal;
- font-effect: outline; }
+ h1, h2 { font-family: Pacifico, "Times New Roman", serif; font-weight: normal; font-effect: outline; }
h1 { margin: 0 0 1em 0; font-size: 260%; }
h2 { margin-top: 2em; font-size: 180%; }
a, a:link { color: #2383c2; text-decoration: none; }
@@ -73,14 +72,13 @@ if (count($images) > 0) {
border: 4px solid #fff;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
- #hi.flipped { -webkit-transform: rotateY(180deg);
- -moz-transform: rotateY(180deg);
- }
+ #hi.flipped { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
#hi p { padding: 2em; }
+ #hicomment { width: 342px; padding: 1em 4px; color: #cccccc; font-size: 70%; font-family: Verdana, Arial; }
+ #hicomment a { color: #aaaaaa; }
p { font-family: "Trebuchet MS"; font-size: 90%; color: #222; }
section { float: left; margin-left: 20px; }
- aside { float: left; text-align: left; margin-left: 60px; width: 350px;
- display: block; }
+ aside { float: left; text-align: left; margin-left: 60px; width: 350px; display: block; }
article { display: block; width: auto; margin: auto; }
footer { clear: both; color: #aaa; margin-top: 3em; }
footer p { color: #aaa; }