hazza/Phraseanet
1
0
Fork 0
mirror of https://github.com/alchemy-fr/Phraseanet.git synced 2025-10-24 18:33:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

wip: css cleanup

Browse Source
This commit is contained in:
Florian BLOUET
2015-11-20 10:31:28 +01:00
parent 2d6133a40c
commit 9f823c254e
2 changed files with 259 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
resources/www/prod/skins/ui-components/_colorpicker.scss
View File

@@ -1,5 +1,3 @@
/******* .colorpickerbox ******************************************************/
.colorpicker_box { .colorpicker_box {
border: 1px solid #FFFFFF; border: 1px solid #FFFFFF;
cursor: pointer; cursor: pointer;
@@ -7,12 +5,17 @@
margin: 2px; margin: 2px;
padding: 0; padding: 0;
} }
.colorpickerbox {
.colorpickerbox .colorpicker_submit .submiter { position: relative;
float: left;
.colorpicker {
width: 210px;
height: 220px;
}
.colorpicker_submit .submiter {
padding: 3px 0 0 0; padding: 3px 0 0 0;
} }
.colorpicker_submit {
.colorpickerbox .colorpicker_submit {
background-image: none; background-image: none;
background-color: black; background-color: black;
height: 25px; height: 25px;
@@ -24,36 +27,23 @@
border: 1px solid #404040; border: 1px solid #404040;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
} }
.colorpicker_focus {
.colorpickerbox .colorpicker_focus {
border: 1px solid #999999; border: 1px solid #999999;
-webkit-border-radius: 2px; -webkit-border-radius: 2px;
-moz-border-radius: 2px; -moz-border-radius: 2px;
border-radius: 2px; border-radius: 2px;
} }
.colorpicker_current_color,
.colorpickerbox .colorpicker_current_color, .colorpicker_field,
.colorpickerbox .colorpicker_field, .colorpicker_hex {
.colorpickerbox .colorpicker_hex {
display: none; display: none;
} }
.colorpicker_color,
.colorpickerbox .colorpicker_color, .colorpicker_hue {
.colorpickerbox .colorpicker_hue {
top: 56px; top: 56px;
} }
.colorpicker_new_color {
.colorpickerbox .colorpicker_new_color {
left: 14px; left: 14px;
} }
.colorpickerbox .colorpicker {
width: 210px;
height: 220px;
}
.colorpickerbox {
position: relative;
float: left;
} }

241
resources/www/prod/skins/ui-components/_workzone-thesaurus.scss
View File

