Kolab Groupware OBS

roundcubemail-skin-now.spec Changed

roundcubemail-skin-now-0.4.1.tar.gz/kolab/styles/_variables.less -> roundcubemail-skin-now-0.4.2.tar.gz/kolab/styles/_variables.less Changed

roundcubemail-skin-now-0.4.2.tar.gz/pishift Added

roundcubemail-skin-now-0.4.2.tar.gz/pishift/README.md Added

@@ -0,0 +1,58 @@
+Roundcube Webmail Skin "Kolab Elastic"
+======================================
+
+This skin package contains modifications of the Roundcube's Elastic skin.
+It can be used, modified and redistributed according to
+the terms described in the LICENSE section.
+
+For information about building or modifying Roundcube skins please visit
+https://github.com/roundcube/roundcubemail/wiki/Skins
+
+
+LICENSE
+-------
+
+The contents of this folder can be redistributed and/or modified
+under the terms of the GNU Affero General Public License as published
+by the Free Software Foundation, either version 3 of the License,
+or (at your option) any later version.
+
+
+INSTALLATION
+------------
+
+All styles are written using LESS syntax. Thus it needs to be compiled
+using the `lessc` command line tool. This comes with the `nodejs-less`
+RPM package which depends on nodejs.
+
+First create a skin folder in the Roundcube skins directory as a copy
+of the Elastic skin:
+
+```
+    $ cp -r roundcubemail/skins/elastic roundcubemail/skins/pishift
+    $ cp -r roundcubemail-skin-elastic/pishift/* roundcubemail/skins/pishift
+```
+
+Then you can compile css of the skin in a usual way:
+
+```
+    $ cd roundcubemail/skins/pishift
+    $ lessc -x styles/styles.less > styles/styles.css
+    $ lessc -x styles/print.less > styles/print.css
+    $ lessc -x styles/embed.less > styles/embed.css
+```
+
+Css for external plugins need to be rebuild too, e.g. Kolab plugins.
+
+```
+    $ cd roundcubemail-plugins-kolab/plugins/libkolab
+    $ cp -r skins/elastic skins/pishift
+    $ sed -i 's/"elastic"/"pishift"/g' skins/pishift/libkolab.less
+    $ lessc --relative-urls -x skins/pishift/libkolab.less > skins/pishift/styles.css
+```
+
+References to image files from the included CSS files can be appended
+with cache-buster marks to avoid browser caching issues after updating.
+
+Run `bin/updatecss.sh --dir skins/pishift` before packaging the skin
+or after installing it on the destination system.

roundcubemail-skin-now-0.4.2.tar.gz/pishift/images Added

