Index: content/home/portal.css =================================================================== --- content/home/portal.css +++ content/home/portal.css @@ -1,31 +1,63 @@ - #headerCarousel h1 { - font-size: 24px; - font-weight: bold; + font-size: 24px; + font-weight: bold; } #slide-kirigami { - background-image: url(kirigami.jpg); - background-position: center; - background-size: cover; + background-image: url(kirigami.jpg); + background-position: center; + background-size: cover; } #slide-applications { - background-image: url(applications.png); - background-position: center; - background-size: cover; + background-image: url(applications.png); + background-position: center; + background-size: cover; +} + +#slide-applications div, #slide-kirigami div, #slide-kde-laptop div { + position: relative; + text-align: center; + width: 100%; +} + +#slide-applications div { + top: 45%; +} + +#slide-kirigami div { + top: 80px; +} + +#slide-kde-laptop div { + top: 50%; + margin-top: -40px; +} + +#slide-applications h1 { + font-size: 40px; + margin-top: -4ex; +} + +#slide-kirigami h1, #slide-kde-laptop h1 { + margin-top: -4ex; +} + +#slide-applications a { + text-shadow: 2px 2px 3px #000; + color: #fff; } #slide-plasma-5-12 { - background-image: url(plasma-5-12-lts-logo.jpg); - background-position: center; - background-size: cover; + background-image: url(plasma-5-12-lts-logo.jpg); + background-position: center; + background-size: cover; } #slide-plasma-5-16 { - background-image: url(plasma-5-16.jpg); - background-position: center; - background-size: cover; + background-image: url(plasma-5-16.jpg); + background-position: center; + background-size: cover; } #slide-plasma-5-16 h1 { @@ -39,86 +71,86 @@ } #slide-the-game { - background-image: url(the-game.jpg); - background-position: top center; - background-size: cover; + background-image: url(the-game.jpg); + background-position: top center; + background-size: cover; } #slide-plasma-5-9 { - background-image: url(plasma-5-9.jpg); - background-position: center; - background-size: cover; + background-image: url(plasma-5-9.jpg); + background-position: center; + background-size: cover; } #slide-kde-laptop { - background-image: url(slimbook.jpg); - background-color: #FFF; - background-size: cover; - background-position: bottom center; - background-repeat: no-repeat; + background-image: url(slimbook.jpg); + background-color: #FFF; + background-size: cover; + background-position: bottom center; + background-repeat: no-repeat; } #slide-randa-campaign { - background-image: url(randa-fundraiser.jpg); - background-color: #FFF; - background-size: cover; - background-position: bottom center; - background-repeat: no-repeat; + background-image: url(randa-fundraiser.jpg); + background-color: #FFF; + background-size: cover; + background-position: bottom center; + background-repeat: no-repeat; } #kWelcome { - font-size: 14px; - border-radius: 2px; - border: solid 1px #abdaf9; - background-color: #e1f2ff; - color: #375a7d; - padding: 10px 20px !important; - margin: 10px auto !important; + font-size: 14px; + border-radius: 2px; + border: solid 1px #abdaf9; + background-color: #e1f2ff; + color: #375a7d; + padding: 10px 20px !important; + margin: 10px auto !important; } #announcement-feed ul { - list-style-type: none; - margin: 0px; - padding: 0px; + list-style-type: none; + margin: 0px; + padding: 0px; } #announcement-feed li:first-child h1 { - margin-top: 0px; + margin-top: 0px; } #announcement-feed h1 { - font-size: inherit; - font-weight: bold; + font-size: inherit; + font-weight: bold; } #announcement-feed h1 i { - color: #b0b8b8; - font-size: 90%; - font-weight: normal; + color: #b0b8b8; + font-size: 90%; + font-weight: normal; } #announcement-feed q { - display: block; + display: block; } #announcement-feed li + li { - margin-top: 20px; + margin-top: 20px; } #announcement-feed > a { - margin-top: 20px; - font-weight: normal; - display: inline-block; + margin-top: 20px; + font-weight: normal; + display: inline-block; } .light-text h1 { - color: #EEE; + color: #EEE; } .light-text a { - color: #abdaf9; + color: #abdaf9; } Index: index.php =================================================================== --- index.php +++ index.php @@ -3,7 +3,7 @@ $pageConfig = array_merge($pageConfig, [ 'title' => "KDE Community Home", - 'cssFile' => 'content/home/portal.css?ver=1.2' + 'cssFile' => 'content/home/portal.css?ver=1.3' ]); require('aether/header.php'); @@ -23,45 +23,43 @@