hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-17 15:03:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: css cleanup

Browse Source
This commit is contained in:
Florian BLOUET
2015-11-24 18:39:12 +01:00
parent 749136c017
commit 0194e1b46a
34 changed files with 2378 additions and 1546 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
resources/www/prod/skins/ui-components/_jquery-ui.scss
View File

@@ -1,3 +1,6 @@
$modalBorder: 1px solid $darkerBorderColor !default;
$modalBackground: $darkerBackgroundColor !default;
.ui-dialog .ui-dialog-content.loading, .loading {
background-image: url('#{$iconsPath}#{$contentLoaderImg}');
background-position: center center;
@@ -23,7 +26,7 @@
.ui-tabs {
.ui-tabs-nav {
li {
background-color: $tabsNavBg;
background-color: $lightBackgroundColor; //$tabsNavBg;
height: 30px;
border: none;
overflow: hidden;
@@ -31,16 +34,17 @@
padding: 5px 8px;
font-size: 0.8em;
font-weight: normal;
color: $lightTextColor; // more contrasted color
}
&.ui-tabs-active {
background-color: $tabsNavBgActive;
background-color: $mediumBackgroundColor; //$tabsNavBgActive;
border: none;
}
&.ui-tabs-active a,
&.ui-state-disabled a,
&.ui-state-processing a {
cursor: pointer;
color: $workzoneColor1
color: $mediumTextActiveColor;
}
}
@@ -51,7 +55,7 @@
display: block;
border-width: 0;
padding: 0px;
background-color: $backgroudSecondaryColor;
background-color: $mediumBackgroundColor;
&.tabBox {
height: 405px;
overflow: auto;
@@ -67,10 +71,10 @@
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
cursor: pointer;
color: $workzoneColor2;
color: $mediumTextColor; //$workzoneColor2;
}
.ui-state-default, .ui-widget-content .ui-state-default {
@@ -78,7 +82,7 @@
}
.ui-tabs li.ui-state-active a, .ui-state-active a:link, .ui-state-active a {
color: $workzoneColor3;
color: $mediumTextActiveColor;
font-weight: bold;
font-size: 0.8em;
}
@@ -94,7 +98,7 @@
}
.ui-dialog.ui-widget-content {
background-color: $uiColor1;
background-color: $darkerBackgroundColor;
}
.ui-accordion .ui-accordion-content {
@@ -136,8 +140,8 @@
margin-bottom: 0;
height: 44px;
line-height: 44px;
background-color: $backgroudSecondaryColor;
border-bottom: 1px solid $accordionBorderColor;
background-color: $mediumBackgroundColor;
border-bottom: 1px solid $mediumBorderColor; //$accordionBorderColor;
border-radius: 0;
}
@@ -163,7 +167,7 @@
.ui-accordion .ui-accordion-content {
background-color: $accordionBgContent;
background-color: $darkBackgroundColor;
border-top: none;
margin-top: -1px;
margin-bottom: 0;
@@ -198,8 +202,6 @@
.ui-dialog.ui-widget-content {
border: $modalBorder;
background: $modalBackground;
//background: #000000 url("../images/dark-hive/ui-bg_loop_25_000000_21x21.png") 50% 50% repeat;
// color: #ffffff;
}
.ui-dialog-titlebar {
@@ -222,4 +224,51 @@
.ui-dialog-content p {
line-height: 18px;
}
.ui-autocomplete.ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete.ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
background-image:none;
background-color:#515151;
border:none;
margin:0;
border-radius: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
margin:0;
}
.ui-autocomplete li.list-item {
width:280px;
min-height:45px;
display:block;
}
.ui-autocomplete li.list-item .icon {
width:42px;
}
.ui-autocomplete li.list-item .icon img {
max-width:32px;
max-height:32px;
text-align: center;
vertical-align: middle;
margin:5px;
}
.ui-autocomplete {
min-height: 42px;
max-height: 200px;
overflow-y: auto;
overflow-x: hidden;
padding:1px 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-right: 20px;
}