@@ -1,8 +1,14 @@
.treeview li { .treeview li {
color: #a1a1a1;
vertical-align: middle;
background-image: none; background-image: none;
} .hitarea {
background: none;
.treeview>li.expandable { width: 100%;
height: 100%;
position: absolute;
}
> li.expandable {
min-height: 50px; min-height: 50px;
line-height: 47px; line-height: 47px;
vertical-align: middle; vertical-align: middle;
@@ -11,72 +17,54 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
border-bottom: 1px solid $treeviewBorderExpandable; border-bottom: 1px solid $treeviewBorderExpandable;
} > .hitarea {
.treeview>li.expandable>.hitarea {
height: 51px; height: 51px;
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat; background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
border-left: 5px $col1 solid; border-left: 5px $col1 solid;
} &:hover,
&.active{
.treeview>li.expandable>.hitarea:hover,
.treeview>li.expandable>.hitarea.active {
border-left: 5px #884c93 solid; border-left: 5px #884c93 solid;
}
}
}
} }
.treeview {
.treeviewul li { ul {
color: #a1a1a1; li {
vertical-align: middle; &:hover {
} color: $textPrimaryColor;
}
.treeview .hitarea { .hitarea {
background: none;
width: 100%;
height: 100%;
position: absolute;
}
.treeview ul li .hitarea {
background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat; background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat;
position: relative; position: relative;
height: 9px; height: 9px;
width: 9px; width: 9px;
margin-top: 5px; margin-top: 5px;
} }
span.h {
.treeview ul li:hover {
color: $textPrimaryColor;
}
.treeview ul li span.h {
color: #884c92 !important; color: #884c92 !important;
} }
span {
.treeview ul li span {
color: #a6a6a6; color: #a6a6a6;
}
}
}
} }
#THPD_T_treeBox { #THPD_T_treeBox {
font-size: 0.85em; font-size: 0.85em;
}
#THPD_T_treeBox {
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
} > div {
#THPD_T_treeBox>div {
width: 100%; width: 100%;
display: inline-block; display: inline-block;
} }
&:hover {
#THPD_T_treeBox:hover {
overflow-y: auto; overflow-y: auto;
}
} }
#THPD_T_treeBox::-webkit-scrollbar-track #THPD_T_treeBox::-webkit-scrollbar-track {
{
border-radius: 0; border-radius: 0;
background-color: #1f1f1f; background-color: #1f1f1f;
} }
@@ -87,52 +75,39 @@
display: none; display: none;
} }
#THPD_tabs .treeview LI.selected SPAN {
background-color: #884c92 !important;
color: #FFFFFF !important;
}
#THPD_tabs .treeview ul li.expandable {
}
/* ================================== /* ==================================
dans l'onglet thesaurus : arbres, menus contextuels dans l'onglet thesaurus : arbres, menus contextuels
===================================== */ ===================================== */
#THPD_tabs { #THPD_tabs {
right: 0; right: 0;
} .ui-tabs-nav{
.ui-state-default A {
#THPD_tabs .ui-tabs-nav .ui-state-default A {
color: $thesaurusContextMenuColor; color: $thesaurusContextMenuColor;
} }
.ui-tabs-active A {
#THPD_tabs .ui-tabs-nav .ui-tabs-active A {
color: #FFFFFF; color: #FFFFFF;
text-decoration: underline; text-decoration: underline;
} }
}
#THPD_tabs .treeview UL { .treeview {
ul {
background-color: $proposalsBg; background-color: $proposalsBg;
margin-left: -16px; margin-left: -16px;
padding-left: 16px; padding-left: 16px;
} li {
#THPD_tabs .treeview ul li {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
}
#THPD_tabs .treeview SPAN { span {
cursor: pointer; cursor: pointer;
} &.h { /* highlighted (filtered) */
#THPD_tabs .treeview SPAN.h { /* highlighted (filtered) */
color: #FFFFD0; color: #FFFFD0;
font-weight: bold; font-weight: bold;
} }
}
#THPD_tabs .treeview I { /* count of hits */ i { /* count of hits */
color: #80FF80; color: #80FF80;
background-color: #606060; background-color: #606060;
font-style: normal; font-style: normal;
@@ -140,34 +115,41 @@ dans l'onglet thesaurus : arbres, menus contextuels
padding-left: 3px; padding-left: 3px;
padding-right: 3px; padding-right: 3px;
font-family: courier; font-family: courier;
} }
}
#THPD_tabs .treeview LI.selected SPAN { .treeview LI.selected SPAN {
background-color: #884c92 !important;
color: #FFFFFF !important;
}
.treeview LI.selected SPAN {
background-color: #ff0000; background-color: #ff0000;
} }
#THPD_tabs .treeview LI.selected LI SPAN { .treeview LI.selected LI SPAN {
background-color: transparent; background-color: transparent;
}
.context-menu-item-disabled {
background-color: #ff0000;
}
} }
#THPD_tabs .context-menu-item-disabled {
background-color: #ff0000;
}
#THPD_T, #THPD_C { #THPD_T, #THPD_C {
margin-top: 10px; margin-top: 10px;
margin-left: 0px; margin-left: 0px;
} }
#THPD_WIZARDS {
#THPD_WIZARDS .gform .input-append { .gform {
.input-append {
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 0; padding: 0;
border: 1px solid $thesaurusBorder1; border: 1px solid $thesaurusBorder1;
border-top: none; border-top: none;
} input.input-medium {
#THPD_WIZARDS .gform .input-append input.input-medium {
width: 80%; width: 80%;
border-radius: 0; border-radius: 0;
height: 50px; height: 50px;
@@ -176,9 +158,8 @@ dans l'onglet thesaurus : arbres, menus contextuels
border: none; border: none;
float: left; float: left;
margin: 0; margin: 0;
} }
.th_ok {
#THPD_WIZARDS .gform .input-append .th_ok {
width: 15%; width: 15%;
line-height: 50px; line-height: 50px;
vertical-align: middle; vertical-align: middle;
@@ -187,15 +168,13 @@ dans l'onglet thesaurus : arbres, menus contextuels
background: $col1 url('#{$iconsPath}icon_magnify.png') 50% no-repeat; background: $col1 url('#{$iconsPath}icon_magnify.png') 50% no-repeat;
border: none; border: none;
margin: 0; margin: 0;
outline:none; outline: none;
float: left; float: left;
box-shadow: none; box-shadow: none;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
} }
.th_clear {
#THPD_WIZARDS .gform .input-append .th_clear {
position: relative; position: relative;
z-index: 1000; z-index: 1000;
float: right; float: right;
@@ -210,21 +189,22 @@ dans l'onglet thesaurus : arbres, menus contextuels
outline: none; outline: none;
box-shadow: none; box-shadow: none;
-webkit-appearance: none; -webkit-appearance: none;
}
}
}
} }
/******* THESAURUS ************************************************************/ /******* THESAURUS ************************************************************/
DIV.thesaurus { div.thesaurus {
MARGIN-LEFT: 2px; margin-left: 2px;
white-space: nowrap; white-space: nowrap;
} p {
margin: 0;
DIV.thesaurus P { }
MARGIN: 0px; div.c {
} display: none
}
DIV.thesaurus DIV.c {
DISPLAY: none
} }
#idFrameE #TH_Ofull, #idFrameTH #TH_Oprop, #idFrameTH #TH_Oclip { #idFrameE #TH_Ofull, #idFrameTH #TH_Oprop, #idFrameTH #TH_Oclip {
@@ -233,7 +213,8 @@ DIV.thesaurus DIV.c {
width: 100%; width: 100%;
} }
#idFrameE DIV.searchZone { #idFrameE {
div.searchZone {
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px; left: 0px;
@@ -243,48 +224,31 @@ DIV.thesaurus DIV.c {
MARGIN: 0px; MARGIN: 0px;
BACKGROUND: $thesaurusBg2; BACKGROUND: $thesaurusBg2;
BORDER: #a9a9a9 1px solid; BORDER: #a9a9a9 1px solid;
} }
#idFrameE .onglets SPAN { div.thesaurus div.c {
BORDER-TOP: #a9a9a9 1px solid;
BORDER-LEFT: #a9a9a9 1px solid;
BORDER-RIGHT: #a9a9a9 1px solid;
BORDER-BOTTOM: $thesaurusBorder2 1px solid;
COLOR: #FFFFFF;
}
#idFrameE .onglets SPAN.inactif {
BORDER-TOP: #a9a9a9 1px solid;
BORDER-LEFT: #a9a9a9 1px solid;
BORDER-RIGHT: #a9a9a9 1px solid;
BORDER-BOTTOM: #a9a9a9 1px solid;
BACKGROUND-COLOR: transparent;
COLOR: #a9a9a9;
}
#idFrameE DIV.thesaurus DIV.c {
DISPLAY: none DISPLAY: none
} }
#idFrameE DIV.thesaurus DIV.o { div.thesaurus div.o {
MARGIN-BOTTOM: 1px; MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px; PADDING-BOTTOM: 2px;
PADDING-LEFT: 5px; PADDING-LEFT: 5px;
MARGIN-LEFT: 3px; MARGIN-LEFT: 3px;
BORDER-LEFT: #a9a9a9 1px solid; BORDER-LEFT: #a9a9a9 1px solid;
BORDER-BOTTOM: #a9a9a9 1px solid; BORDER-BOTTOM: #a9a9a9 1px solid;
} }
#idFrameE DIV.thesaurus DIV.h { div.thesaurus div.h {
MARGIN-BOTTOM: 1px; MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px; PADDING-BOTTOM: 2px;
PADDING-LEFT: 5px; PADDING-LEFT: 5px;
MARGIN-LEFT: 3px; MARGIN-LEFT: 3px;
BORDER-LEFT: #a9a9a9 1px solid; BORDER-LEFT: #a9a9a9 1px solid;
BORDER-BOTTOM: #a9a9a9 1px solid; BORDER-BOTTOM: #a9a9a9 1px solid;
} }
#idFrameE DIV.thesaurus U { div.thesaurus u {
width: 9px; width: 9px;
height: 10px; height: 10px;
MARGIN-RIGHT: 2px; MARGIN-RIGHT: 2px;
@@ -295,18 +259,19 @@ DIV.thesaurus DIV.c {
BACKGROUND-COLOR: #F0F0F0; BACKGROUND-COLOR: #F0F0F0;
cursor: pointer; cursor: pointer;
color: black; color: black;
line-height:10px; line-height: 10px;
} }
#idFrameE DIV.thesaurus B { div.thesaurus b {
cursor: pointer; cursor: pointer;
} }
#idFrameE DIV.thesaurus I { div.thesaurus i {
FONT-STYLE: normal; FONT-STYLE: normal;
cursor: pointer; cursor: pointer;
} }
DIV.thesaurus U.w { div.thesaurus u.w {
cursor: auto; cursor: auto;
}
} }