Remove styles that conflict with horizon
Remove the custom styling of Tuskar-UI that conflicts with the new Horizon layout. Change-Id: I125fc01d32396ccaaef99a7d313e80754376f094 Closes-bug: 1287672
This commit is contained in:
Radomir Dopieralski
parent
eb8c2c8244
commit
7610321d2b
|
|
@ -1,37 +0,0 @@
|
|||
// detail pages
|
||||
#main_content {
|
||||
h3 {
|
||||
font-weight: lighter;
|
||||
font-size: 26px;
|
||||
color: rgb(80,80,80);
|
||||
margin-bottom: 3px;
|
||||
margin: 0 0 3px 0;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: lighter;
|
||||
font-size: 18px;
|
||||
color: rgb(160,160,160);
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
dl {
|
||||
dt {
|
||||
width: 130px;
|
||||
float: left;
|
||||
font-weight: normal;
|
||||
color: rgb(160,160,160);
|
||||
line-height: 1.7;
|
||||
|
||||
&:after {
|
||||
content: ":";
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-left: 130px;
|
||||
line-height: 1.7;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,20 +0,0 @@
|
|||
// index pages layout
|
||||
#main_content {
|
||||
#resource_management_tabs {
|
||||
font-size: 130%;
|
||||
border: 0 none;
|
||||
border-bottom: 1px solid rgb(200, 200, 200);
|
||||
font-weight: lighter;
|
||||
|
||||
a {
|
||||
padding: 13px 18px;
|
||||
border-top-width: 1px;
|
||||
border-bottom-width: 0;
|
||||
border-radius: 2px 2px 0 0;
|
||||
}
|
||||
|
||||
li.active a,
|
||||
li:not(.active) a:hover {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -5,26 +5,12 @@
|
|||
@import "breadcrumbs.less";
|
||||
@import "buttons.less";
|
||||
@import "capacities.less";
|
||||
@import "detail_pages.less";
|
||||
@import "flavor_usages.less";
|
||||
@import "formsets.less";
|
||||
@import "index_pages.less";
|
||||
@import "individual_pages.less";
|
||||
@import "main_content.less";
|
||||
@import "navigation.less";
|
||||
@import "sidebar.less";
|
||||
@import "tables.less";
|
||||
|
||||
|
||||
// global layout
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
// others
|
||||
|
||||
// disable text select on element
|
||||
.unselectable {
|
||||
user-select: none;
|
||||
|
|
@ -34,32 +20,6 @@ body {
|
|||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
.alerts .icon-warning-sign {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.well {
|
||||
background: rgb(249, 249, 249);
|
||||
border-width: 1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
// headings
|
||||
h2 {
|
||||
font-weight: 200;
|
||||
font-size: 20px;
|
||||
color: rgb(80, 80, 80);
|
||||
line-height: 130%;
|
||||
}
|
||||
|
||||
// forms
|
||||
.modal {
|
||||
.help_text,
|
||||
.right {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
@margin: @baseLineHeight / 3;
|
||||
margin: @margin 0 0 @margin;
|
||||
|
|
|
|||
|
|
@ -1,49 +0,0 @@
|
|||
|
||||
// right part
|
||||
#main_content {
|
||||
padding: 30px 0 25px 0;
|
||||
margin-left: 240px;
|
||||
|
||||
// topbar
|
||||
.topbar {
|
||||
padding: 0 30px 0 30px;
|
||||
margin: 0;
|
||||
background: white;
|
||||
color: rgb(180, 180, 180);
|
||||
border: 0 none;
|
||||
|
||||
.page-header {
|
||||
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 30px;
|
||||
border-bottom: 1px solid rgb(230,230,230);
|
||||
}
|
||||
|
||||
#user_info {
|
||||
position: relative;
|
||||
color: inherit;
|
||||
top: 10px;
|
||||
|
||||
a {
|
||||
color: rgb(130, 190, 245);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.row-fluid {
|
||||
margin: 15px 0 40px;
|
||||
}
|
||||
|
||||
// content area
|
||||
& > .row-fluid {
|
||||
padding: 0 30px;
|
||||
margin: 0;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.widget:not(:last-child) {
|
||||
margin: 0 0 30px 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,41 +0,0 @@
|
|||
// navigations
|
||||
#main_content {
|
||||
.nav-tabs {
|
||||
margin: 0 0 30px;
|
||||
border: 0 none;
|
||||
|
||||
li a {
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
padding: 10px 15px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
|
||||
border-top-width: 0;
|
||||
border-color: transparent;
|
||||
color: #43A1D6;
|
||||
}
|
||||
|
||||
li.active a {
|
||||
border: 1px solid rgb(220, 220, 220);
|
||||
background: #43A1D6;
|
||||
color: white;
|
||||
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
|
||||
|
||||
&:after {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
li:not(.active) a:hover {
|
||||
border: 1px solid rgb(240, 240, 240);
|
||||
border-top-width: 0;
|
||||
background: rgb(244, 244, 244);
|
||||
}
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
padding: 0;
|
||||
border: 0 none;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,74 +0,0 @@
|
|||
/* Sidebar */
|
||||
|
||||
.sidebar {
|
||||
font-size: 95%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 240px;
|
||||
border-right: 1px solid rgb(210,210,210);
|
||||
background: rgb(235,235,235);
|
||||
|
||||
h1.brand {
|
||||
text-align: center;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 85px;
|
||||
background-size: 80px 85px;
|
||||
float: none;
|
||||
margin: 20px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
margin-top: -30px;
|
||||
border-bottom: 1px solid rgb(200,200,200);
|
||||
|
||||
a {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
padding: 7px 10px;
|
||||
}
|
||||
|
||||
li.active a,
|
||||
li a:hover {
|
||||
background: rgb(235,235,235);
|
||||
border: 1px solid rgb(200,200,200);
|
||||
border-bottom: 0 none;
|
||||
}
|
||||
}
|
||||
|
||||
.main_nav {
|
||||
text-align: right;
|
||||
margin-right: 0;
|
||||
width: 100%;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0;
|
||||
position: relative;
|
||||
right: -1px;
|
||||
border: 1px solid transparent;
|
||||
border-right: 0 none;
|
||||
border-radius: 4px 0 0 4px;
|
||||
color: rgb(140, 140, 140);
|
||||
|
||||
&.active {
|
||||
color: rgb(60, 60, 60);
|
||||
border-color: rgb(180, 180, 180);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: 400;
|
||||
color: rgb(160, 160, 160);
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue