mirror of
https://github.com/OpenNebula/one.git
synced 2025-03-20 10:50:08 +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
parent
b43bc21b1a
commit
d2c0dd6853
146
src/sunstone/public/css/custom.css
Normal file
146
src/sunstone/public/css/custom.css
Normal 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;
|
||||
}
|
||||
@ -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 {
|
||||
|
||||
@ -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;
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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">
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user