diff options
| author | Manuel Hiebel <leuhmanu@mageia.org> | 2017-03-13 21:58:46 +0100 |
|---|---|---|
| committer | Manuel Hiebel <leuhmanu@mageia.org> | 2017-03-13 21:58:46 +0100 |
| commit | 0f57e90cb06962fc84ff21c0fb796ac449495a9e (patch) | |
| tree | f54cedf675e445a533b86e2e8678b9967696dd8e /en/index.php | |
| parent | 5f423a7350606df8c9826c40ba01c0b3a1c0fd64 (diff) | |
| download | www-0f57e90cb06962fc84ff21c0fb796ac449495a9e.tar www-0f57e90cb06962fc84ff21c0fb796ac449495a9e.tar.gz www-0f57e90cb06962fc84ff21c0fb796ac449495a9e.tar.bz2 www-0f57e90cb06962fc84ff21c0fb796ac449495a9e.tar.xz www-0f57e90cb06962fc84ff21c0fb796ac449495a9e.zip | |
Better display of newslist on mobile/little sceen
Diffstat (limited to 'en/index.php')
| -rw-r--r-- | en/index.php | 36 |
1 files changed, 20 insertions, 16 deletions
diff --git a/en/index.php b/en/index.php index 248a7501e..bf4f1b71b 100644 --- a/en/index.php +++ b/en/index.php @@ -135,12 +135,31 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot } #fnotes a { color: #aaa; text-decoration: none; } .free-dl { color: green; font-weight: bold; } + + #newslist { + display: block; + padding: 5px 10px; + margin: 0px 70px; + background: rgba(255,255,255, 0.1); + border-radius: 4px; + color: #ddeeff; + text-shadow: none; + font-size: 120%; + } + #newslist a { + color: #ddeeff; + text-decoration: none; + } + #newslist a:hover { color: #ffffff; } + /* Landscape phones and down */ @media (max-width: 480px) {} /* Landscape phone to portrait tablet */ - @media (max-width: 768px) {} + @media (max-width: 768px) { + #newslist { margin: 0px; } + } /* Portrait tablet to landscape and desktop */ @media (max-width: 1000px) { @@ -204,21 +223,6 @@ $dictionary = read_translation_file($locale, array('index', 'news', 'common_foot } } @media (min-width: 1200px) {} - #newslist { - display: block; - padding: 5px 10px; - margin: 0px 70px; - background: rgba(255,255,255, 0.1); - border-radius: 4px; - color: #ddeeff; - text-shadow: none; - font-size: 120%; - } - #newslist a { - color: #ddeeff; - text-decoration: none; - } - #newslist a:hover { color: #ffffff; } </style> <link rel="stylesheet" href="/g/fa/css/font-awesome.css"> </head> |