CSS modification to handle long translations list

This commit is contained in:
Andrea Mostosi 2014-04-20 09:29:45 +02:00
parent a380347bf8
commit 64abf77912

View File

@ -14,7 +14,7 @@ header {
box-shadow: 0px 5px 7px #8db7bd; box-shadow: 0px 5px 7px #8db7bd;
-webkit-box-shadow: 0px 5px 7px #8db7bd; -webkit-box-shadow: 0px 5px 7px #8db7bd;
-moz-box-shadow: 0px 5px 7px #8db7bd; -moz-box-shadow: 0px 5px 7px #8db7bd;
height: 400px; /*height: 400px;*/
background-color: #8db7bd; background-color: #8db7bd;
border-bottom: 1px solid #698b91 border-bottom: 1px solid #698b91
} }
@ -112,6 +112,7 @@ blockquote {
padding: 5px 20px; padding: 5px 20px;
color: white; color: white;
font-family: menlo, monospace; font-family: menlo, monospace;
word-wrap: break-word;
} }
code { code {
@ -304,12 +305,10 @@ code {
} }
#author { #author {
width: 640px; width: 80%;
position: absolute;
top: 230px; top: 230px;
right: 15%;
font-size: 20px; font-size: 20px;
text-align: right; text-align: center;
font-style: italic; font-style: italic;
color: #D92B00; color: #D92B00;
z-index: 100; z-index: 100;
@ -322,17 +321,16 @@ code {
} }
#desc { #desc {
position: absolute;
top: 300px; top: 300px;
width: 100%; width: 90%;
text-align: center;
} }
#translations { #translations {
position: absolute;
top: 340px; top: 340px;
width: 100%; width: 80%;
right: 5%; right: 5%;
text-align: right; text-align: center;
} }
#translations .active { #translations .active {