aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrsiddharth <rsiddharth@ninthfloor.org>2013-06-29 19:33:58 +0530
committerrsiddharth <rsiddharth@ninthfloor.org>2013-06-29 19:33:58 +0530
commit83e1bf5f0e299b9d99c8e2b01aacd5cda9a37d1c (patch)
tree842246e2366384d6b82ad8f9bd1e5c29396c44be
parentaae6c1097a6e5345a011cc2ce066cdc25188f6ad (diff)
downloadscruf-83e1bf5f0e299b9d99c8e2b01aacd5cda9a37d1c.tar.gz
scruf-83e1bf5f0e299b9d99c8e2b01aacd5cda9a37d1c.tar.bz2
scruf-83e1bf5f0e299b9d99c8e2b01aacd5cda9a37d1c.tar.xz
scruf-83e1bf5f0e299b9d99c8e2b01aacd5cda9a37d1c.zip
modified: styling/style.css (insignificant items' opacity is set to 0.3, opacity becomes 1.0 when hovered)
-rw-r--r--styling/style.css29
1 files changed, 27 insertions, 2 deletions
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;
}