shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-08 20:58:17 +03:00
Code Releases Wiki Activity

Improve tabs and nag style

Browse Source
This commit is contained in:
Daniel Molina 2014-09-04 16:14:35 +02:00 committed by Ruben S. Montero
parent dbe55a05ac
commit c01cc6c879
3 changed files with 124 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/sunstone/public/css/app.css
View File

File diff suppressed because one or more lines are too long

6
src/sunstone/public/scss/_settings.scss
View File

@ -52,7 +52,7 @@ $body-font-family: "Open Sans", sans-serif;
// We use these as default colors throughout
//$primary-color: #2ba6cb;
$primary-color: #0099c3;
$primary-color: #0098c3;
$secondary-color: #f7f7f7;
// $alert-color: #f04124;
// $success-color: #43AC6A;
@ -337,9 +337,9 @@ $button-font-weight: normal;
// $button-function-factor: 5%;
// We use these to control button border styles.
$button-border-width: 0px;
$button-border-width: 1px;
$button-border-style: solid;
$secondary-button-border-color: #efefef;
// We use this to set the default radius used throughout the core.
// $button-radius: $global-radius;
// $button-round: $global-rounded;

129
src/sunstone/public/scss/app.scss
View File

@ -208,18 +208,40 @@ input.search {
a {
color: #555 !important;
}
margin-top: 10px;
}
.subTab {
margin-left: 18px;
&:hover {
border-left: 3px solid #999;
}
a {
color: #008cba !important;
color: #999 !important;
&:hover {
color: #555 !important;
}
}
}
li {
border-left: 3px solid #fff;
a {
padding: 0.2323rem 0.875rem !important;
}
}
.navigation-active-li {
font-weight: bold;
a {
color: #222 !important;
}
border-left: 3px solid #008cba;
}
i {
@ -396,6 +418,80 @@ fieldset {
}
}
.bordered-tabs {
.tabs-content {
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
border-radius: 3px;
min-height: 300px;
&.vertical {
border-left: 1px solid #cfcfcf;
}
&:not(.vertical) {
border-top: 1px solid #cfcfcf;
margin-top: -2px
}
}
dl {
dd {
border: 0px;
}
&.vertical {
.remove-tab {
float: right !important;
margin-top: 4px;
}
dd.active {
border-left: 3px solid #008cba;
}
dd:not(.active) {
border-left: 3px solid #fff;
&:hover {
border-left: 3px solid #999;
}
}
}
&:not(.vertical) {
dd.active {
border-bottom: 3px solid #008cba;
}
dd:not(.active) {
&:hover {
border-bottom: 3px solid #999;
}
}
}
dd.active {
a {
background: #fff;
color: #222;
font-weight: normal !important;
}
}
dd:not(.active) {
a {
color: #999 !important;
background: #fff;
&:hover {
color: #333 !important;
}
}
}
}
}
.remove-tab:hover {
color: $alert-color;
@ -843,14 +939,15 @@ hr {
}
.accordion_advanced {
margin-bottom: 20px;
margin-bottom: 30px;
&>a {
padding: 10px 20px;
font-size: 13px;
color: #555;
background: #f7f7f7;
border: 1px solid #efefef;
color: #333333;
font-size: 14px;
border: 1px solid #f7f7f7;
//margin-left: 20px;
.fa {
margin-right: 10px;
@ -858,12 +955,19 @@ hr {
}
&.active {
background: #fff;
border: 0px;
border-bottom: 3px solid #008cba;
font-weight: bold;
.fa-chevron-down {
display: none;
}
}
&:not(.active){
border: 1px solid #efefef;
border-radius: 3px;
.fa-chevron-up {
display: none;
@ -877,8 +981,10 @@ hr {
}
&>.content {
padding: 20px 10px 5px 10px;
border: 1px solid #efefef;
border-top: 1px solid #cfcfcf;
//border-radius: 3px;
padding: 20px;
margin-top: 8px;
}
}
@ -957,3 +1063,8 @@ hr {
z-index: 2000;
}
.flot-tick-label {
color: #999;
}