mirror of
https://github.com/Combodo/iTop.git
synced 2026-02-13 15:34:12 +01:00
472 lines
18 KiB
CSS
472 lines
18 KiB
CSS
/*!
|
|
* 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
|
|
*/
|