From: Julius Härtl Date: Tue, 23 May 2017 09:14:49 +0000 (+0200) Subject: Move styles.css to server.css X-Git-Tag: v12.0.1RC1~56^2 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=1552924427c718973670659860043acc1d291f8e;p=nextcloud-server.git Move styles.css to server.css Signed-off-by: Julius Härtl --- diff --git a/themes/example/core/css/server.css b/themes/example/core/css/server.css new file mode 100644 index 00000000000..a0aba8ae07a --- /dev/null +++ b/themes/example/core/css/server.css @@ -0,0 +1,86 @@ +/** + * @author Jan-Christoph Borchardt, http://jancborchardt.net + * @copyright Copyright (c) 2015, ownCloud, Inc. + * @license AGPL-3.0 + * + * This code is free software: you can redistribute it and/or modify + * it under the terms of the GNU Affero General Public License, version 3, + * as published by the Free Software Foundation. + * + * This program is distributed in the hope that it will be useful, + * but WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the + * GNU Affero General Public License for more details. + * + * You should have received a copy of the GNU Affero General Public License, version 3, + * along with this program. If not, see + */ + + +/* header color */ +/* this is the main brand color */ +#body-user #header, +#body-settings #header, +#body-public #header { + background-color: #745bca; +} + +/* log in screen background color */ +/* gradient of the header color and a brighter shade */ +/* can also be a flat color or an image */ +#body-login { + background: #745bca; /* Old browsers */ + background: -moz-linear-gradient(top, #947bea 0%, #745bca 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#947bea), color-stop(100%,#745bca)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #947bea 0%,#745bca 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #947bea 0%,#745bca 100%); /* Opera11.10+ */ + background: -ms-linear-gradient(top, #947bea 0%,#745bca 100%); /* IE10+ */ + background: linear-gradient(top, #947bea 0%,#745bca 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#947bea', endColorstr='#745bca',GradientType=0 ); /* IE6-9 */ +} + +/* primary action button, use sparingly */ +/* header color as border, brighter shade again, here as background */ +.primary, +input[type="submit"].primary, +input[type="button"].primary, +button.primary, +.button.primary, +.primary:active, +input[type="submit"].primary:active, +input[type="button"].primary:active, +button.primary:active, +.button.primary:active { + border-color: #745bca; + background-color: #947bea; +} +.primary:hover, +input[type="submit"].primary:hover, +input[type="button"].primary:hover, +button.primary:hover, +.button.primary:hover, +.primary:focus, +input[type="submit"].primary:focus, +input[type="button"].primary:focus, +button.primary:focus, +.button.primary:focus { + background-color: #8b75e4; +} +.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active, +.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled, +.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover, +.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus { + background-color: #745bca; +} + +/* use logos from theme */ +#header .logo { + background-image: url('../img/logo.svg'); + width: 250px; + height: 121px; +} +#header .logo-icon { + background-image: url('../img/logo-icon.svg'); + width: 62px; + height: 34px; +} diff --git a/themes/example/core/css/styles.css b/themes/example/core/css/styles.css deleted file mode 100644 index a0aba8ae07a..00000000000 --- a/themes/example/core/css/styles.css +++ /dev/null @@ -1,86 +0,0 @@ -/** - * @author Jan-Christoph Borchardt, http://jancborchardt.net - * @copyright Copyright (c) 2015, ownCloud, Inc. - * @license AGPL-3.0 - * - * This code is free software: you can redistribute it and/or modify - * it under the terms of the GNU Affero General Public License, version 3, - * as published by the Free Software Foundation. - * - * This program is distributed in the hope that it will be useful, - * but WITHOUT ANY WARRANTY; without even the implied warranty of - * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the - * GNU Affero General Public License for more details. - * - * You should have received a copy of the GNU Affero General Public License, version 3, - * along with this program. If not, see - */ - - -/* header color */ -/* this is the main brand color */ -#body-user #header, -#body-settings #header, -#body-public #header { - background-color: #745bca; -} - -/* log in screen background color */ -/* gradient of the header color and a brighter shade */ -/* can also be a flat color or an image */ -#body-login { - background: #745bca; /* Old browsers */ - background: -moz-linear-gradient(top, #947bea 0%, #745bca 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#947bea), color-stop(100%,#745bca)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #947bea 0%,#745bca 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #947bea 0%,#745bca 100%); /* Opera11.10+ */ - background: -ms-linear-gradient(top, #947bea 0%,#745bca 100%); /* IE10+ */ - background: linear-gradient(top, #947bea 0%,#745bca 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#947bea', endColorstr='#745bca',GradientType=0 ); /* IE6-9 */ -} - -/* primary action button, use sparingly */ -/* header color as border, brighter shade again, here as background */ -.primary, -input[type="submit"].primary, -input[type="button"].primary, -button.primary, -.button.primary, -.primary:active, -input[type="submit"].primary:active, -input[type="button"].primary:active, -button.primary:active, -.button.primary:active { - border-color: #745bca; - background-color: #947bea; -} -.primary:hover, -input[type="submit"].primary:hover, -input[type="button"].primary:hover, -button.primary:hover, -.button.primary:hover, -.primary:focus, -input[type="submit"].primary:focus, -input[type="button"].primary:focus, -button.primary:focus, -.button.primary:focus { - background-color: #8b75e4; -} -.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active, -.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled, -.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover, -.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus { - background-color: #745bca; -} - -/* use logos from theme */ -#header .logo { - background-image: url('../img/logo.svg'); - width: 250px; - height: 121px; -} -#header .logo-icon { - background-image: url('../img/logo-icon.svg'); - width: 62px; - height: 34px; -}