banananetwork
/
roundcubemail
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Apply new logo design for elastic

Browse Source 
Integrate new logo by @drudesign as SVG graphic using <roundcube:object name="logo"> for easy customization.
pull/6373/head
Thomas Bruederli 8 years ago
parent c6e6ed36f2
commit 0c9494cede
11 changed files with 68 additions and 16 deletions
Show Stats Download Patch File Download Diff File

BIN
skins/elastic/images/logo.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

19
skins/elastic/images/roundcube-logo-elastic.svg
Unescape Escape View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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 73 73" style="enable-background:new 0 0 73 73;" xml:space="preserve">
<style type="text/css">
.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#404F54;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#37BEFF;}
.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#CCCCCC;}
.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#E5E5E5;}
</style>
<polygon class="st0" points="36.6,23.3 0.6,37 0.6,59.2 36.6,45.4 "/>
<polygon class="st1" points="72.5,59.2 36.6,45.4 36.6,23.3 72.5,37 "/>
<path class="st2" d="M36.6,1.1c13.7,0,24.9,11.1,24.9,24.9c0,13.7-11.1,24.9-24.9,24.9S11.7,39.7,11.7,26
C11.7,12.2,22.9,1.1,36.6,1.1"/>
<path class="st3" d="M36.6,1.1c13.7,0,24.9,11.1,24.9,24.9S50.3,50.8,36.6,50.8c-7.9-5.3-11.1-16-11.1-24.8
C25.4,17.1,28.7,6.4,36.6,1.1"/>
<polygon class="st1" points="72.5,37 36.6,50.8 36.6,73 72.5,59.2 "/>
<polygon class="st0" points="0.6,37 36.6,50.8 36.6,73 0.6,59.2 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

19
skins/elastic/images/roundcube-watermark.svg
Unescape Escape View File

@ -0,0 +1,19 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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 155 155" style="enable-background:new 0 0 155 155;" xml:space="preserve">
<style type="text/css">
.st0{fill:#C6CDCF;}
.st1{fill:#E3E7E8;}
.st2{fill:#F3F5F5;}
.st3{fill:#FAFAFB;}
</style>
<polygon class="st0" points="77.7,48.9 1.4,77.9 1.4,124.9 77.7,95.7 "/>
<polygon class="st1" points="153.7,124.9 77.7,95.7 77.7,48.9 153.7,77.9 "/>
<path class="st2" d="M77.7,1.9c29,0,52.7,23.5,52.7,52.7c0,29-23.5,52.7-52.7,52.7S24.9,83.7,24.9,54.7C24.9,25.4,48.6,1.9,77.7,1.9
"/>
<path class="st3" d="M77.7,1.9c29,0,52.7,23.5,52.7,52.7s-23.7,52.5-52.7,52.5C60.9,95.9,54.2,73.3,54.2,54.7
C53.9,35.8,60.9,13.2,77.7,1.9"/>
<polygon class="st1" points="153.7,77.9 77.7,107.2 77.7,154.2 153.7,124.9 "/>
<polygon class="st0" points="1.4,77.9 77.7,107.2 77.7,154.2 1.4,124.9 "/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

2
skins/elastic/styles/colors.less
Unescape Escape View File

@ -39,7 +39,7 @@
@color-layout-mobile-footer-background: @color-layout-header-background;
// Task menu
@color-taskmenu-background: #414e54;
@color-taskmenu-background: #2f3a3f;
@color-taskmenu-button: #fff;
@color-taskmenu-button-selected: @color-taskmenu-button;
@color-taskmenu-button-action: @color-main;

11
skins/elastic/styles/styles.less
Unescape Escape View File

@ -135,13 +135,18 @@ a {
.task-login #layout > .content {
text-align: center;
width: 100%;
background: url(../images/watermark.jpg) center -20px no-repeat;
background-size: auto 40%;
}
.task-login #layout .content #logo {
display: inline-block;
position: relative;
top: 18vh;
height: 90px;
}
#login-form {
margin: 0 auto;
top: 35vh;
top: 22vh;
width: 95%;
max-width: 280px;
position: relative;

3
skins/elastic/styles/variables.less
Unescape Escape View File

@ -49,3 +49,6 @@
// Additional icons
@icon-resize-corner: data-uri("image/svg+xml;charset=utf-8", "../images/corner-handle.svg"); // size: 512x512
@icon-file-drop: data-uri("image/svg+xml;charset=utf-8", "../images/download.svg");
@logo-image: 'images/roundcube-logo-elastic.svg';
@watermark-image: 'images/roundcube-watermark.svg';

4
skins/elastic/styles/widgets/common.less
Unescape Escape View File

@ -189,8 +189,10 @@ fieldset.image-attachment {
overflow-y: auto;
}
#watermark > .content,
#layout > .content .watermark {
background: url(../images/watermark.jpg) center no-repeat;
background: url('../@{watermark-image}') center no-repeat;
background-size: 30% auto;
width: 100%;
height: 100%;
}

6
skins/elastic/styles/widgets/taskmenu.less
Unescape Escape View File

@ -187,13 +187,13 @@
}
img {
max-width: @layout-menu-width/2;
max-width: @layout-menu-width / 3;
}
}
@media screen and (min-width: (@screen-width-medium + 1px)) {
img {
max-width: @layout-menu-width;
max-width: @layout-menu-width * 0.65;
}
}
@ -201,7 +201,7 @@
padding: 0 .5rem;
img {
max-height: @layout-touch-header-height;
max-height: @layout-touch-header-height * 0.65;
max-width: @layout-mobile-menu-width - 50px;
}

2
skins/elastic/templates/includes/menu.html
Unescape Escape View File

@ -1,7 +1,7 @@
<div class="menu">
<h2 id="aria-label-tasknav" class="voice"><roundcube:label name="arialabeltasknav" /></h2>
<div class="popover-header">
<roundcube:object name="logo" src="/images/logo.png" data-src-small="0" id="logo" alt="Logo" />
<roundcube:object name="logo" src="/images/roundcube-logo-elastic.svg" data-src-small="0" id="logo" alt="Logo" />
<a class="button icon cancel"><span class="inner"><roundcube:label name="close" /></span></a>
</div>
<div id="taskmenu" role="navigation" aria-labelledby="aria-label-tasknav">

1
skins/elastic/templates/login.html
Unescape Escape View File

@ -3,6 +3,7 @@
<h1 class="voice"><roundcube:object name="productname" /> <roundcube:label name="login" /></h1>
<div class="content selected no-navbar" role="main">
<roundcube:object name="logo" src="/images/roundcube-logo-elastic.svg" data-src-small="0" id="logo" alt="Logo" />
<roundcube:form id="login-form" name="login-form" method="post" class="propform">
<roundcube:object name="loginform" form="login-form" size="40" submit=true />
<div id="login-footer" role="contentinfo">

17
skins/elastic/watermark.html
Unescape Escape View File

@ -1,12 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
html, body { height: 100%; overflow: hidden; }
body { background: url(images/watermark.jpg) center no-repeat #fff; }
</style>
<meta charset="utf-8">
<link href="./styles/styles.css"
rel="stylesheet">
<title></title>
<style type="text/css">
html, body { height: 100%; overflow: hidden; }
</style>
</head>
<body></body>
<body id="watermark">
<div class="content"></div>
</body>
</html>

Write Preview
Loading…
Cancel
Save