From 64abf779126746e4265d4ea97d6ac5dc5049cece Mon Sep 17 00:00:00 2001 From: Andrea Mostosi Date: Sun, 20 Apr 2014 09:29:45 +0200 Subject: [PATCH] CSS modification to handle long translations list --- css/style.css | 18 ++++++++---------- 1 file changed, 8 insertions(+), 10 deletions(-) diff --git a/css/style.css b/css/style.css index 91e896e..62ae5f1 100644 --- a/css/style.css +++ b/css/style.css @@ -14,7 +14,7 @@ header { box-shadow: 0px 5px 7px #8db7bd; -webkit-box-shadow: 0px 5px 7px #8db7bd; -moz-box-shadow: 0px 5px 7px #8db7bd; - height: 400px; + /*height: 400px;*/ background-color: #8db7bd; border-bottom: 1px solid #698b91 } @@ -112,6 +112,7 @@ blockquote { padding: 5px 20px; color: white; font-family: menlo, monospace; + word-wrap: break-word; } code { @@ -304,12 +305,10 @@ code { } #author { - width: 640px; - position: absolute; + width: 80%; top: 230px; - right: 15%; font-size: 20px; - text-align: right; + text-align: center; font-style: italic; color: #D92B00; z-index: 100; @@ -322,17 +321,16 @@ code { } #desc { - position: absolute; top: 300px; - width: 100%; + width: 90%; + text-align: center; } #translations { - position: absolute; top: 340px; - width: 100%; + width: 80%; right: 5%; - text-align: right; + text-align: center; } #translations .active {