composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-13 07:24:13 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°2314 Regression: Work on Setup stylesheet

Browse Source
This commit is contained in:
Molkobain
2019-12-16 18:07:59 +01:00
parent 7af35c2d09
commit 604522aa61
2 changed files with 108 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
css/setup.css
View File

@@ -1,3 +1,25 @@
/*
* Copyright (C) 2013-2019 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
*/
/* Helpers classes */
.center {
text-align: center;
}
body {
background-color: #eee;
color: #1a202c;
@@ -7,6 +29,19 @@ body {
font-family: Tahoma, Verdana, Arial, Helvetica;
overflow-y: auto;
}
h1 {
color: #555;
font-size: 16pt;
}
h2 {
color: #1a202c;
font-size: 14pt;
}
h3 {
color: #1c94c4;
font-size: 12pt;
font-weight: bold;
}
a {
color: #1c94c4;
text-decoration: none;
@@ -45,22 +80,6 @@ a:hover {
border: 3px solid #cbd2d9;
border-top: none;
}
.center {
text-align: center;
}
h1 {
color: #555;
font-size: 16pt;
}
h2 {
color: #1a202c;
font-size: 14pt;
}
h3 {
color: #1c94c4;
font-size: 12pt;
font-weight: bold;
}
.next {
width: 100%;
text-align: right;
@@ -180,15 +199,17 @@ h3.clickable.open {
fieldset {
border: none;
padding: 0;
margin: 0;
margin: 30px 0 0 0;
}
fieldset > legend {
font-size: 12pt;
margin-top: 25px;
margin-bottom: 7px;
width: 100%;
border-bottom: 1px solid #718096;
padding-bottom: 7px;
width: 100%;
color: #3c3c3c;
font-size: 12pt;
font-weight: bold;
border-bottom: 1px solid #d2d2d2;
}
#details > .message {
margin-bottom: 6px;

103
css/setup.scss
View File

@@ -1,3 +1,31 @@
/*!
* Copyright (C) 2013-2019 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
*/
/////////
// Colors
$content-border-color: #CBD2D9 !default;
$default-font-color: #1A202C !default;
$legend-border-color: #718096 !default;
$link-default-color: #1c94c4 !default;
$link-hover-color: #EA7D1E !default;
///////////////////////
// Messages to the user
$message-default-border-color: #4A5568 !default;
$message-default-text-color: #1A202C !default;
$message-default-background-color: #F7FAFC !default;
@@ -14,11 +42,11 @@ $message-error-border-color: #E53E3E !default;
$message-error-text-color: #C53030 !default;
$message-error-background-color: #FFF5F5 !default;
$content-border-color: #CBD2D9 !default;
$default-font-color: #1A202C !default;
$legend-border-color: #718096 !default;
$link-default-color: #1c94c4 !default;
$link-hover-color: #EA7D1E !default;
/* Helpers classes */
.center {
text-align: center;
}
body {
background-color: #eee;
color: $default-font-color;
@@ -28,6 +56,19 @@ body {
font-family: Tahoma, Verdana, Arial, Helvetica;
overflow-y: auto;
}
h1 {
color: #555555;
font-size: 16pt;
}
h2 {
color: $default-font-color;
font-size: 14pt;
}
h3 {
color: #1C94C4;
font-size: 12pt;
font-weight: bold;
}
a{
color: $link-default-color;
text-decoration: none;
@@ -35,6 +76,7 @@ a{
color: $link-hover-color;
}
}
#header {
width: 600px;
margin-left: auto;
@@ -45,17 +87,18 @@ a{
height: 54px;
border: 3px solid $content-border-color;
border-bottom: none;
}
#header img {
border: 0;
vertical-align: middle;
margin-right: 20px;
}
#header h1 {
vertical-align: middle;
height: 54px;
noline-height: 54px;
margin: 0;
img {
border: 0;
vertical-align: middle;
margin-right: 20px;
}
h1 {
vertical-align: middle;
height: 54px;
noline-height: 54px;
margin: 0;
}
}
#setup {
width: 600px;
@@ -66,23 +109,9 @@ a{
border: 3px solid $content-border-color;
border-top: none;
}
.center {
text-align: center;
}
h1 {
color: #555555;
font-size: 16pt;
}
h2 {
color: $default-font-color;
font-size: 14pt;
}
h3 {
color: #1C94C4;
font-size: 12pt;
font-weight: bold;
}
.next {
width: 100%;
text-align: right;
@@ -205,15 +234,17 @@ h3.clickable.open {
fieldset{
border: none;
padding: 0;
margin: 0;
margin: 30px 0 0 0;
> legend{
font-size: 12pt;
margin-top: 25px;
margin-bottom: 7px;
width: 100%;
border-bottom: 1px solid#718096;
padding-bottom: 7px;
width: 100%;
color: #3C3C3C;
font-size: 12pt;
font-weight: bold;
border-bottom: 1px solid #D2D2D2;
}
}