diff options
author | Carsten Schoenert <c.schoenert@t-online.de> | 2019-04-20 09:18:24 +0200 |
---|---|---|
committer | Laura Arjona Reina <larjona@debian.org> | 2019-12-13 19:39:55 +0100 |
commit | 9087ba3e589b4940d639d0cf942c0b00bbec1193 (patch) | |
tree | a36e24444ba66272f44ea18b52b4cb03d0a1f772 /english/startpage.css | |
parent | daff3b1595f804b4297677afdb77ee81084ebc73 (diff) |
startpage.css: adding classes for News section
Diffstat (limited to 'english/startpage.css')
-rw-r--r-- | english/startpage.css | 89 |
1 files changed, 86 insertions, 3 deletions
diff --git a/english/startpage.css b/english/startpage.css index 139fbe869a8..a72068c0206 100644 --- a/english/startpage.css +++ b/english/startpage.css @@ -175,13 +175,18 @@ a.btn:hover { left: 0px; } -.styled-href-blue li a, .styled-href-blue strong a, .styled-href-blue a:link:hover { +.styled-href-blue li a, +.styled-href-blue strong a, +.styled-href-blue a:link:hover, +.news-list a { text-decoration: none; position: relative; color: #3366FF; } -.styled-href-blue li a:after, .styled-href-blue strong a:after { +.styled-href-blue li a:after, +.styled-href-blue strong a:after, +.news-list a:after { content: ''; position: absolute; bottom: 0; @@ -191,10 +196,88 @@ a.btn:hover { transition: 0.35s; } -.styled-href-blue li a:hover:after, .styled-href-blue strong a:hover:after { +.styled-href-blue li a:hover:after, +.styled-href-blue strong a:hover:after, +.news-list a:hover:after { width: 100%; } +/* Classes used within 'Project News' */ +.news-list { + padding-left: 85px; + font-size: 1.1em; +} + +.end-of-news-list { + position: relative; + top: 5px; +} + +.dummy-date { + width: 70px; + height: 40px; +} + +.end-of-list-arrow { + width: 0px; + height: 0px; + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + border-style: solid; + border-width: 15px 0 15px 26px; + border-color: transparent transparent transparent #999; + position: relative; + left: 47px; + top: 30px; +} + +.date { + position: relative; + width: 70px; + font-family: Georgia, serif; + color: #999; + margin: 0 auto; + float: left; + margin-left: 0px; + margin-top: 20px; + margin-bottom: 20px; + } + +.day, .month, .year { + position: absolute; + font-weight: bold; +} + +.day { + font-size: 30px; + top: 20px; +} + +.month { + top: 5px; + left: 0; + font-size: 18px; +} + +.year { + top: 19px; + right: -18px; + padding: 0px 4px 0px 4px; + border: 1px solid #8b8b8b; + border-radius: 0.3em; + background-color: #ec8615; + color: white; + font-size: 17px; + rotation: -90deg !important; + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); +} + +.previous-year { + background-color: #e0a463; +} +/* END Classes used within 'Project News' */ + @media screen and (min-width: 800px) { .column { flex: 1; |