mirror of
https://github.com/Combodo/iTop.git
synced 2026-04-30 22:18:46 +02:00
N°2847 - WIP: Sync. commit
This commit is contained in:
Molkobain
471
css/backoffice/main.css
Normal file
471
css/backoffice/main.css
Normal file
@@ -0,0 +1,471 @@
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* Color styles */
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* Base size: html font-size 12px */
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* Fonts
|
||||
Value Common weight name (https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight)
|
||||
100 Thin (Hairline)
|
||||
200 Extra Light (Ultra Light)
|
||||
300 Light
|
||||
400 Normal (Regular)
|
||||
500 Medium
|
||||
600 Semi Bold (Demi Bold)
|
||||
700 Bold
|
||||
800 Extra Bold (Ultra Bold)
|
||||
900 Black (Heavy)
|
||||
950 Extra Black (Ultra Black)
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
html {
|
||||
font-size: 12px;
|
||||
}
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* This is an overload of the default lib. stylesheet to use local fonts instead of the CDN */
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 Thin'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Thin.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Thin.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 Thin'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-ThinItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-ThinItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 ExtraLight'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-ExtraLight.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-ExtraLight.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 ExtraLight'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-ExtraLightItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-ExtraLightItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 Light'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Light.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Light.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 Light'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-LightItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-LightItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Regular.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Regular.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Italic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Italic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 Medium'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Medium.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Medium.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 Medium'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-MediumItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-MediumItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 SemiBold'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-SemiBold.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-SemiBold.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 SemiBold'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-SemiBoldItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-SemiBoldItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Bold.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Bold.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-BoldItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-BoldItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 ExtraBold'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-ExtraBold.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-ExtraBold.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 ExtraBold'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-ExtraBoldItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-ExtraBoldItalic.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
src: local('Raleway-v4020 Black'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-Black.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-Black.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: Monorale;
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
src: local('Raleway-v4020 Black'), url('../../lib/samvk/monorale-raleway-sober/otf/Monorale-BlackItalic.otf') format('otf'), url('../../lib/samvk/monorale-raleway-sober/woff/Monorale-BlackItalic.woff') format('woff');
|
||||
}
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* SCSS variables (can be overloaded) */
|
||||
/* CSS variables (can be changed directly from the browser) */
|
||||
:root {
|
||||
--ibo-nav-menu-height: 100%;
|
||||
--ibo-nav-menu-padding-x: 16px;
|
||||
--ibo-nav-menu-padding-y: 16px;
|
||||
--ibo-nav-menu-width-collapsed: 60px;
|
||||
--ibo-nav-menu-width-expanded: 310px;
|
||||
--ibo-nav-menu--head-background-color: #263238;
|
||||
--ibo-nav-menu--head-text-color: #d5dde5;
|
||||
--ibo-nav-menu-top-group-spacing: 20px;
|
||||
--ibo-nav-menu-middle-group-spacing: 28px;
|
||||
}
|
||||
.ibo-nav-menu {
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.ibo-nav-menu .ibo-nav-menu--head, .ibo-nav-menu .ibo-nav-menu--body {
|
||||
height: var(--ibo-nav-menu-height);
|
||||
}
|
||||
.ibo-nav-menu .ibo-nav-menu--head {
|
||||
background-color: var(--ibo-nav-menu--head-background-color);
|
||||
}
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* SCSS variables (can be overloaded) */
|
||||
/* Should be align with the page content padding-left */
|
||||
/* CSS variables (can be changed directly from the browser) */
|
||||
:root {
|
||||
--ibo-top-bar-padding-left: 16px;
|
||||
--ibo-top-bar-padding-right: 16px;
|
||||
--ibo-top-bar-padding-y: 16px;
|
||||
--ibo-top-bar-background-color: white;
|
||||
}
|
||||
.ibo-top-bar {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: var(--ibo-top-bar-padding-y) var(--ibo-top-bar-padding-right) var(--ibo-top-bar-padding-y) var(--ibo-top-bar-padding-left);
|
||||
background-color: var(--ibo-top-bar-background-color);
|
||||
}
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
/* SCSS variables (can be overloaded) */
|
||||
/* CSS variables (can be changed directly from the browser) */
|
||||
:root {
|
||||
--ibo-body-text-color: #212934;
|
||||
--ibo-body-background-color: #f2f2f2;
|
||||
}
|
||||
/* Layout */
|
||||
html {
|
||||
height: 100%;
|
||||
}
|
||||
body {
|
||||
display: flex;
|
||||
height: 100%;
|
||||
color: var(--ibo-body-text-color);
|
||||
background-color: var(--ibo-body-background-color);
|
||||
font-size: 1rem;
|
||||
font-family: "Monorale";
|
||||
font-weight: 400;
|
||||
}
|
||||
#ibo-page-container {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
flex-grow: 1;
|
||||
}
|
||||
#ibo-top-bar {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
/*!
|
||||
* Copyright (C) 2013-2020 Combodo SARL
|
||||
*
|
||||
* This file is part of iTop.
|
||||
*
|
||||
* iTop is free software; you can redistribute it and/or modify
|
||||
* it 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.
|
||||
*
|
||||
* iTop 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
|
||||
*/
|
||||
Reference in New Issue
Block a user