1
0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-16 22:50:10 +03:00

F #4373 Added a custom css file in css folder

- changed some SCSS file to work with labels
 - Added link custom.css in index.erb
This commit is contained in:
juanmont 2016-11-03 18:59:53 +01:00
parent b43bc21b1a
commit d2c0dd6853
5 changed files with 163 additions and 6 deletions

View File

@ -0,0 +1,146 @@
/*
.primary-color {
color: #4DBBD3;
}
.secondary-color {
color: #8a8a8a;
}
.success-color {
color: #3adb76;
}
.warning-color {
color: #ffae00;
}
.alert-color {
color: #ec5840;
}*/
/*-----APP----*/
body{
padding:0;margin:0;
font-family:"Lato","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
font-weight:300;
line-height:1.5;
color:#0a0a0a;
background:#fefefe;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
color: #555;
}
.thin-font {
color: #333;
}
label.secondary.is-invalid-label {
background-color: #ec5840;
}
.log-tab {
background: #6f6f6f;
color: #f2f2f2;
}
fieldset legend {
border-bottom: .1538461538rem solid #4DBBD3;
color: #555;
}
/*----BUTTONS----*/
.button {
font-weight: bold;
margin-right: 0.2rem;
box-shadow: 0 2px 5px 1px rgba(0,0,0,0.1);
font-size: 1rem;
background-color: #4DBBD3;
color: #fefefe;
}
.button.secondary {
background-color: #8a8a8a;
color: #fefefe;
}
.button.success {
background-color: #3adb76;
color: #fefefe;
}
.button.alert {
background-color: #ec5840;
color: #fefefe;
}
/*----MENU----*/
#menu-wrapper {
border: 1px solid #dfdfdf;
background: #f8f8f8;
}
#menu #li_support-tab a {
border: 1px solid #dfdfdf;
background: #fff;
}
/*----LAYOUT---*/
#footer {
font-size: 0.8rem;
color:#8a8a8a;
}
#footer a{
color: #8a8a8a;
}
.provision-logo img {
height: 3rem;
}
#top-row .user-zone-info a{
font-weight:bold;
color:#555;
}
#top-row .user-zone-info .submenu a{
color:#8a8a8a;
}
#top-row .user-zone-info .submenu a:hover{
color:#0a0a0a;
}
.labels-tree li .labeltree-line{
color:#8a8a8a;
}
.labels-tree li .labeltree-line:hover{
color:#0a0a0a;
}
.labels-tree li .labeltree-line .active{
color:#333;
font-weight:bold;
}
.labels-tree .tree-toggle:hover{
color:#0a0a0a;
}
/*----TABLE----*/
table tbody{
border-top:1px solid #f4f4f4;
/*color: #fff;
background: #4DBBD3;*/
border-bottom:1px solid #f4f4f4;
}
table thead th{
color:#555;
}
table .markrow,table .markrowchecked{
background-color:#f4f4f4;
font-weight:normal;
}

View File

@ -51,7 +51,7 @@
margin-top: 1rem;
border: 1px solid #dfdfdf;
padding: 1rem;
background: #fff;
background: $bg-li-support-tab;
.support_connect {
span {
@ -89,7 +89,7 @@
padding-top: 9rem;
padding-bottom: 1rem;
margin-top: -8rem;
background: #f8f8f8;
background: $bg-menu-wrapper;
//margin-right: 1rem;
//background-color: white
&.menu-small {

View File

@ -71,6 +71,11 @@ $error-color: #cf280e;
$powering_off-color: #cf280e;
$off-color: #555;
$running-color: #368a54;
$bg-menu-wrapper: #f8f8f8;
$bg-li-support-tab: #fff;
$headers-color: #555;
$bg-log-tab: #6f6f6f;
$log-tab-color: #f2f2f2;
$body-background: $white;
$body-font-color: $black;

View File

@ -11,6 +11,7 @@
@include foundation-progress-element;
@include foundation-meter-element;
@mixin thin-font {
font-weight: 300;
color: $black;
@ -38,6 +39,8 @@
@import './visjs';
@import './flot';
//@font-face {
// font-family: 'Open Sans';
// font-style: normal;
@ -136,7 +139,7 @@ h4,
h5,
h6 {
font-weight: bold;
color: #555;
color: $headers-color;
padding: 1rem 0;
/* box-shadow: 0 5px 5px -4px rgba(0,0,0,0.1); */
/* border-bottom: 1px solid #dfdfdf; */
@ -205,8 +208,8 @@ meter {
}
.log-tab {
background: #6f6f6f;
color: #f2f2f2;
background: $bg-log-tab;
color: $log-tab-color;
padding: 20px;
}
@ -228,4 +231,5 @@ meter {
.mb_input_unit {
width: 4em;
}
}

View File

@ -57,8 +57,10 @@
<% if $conf[:env] == 'dev' %>
<link href="css/app.css?v=<%= OpenNebula::VERSION %>" media="screen, projector, print" rel="stylesheet" type="text/css"></link>
<link href="css/custom.css?v=<%= OpenNebula::VERSION %>" media="screen, projector, print" rel="stylesheet" type="text/css"></link>
<% else %>
<link href="css/app.min.css?v=<%= OpenNebula::VERSION %>" media="screen, projector, print" rel="stylesheet" type="text/css"></link>
<link href="css/custom.css?v=<%= OpenNebula::VERSION %>" media="screen, projector, print" rel="stylesheet" type="text/css"></link>
<% end %>
</head>
<body class="antialiased">