[Xfce4-commits] [www/www.xfce.org] 11/29: Reference to static files from HTML markup, not CSS

noreply at xfce.org noreply at xfce.org
Sun May 21 22:00:53 CEST 2017


This is an automated email from the git hooks/post-receive script.

k   n   o   m   e       p   u   s   h   e   d       a       c   o   m   m   i   t       t   o       b   r   a   n   c   h       m   a   s   t   e   r   
   in repository www/www.xfce.org.

commit 5c5bebfdb40291ad143d30bf744a1cce3c617485
Author: Pasi Lallinaho <pasi at shimmerproject.org>
Date:   Thu May 18 15:28:48 2017 +0300

    Reference to static files from HTML markup, not CSS
---
 pages/frontpage.php |  4 ++--
 style/frontpage.css | 38 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/pages/frontpage.php b/pages/frontpage.php
index 19e89ea..a603a6f 100644
--- a/pages/frontpage.php
+++ b/pages/frontpage.php
@@ -11,13 +11,13 @@ $head['feed'] = 'https://www.xfce.org/feed?lang='.$lang;
 <div id="slidewrap">
 <div id="slide">
 	<div alt="Xfce Desktop" title="<?php E_('The default Xfce Desktop provides a simple and attractive desktop for Unix users.') ?>">
-		<span id="slide-desktop-panel"><span id="slide-desktop-panel-left"></span><span id="slide-desktop-panel-right"></span></span>
+		<span id="slide-desktop-panel" style="background-image: url(<?php echo $static_media; ?>/slider/panel_bg.png);"><span id="slide-desktop-panel-left" style="background-image: url(<?php echo $static_media; ?>/slider/panel_left.png);"></span><span id="slide-desktop-panel-right" style="background-image: url(<?php echo $static_media; ?>/slider/panel_right.png);"></span></span>
 	</div>
 	<div style="background-image: url(<?php echo $static_media; ?>/slider/collase_thunar.png);" alt="File Manager" title="<?php E_('Thunar is the file manager for the Xfce Desktop. It has been designed from the ground up to be fast and easy-to-use. Its user interface is clean and intuitive, and does not include any confusing or useless options by default.') ?>"></div>
 	<div style="background-image: url(<?php echo $static_media; ?>/slider/collase_settings.png);" alt="Settings" title="<?php E_('The Xfce Desktop provides all the required settings to configure your hardware, desktop appearance and other desktop-critical settings allowing you to easily manage your system.') ?>"></div>
 	<div style="background-image: url(<?php echo $static_media; ?>/slider/collase_xfwm4.png);" alt="Window Manager" title="<?php E_('The Xfce Window Manager is the core of the desktop. It can be tuned to make window management quick and predictable. It also features around 100 border styles giving it the look you want!') ?>"></div>
 	<div style="background-image: url(<?php echo $static_media; ?>/slider/collase_panel.png);" alt="Panel" title="<?php E_('The Xfce Panel can be customized in numerous ways so it provides all the items you need right where you need them. It has three different display modes, transparency and a few dozen different plugins.') ?>">
-		<span id="slide-panel-deskbar"></span><span id="slide-panel-vertical"></span>
+		<span id="slide-panel-deskbar" style="background-image: url(<?php echo $static_media; ?>/slider/panel_deskbar.png);"></span><span id="slide-panel-vertical" style="background-image: url(<?php echo $static_media; ?>/slider/panel_vertical.png);"></span>
 	</div>
 	<div style="background-image: url(<?php echo $static_media; ?>/slider/collase_apps.png);" alt="Applications" title="<?php E_('Beside the core desktop functionality, a number of other applications are developed in the Xfce repositories, like an image viewer, the Midori web browser, task manager, notes plugin and calendar.') ?>"></div>
 </div>
diff --git a/style/frontpage.css b/style/frontpage.css
index ad3a53a..7e13f8d 100644
--- a/style/frontpage.css
+++ b/style/frontpage.css
@@ -132,6 +132,44 @@
 	border-color: #5f5f5f;
 }
 
+/* Image overlays for slider */
+#slide div span {
+	display: block;
+	position: absolute;
+	z-index: 1;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+
+	background-color: transparent;
+	background-position: 0 0;
+	background-repeat: no-repeat;
+}
+
+/* Desktop slide */
+
+#slide-desktop-panel,
+#slide-desktop-panel-left,
+#slide-desktop-panel-right {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+}
+#slide-desktop-panel { background-repeat: repeat-x; }
+#slide-desktop-panel-left { z-index: 2; }
+#slide-desktop-panel-right { z-index: 2; background-position: 100% 0; }
+
+/* Panel slide */
+
+#slide-panel-deskbar,
+#slide-panel-vertical {
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+}
+	#slide-panel-deskbar { background-position: 100% 0; }
+	#slide-panel-vertical { background-position: 0 100%; }
+
+/* Feeds */
 
 ul.feeds {
 	margin-left: 0 !important;

-- 
To stop receiving notification emails like this one, please contact
the administrator of this repository.


More information about the Xfce4-commits mailing list