[Xfce4-commits] [www/cdn.xfce.org] 01/01: Current migration state of cdn.xfce.org.
noreply at xfce.org
noreply at xfce.org
Mon Oct 15 12:02:13 CEST 2018
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/cdn.xfce.org.
commit 607c05a4509f14c4d042fbd87ffb85a4d5bf23ba
Author: Pasi Lallinaho <pasi at shimmerproject.org>
Date: Mon Oct 15 13:01:52 2018 +0300
Current migration state of cdn.xfce.org.
---
images/favicon.ico | Bin 0 -> 1082 bytes
images/logo_apple-touch-icon.png | Bin 0 -> 4860 bytes
images/supported_by_gandi.png | Bin 0 -> 2898 bytes
style/base.css | 258 +++++++++++
style/base_header.css | 45 ++
style/base_mobile.css | 49 +++
style/css.php | 100 +++++
style/favicon.ico | Bin 0 -> 1082 bytes
style/header.css | 45 ++
style/img/feed.gif | Bin 0 -> 381 bytes
style/img/logosmall.gif | Bin 0 -> 1331 bytes
style/img/menu-button.png | Bin 0 -> 188 bytes
style/img/orig/bullit.png | Bin 0 -> 98 bytes
style/img/orig/external.png | Bin 0 -> 363 bytes
style/img/orig/feed.png | Bin 0 -> 3251 bytes
style/img/orig/logosmall.png | Bin 0 -> 4288 bytes
style/img/orig/menu-button.svg | 89 ++++
style/img/slidebg.jpg | Bin 0 -> 35082 bytes
style/img/src/menu-button.svg | 86 ++++
style/mirrorbrain.css | 136 ++++++
style/site_blog.css | 91 ++++
style/site_bugzilla.css | 931 +++++++++++++++++++++++++++++++++++++++
style/site_wiki.css | 107 +++++
style/site_www.css | 473 ++++++++++++++++++++
style/site_www_mobile.css | 129 ++++++
style/slider.js | 38 ++
26 files changed, 2577 insertions(+)
diff --git a/images/favicon.ico b/images/favicon.ico
new file mode 100644
index 0000000..9dbd75a
Binary files /dev/null and b/images/favicon.ico differ
diff --git a/images/logo_apple-touch-icon.png b/images/logo_apple-touch-icon.png
new file mode 100644
index 0000000..1b2c413
Binary files /dev/null and b/images/logo_apple-touch-icon.png differ
diff --git a/images/supported_by_gandi.png b/images/supported_by_gandi.png
new file mode 100644
index 0000000..520a0d3
Binary files /dev/null and b/images/supported_by_gandi.png differ
diff --git a/style/base.css b/style/base.css
new file mode 100644
index 0000000..b516506
--- /dev/null
+++ b/style/base.css
@@ -0,0 +1,258 @@
+/*
+ * The base style for all xfce.org websites
+ * CSS definitions specific for different sites can be found in the site_*.css files
+ *
+ */
+
+/*
+ * Elements
+ *
+ */
+
+body, h1, h2, h3, h4, ol, ul, li {
+ margin: 0;
+ padding: 0;
+ font-weight: normal;
+ font-style: normal;
+}
+
+
+body {
+ font-family: "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+ font-size: 80%;
+ line-height: 1.5em;
+ text-align: left;
+
+ background-color: #eee;
+ color: #000;
+}
+
+h1, h2, h3, h4, dl dt { color: #333; }
+h1 { font-size: 180%; font-weight: normal; margin: 0.5em 0 1em 0; }
+h2, h3, h4 { font-weight: bold; margin: 1em 0; }
+h2 { font-size: 125%; }
+h3 { font-size: 100%; }
+h4 { font-size: 90%; }
+
+h2 em {
+ font-weight: normal;
+}
+
+a, a:link, a:visited {
+ color: #06c;
+ text-decoration: none;
+ outline: none;
+}
+
+a:hover {
+ color: #f00;
+ text-decoration: underline;
+}
+
+a span {
+ color: #333;
+}
+
+a:hover span {
+ color: #f00;
+}
+
+hr {
+ border: none;
+ border-top: 1px solid rgba( 0, 0, 0, 0.2 );
+ margin: 2em 0;
+}
+
+ul {
+ list-style-type: square;
+}
+
+dl dt {
+ font-weight: bold;
+}
+
+dl dd {
+ margin: 0 0 1em 3em;
+}
+
+table {
+ width: 100%;
+ font-size: 90%;
+ border-collapse: collapse;
+ border: 1px solid rgba( 0, 0, 0, 0.2 );
+ margin: 1em 0;
+}
+ table tr {
+ border-bottom: 1px solid rgba( 0, 0, 0, 0.2 );
+ }
+ table thead th {
+ background-color: rgba( 0, 0, 0, 0.05 );
+ }
+ table th,
+ table td {
+ padding: 0.2em 0.5em;
+ vertical-align: top;
+ }
+ table td {
+ border-right: 1px solid transparent;
+ }
+ table td:last-child,
+ table th,
+ table tr:hover td {
+ border-right: 1px solid rgba( 0, 0, 0, 0.2 );
+ }
+
+
+/* Forms */
+
+/*
+ * Form stuff and links dressed as buttons
+ *
+ */
+
+input[type="submit"],
+button,
+select {
+ border-radius: 0.2em;
+ border: 1px solid rgba( 0, 0, 0, 0.2 );
+ background: #f7f7f7 linear-gradient( to bottom, rgba( 255, 255, 255, 0.5 ), rgba( 0, 0, 0, 0.02 ) 1px, rgba( 0, 0, 0, 0.05 ) ) repeat-x;
+ color: #000;
+ padding: 0.2em 0.5em;
+ outline: none !important;
+ transition: 150ms all;
+}
+ select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ }
+
+ input[type="submit"]:hover,
+ button:hover,
+ select:hover {
+ background-color: #fff;
+ color: #06c;
+ text-decoration: none;
+ }
+
+input,
+input[type="text"],
+textarea {
+ background-color: #f7f7f7;
+ color: #000;
+ border-radius: 0.2em;
+ border: 1px solid rgba( 0, 0, 0, 0.2 );
+ padding: 0.2em 0.5em;
+}
+ input[type="file"] {
+ border: none;
+ }
+ textarea {
+ font-family: "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+ font-size: 100%;
+ }
+
+input[type="checkbox"] {
+ opacity: 0.75;
+ transition: 150ms all;
+ position: relative;
+ vertical-align: middle;
+}
+ input[type="checkbox"]:checked {
+ opacity: 1;
+ }
+
+
+/*
+ * Main layout
+ *
+ */
+
+.main_width,
+#main {
+ width: 95%;
+ min-width: 830px;
+ max-width: 1400px;
+
+ margin: 0 auto;
+ padding: 0 0.5em;
+}
+
+ /* Content */
+ #content {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+
+ background-color: #fff;
+ box-shadow: 0 0 3px rgba(0, 0, 0, .25);
+ border-radius: 4px;
+ }
+ #article {
+ -webkit-box-flex: 70;
+ -ms-flex: 70;
+ flex: 70;
+
+ padding: 2em;
+ border-right: 1px solid #ccc;
+ line-height: 1.7em;
+ }
+ #article ul, #article ol {
+ list-style-position: outside;
+ margin-left: 3em;
+ }
+ #related {
+ -webkit-box-flex: 30;
+ -ms-flex: 30;
+ flex: 30;
+
+ max-width: 230px;
+ padding: 1em 1.5em;
+ }
+ #related:empty {
+ display: none;
+ }
+ #related h2 {
+ margin: 1em 0 0.5em 0;
+ font-weight: normal;
+ }
+ #related ul {
+ margin: 0 0 0 2em;
+ }
+ #related ul li {
+ margin-bottom: 0.5em;
+ }
+ #related ul li a {
+ display: block;
+ }
+ #related-jump {
+ display: none;
+ }
+
+ /* Footer */
+ #footer {
+ color: #999;
+ text-align: center;
+ }
+
+/*
+ * Common classes
+ *
+ */
+
+.group:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+}
+
+.hidden {
+ display: none;
+}
+
+.mungify {
+ unicode-bidi: bidi-override;
+ direction: rtl;
+}
diff --git a/style/base_header.css b/style/base_header.css
new file mode 100644
index 0000000..9b581e9
--- /dev/null
+++ b/style/base_header.css
@@ -0,0 +1,45 @@
+/* this file is used in various xfce subdomains! */
+
+#xfce-header {
+ background: #333 url(data:image/gif;base64,R0lGODlhSwAZAPUAABsYFxosMC0uKygmJTMuLTIpJDEyLyszNjEzMDM4OikuMCQcGg49TCk7QjY9RBhJVxFCUTVDSCtHTwpUai5baClkdxdmfkNfaAVwjgB+ogyMtjSNp1WUpwibygCo3Qun2Bys2yix3QCt4gCy4AK27RW45y+44TW85Syewkiz00m/42+xxkvC6FjI6lXO9GXL6nzS7XPR7izB8InX7ZnZ7Zfc84HW8afi9LTm9Lfq96HS4MPq99Px+O/6/cPb4JK5xCH5BAAKAAAALAAAAABLABkAAAb+QIQBgSBEHMMhcZloCIVJqCEZXRKV1KcScZhqp+Aw+GoYSHS/AYE6PFRSEoL00Kjb7/WuWDolKCIXHBsDUAkXh4cUFxSMjF0HCAIUPj08HGpXRRItMSYNAkIEEGg/pT8rqKgccWxcRQIHgTQ4OS8A [...]
+ padding-left: 75px;
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
+ font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 14px;
+}
+#xfce-header ul {
+ list-style: none;
+ float: right;
+ margin: 5px;
+ padding: 0;
+}
+#xfce-header ul li {
+ float: left;
+ margin: 0; /* for transifex */
+}
+#xfce-header a {
+ color: #999;
+ text-decoration: none;
+ display: block;
+ padding: 0 8px 0 8px;
+ border: 0; /* for transifex */
+ line-height: 25px;
+
+ transition: color 0.2s linear;
+ -moz-transition: color 0.2s linear;
+ -webkit-transition: color 0.2s linear;
+ -o-transition: color 0.2s linear;
+}
+#xfce-header ul li a:hover {
+ color: #fff;
+ text-decoration: underline;
+}
+#xfce-header .active {
+ color: #fff;
+}
+#xfce-header-clear {
+ clear: both;
+}
+#xfce-header-title, #xfce-header-subtitle {
+ display: none;
+}
diff --git a/style/base_mobile.css b/style/base_mobile.css
new file mode 100644
index 0000000..21a4443
--- /dev/null
+++ b/style/base_mobile.css
@@ -0,0 +1,49 @@
+/*
+ * Base responsive design style file for all xfce.org sites
+ *
+ */
+
+ at media screen and (max-width: 850px) {
+ /* Elements */
+ h1 {
+ margin-top: 0.3em;
+ font-size: 160%;
+ text-align: left;
+ }
+
+ /* Main layout */
+ .main_width,
+ #main {
+ min-width: 300px;
+ }
+
+ #content {
+ display: block;
+ }
+ #article {
+ border: none;
+ padding: 1.5em;
+ }
+ #related {
+ background-color: #fafafa;
+ border-top: 1px solid #eee;
+ max-width: 100%;
+ padding-bottom: 1.5em;
+
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ }
+ #related-jump {
+ float: right;
+ display: block;
+ background-color: #eee;
+ margin: -1em -1em 0 0;
+
+ border-top-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+ }
+ #related-jump a {
+ padding: 0.3em 0.6em;
+ display: block;
+ }
+}
\ No newline at end of file
diff --git a/style/css.php b/style/css.php
new file mode 100644
index 0000000..ce3e139
--- /dev/null
+++ b/style/css.php
@@ -0,0 +1,100 @@
+<?php
+
+/* change this prefix when you want to make sure cache is cleared */
+$apc_cache_prefix = '2017-08-01';
+
+$site = urlencode ($_GET['site']);
+
+/* this file loads all the css required for the Xfce website
+ * and bundles it in a single file. The css files are split
+ * to make them both readable and some files are fetched for
+ * other domains too (header.css). APC is used to cache the
+ * generated content to speed things up. */
+
+function write_header ($mtime)
+{
+ $dateformat = 'D, d M Y H:i:s';
+ $expireoffset = 3600 * 24 * 7;
+
+ header ('Content-type: text/css');
+ header ('Cache-Control: max-age='. $expireoffset .', public');
+ header ('Expires: '. gmdate ($dateformat, time() + $expireoffset) .' GMT');
+ header ('Last-Modified: '. gmdate ($dateformat, $mtime ) .' GMT');
+}
+
+function base64data ($matches)
+{
+ $file = $matches[1] .'.'. $matches[2];
+
+ $buf = file_get_contents ($file);
+ if ($buf != false)
+ {
+ return 'url(\'data:image/'.
+ $matches[2].';base64,'.
+ base64_encode ($buf).'\')';
+ }
+
+ return $matches[0];
+}
+
+/* try to load the cached minified css */
+$have_apc = false;
+if (function_exists ('apc_fetch'))
+ {
+ $buf = @apc_fetch ($apc_cache_prefix.$site.'_css');
+ if ($buf != false)
+ {
+ $mtime = @apc_fetch ($apc_cache_prefix.$site.'_css_mtime');
+ write_header ($mtime);
+ echo $buf;
+
+ exit;
+ }
+
+ $have_apc = true;
+ }
+
+/* init */
+$buf = '';
+$mtime = 0;
+
+/* load contents */
+$files = array ('base_header.css', 'base.css');
+if ($site && file_exists ('site_'. urlencode ($site).'.css')) {
+ $files[] = 'site_'. urlencode ($site).'.css';
+}
+$files[] = 'base_mobile.css';
+if ($site && file_exists ('site_'. urlencode ($site).'_mobile.css')) {
+ $files[] = 'site_'. urlencode ($site).'_mobile.css';
+}
+foreach ($files as $file)
+ {
+ $buf .= file_get_contents ($file);
+
+ $fmtime = filemtime ($file);
+ if ($fmtime > $mtime)
+ $mtime = $fmtime;
+ }
+
+/* minify the css */
+$buf = preg_replace ('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buf); /* strip comments */
+$buf = str_replace (array (': ', ' {', ', '), array (':', '{', ','), $buf); /* compress code */
+$buf = str_replace (array ("\r\n", "\r", "\n", "\t", ' '), '', $buf); /* strip lines and spaces */
+
+/* embed images in css */
+$buf = preg_replace_callback ('!url\(\'([a-z/-]*?).(png|gif|jpg)\'\)!', 'base64data', $buf);
+
+/* output */
+write_header ($mtime);
+echo $buf;
+
+/* store minified data content */
+if ($have_apc)
+ {
+ $ttl = 3600; /* 1 hour */
+
+ @apc_store ($apc_cache_prefix.$site.'_css', $buf, $ttl);
+ @apc_store ($apc_cache_prefix.$site.'_css_mtime', $mtime, $ttl);
+ }
+
+?>
diff --git a/style/favicon.ico b/style/favicon.ico
new file mode 100644
index 0000000..9dbd75a
Binary files /dev/null and b/style/favicon.ico differ
diff --git a/style/header.css b/style/header.css
new file mode 100644
index 0000000..9b581e9
--- /dev/null
+++ b/style/header.css
@@ -0,0 +1,45 @@
+/* this file is used in various xfce subdomains! */
+
+#xfce-header {
+ background: #333 url(data:image/gif;base64,R0lGODlhSwAZAPUAABsYFxosMC0uKygmJTMuLTIpJDEyLyszNjEzMDM4OikuMCQcGg49TCk7QjY9RBhJVxFCUTVDSCtHTwpUai5baClkdxdmfkNfaAVwjgB+ogyMtjSNp1WUpwibygCo3Qun2Bys2yix3QCt4gCy4AK27RW45y+44TW85Syewkiz00m/42+xxkvC6FjI6lXO9GXL6nzS7XPR7izB8InX7ZnZ7Zfc84HW8afi9LTm9Lfq96HS4MPq99Px+O/6/cPb4JK5xCH5BAAKAAAALAAAAABLABkAAAb+QIQBgSBEHMMhcZloCIVJqCEZXRKV1KcScZhqp+Aw+GoYSHS/AYE6PFRSEoL00Kjb7/WuWDolKCIXHBsDUAkXh4cUFxSMjF0HCAIUPj08HGpXRRItMSYNAkIEEGg/pT8rqKgccWxcRQIHgTQ4OS8A [...]
+ padding-left: 75px;
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
+ font-family: 'Helvetica Neue Light', HelveticaNeue-Light, 'Helvetica Neue', Helvetica, Arial, sans-serif;
+ font-size: 14px;
+}
+#xfce-header ul {
+ list-style: none;
+ float: right;
+ margin: 5px;
+ padding: 0;
+}
+#xfce-header ul li {
+ float: left;
+ margin: 0; /* for transifex */
+}
+#xfce-header a {
+ color: #999;
+ text-decoration: none;
+ display: block;
+ padding: 0 8px 0 8px;
+ border: 0; /* for transifex */
+ line-height: 25px;
+
+ transition: color 0.2s linear;
+ -moz-transition: color 0.2s linear;
+ -webkit-transition: color 0.2s linear;
+ -o-transition: color 0.2s linear;
+}
+#xfce-header ul li a:hover {
+ color: #fff;
+ text-decoration: underline;
+}
+#xfce-header .active {
+ color: #fff;
+}
+#xfce-header-clear {
+ clear: both;
+}
+#xfce-header-title, #xfce-header-subtitle {
+ display: none;
+}
diff --git a/style/img/feed.gif b/style/img/feed.gif
new file mode 100644
index 0000000..37a66e5
Binary files /dev/null and b/style/img/feed.gif differ
diff --git a/style/img/logosmall.gif b/style/img/logosmall.gif
new file mode 100644
index 0000000..832e7bf
Binary files /dev/null and b/style/img/logosmall.gif differ
diff --git a/style/img/menu-button.png b/style/img/menu-button.png
new file mode 100644
index 0000000..553de88
Binary files /dev/null and b/style/img/menu-button.png differ
diff --git a/style/img/orig/bullit.png b/style/img/orig/bullit.png
new file mode 100644
index 0000000..ebb6b3b
Binary files /dev/null and b/style/img/orig/bullit.png differ
diff --git a/style/img/orig/external.png b/style/img/orig/external.png
new file mode 100644
index 0000000..04248ed
Binary files /dev/null and b/style/img/orig/external.png differ
diff --git a/style/img/orig/feed.png b/style/img/orig/feed.png
new file mode 100644
index 0000000..8afbdb0
Binary files /dev/null and b/style/img/orig/feed.png differ
diff --git a/style/img/orig/logosmall.png b/style/img/orig/logosmall.png
new file mode 100644
index 0000000..5900c10
Binary files /dev/null and b/style/img/orig/logosmall.png differ
diff --git a/style/img/orig/menu-button.svg b/style/img/orig/menu-button.svg
new file mode 100644
index 0000000..bf32067
--- /dev/null
+++ b/style/img/orig/menu-button.svg
@@ -0,0 +1,89 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="20.000004"
+ height="15"
+ viewBox="0 0 20.000003 15"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="menu-button.svg"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90">
+ <defs
+ id="defs4" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="16"
+ inkscape:cx="26.710327"
+ inkscape:cy="-4.2195996"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ units="px"
+ inkscape:window-width="1920"
+ inkscape:window-height="1152"
+ inkscape:window-x="1920"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-177.08517,-502.36233)">
+ <path
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 178.09941,504.36223 15.09816,0"
+ id="path8265"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path8267"
+ d="m 178.09941,510.36223 17.75235,0"
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <path
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 178.09941,516.36223 12.7933,0"
+ id="path8269"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ </g>
+</svg>
diff --git a/style/img/slidebg.jpg b/style/img/slidebg.jpg
new file mode 100644
index 0000000..fd6f9c7
Binary files /dev/null and b/style/img/slidebg.jpg differ
diff --git a/style/img/src/menu-button.svg b/style/img/src/menu-button.svg
new file mode 100644
index 0000000..ae59430
--- /dev/null
+++ b/style/img/src/menu-button.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ width="20.000004"
+ height="15"
+ viewBox="0 0 20.000003 15"
+ id="svg2"
+ version="1.1"
+ inkscape:version="0.91 r13725"
+ sodipodi:docname="menu-button.svg">
+ <defs
+ id="defs4" />
+ <sodipodi:namedview
+ id="base"
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1.0"
+ inkscape:pageopacity="0.0"
+ inkscape:pageshadow="2"
+ inkscape:zoom="16"
+ inkscape:cx="26.710327"
+ inkscape:cy="-4.2195996"
+ inkscape:document-units="px"
+ inkscape:current-layer="layer1"
+ showgrid="false"
+ fit-margin-top="0"
+ fit-margin-left="0"
+ fit-margin-right="0"
+ fit-margin-bottom="0"
+ units="px"
+ inkscape:window-width="1920"
+ inkscape:window-height="1152"
+ inkscape:window-x="1920"
+ inkscape:window-y="0"
+ inkscape:window-maximized="1" />
+ <metadata
+ id="metadata7">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title></dc:title>
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <g
+ inkscape:label="Layer 1"
+ inkscape:groupmode="layer"
+ id="layer1"
+ transform="translate(-177.08517,-502.36233)">
+ <path
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.99999988;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 178.09941,504.36223 15.09816,0"
+ id="path8265"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <path
+ inkscape:connector-curvature="0"
+ id="path8267"
+ d="m 178.09941,510.36223 17.75235,0"
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ <path
+ style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:1.99999952;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+ d="m 178.09941,516.36223 12.7933,0"
+ id="path8269"
+ inkscape:connector-curvature="0"
+ inkscape:export-filename="/home/knome/menu-button.png"
+ inkscape:export-xdpi="90"
+ inkscape:export-ydpi="90" />
+ </g>
+</svg>
diff --git a/style/mirrorbrain.css b/style/mirrorbrain.css
new file mode 100644
index 0000000..841660a
--- /dev/null
+++ b/style/mirrorbrain.css
@@ -0,0 +1,136 @@
+ at import url('header.css');
+
+body {
+ font: 12px/18px "Bitstream Vera Sans", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
+ background-color: #eee;
+ color: #000;
+ line-height: 1.7em;
+ margin: 0;
+}
+
+#mirrorbrain-wrap {
+ max-width: 1000px;
+ margin: 12px auto;
+ padding: 0 6px;
+}
+
+#mirrorbrain-details {
+ padding: 2em;
+ background-color: #fff;
+ box-shadow: 0 0 3px rgba(0, 0, 0, .25);
+ border-radius: 4px;
+}
+
+#mirrorbrain-fileinfo {
+ border-radius: 4px;
+ background-color: #eee;
+ border: 1px solid #ccc;
+ padding: 10px;
+ word-wrap: break-word;
+ margin-top: 1em;
+}
+
+#mirrorbrain-mirrors {
+ word-wrap: break-word;
+}
+
+#mirrorbrain-fileinfo h3 {
+ margin-top: 0;
+}
+
+#mirrorbrain-fileinfo ul {
+ list-style: none;
+ padding: 0;
+}
+
+.mirrorbrain-label {
+ font-weight: bold;
+ display: inline-block;
+ min-width: 9em;
+}
+#mirrorbrain-fileinfo p {
+ margin-bottom: 10px;
+}
+
+#mirrorbrain-footer {
+ padding: 10px 1em;
+}
+
+.mirrorbrain-btn {
+ background-color: rgba(18,127,210,1);
+ background-image: linear-gradient(top, rgba(54,168,234,1) 0%,rgba(18,127,210,1) 100%);
+ box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 1px 0px 0px 0px rgba(255,255,255,0.4)inset, -1px 0px 0px 0px rgba(255,255,255,0.4)inset;
+ border: solid 1px rgba(3,94,163,1);
+ border-radius: 6px;
+ text-shadow: 0px 1px 1px rgba(0,0,0,0.33);
+ padding: 8px;
+ border: solid 1px rgba(3,94,163,1);
+ color: rgba(255,255,255,1);
+}
+.mirrorbrain-btn:hover {
+ background-image: linear-gradient(top, rgba(47,144,213,1) 0%,rgba(3,81,183,1) 100%);
+ box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.4)inset, 0px -1px 0px 0px rgba(255,255,255,0.2)inset;
+ border: solid 1px rgba(0,52,129,1);
+ color: rgba(255,255,255,1);
+}
+
+
+h2, h3, h4 { color: #333;}
+h2 {
+ font-size: 24px;
+ font-weight: normal;
+ margin: 0;
+}
+
+a {
+ color: #06c;
+ text-decoration: none;
+}
+
+a:hover {
+ color: #f00;
+}
+
+div.notify {
+ background-color: #dfd;
+ border-bottom: 1px solid #9d9;
+ padding: .2em;
+}
+
+hr, address {
+ display: none;
+}
+
+th, td {
+ text-align: left;
+ padding: 2px;
+ padding-right: 1em;
+ white-space: nowrap;
+}
+th:nth-child(2) {
+ min-width: 15em;
+}
+tr:hover td {
+ background-color: #eee;
+}
+table {
+ margin-top: 1em;
+ border-spacing: 0;
+}
+
+ at media screen and (max-width: 500px) {
+ #mirrorbrain-details {
+ padding: 1em .5em;
+ }
+ #mirrorbrain-wrap {
+ padding: 0;
+ }
+ tr td:nth-child(3),
+ tr th:nth-child(3) {
+ /* hide unimportant column */
+ display: none;
+ }
+ .mirrorbrain-label {
+ min-width: 0em;
+ }
+}
diff --git a/style/site_blog.css b/style/site_blog.css
new file mode 100644
index 0000000..2ecf7a5
--- /dev/null
+++ b/style/site_blog.css
@@ -0,0 +1,91 @@
+/*
+ * Additional styles for blog.xfce.org
+ *
+ */
+
+#main {
+ margin-top: 1.5em;
+}
+
+#article .single + .single,
+#article .pagination {
+ border-top: 1px solid rgba( 0, 0, 0, 0.1 );
+ margin-top: 3em;
+ padding-top: 2em;
+
+ position: relative;
+}
+
+#article .single + .single::before,
+#article .pagination::before {
+ position: absolute;
+ display: inline-block;
+ top: -0.5em;
+
+ width: 8%;
+ left: 46%;
+ text-align: center;
+ content: "~";
+
+ background-color: #fff;
+ color: rgba( 0, 0, 0, 0.2 );
+ font-size: 200%;
+}
+
+#article .single .xfce-title a {
+ color: #333;
+}
+#article .single .xfce-title a:hover {
+ color: #f00;
+ text-decoration: underline;
+}
+
+
+#article .single ul.meta {
+ list-style-type: none;
+ margin-left: 0;
+ color: rgba( 0, 0, 0, 0.7 );
+ font-size: 90%;
+ margin-top: -1em;
+}
+
+ #article .single ul.meta li {
+ display: inline;
+ margin-right: 2em;
+ }
+
+ #article .single ul.meta li::before {
+ font-weight: bold;
+ font-size: 80%;
+ margin-right: 0.75em;
+ }
+ #article .single ul.meta li.date::before { content: "ON"; }
+ #article .single ul.meta li.author::before { content: "BY"; }
+
+#article .pagination {
+ display: flex;
+ font-weight: bold;
+}
+ #article .pagination::before {
+ content: "…";
+ top: -0.72em;
+ }
+ #article .pagination div {
+ flex: 1;
+ }
+ #article .pagination .next {
+ text-align: right;
+ }
+
+/* Styles for the imported posts */
+
+#article .single img {
+ display: block;
+ max-width: 100%;
+ height: auto;
+ margin: 0 auto;
+}
+
+#article .single figure {
+ margin: 0 auto;
+}
\ No newline at end of file
diff --git a/style/site_bugzilla.css b/style/site_bugzilla.css
new file mode 100644
index 0000000..bbeccb1
--- /dev/null
+++ b/style/site_bugzilla.css
@@ -0,0 +1,931 @@
+/*
+ * Additional styles for bugzilla.xfce.org
+ *
+ */
+
+body {
+ background-image: none;
+}
+
+#bugzilla-body * {
+ box-sizing: border-box;
+}
+
+/* Links dressed as buttons */
+
+.action-link,
+.comment_tab,
+.bz_query_buttons #xml {
+ border-radius: 0.2em;
+ border: 1px solid rgba( 0, 0, 0, 0.2 );
+ background: #f7f7f7 linear-gradient( to bottom, rgba( 255, 255, 255, 0.5 ), rgba( 0, 0, 0, 0.02 ) 1px, rgba( 0, 0, 0, 0.05 ) ) repeat-x;
+ color: #000;
+ padding: 0.2em 0.5em;
+ outline: none !important;
+ transition: 150ms all;
+}
+ a.action-link:hover,
+ .comment_tab:hover {
+ background-color: #fff;
+ }
+ a.action-link {
+ font-size: 85%;
+ line-height: 1em;
+ }
+ a.action-link, a.action-link:link, a.action-link:visited {
+ color: #000;
+
+ }
+ a.action-link:hover, a.action-link:active, a.action-link:focus,
+ .comment_tab:hover, .comment_tab:active, .comment_tab:focus {
+ color: #06c;
+ text-decoration: none;
+ }
+
+/* Links with no color unless hover */
+
+a.no-color:link, a.no-color:visited {
+ color: #000;
+}
+ a.no-color:hover, a.no-color:active, a.no-color:focus {
+ color: #f00;
+ }
+
+
+
+
+
+
+
+
+/*
+ * Move to main stylesheets?
+ *
+ */
+
+#main * {
+ box-sizing: border-box; /* do we want this? */
+}
+
+#main pre,
+#main pre * {
+ font-family: 'Noto Mono', monospace !important;
+ font-size: 100%;
+}
+
+/*
+ * Not checked
+ *
+ */
+
+hr {
+ clear: both;
+ display: block;
+ border: none;
+ border-bottom: 1px solid rgba( 0, 0, 0, 0.3 );
+ margin: 2em 0;
+}
+ hr + * {
+ margin-top: 0;
+ }
+
+/*
+ * Header
+ *
+ */
+
+#header {
+ margin: 0 !important;
+ width: 100% !important;
+}
+ #header.scrolled {
+ position: fixed;
+ top: 0;
+ z-index: 2000;
+ box-shadow: 0 0 0.1em rgba( 0, 0, 0, 0.4 );
+ }
+ #header #titles {
+ /* Used in the default template... */
+ display: none;
+ }
+ #header a:hover, #header a:active, #header a:focus {
+ border-bottom-color: #fff;
+ border-bottom: 1px solid rgba( 255, 255, 255, 0.7 );
+ }
+
+#quicksearch_top,
+#find_top {
+ border: 1px solid rgba( 255, 255, 255, 0.1 );
+ background-color: rgba( 255, 255, 255, 0.25 );
+}
+#find_top {
+ background-color: rgba( 255, 255, 255, 0.5 );
+ transition: 150ms all;
+}
+ #find_top:hover {
+ background-color: rgba( 255, 255, 255, 0.75 );
+ }
+
+/*
+ * Body
+ *
+ */
+
+#bugzilla-body {
+ position: relative;
+ margin: 0 !important;
+ padding: 2em 1em !important;
+}
+ #bugzilla-body > h1:first-child,
+ #bugzilla-body > h2:first-child,
+ #bugzilla-body > h3:first-child {
+ margin-top: 0;
+ }
+
+/*
+ * Navigation
+ *
+ */
+
+#header ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+}
+
+#header .links-dropdown {
+ position: relative;
+ float: right;
+}
+ #header .links-dropdown li.main {
+ position: relative;
+ z-index: 1000;
+ padding: 0.45em 1em;
+ }
+ #header .links-dropdown:hover li.main {
+ background-color: rgba( 255, 255, 255, 0.2 );
+ }
+ #header .links-dropdown ul {
+ position: absolute;
+ top: 2.3em;
+ right: 0;
+ display: none;
+ border: 1px solid rgba( 0, 0, 0, 0.2 );
+ box-shadow: 0 0 0.2em rgba( 0, 0, 0, 0.1 );
+ }
+ #header .links-dropdown:hover ul {
+ min-width: 150px;
+ width: 100%;
+ display: block;
+ }
+ #header .links-dropdown li.main ul li {
+ background-color: #eee;
+ }
+ #header .links-dropdown:hover ul li:first-child {
+ padding-top: 0.5em;
+ }
+ #header .links-dropdown:hover ul li:last-child {
+ padding-bottom: 0.5em;
+ }
+ #header .links-dropdown a {
+ display: block;
+ border: none;
+ padding: 0.25em 1em;
+ }
+ #header .links-dropdown a:hover {
+ background-color: rgba( 255, 255, 255, 0.5 );
+ color: #000;
+ }
+
+#header .links {
+ padding: 0.25em 1em;
+ border: none;
+ border-radius: 0;
+}
+ #header #common_links {
+ background-color: #00a8dd;
+ color: rgba( 255, 255, 255, 0.9 );
+ }
+ #header #common_links:after {
+ content: ".";
+ display: block;
+ height: 0;
+ clear: both;
+ visibility: hidden;
+ font-size: 0;
+ }
+ .links li {
+ margin-right: 0.5em;
+ }
+ .links li .separator {
+ display: none;
+ }
+ .links li a {
+ font-weight: bold;
+ }
+ #header .links li a {
+ color: #fff;
+ }
+ .links.links-primary {
+ float: left;
+ }
+ #header .links.links-secondary {
+ float: right;
+ padding: 0.45em 1em;
+ }
+ .links.links-secondary li {
+ padding: 0.45em 0;
+ }
+#header a:hover,
+#header a:active,
+#header a:focus {
+ text-decoration: none;
+}
+
+/*
+ * Bug navigation and messages
+ *
+ */
+
+.navigation {
+/* width: 100%; */
+/* position: absolute; */
+ margin: 0;
+ top: 0;
+ left: 0;
+
+ padding: 0.25em 1em;
+ background-color: #fff;
+}
+ #bugzilla-body > dl:first-child {
+ background-color: #eee;
+ padding: 0.8em 1.3em;
+ border-left: 7px solid #00a8dd;
+ }
+ #bugzilla-body > dl:first-child code {
+ font-size: 100%;
+ }
+.navigation .nav_left { float: left; }
+.navigation .nav_right { float: right; font-size: 90%; }
+.navigation a,
+.navigation span {
+ margin: 0 0.3em;
+}
+
+/*
+ * Front page
+ *
+ */
+
+#page-index {
+ max-width: 100%;
+}
+
+#page-index #enter_bug { background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0.5 ), rgba( 0, 0, 0, 0.02 ) 1px, rgba( 0, 0, 0, 0.05 ) ), url(https://bugzilla.xfce.org/skins/contrib/Xfce/index/bugzilla-papericon.png); }
+#page-index #query { background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0.5 ), rgba( 0, 0, 0, 0.02 ) 1px, rgba( 0, 0, 0, 0.05 ) ), url(https://bugzilla.xfce.org/skins/contrib/Xfce/index/bugzilla-magnifier.png); }
+#page-index #account { background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0.5 ), rgba( 0, 0, 0, 0.02 ) 1px, rgba( 0, 0, 0, 0.05 ) ), url(https://bugzilla.xfce.org/skins/contrib/Xfce/index/bugzilla-person-alternate.png); }
+#page-index #help { background-image: linear-gradient( to bottom, rgba( 255, 255, 255, 0.5 ), rgba( 0, 0, 0, 0.02 ) 1px, rgba( 0, 0, 0, 0.05 ) ), url(https://bugzilla.xfce.org/skins/contrib/Xfce/index/bugzilla-questionmark2.png); }
+
+#page-index .bz_common_actions a {
+ width: 170px;
+ padding: 1em;
+ background-color: #f7f7f7;
+ background-position: 50% 0;
+ background-repeat: repeat-x, no-repeat;
+ border-radius: 0.5em;
+}
+ #page-index .bz_common_actions a:hover {
+ background-color: #fff;
+ }
+
+
+.rss {
+ background-image: url(https://bugzilla.xfce.org/skins/contrib/Xfce/rss.png);
+}
+
+/* Fix the related action links... */
+.related_actions {
+ font-size: 0.85em;
+ float: right;
+ white-space: nowrap;
+ margin: 0;
+ padding: 0;
+}
+ .related_actions li {
+ display: inline;
+ }
+
+ .related_actions.no-navigation {
+ display: block;
+ float: none;
+ text-align: right;
+ width: 100%;
+
+ box-sizing: border-box;
+ padding: 0.35em 1.25em;
+ margin-top: -0.1em !important;
+ background-color: #eee;
+ }
+ .related_actions:first-child + #useful-links {
+ clear: both;
+ }
+/* Browse */
+ul.product_categories {
+ list-style-type: none;
+ padding-left: 0;
+}
+ ul.product_categories li {
+ display: inline;
+ }
+ ul.product_categories li a {
+ font-size: 100%;
+ }
+
+
+h3.product_cat {
+ padding-top: 5em;
+ margin-top: -4em;
+ margin-bottom: 0;
+}
+ hr + h3.product_cat {
+ padding-top: 4em;
+ }
+ h3.product_cat + p {
+ margin-top: 0.25em;
+ margin-bottom: 1.25em;
+ }
+
+ul.products {
+ list-style-type: none;
+ padding-left: 0;
+ margin-left: 3em;
+ border-top: 1px solid rgba(0,0,0,0.2);
+}
+ ul.products li {
+ display: flex;
+ border-bottom: 1px solid rgba(0,0,0,0.2);
+ }
+ ul.products li:hover {
+ background-color: #f7f7f7;
+ }
+ ul.products li a {
+ display: block;
+ }
+ ul.products a.description {
+ color: #444;
+ }
+ ul.products strong {
+ flex: 20;
+ min-width: 220px;
+ padding: 0.2em 0;
+ }
+ ul.products div {
+ flex: 80;
+ font-size: 80%;
+ padding: 0.3em 0;
+ line-height: 1.5em;
+ }
+ ul.products span.product_components a {
+ font-size: 120%;
+ line-height: 1.6em;
+ display: inline;
+ white-space: nowrap;
+ margin-right: 0.5em;
+ }
+ ul.products span.product_components a:first-child:last-child,
+ ul.products span.product_components a.component-all {
+ font-style: oblique;
+ font-weight: bold;
+ }
+ ul.products span.product_components a.component-general,
+ ul.products span.product_components a.component-General {
+ font-weight: bold;
+ }
+
+
+/* Search */
+.bz_search_section {
+ background-color: #eee;
+ padding: 1em;
+}
+.field_help_link {
+ color: #000 !important;
+}
+
+tr.bz_row_odd {
+ /* Makes sure all odd rows have a background... */
+ background-color: #f7f7f7;
+}
+.bz_query_links .action-link {
+ font-size: 100%;
+}
+.bz_query_buttons #xml {
+ font-size: 100%;
+ margin-top: -0.25em;
+}
+.buglist_menu div {
+ line-height: 2.5em;
+}
+
+/* Search description */
+
+.search_description {
+ line-height: 2em;
+}
+.search_description li {
+ white-space: nowrap;
+}
+
+/* Bug list */
+
+.bz_buglist {
+ margin: 2em 0;
+}
+
+.bz_buglist a {
+ display: block;
+}
+
+/* Common styles */
+a.bz_closed, a.bz_closed:link, a.bz_closed:visited,
+a.bz_closed:hover, a.bz_closed:active, a.bz_closed:focus {
+ text-decoration: line-through;
+}
+
+/* Bug statuses */
+.bz_bugitem .bz_short_desc_column {
+ position: relative;
+}
+ .bz_bugitem .bz_bug_status_column span {
+ display: inline-block;
+ width: 100%;
+ text-align: center;
+
+ border-radius: 0.2em;
+ padding: 0.15em 0.4em;
+ background-color: rgba( 0, 0, 0, 0.1 );
+ }
+
+.bz_bugitem.bz_NEW .bz_bug_status_column span,
+.bz_bugitem.bz_REOPENED .bz_bug_status_column span,
+.bz_bugitem.bz_UNCONFIRMED .bz_bug_status_column span,
+#status_resolution.NEW,
+#status_resolution.REOPENED,
+#status_resolution.UNCONFIRMED {
+ background-color: rgba( 0, 150, 210, 1 );
+ color: #fff;
+}
+ #status_resolution.NEW:hover,
+ #status_resolution.REOPENED:hover,
+ #status_resolution.UNCONFIRMED:hover {
+ background-color: rgba( 20, 170, 230, 1 );
+ }
+
+.bz_bugitem.bz_ASSIGNED .bz_bug_status_column span,
+#status_resolution.ASSIGNED {
+ background-color: rgba( 220, 200, 50, 1 );
+ color: #fff;
+}
+ #status_resolution.ASSIGNED:hover {
+ background-color: rgba( 240, 220, 70, 1 );
+ }
+
+.bz_bugitem.bz_NEEDINFO .bz_bug_status_column span,
+#status_resolution.NEEDINFO {
+ background-color: rgba( 235, 90, 0, 1 );
+ color: #fff;
+}
+ #status_resolution.NEEDINFO:hover {
+ background-color: rgba( 255, 110, 20, 1 );
+ }
+
+.bz_bugitem.bz_CLOSED .bz_bug_status_column span,
+.bz_bugitem.bz_RESOLVED.bz_FIXED .bz_bug_status_column span,
+.bz_bugitem.bz_RESOLVED.bz_WORKSFORME .bz_bug_status_column span,
+.bz_bugitem.bz_VERIFIED .bz_bug_status_column span,
+#status_resolution.CLOSED,
+#status_resolution.RESOLVED-FIXED,
+#status_resolution.RESOLVED-WORKSFORME,
+#status_resolution.VERIFIED {
+ background-color: rgba( 90, 180, 90, 1 );
+ color: #fff;
+}
+ #status_resolution.CLOSED:hover,
+ #status_resolution.RESOLVED-FIXED:hover,
+ #status_resolution.RESOLVED-WORKSFORME:hover,
+ #status_resolution.VERIFIED:hover {
+ background-color: rgba( 110, 200, 110, 1 );
+ }
+
+.bz_bugitem.bz_RESOLVED.bz_DUPLICATE .bz_bug_status_column span,
+.bz_bugitem.bz_RESOLVED.bz_INVALID .bz_bug_status_column span,
+.bz_bugitem.bz_RESOLVED.bz_MOVED .bz_bug_status_column span,
+.bz_bugitem.bz_RESOLVED.bz_WONTFIX .bz_bug_status_column span,
+#status_resolution.RESOLVED-DUPLICATE,
+#status_resolution.RESOLVED-INVALID,
+#status_resolution.RESOLVED-MOVED,
+#status_resolution.RESOLVED-WONTFIX {
+ background-color: rgba( 90, 90, 90, 1 );
+ color: #fff;
+}
+ #status_resolution.RESOLVED-DUPLICATE:hover,
+ #status_resolution.RESOLVED-INVALID:hover,
+ #status_resolution.RESOLVED-MOVED:hover,
+ #status_resolution.RESOLVED-WONTFIX:hover {
+ background-color: rgba( 110, 110, 110, 1 );
+ }
+
+ #status_resolution option {
+ background-color: #fff;
+ color: #000;
+ }
+
+/* Bug severities */
+.severity-critical select#bug_severity,
+.severity-blocker select#bug_severity {
+ background-color: rgba( 210, 0, 0, 1 );
+ color: #fff;
+}
+ .severity-critical select#bug_severity:hover,
+ .severity-blocker select#bug_severity:hover {
+ background-color: rgba( 230, 20, 20, 1 );
+ }
+
+ .severity select#bug_severity option {
+ background-color: #fff;
+ color: #000;
+ }
+
+.bz_bugitem {
+ color: inherit;
+ font-weight: normal;
+}
+ .bz_blocker,
+ .bz_critical {
+ color: rgba( 210, 0, 0, 1 );
+ }
+ .bz_critical .bz_short_desc_column,
+ .bz_blocker .bz_short_desc_column {
+ padding-left: 2em;
+ }
+ .bz_critical .bz_short_desc_column:before,
+ .bz_blocker .bz_short_desc_column:before {
+ position: absolute;
+ content: "!";
+ left: 0.4em;
+ top: 0.4em;
+ padding: 0.15em 0.4em;
+ border-radius: 0.2em;
+ background-color: rgba( 210, 0, 0, 1 );
+ color: #fff;
+ font-weight: bold;
+ }
+
+ .bz_CLOSED .bz_short_desc_column:before,
+ .bz_RESOLVED .bz_short_desc_column:before,
+ .bz_VERIFIED .bz_short_desc_column:before {
+ display: none;
+ }
+ .bz_CLOSED .bz_short_desc_column,
+ .bz_RESOLVED .bz_short_desc_column,
+ .bz_VERIFIED .bz_short_desc_column {
+ padding-left: 0.4em;
+ }
+
+/*
+ * BUG VIEW
+ *
+ */
+
+#bug-header {
+ display: flex;
+ padding: 0 0 0.4em 0;
+ font-weight: normal;
+
+ border-bottom: 1px solid rgba( 0, 0, 0, 0.4 );
+ border-bottom: 1px solid #06c;
+}
+ #bug-header #bug-primary-actions { flex: 2; text-align: right; min-width: 200px; }
+ #bug-header #bug-primary-actions .action-link {
+ font-size: 105%;
+ padding: 0.3em 1em;
+ }
+#bug-title { font-size: 180%; flex: 8; padding-bottom: 0.2em; line-height: 1.1em; }
+ #bug-title a { color: #000; }
+ #bug-title input { display: block; font-size: 80%; margin-top: -0.15em; font-weight: normal; }
+
+/* Main layout
+ */
+
+#bug-layout {
+ display: flex;
+}
+ #bug-main { flex: 70; width: 0; max-width: 70%; }
+ #bug-sidebar { flex: 30; margin-left: 3em; min-width: 310px; }
+ #bug-sidebar .field,
+ #bug-sidebar .sidebar-item { margin-bottom: 1em; }
+ #bug-sidebar #sidebar-expand .field,
+ #bug-sidebar #sidebar-expand .sidebar-item { display: none; }
+ #bug-sidebar #sidebar-expand.expanded .field,
+ #bug-sidebar #sidebar-expand.expanded .sidebar-item { display: block; }
+
+ #bug-layout h3 { font-weight: normal; font-size: 130%; border-bottom: 1px solid rgba( 0, 0, 0, 0.3 ); padding-bottom: 0.3em; color: rgba( 0, 0, 0, 0.7 ); margin-top: 2em; }
+ #bug-layout h3:first-child { margin-top: 0.5em; }
+
+/* Rows that need to be split
+ */
+
+#changeform .flex-split { display: flex; }
+#changeform .flex-split * { flex: 1; margin: 0 0.1em; }
+ #changeform .flex-split a.action-link { padding: 0.5em; text-align: center; }
+
+/* Product and component box
+ */
+
+#changeform .flex-item { flex: 2; }
+#changeform .flex-product,
+#changeform .flex-status { flex: 3; }
+#changeform .flex-component { flex: 4; }
+
+#changeform .flex-split span.select,
+#changeform .flex-split select { flex: 2; }
+
+/* Comments
+ */
+
+/* Collapse and Expand links */
+.bz_collapse_expand_comments {
+ float: right;
+ margin-top: -3.5em;
+}
+ .bz_collapse_expand_comments li {
+ display: inline;
+ }
+
+/* Comments itself */
+body #comments pre.bz_comment_text,
+body #comments pre.bz_comment_text * {
+ font-family: 'Noto Sans', sans-serif !important;
+}
+body #comments pre.bz_comment_text {
+ overflow: hidden;
+}
+
+/* SIDEBAR
+ */
+
+#bug-sidebar select {
+ width: 100%;
+ margin: 0.2em 0;
+}
+
+/* Duplicates
+ */
+
+.field-duplicates ul {
+ list-style-type: none;
+ margin: 0 0 1em 0;
+ padding-left: 0;
+}
+/* CC List
+ */
+
+#cc_edit_area {
+ margin-left: 2em;
+}
+
+/* Attachments
+ */
+
+#attachment_table {
+ width: 100%;
+ border: none;
+ margin-top: 1em;
+}
+
+#attachment_table tr:nth-child(even) {
+ background-color: rgba( 0, 0, 0, 0.08 );
+}
+#attachment_table tr:nth-child(odd) {
+ background-color: rgba( 0, 0, 0, 0.04 );
+}
+#attachment_table th,
+#attachment_table tr:last-child {
+ background-color: transparent;
+}
+
+#attachment_table td {
+ border: none;
+}
+
+#attachment_table .bz_attach_footer > td > a {
+ display: block;
+ clear: both;
+ background: transparent url(https://bugzilla.xfce.org/skins/contrib/Xfce/add-attachment.png) no-repeat 0 0;
+ padding-left: 20px;
+}
+
+/*
+ *
+ *
+ */
+
+/* Bug comments */
+.bz_comment_table {
+ width: 100% !important;
+}
+ .bz_comment {
+ background-color: #f3f3f3;
+ margin-bottom: 1em;
+ }
+ .bz_first_comment_head,
+ .bz_comment_head {
+ padding: 0.5em;
+ }
+ .bz_comment_user {
+ font-weight: bold;
+ }
+ .bz_comment_text {
+ width: 100%;
+ padding: 0 1em 1em 1em;
+ }
+.comment_tab {
+ display: inline-block;
+ margin: 0.1em 0 0.4em 0;
+ font-size: 90%;
+}
+
+#add_comment,
+#add_comment table,
+#add_comment #comment {
+ width: 100%;
+}
+ #add_comment table,
+ #add_comment table tr,
+ #add_comment table td,
+ #add_comment table th {
+ border: none !important;
+ padding: 0;
+ }
+
+
+/* Commit buttons */
+#commit_top,
+#commit {
+ padding: 0.3em 1em;
+ background-color: #06c;
+ color: #fff;
+}
+ #commit_top:hover, #commit_top:active, #commit_top:focus,
+ #commit:hover, #commit:active, #commit:focus {
+ background-color: #00a8dd;
+ }
+
+/*
+ * Filing and editing bugs
+ *
+ */
+.bug-row,
+.filebug-row {
+ margin-bottom: 1em;
+ width: auto !important;
+ vertical-align: top;
+}
+ /* Bug row elements */
+ .filebug-row b.required::before {
+ color: red;
+ content: "* ";
+ }
+ .flex-item.expert_fields b::before,
+ tbody.expert_fields th::before,
+ #expert_fields_controller::before {
+ color: rgba( 255, 180, 0, 1 );
+ content: "^ ";
+ font-weight: bold;
+ }
+ .bug-row textarea,
+ .filebug-row textarea {
+ width: 100%;
+ }
+ .bug-row input,
+ .bug-row span {
+ vertical-align: top;
+ }
+ /* Specific element styles */
+ .bug-row #short_desc,
+ .filebug-row #short_desc {
+ font-size: 130%;
+ font-weight: 500;
+ padding: 0.5em;
+ }
+ .bug-row #status {
+ margin-bottom: 0;
+ }
+ .bug-row .popup,
+ .filebug-row .popup {
+ padding: 1em;
+ margin-top: 0.3em;
+ background-color: #eee;
+ }
+ /* Possible duplicates table */
+ #possible_duplicates table,
+ #possible_duplicates table th,
+ #possible_duplicates table td {
+ border: none;
+ text-align: left;
+ }
+ #possible_duplicates table th#yui-dt0-th-id {
+ width: 100px;
+ }
+ #possible_duplicates table thead tr {
+ background-color: #ddd !important;
+ }
+ #possible_duplicates table tr:nth-child(odd) {
+ background-color: #f7f7f7;
+ }
+ #possible_duplicates table tr:nth-child(even) {
+ background-color: #eee;
+ }
+
+ /* Flex rows */
+ .bug-row.bug-flex,
+ .filebug-row.filebug-flex {
+ display: flex;
+ flex-wrap: wrap;
+ margin: 0 -0.1em;
+ }
+ .bug-row.bug-flex {
+ background-color: #f7f7f7;
+ padding: 0.5em 1em 1em 1em;
+ margin-bottom: 1em !important;
+ }
+ /* Flex items */
+ .bug-row.bug-flex .flex-item,
+ .filebug-row.filebug-flex .flex-item {
+ flex: 1;
+ min-width: 120px;
+ margin: 0 0.1em;
+ line-height: 1.8em;
+ }
+ /* Flex item elements and specific element styles */
+ .bug-row.bug-flex .flex-item select,
+ .filebug-row.filebug-flex .flex-item select {
+ width: 100%;
+ }
+ .bug-row.bug-flex .flex-item.status select#resolution,
+ .bug-row.bug-flex .flex-item.platform select {
+ width: 49%;
+ }
+
+/* Notes... Move to global.css? */
+
+.note {
+ background-color: #eee;
+ padding: 0.5em 0.8em;
+}
+.note-before {
+ border-left: 7px solid rgba( 220, 0, 0, 1 );
+}
+.note-guess-os {
+ border-left: 7px solid rgba( 0, 220, 0, 1 );
+}
+
+/* "Changes submitted" notification messages */
+
+#article > dl:first-child {
+ margin: 0 0 2em 0;
+ background-color: #f3f3f3;
+}
+ #article > dl:first-child > dt:first-child {
+ padding: 0.5em 1em;
+ background-color: #e0e0e0;
+ }
+ #article > dl:first-child > dd {
+ margin: 0;
+ padding: 0.5em 1em;
+ }
+ #article > dl:first-child > dd dt,
+ #article > dl:first-child > dd dd {
+ margin: 0;
+ display: inline;
+ }
+ #article > dl:first-child > dd code {
+ font-family: 'Noto Sans', sans-serif;
+ font-size: 100%;
+ }
+/* ... */
+
+.enter_bug_form hr {
+ margin: 1.5em 0;
+ border: none;
+ border-bottom: 3px solid rgba( 0, 0, 0, 0.2 );
+}
+
+
+.bug-row #newalias {
+ margin-top: -0.5em;
+}
+
+.bz_bug #bugzilla-body th {
+ vertical-align: middle;
+}
\ No newline at end of file
diff --git a/style/site_wiki.css b/style/site_wiki.css
new file mode 100644
index 0000000..7c142f6
--- /dev/null
+++ b/style/site_wiki.css
@@ -0,0 +1,107 @@
+a span {
+ color: inherit;
+}
+
+a.wikilink2 {
+ color: red;
+}
+
+#header .breadcrumbs {
+ float: left;
+}
+#header .tools {
+ float: right;
+ margin-top: -0.4em;
+}
+
+.mobileTools {
+ display: none;
+}
+
+ at media screen and (max-width: 850px) {
+ #header .tools div,
+ #header .tools select,
+ #header .tools form,
+ .mobileTools {
+ display: inline;
+ }
+
+}
+
+.dokuwiki div.page {
+ box-shadow: none;
+ border: none;
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+ margin-bottom: 0;
+}
+
+#dw__toc {
+ margin: 0;
+ width: 100%;
+ border: none;
+ margin-bottom: 1em;
+}
+ #dw__toc h3 {
+ font-weight: normal;
+ font-size: 125%;
+ letter-spacing: inherit;
+ padding: 0;
+ }
+ #dw__toc > div {
+ font-size: 100%;
+ }
+ #dw__toc ul {
+ margin-left: 0;
+ }
+ #dw__toc ul li {
+ list-style-image: none;
+ list-style-type: square;
+ }
+ #dw__toc li ul {
+ margin-top: 0.5em;
+ }
+
+#header,
+#footer {
+ padding: 0.4em 0;
+}
+ #header {
+ padding-top: 0.8em;
+ }
+
+#footer .bars {
+ display: flex;
+ margin-bottom: 0.4em;
+}
+#footer .bars div {
+ flex: 1;
+}
+#footer .bar-left {
+ text-align: left;
+}
+#footer .bar-right {
+ text-align: right;
+}
+
+#footer .bar-left form,
+#footer .bar-right form {
+ display: inline;
+}
+
+div.plugin_translation select {
+ background-color: #f7f7f7 !important;
+ padding: 0.2em 0.5em !important;
+ border: 1px solid rgba( 0, 0, 0, 0.2 ) !important;
+ border-radius: 0.2em !important;
+ box-shadow: none !important;
+ color: #000 !important;
+}
+
+pre.code {
+ background-color: rgba( 0, 0, 0, 0.04 );
+ border: 1px solid rgba( 0, 0, 0, 0.1 );
+ border-radius: 0.3em;
+
+ padding: 0.3em 0.8em;
+}
\ No newline at end of file
diff --git a/style/site_www.css b/style/site_www.css
new file mode 100644
index 0000000..7e23a2f
--- /dev/null
+++ b/style/site_www.css
@@ -0,0 +1,473 @@
+/*
+ * Additional styles for www.xfce.org
+ *
+ */
+
+/*
+ * Main navigation
+ *
+ */
+
+#mainnav {
+ padding: 0.4em 0;
+}
+#mainnav ul {
+ list-style: none;
+ line-height: 2em;
+}
+
+#mainnav ul li {
+ border-left: 1px solid rgba( 0, 0, 0, .15 );
+ float: left;
+ font-weight: bold;
+}
+
+#mainnav ul li:first-child {
+ border-left: 0;
+ border-top: 0;
+}
+
+#mainnav ul li a {
+ display: block;
+ padding: 0.1em 1em;
+}
+
+#mainnav select {
+ float: right;
+ margin-top: 0.15em;
+}
+ #mainnav select option {
+ font-size: 90%;
+}
+#mainnav-icon {
+ display: none;
+ height: 32px;
+ background: #1b68bf url('img/menu-button.png') no-repeat 9px 50%;
+
+ padding: 0 9px 0 39px;
+ line-height: 32px;
+
+ color: #fff;
+ font-weight: bold;
+ border-radius: 3px;
+}
+ #mainnav-icon:hover, #mainnav-icon:active, #mainnav-icon:focus {
+ background-color: #2284f2;
+ text-decoration: none;
+ }
+
+/* News */
+
+.newsitem {
+ clear: both;
+
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+
+ padding-bottom: 1em;
+}
+ .newsitem .post-date {
+ -webkit-box-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+
+ min-width: 50px;
+ max-width: 50px;
+ order: 2;
+ }
+ .post-month {
+ text-transform: uppercase;
+ color: #fff;
+ text-align: center;
+ display:block;
+ padding: 0.15em;
+ background: #2284f2;
+ }
+ .post-day {
+ text-transform: uppercase;
+ color: #3d3d3d;
+ text-align: center;
+ display: block;
+ background: #fff;
+ border: 1px solid rgba( 0, 0, 0, 0.2 );
+ border-top: 0;
+ padding: 2px;
+ line-height: 13px;
+ }
+ .post-day .day {
+ font-size: 115%;
+ line-height: 1.3em;
+ font-weight: 500;
+ }
+ .post-day .year {
+ font-size: 85%;
+ color: #6d6d6d;
+ }
+
+ .newsitem .post-wrap {
+ -webkit-box-flex: 80;
+ -ms-flex: 80;
+ flex: 80;
+
+ order: 3;
+ padding-left: 1.2em;
+ }
+ .newsitem h2,
+ .newsitem h3 {
+ -webkit-box-flex: 100;
+ -ms-flex: 100;
+ flex: 100;
+
+ order: 1;
+ min-width: 100%;
+ margin: 0 0 0.3em 0;
+ }
+ .newsitem h2 {
+ margin-bottom: 1em;
+ }
+ .newsitem .post-wrap p:first-child {
+ margin-top: 0;
+ }
+
+/* RSS icons */
+
+.rss {
+ padding: 2px 20px 0 0;
+ background: url('img/feed.gif') no-repeat right center;
+ float: right;
+ font-size: 85%;
+}
+ .rss a:link, .rss a:visited {
+ color: rgba(0,0,0,0.8);
+ }
+ .rss a:hover, .rss a:active, .rss a:focus {
+ color: #fa6e08;
+ }
+
+h1 + .rss {
+ margin-top: -3.5em;
+}
+
+/* Grid for projects */
+
+div.grid {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+}
+ div.grid .item {
+ -webkit-box-flex: 50;
+ -ms-flex: 50;
+ flex: 50;
+
+ min-width: 45%;
+ margin-right: 2em;
+ }
+ div.grid .item:nth-child(even) {
+ margin-right: 0;
+ }
+ div.grid .item:last-child:nth-child(odd) {
+ margin-right: 50%;
+ }
+ div.grid.icons .item p:first-of-type {
+ padding-left: 58px;
+ background-repeat: no-repeat;
+ background-position: 0 0;
+ min-height: 48px;
+ }
+
+/* Figures */
+
+div.figure {
+ width: 75%;
+ margin: auto;
+ border: 1px solid #ccc;
+ background-color: #eee;
+ color: #333;
+ padding: 0.5em;
+ text-align: center;
+ font-weight: bold;
+}
+ div.figure p.image {
+ border: 1px solid #ccc;
+ background-color: #fff;
+ padding: 0.5em;
+ }
+ div.figure img {
+ max-width: 100%;
+ height: auto;
+ }
+ div.figure p {
+ margin: 0;
+ }
+ div.figure + div.figure {
+ margin-top: 1em;
+ }
+
+/*
+ * Frontpage
+ *
+ */
+
+/* No padding between the slider and content */
+
+#article.file_frontpage {
+ margin-right: 0;
+ padding: 0;
+ border-right: 0;
+}
+
+#article.file_frontpage .post-wrap p,
+#article.file_frontpage h2,
+#article.file_frontpage h3 {
+ margin-top: 0;
+}
+
+#article.file_frontpage .post-wrap {
+ margin-bottom: 0;
+}
+
+/* Flex columns for frontpage */
+
+.frontpage_cols {
+ display: -webkit-box;
+ display: -ms-flexbox;
+ display: flex;
+
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+
+ padding: 2em 0.5em;
+}
+ .frontpage_cols .column {
+ box-sizing: border-box;
+ margin: 0 1.5em;
+
+ -webkit-box-flex: 50;
+ -ms-flex: 50;
+ flex: 50;
+
+ max-width: 33%; /* try to be nice to midori */
+ }
+
+ .frontpage_cols .column h2 {
+ margin-top: 0;
+ display: inline-block;
+ }
+
+/* Slider */
+
+#slidewrap {
+ margin: auto;
+ border-bottom: 1px solid #bcbcbc;
+ background: #208ca8 url('img/slidebg.jpg') 50% 0 no-repeat;
+
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+
+ #slide {
+ position: relative;
+ overflow: hidden;
+ width: 100%;
+ height: 400px;
+ cursor: default;
+ margin: auto;
+ }
+ #slide div {
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ width: 100%;
+ height: 400px;
+ text-align: center;
+
+ -webkit-transform: translateX(100%);
+ -ms-transform: translateX(100%);
+ transform: translateX(100%);
+
+ background-size: contain;
+ background-repeat: no-repeat;
+ background-position: 50% 50%;
+ background-size: auto 400px;
+ }
+ #slide div:first-child {
+ -webkit-transform: translateX(0%);
+ -ms-transform: translateX(0%);
+ transform: translateX(0%);
+ z-index: 1000;
+ }
+ #slide .current {
+ -webkit-animation: slide-in 1s forwards;
+ animation: slide-in 1s forwards;
+ }
+ #slide .prev {
+ -webkit-animation: slide-out 1s forwards;
+ animation: slide-out 1s forwards;
+ }
+
+ /* Slide animations */
+ @-webkit-keyframes slide-in {
+ 0% {
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+ 100% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+ }
+ @keyframes slide-in {
+ 0% {
+ -ms-transform: translateX(100%);
+ transform: translateX(100%);
+ }
+ 100% {
+ -ms-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+ }
+
+ @-webkit-keyframes slide-out {
+ 0% {
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+ 100% {
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ }
+ @keyframes slide-out {
+ 0% {
+ -ms-transform: translateX(0%);
+ transform: translateX(0%);
+ }
+ 100% {
+ -ms-transform: translateX(-100%);
+ transform: translateX(-100%);
+ }
+ }
+
+ /* Slide navigation */
+ #slidenav {
+ margin: 0 auto;
+ padding: 0;
+ line-height: 0;
+ background-color: #fff;
+ text-align: center;
+ }
+ #slidenav a {
+ display: inline-block;
+ border: 1px solid #bcbcbc;
+ width: 12px;
+ height: 12px;
+ cursor: pointer;
+ margin: 12px 6px;
+ background: #dcdcdc;
+
+ border-radius: 7px;
+ transition: background 0.2s linear;
+ }
+ #slidenav a:hover {
+ background: #bababa;
+ }
+ #slidenav a.current {
+ background: #acacac;
+ border-color: #5f5f5f;
+ }
+
+ /* Image overlays */
+ #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 div span#slide-desktop-panel,
+ #slide div span#slide-desktop-panel-left,
+ #slide div span#slide-desktop-panel-right {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ }
+ #slide div span#slide-desktop-panel { background-repeat: repeat-x; }
+ #slide div span#slide-desktop-panel-left { z-index: 2; }
+ #slide div span#slide-desktop-icons { background-position: 24px 96px; }
+
+ /* Panel slide */
+
+ #slide div span#slide-panel-deskbar,
+ #slide div span#slide-panel-vertical {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+ }
+ #slide div span#slide-panel-deskbar { background-position: 100% 0; }
+ #slide div span#slide-panel-vertical { background-position: 0 100%; }
+
+/* Feeds */
+
+ul.feeds {
+ margin-left: 0 !important;
+}
+ ul.feeds li {
+ list-style-type: none;
+ }
+ ul.feeds .meta {
+ font-size: 85%;
+ color: rgba(0,0,0,0.8);
+ margin-left: 2em;
+ }
+
+/*
+ * Responsive design
+ *
+ */
+
+ at media screen and (max-width: 1200px) {
+ .frontpage_cols .column {
+ max-width: 50%; /* try to be nice to midori */
+ }
+ .frontpage_cols .column:nth-child(3) {
+ min-width: 90%;
+ }
+ .frontpage_cols .feeds {
+ margin-bottom: 0.5em;
+ }
+}
+ at media screen and (max-width: 1200px) and (min-width: 851px) {
+ .frontpage_cols .column:nth-child(3) .rss {
+ float: none;
+ margin-left: 2em;
+ }
+}
+
+ at media screen and (max-width: 400px) {
+ .frontpage_cols .column h2 {
+ display: block;
+ margin-bottom: 0.5em;
+ }
+ .frontpage_cols .rss {
+ display: block;
+ float: none;
+ clear: both;
+ margin-bottom: 1em;
+ }
+}
\ No newline at end of file
diff --git a/style/site_www_mobile.css b/style/site_www_mobile.css
new file mode 100644
index 0000000..0d353e6
--- /dev/null
+++ b/style/site_www_mobile.css
@@ -0,0 +1,129 @@
+ at media screen and (max-width: 1200px) {
+ .frontpage_cols .column {
+ max-width: 50%; /* try to be nice to midori */
+ }
+ .frontpage_cols .column:nth-child(3) {
+ min-width: 90%;
+ }
+ .frontpage_cols .feeds {
+ margin-bottom: 0.5em;
+ }
+}
+ at media screen and (max-width: 1200px) and (min-width: 851px) {
+ .frontpage_cols .column:nth-child(3) .rss {
+ float: none;
+ margin-left: 2em;
+ }
+}
+
+ at media screen and (max-width: 400px) {
+ .frontpage_cols .column h2 {
+ display: block;
+ margin-bottom: 0.5em;
+ }
+ .frontpage_cols .rss {
+ display: block;
+ float: none;
+ clear: both;
+ margin-bottom: 1em;
+ }
+}
+
+ at media screen and (max-width: 850px) {
+ /* Main navigation */
+ #mainnav select {
+ font-size: 110%;
+ margin-top: 0.25em;
+ }
+
+ #mainnav-icon {
+ display: block;
+ float: left;
+ }
+ #mainnav div ul {
+ display: none;
+ background: #fff;
+ position: absolute;
+ margin-top: 32px;
+ width: 200px;
+ float: left;
+ z-index: 2000;
+ border: 1px solid rgba(0,0,0,0.2);
+ box-shadow: 0 0 2px rgba(0,0,0,0.2);
+ }
+ #mainnav div:hover ul {
+ display: block;
+ }
+ #mainnav div:hover #mainnav-icon {
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0;
+ }
+ #mainnav ul li {
+ float: none;
+ border-left: 0;
+ border-top: 1px solid #fff;
+ padding: 0;
+ }
+
+ #mainnav ul li a {
+ display: block;
+ padding: 0.4em 1em;
+ border-top: 1px solid rgba(0,0,0,0.1);
+ }
+ #mainnav ul li:first-child a { border-top: none; }
+
+ #mainnav ul li a:hover {
+ background-color: #eee;
+ text-decoration: none;
+ }
+
+ /* Templates */
+ div.grid {
+ display: block;
+ }
+
+ div.figure {
+ width: 90%;
+ }
+
+ /* Front page: Slider */
+ #slidewrap {
+ background-size: auto 185px;
+ }
+ #slide {
+ height: 185px;
+ }
+ #slide img {
+ width: 370px;
+ height: 185px;
+ }
+ #slide div {
+ background-position: 50% 0;
+ background-size: auto auto;
+ }
+
+ /* Desktop slide */
+ #slide div span#slide-desktop-panel-right { display: none; }
+
+ /* Panel slide */
+ #slide div span#slide-panel-vertical { display: none; }
+ #slide div span#slide-panel-deskbar { background-position: 0 0; }
+
+ /* Front page: Columns */
+ .post-wrap {
+ padding-bottom: 0;
+ }
+ .frontpage_cols {
+ display: block;
+ padding: 1em 0 2em 0;
+ }
+ .frontpage_cols .column {
+ max-width: 100%; /* try to be nice to midori */
+ margin-bottom: 2em;
+ }
+
+ /* Screenshots page */
+ #article.file_screenshots img {
+ max-width: 48%;
+ }
+}
\ No newline at end of file
diff --git a/style/slider.js b/style/slider.js
new file mode 100644
index 0000000..493062c
--- /dev/null
+++ b/style/slider.js
@@ -0,0 +1,38 @@
+var s_timeout=10000;
+var s_timer=window.setInterval(s_adv,s_timeout);
+var slider=document.getElementById('slide');
+var slides=slider.getElementsByTagName('div');
+var buttonhtml='';
+var s_cur=0;
+for(var i=0;i<slides.length;i++) {
+ buttonhtml+='<a onclick="s_adv('+i+')"></a>';
+}
+document.getElementById('slidenav').innerHTML=buttonhtml;
+var navitems=document.getElementById('slidenav').getElementsByTagName('a');
+navitems.item(s_cur).className='current';
+function s_adv(pos){
+ var cur=slider.getElementsByClassName('current').item(0);
+ if(cur==null){
+ cur=slides.item(0);
+ if(pos==0){
+ return;
+ }
+ }
+ navitems.item(s_cur).className='';
+ if(pos!=null){
+ next=slides.item(pos);
+ window.clearTimeout(s_timer);
+ s_timer=window.setInterval(s_adv,s_timeout);
+ s_cur=pos;
+ } else {
+ next=cur.nextElementSibling;
+ s_cur+=1;
+ if(next==null) {
+ next=slides.item(0);
+ s_cur=0;
+ }
+ }
+ cur.className='prev';
+ next.className='current';
+ navitems.item(s_cur).className='current';
+}
--
To stop receiving notification emails like this one, please contact
the administrator of this repository.
More information about the Xfce4-commits
mailing list