From 83e1bf5f0e299b9d99c8e2b01aacd5cda9a37d1c Mon Sep 17 00:00:00 2001 From: rsiddharth Date: Sat, 29 Jun 2013 19:33:58 +0530 Subject: modified: styling/style.css (insignificant items' opacity is set to 0.3, opacity becomes 1.0 when hovered) --- styling/style.css | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) (limited to 'styling') diff --git a/styling/style.css b/styling/style.css index 13dd629..dbeabf0 100644 --- a/styling/style.css +++ b/styling/style.css @@ -14,7 +14,7 @@ article { border:1px; padding:5px; width:97%; - box-shadow: 1px 1.5px 3px 0.5px #bababa; + box-shadow: 1px 1.5px 3px 0.5px #bababa; } h1, h2, h3, h4, h5 { @@ -66,7 +66,7 @@ span.monospace { pre { display:block; font-family:monospace; - font-size:0.6em; + font-size:0.625em; word-break:break-all; word-wrap:break-word; white-space:pre-wrap; @@ -127,6 +127,9 @@ div.back { font-size:0.7em; font-family:junicode,"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif; text-align:center; + transition: opacity 1s; + -webkit-transition: opacity 1s; + opacity: 0.3; color:#989898; margin-left:auto; margin-right:auto; @@ -134,6 +137,9 @@ div.back { padding:5px; width:7%; } +div.back:hover { + opacity: 1.0; +} footer { font-size:0.8em; @@ -151,6 +157,9 @@ div.lastupdate { font-size:0.6em; font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif; text-align:center; + transition: opacity 1s; + -webkit-transition: opacity 1s; + opacity:0.3; color:#989898; margin-left:auto; margin-right:auto; @@ -159,10 +168,17 @@ div.lastupdate { width:40%; } +div.lastupdate:hover { + opacity: 1.0; +} + div.source { font-size:0.5em; font-family:monospace; text-align:center; + transition: opacity 1s; + -webkit-transition: opacity 1s; + opacity: 0.3; color:#989898; margin-left:auto; margin-right:auto; @@ -170,17 +186,26 @@ div.source { padding:5px; width:40%; } +div.source:hover { + opacity: 1.0; +} div.scruf { font-size:0.9em; font-family:"Palatino Linotype","Book Antiqua",Palatino,"URW Palladio L",FreeSerif,serif; text-align:center; + transition: opacity 1s; + -webkit-transition: opacity 1s; + opacity: 0.3; color:#bcbcbc; margin-left:auto; margin-right:auto; border:1px; padding:5px; width:40%; +} +div.scruf:hover { + opacity: 1.0; } -- cgit v1.2.3