roundcubemail-skin-now-0.4.2.tar.gz/pishift/images/logo.svg Added

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 595.3 841.9" style="enable-background:new 0 0 595.3 841.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);fill:#333333;}
+	.st2{clip-path:url(#SVGID_4_);fill:#CD3333;}
+</style>
+<g id="Color_stand_alone_1_">
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="24" y="140" width="552" height="552"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g class="st0">
+			<defs>
+				<rect id="SVGID_3_" x="24" y="140" width="552" height="552"/>
+			</defs>
+			<clipPath id="SVGID_4_">
+				<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+			</clipPath>
+			<path class="st1" d="M411,523.8l-4.8-3.3l-1-0.7l-5.9-4.3c-4.6-3.4-7.2-8.8-7.1-14.5c0.1-17.9-8.2-33.5-20.3-43.5
+				c-2.5-2.1-5.1-3.9-8-5.5c-7.9-4.4-16.2-6.9-24.9-7.4c-11.2-0.6-22,2.2-31.3,7.5c-6.7,3.9-12.6,9.2-17.2,15.5
+				c-0.4,0.6-0.9,1.2-1.3,1.9L263,507.2l-10.4,15l-1.5,2.2l-11.7,16.9l-0.7,1l-1.3,1.8c-2.4,3.5-6,6-10.1,7.1L85.9,589.6
+				c40.5,50.1,98.5,86.4,166.9,98.3c100.2,17.4,197-21.8,258.2-94.2L468,563.6L411,523.8z"/>
+			<path class="st1" d="M171.7,450.2l41.1-11.2c8.9-2.4,14.9-11.9,12.2-20.7c-1.1-3.6-3.4-6.5-6.2-8.5c-3.8-2.6-8.7-3.6-13.5-2.3
+				l-24.1,6.6c-3.9,1.1-7.4,3.5-9.7,6.8l-26.1,37.5l-0.7,1.1l-8.2,11.7c-2,2.9-5,5-8.3,5.9l-15.2,4.1l23.9-34.4l0.8-1.1l73.2-105.4
+				l8-11.5l19.8-28.5l25.5-36.6l5.7-8.3c1.8-2.6,2.3-5.8,1.5-8.8l-27.2-100.9C136.5,168.1,48.1,253.8,28.1,368.7
+				c-13.4,76.8,6.6,151.7,49.2,210l84.4-121.5C164.2,453.8,167.7,451.3,171.7,450.2"/>
+			<path class="st2" d="M367.1,148.2c-37.3-9.4-74.3-10.3-109.6-4.8l36.9,136.7c10.6-2.5,21.6-3.8,32.8-3.7c7.1,0.1,14.4,0.7,21.6,2
+				l1.1,0.2c0.3,0,0.6,0.1,0.8,0.2c20.4,3.8,38.8,12,54.5,23.5c39.6,28.8,62,83.6,53.9,131.9l-16.5,95.4l76.7,53.5
+				c27.4-35.9,46.5-79,53.6-127.1C593.5,317.2,503.1,182.5,367.1,148.2"/>
+		</g>
+	</g>
+</g>
+</svg>

roundcubemail-skin-now-0.4.2.tar.gz/pishift/images/watermark.svg Added

@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 595.3 841.9" style="enable-background:new 0 0 595.3 841.9;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{clip-path:url(#SVGID_4_);fill:#333333;}
+	.st2{clip-path:url(#SVGID_4_);fill:#CD3333;}
+	.st3{clip-path:url(#SVGID_4_);}
+	.st4{fill:#CD3333;}
+	.st5{font-family:'DINCondensed-Bold';}
+	.st6{font-size:205.8888px;}
+	.st7{letter-spacing:-2;}
+	.st8{fill:#333333;}
+	.st9{letter-spacing:-1;}
+	.st10{letter-spacing:-3;}
+	.st11{letter-spacing:3;}
+</style>
+<g id="Color_text_1_">
+	<g>
+		<defs>
+			<rect id="SVGID_1_" x="84" y="132" width="420.9" height="662"/>
+		</defs>
+		<clipPath id="SVGID_2_">
+			<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+		</clipPath>
+		<g class="st0">
+			<defs>
+				<rect id="SVGID_3_" x="84" y="132" width="420.9" height="662"/>
+			</defs>
+			<clipPath id="SVGID_4_">
+				<use xlink:href="#SVGID_3_"  style="overflow:visible;"/>
+			</clipPath>
+			<path class="st1" d="M372.6,402.3l-3.4-2.3l-0.7-0.5l-4.2-3c-3.2-2.4-5-6.2-5-10.2c0.1-12.6-5.8-23.6-14.3-30.7
+				c-1.7-1.5-3.6-2.8-5.6-3.9c-5.5-3.1-11.4-4.9-17.6-5.2c-7.9-0.4-15.5,1.5-22,5.3c-4.7,2.8-8.9,6.5-12.1,10.9
+				c-0.3,0.4-0.6,0.9-0.9,1.3l-18.5,26.6l-7.3,10.6l-1.1,1.5l-8.3,11.9l-0.5,0.7l-0.9,1.3c-1.7,2.4-4.2,4.2-7.1,5l-99.6,27.1
+				c28.5,35.3,69.4,60.8,117.6,69.2c70.6,12.3,138.7-15.3,181.8-66.4l-30.2-21.2L372.6,402.3z"/>
+			<path class="st1" d="M204,350.5l28.9-7.9c6.3-1.7,10.5-8.4,8.6-14.5c-0.8-2.5-2.4-4.6-4.4-6c-2.7-1.8-6.1-2.5-9.5-1.6l-17,4.6
+				c-2.8,0.8-5.2,2.5-6.8,4.8l-18.4,26.4l-0.5,0.7l-5.8,8.3c-1.4,2-3.5,3.5-5.9,4.1l-10.7,2.9l16.8-24.2l0.5-0.8l51.6-74.2l5.6-8.1
+				l14-20.1l17.9-25.8l4-5.8c1.3-1.8,1.6-4.1,1.1-6.2l-19.2-71.1c-75.8,15.7-138.1,76-152.2,157c-9.4,54.1,4.6,106.8,34.7,147.9
+				l59.5-85.6C198.8,353,201.2,351.3,204,350.5"/>
+			<path class="st2" d="M341.7,137.8c-26.3-6.6-52.3-7.3-77.2-3.4l26,96.3c7.5-1.8,15.2-2.7,23.1-2.6c5,0,10.1,0.5,15.2,1.4l0.8,0.1
+				c0.2,0,0.4,0.1,0.6,0.1c14.3,2.7,27.3,8.5,38.4,16.6c27.9,20.3,43.7,58.9,38,92.9L395,406.3l54,37.7
+				c19.3-25.3,32.8-55.6,37.7-89.5C501.2,256.8,437.5,161.9,341.7,137.8"/>
+			<g class="st3">
+				<text transform="matrix(1 0 0 1 91.8203 729.7656)"><tspan x="0" y="0" class="st4 st5 st6 st7">P</tspan><tspan x="81.7" y="0" class="st4 st5 st6">i</tspan></text>
+			</g>
+			<g class="st3">
+				<text transform="matrix(1 0 0 1 209.7969 729.7656)"><tspan x="0" y="0" class="st8 st5 st6 st9">S</tspan><tspan x="81.7" y="0" class="st8 st5 st6 st10">h</tspan><tspan x="158.5" y="0" class="st8 st5 st6">i</tspan></text>
+			</g>
+			<g class="st3">
+				<text transform="matrix(1 0 0 1 405.6016 729.7656)"><tspan x="0" y="0" class="st8 st5 st6 st11">f</tspan><tspan x="49.4" y="0" class="st8 st5 st6">t</tspan></text>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

roundcubemail-skin-now-0.4.2.tar.gz/pishift/meta.json Added

roundcubemail-skin-now-0.4.2.tar.gz/pishift/styles Added

roundcubemail-skin-now-0.4.2.tar.gz/pishift/styles/_styles.less Added

@@ -0,0 +1,113 @@
+/**
+ * Styles for the Kolab web client variant of the Roundcube Elastic skin
+ *
+ * Copyright (C) 2018, Kolab Systems AG <contact@kolabsystems.com>
+ *
+ * The contents of this folder can be redistributed and/or modified
+ * under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ */
+
+// Modify taskmenu behavior
+#taskmenu {
+    span.inner {
+        text-transform: uppercase;
+    }
+
+    @media screen and (min-width: (@screen-width-medium + 1px)) and (min-height: 640px) {
+        span.inner {
+            font-size: 65%;
+            font-weight: bold;
+        }
+
+        a:before {
+            line-height: 1.2;
+            font-size: 180%;
+            height: 1.9rem !important;
+        }
+    }
+
+    @media screen and (min-width: (@screen-width-small + 1px)) {
+        a.logout:not(:hover) {
+            color: @color-taskmenu-button !important;
+        }
+    }
+
+    .action-buttons {
+        display: none;
+    }
+}
+
+// Fix mobile menu header background
+#layout-menu .popover-header {
+    background-color: @color-taskmenu-background !important;
+
+    img {
+        width: 100%;
+
+        html.layout-phone & {
+            width: unset;
+            max-height: @layout-header-height;
+        }
+    }
+}
+
+.watermark {
+    background-image: url(../images/watermark.svg) !important;
+    background-size: 60% !important;
+    background-blend-mode: unset !important;
+
+    &:before {
+        background: rgba(255, 255, 255, 0.75) !important;
+    }
+}
+
+// Display the Compose button in mail toolbar
+body.task-mail .menu a.compose {
+    display: block !important;
+}
+
+// Move the contact photo in mail preview to the right
+#message-header .short-header img.contactphoto {
+    order: 2;
+    margin: 0 0 0 1rem;
+}
+
+// Make the content frame navigation smaller
+.content-frame-navigation {
+    height: @layout-footer-small-height !important;
+    line-height: @layout-footer-small-height !important;
+    min-height: @layout-footer-small-height !important;
+
+    a {
+        max-width: 8em;
+        padding: 0;
+        line-height: @layout-footer-small-height;
+
+        &:before {
+           display: none !important;
+           height: @layout-footer-small-height !important;
+           line-height: @layout-footer-small-height !important;
+        }
+
+        &.prev,
+        &.next {
+            padding: 0;
+
+            &:before {
+                display: block !important;
+                line-height: 1.8;
+            }
+
+            span.inner {
+                display: none;
+            }
+        }
+
+        span.inner {
+            color: @color-link;
+            font-weight: bold;
+        }
+    }
+}

roundcubemail-skin-now-0.4.2.tar.gz/pishift/styles/_variables.less Added

@@ -0,0 +1,35 @@
+/**
+ * Styles for the Kolab web client variant of the Roundcube Elastic skin
+ *
+ * Copyright (C) 2018, Kolab Systems AG <contact@kolabsystems.com>
+ *
+ * The contents of this folder can be redistributed and/or modified
+ * under the terms of the GNU Affero General Public License as published
+ * by the Free Software Foundation, either version 3 of the License,
+ * or (at your option) any later version.
+ */
+
+@color-main:            #13aeec;
+@color-font:            #404040;
+@color-main-dark:       darken(@color-main, 30%);
+@color-link:            @color-main;
+@color-error:           #cd3333;
+@color-success:         #6fbe95;
+
+@color-black-shade-bg:              #f8f7f4;
+@color-black-shade-text:            #7b7b77;
+
+@color-layout-header-background:    #f2f2f2;
+@color-layout-border:               #d9d9d9;
+
+
+@color-taskmenu-background:                 #333333;
+/*
+@color-taskmenu-button:                     #71777d;
+@color-taskmenu-button-hover:               #e1e2e3;
+@color-taskmenu-button-selected:            #e1e2e3;
+*/
+@color-popover-mobile-header-background:    @color-taskmenu-background;
+
+@color-toolbar-button:              #7b7b77;
+@color-toolbar-button-background-hover: tint(@color-layout-header-background, 40%);

roundcubemail-skin-now-0.4.2.tar.gz/pishift/thumbnail.png Added

roundcubemail-skin-now-0.4.2.tar.gz/pishift/watermark.html Added

Changes of Revision 16