From 68903477927a7e178d208720bbd643e954361376 Mon Sep 17 00:00:00 2001 From: Philippe BARBOSA Date: Mon, 27 Aug 2012 17:00:18 +0200 Subject: [PATCH 001/129] added python logo + hover effect on cover --- css/pythonbooks.css | 49 ++++++++++++++++++++++++++++---------- img/logo_pythonbooks_.png | Bin 0 -> 8200 bytes index.html | 7 ++---- 3 files changed, 39 insertions(+), 17 deletions(-) create mode 100644 img/logo_pythonbooks_.png diff --git a/css/pythonbooks.css b/css/pythonbooks.css index d46f16b..eaf3d47 100644 --- a/css/pythonbooks.css +++ b/css/pythonbooks.css @@ -1222,17 +1222,41 @@ footer { .booksection p.description { height: 128px; line-height: 16px; - overflow: hidden; color: #505050; } .booksection p.level { color: grey; } +.booksection .view { + display: block; + position: absolute; + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + filter: alpha(opacity=0); + opacity:0; + width: 140px; + height: 184px; + font: normal 14px 'Ubuntu', Helvetica, Arial, sans-serif; + line-height: 184px; + background-color: rgba(54, 109, 156,.9); + z-index: 10; + text-align: center; + color: white; + text-shadow:0 0 10px #f8d74c; + -webkit-transition:opacity .2s linear; + -moz-transition:opacity .2s linear; + -o-transition:opacity .2s linear; + transition:opacity .2s linear; +} +.booksection .view:hover { + -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=1000)"; + filter: alpha(opacity=1000); + opacity:10; +} h1, #headerlink { font: normal 12px 'Ubuntu', Helvetica, Arial, sans-serif; - margin-top: -15px; + margin-top: 10px; margin-bottom: 5px; color: #2f2e2d; text-shadow: 1px 0 1px rgba(255, 255, 255, 0.6); @@ -1240,6 +1264,7 @@ h1, #headerlink { #headerlink { font-size: 12px; color: #aaa; + text-shadow: 1px 0 1px rgba(255, 255, 255, 0.8); } #headerlink:hover { text-decoration: none; @@ -1309,6 +1334,7 @@ a#infos:hover { } #mod_infos h4 { padding-bottom: 4px; + margin-bottom: 10px; text-transform: uppercase; color: #366d9c; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.7); @@ -1392,11 +1418,11 @@ a#infos:hover { height:65px; } div.pbhead h1 { - margin-top:-10px; - margin-bottom: 0px; + margin-top: 5px; + font-size: 12px; } div.pbhead img { - height:50px; + height:35px; } a.github img { height:90px; @@ -1410,6 +1436,12 @@ a#infos:hover { height: 298px; margin-bottom: 10px; } + .booksection .view { + width: 228px; + height: 298px; + font: normal 17px Helvetica, Arial, sans-serif; + line-height: 298px; +} .btn { width: 190px; } @@ -1462,13 +1494,6 @@ a#infos:hover { .btn { width: 120px; } - .booksection { - height: 170px; - } - .booksection #cover { - width: 110px; - height: 154px; - } .booksection p.description { height: 96px; overflow: hidden; diff --git a/img/logo_pythonbooks_.png b/img/logo_pythonbooks_.png new file mode 100644 index 0000000000000000000000000000000000000000..f89dc230d628ae61b0fe7a1f29cd33dc3f797f56 GIT binary patch literal 8200 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 uL?2}#y|yr8=pm?pzjzAJBd*B*1sDJ|AFork me on GitHub