mirror of
https://github.com/alchemy-fr/Phraseanet.git
synced 2025-10-24 02:13:15 +00:00
wip: css cleanup
This commit is contained in:
Florian BLOUET
@@ -1,5 +1,3 @@
|
|||||||
|
|
||||||
/******* .colorpickerbox ******************************************************/
|
|
||||||
.colorpicker_box {
|
.colorpicker_box {
|
||||||
border: 1px solid #FFFFFF;
|
border: 1px solid #FFFFFF;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -7,53 +5,45 @@
|
|||||||
margin: 2px;
|
margin: 2px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.colorpickerbox .colorpicker_submit .submiter {
|
|
||||||
padding: 3px 0 0 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox .colorpicker_submit {
|
|
||||||
background-image: none;
|
|
||||||
background-color: black;
|
|
||||||
height: 25px;
|
|
||||||
left: 90px;
|
|
||||||
overflow: hidden;
|
|
||||||
position: absolute;
|
|
||||||
top: 15px;
|
|
||||||
width: 100px;
|
|
||||||
border: 1px solid #404040;
|
|
||||||
cursor: pointer;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox .colorpicker_focus {
|
|
||||||
border: 1px solid #999999;
|
|
||||||
-webkit-border-radius: 2px;
|
|
||||||
-moz-border-radius: 2px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox .colorpicker_current_color,
|
|
||||||
.colorpickerbox .colorpicker_field,
|
|
||||||
.colorpickerbox .colorpicker_hex {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox .colorpicker_color,
|
|
||||||
.colorpickerbox .colorpicker_hue {
|
|
||||||
top: 56px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox .colorpicker_new_color {
|
|
||||||
left: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox .colorpicker {
|
|
||||||
width: 210px;
|
|
||||||
height: 220px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.colorpickerbox {
|
.colorpickerbox {
|
||||||
position: relative;
|
position: relative;
|
||||||
float: left;
|
float: left;
|
||||||
|
.colorpicker {
|
||||||
|
width: 210px;
|
||||||
|
height: 220px;
|
||||||
|
}
|
||||||
|
.colorpicker_submit .submiter {
|
||||||
|
padding: 3px 0 0 0;
|
||||||
|
}
|
||||||
|
.colorpicker_submit {
|
||||||
|
background-image: none;
|
||||||
|
background-color: black;
|
||||||
|
height: 25px;
|
||||||
|
left: 90px;
|
||||||
|
overflow: hidden;
|
||||||
|
position: absolute;
|
||||||
|
top: 15px;
|
||||||
|
width: 100px;
|
||||||
|
border: 1px solid #404040;
|
||||||
|
cursor: pointer;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.colorpicker_focus {
|
||||||
|
border: 1px solid #999999;
|
||||||
|
-webkit-border-radius: 2px;
|
||||||
|
-moz-border-radius: 2px;
|
||||||
|
border-radius: 2px;
|
||||||
|
}
|
||||||
|
.colorpicker_current_color,
|
||||||
|
.colorpicker_field,
|
||||||
|
.colorpicker_hex {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.colorpicker_color,
|
||||||
|
.colorpicker_hue {
|
||||||
|
top: 56px;
|
||||||
|
}
|
||||||
|
.colorpicker_new_color {
|
||||||
|
left: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@@ -1,82 +1,70 @@
|
|||||||
.treeview li {
|
.treeview li {
|
||||||
background-image: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeview>li.expandable {
|
|
||||||
min-height: 50px;
|
|
||||||
line-height: 47px;
|
|
||||||
vertical-align: middle;
|
|
||||||
position: relative;
|
|
||||||
background: none;
|
|
||||||
padding-top: 0;
|
|
||||||
padding-bottom: 0;
|
|
||||||
border-bottom: 1px solid $treeviewBorderExpandable;
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeview>li.expandable>.hitarea {
|
|
||||||
height: 51px;
|
|
||||||
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
|
|
||||||
border-left: 5px $col1 solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeview>li.expandable>.hitarea:hover,
|
|
||||||
.treeview>li.expandable>.hitarea.active {
|
|
||||||
border-left: 5px #884c93 solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.treeviewul li {
|
|
||||||
color: #a1a1a1;
|
color: #a1a1a1;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
|
background-image: none;
|
||||||
|
.hitarea {
|
||||||
|
background: none;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
> li.expandable {
|
||||||
|
min-height: 50px;
|
||||||
|
line-height: 47px;
|
||||||
|
vertical-align: middle;
|
||||||
|
position: relative;
|
||||||
|
background: none;
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
border-bottom: 1px solid $treeviewBorderExpandable;
|
||||||
|
> .hitarea {
|
||||||
|
height: 51px;
|
||||||
|
background: url('#{$iconsPath}sprite_tree_first.png') 99% 22px no-repeat;
|
||||||
|
border-left: 5px $col1 solid;
|
||||||
|
&:hover,
|
||||||
|
&.active{
|
||||||
|
border-left: 5px #884c93 solid;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
.treeview {
|
||||||
.treeview .hitarea {
|
ul {
|
||||||
background: none;
|
li {
|
||||||
width: 100%;
|
&:hover {
|
||||||
height: 100%;
|
color: $textPrimaryColor;
|
||||||
position: absolute;
|
}
|
||||||
}
|
.hitarea {
|
||||||
|
background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat;
|
||||||
.treeview ul li .hitarea {
|
position: relative;
|
||||||
background: url('#{$iconsPath}icon_tree.png') 0 0 no-repeat;
|
height: 9px;
|
||||||
position: relative;
|
width: 9px;
|
||||||
height: 9px;
|
margin-top: 5px;
|
||||||
width: 9px;
|
}
|
||||||
margin-top: 5px;
|
span.h {
|
||||||
}
|
color: #884c92 !important;
|
||||||
|
}
|
||||||
.treeview ul li:hover {
|
span {
|
||||||
color: $textPrimaryColor;
|
color: #a6a6a6;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.treeview ul li span.h {
|
}
|
||||||
color: #884c92 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.treeview ul li span {
|
|
||||||
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 {
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
&:hover {
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#THPD_T_treeBox>div {
|
#THPD_T_treeBox::-webkit-scrollbar-track {
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_T_treeBox:hover {
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_T_treeBox::-webkit-scrollbar-track
|
|
||||||
{
|
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
background-color: #1f1f1f;
|
background-color: #1f1f1f;
|
||||||
}
|
}
|
||||||
@@ -87,144 +75,136 @@
|
|||||||
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 {
|
||||||
|
color: $thesaurusContextMenuColor;
|
||||||
|
}
|
||||||
|
.ui-tabs-active A {
|
||||||
|
color: #FFFFFF;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.treeview {
|
||||||
|
ul {
|
||||||
|
background-color: $proposalsBg;
|
||||||
|
margin-left: -16px;
|
||||||
|
padding-left: 16px;
|
||||||
|
li {
|
||||||
|
padding-top: 5px;
|
||||||
|
padding-bottom: 5px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
span {
|
||||||
|
cursor: pointer;
|
||||||
|
&.h { /* highlighted (filtered) */
|
||||||
|
color: #FFFFD0;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
i { /* count of hits */
|
||||||
|
color: #80FF80;
|
||||||
|
background-color: #606060;
|
||||||
|
font-style: normal;
|
||||||
|
margin-left: 10px;
|
||||||
|
padding-left: 3px;
|
||||||
|
padding-right: 3px;
|
||||||
|
font-family: courier;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.treeview LI.selected SPAN {
|
||||||
|
background-color: #884c92 !important;
|
||||||
|
color: #FFFFFF !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.treeview LI.selected SPAN {
|
||||||
|
background-color: #ff0000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.treeview LI.selected LI SPAN {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.context-menu-item-disabled {
|
||||||
|
background-color: #ff0000;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#THPD_tabs .ui-tabs-nav .ui-state-default A {
|
|
||||||
color: $thesaurusContextMenuColor;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .ui-tabs-nav .ui-tabs-active A {
|
|
||||||
color: #FFFFFF;
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview UL {
|
|
||||||
background-color: $proposalsBg;
|
|
||||||
margin-left: -16px;
|
|
||||||
padding-left: 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview ul li {
|
|
||||||
padding-top: 5px;
|
|
||||||
padding-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview SPAN {
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview SPAN.h { /* highlighted (filtered) */
|
|
||||||
color: #FFFFD0;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview I { /* count of hits */
|
|
||||||
color: #80FF80;
|
|
||||||
background-color: #606060;
|
|
||||||
font-style: normal;
|
|
||||||
margin-left: 10px;
|
|
||||||
padding-left: 3px;
|
|
||||||
padding-right: 3px;
|
|
||||||
font-family: courier;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview LI.selected SPAN {
|
|
||||||
background-color: #ff0000;
|
|
||||||
}
|
|
||||||
|
|
||||||
#THPD_tabs .treeview LI.selected LI SPAN {
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
|
|
||||||
#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 {
|
||||||
width: 100%;
|
.input-append {
|
||||||
margin: 0;
|
width: 100%;
|
||||||
padding: 0;
|
margin: 0;
|
||||||
border: 1px solid $thesaurusBorder1;
|
padding: 0;
|
||||||
border-top: none;
|
border: 1px solid $thesaurusBorder1;
|
||||||
}
|
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;
|
padding: 0 2.5%;
|
||||||
padding: 0 2.5%;
|
background: $thesaurusBg1;
|
||||||
background: $thesaurusBg1;
|
border: none;
|
||||||
border: none;
|
float: left;
|
||||||
float: left;
|
margin: 0;
|
||||||
margin: 0;
|
}
|
||||||
}
|
.th_ok {
|
||||||
|
width: 15%;
|
||||||
#THPD_WIZARDS .gform .input-append .th_ok {
|
line-height: 50px;
|
||||||
width: 15%;
|
vertical-align: middle;
|
||||||
line-height: 50px;
|
padding: 0;
|
||||||
vertical-align: middle;
|
border-radius: 0;
|
||||||
padding: 0;
|
background: $col1 url('#{$iconsPath}icon_magnify.png') 50% no-repeat;
|
||||||
border-radius: 0;
|
border: none;
|
||||||
background: $col1 url('#{$iconsPath}icon_magnify.png') 50% no-repeat;
|
margin: 0;
|
||||||
border: none;
|
outline: none;
|
||||||
margin: 0;
|
float: left;
|
||||||
outline:none;
|
box-shadow: none;
|
||||||
float: left;
|
-webkit-appearance: none;
|
||||||
box-shadow: none;
|
-moz-appearance: none;
|
||||||
-webkit-appearance: none;
|
}
|
||||||
-moz-appearance: none;
|
.th_clear {
|
||||||
}
|
position: relative;
|
||||||
|
z-index: 1000;
|
||||||
|
float: right;
|
||||||
#THPD_WIZARDS .gform .input-append .th_clear {
|
margin: -50px 15% 0 0;
|
||||||
position: relative;
|
display: none;
|
||||||
z-index: 1000;
|
width: 30px;
|
||||||
float: right;
|
line-height: 50px;
|
||||||
margin: -50px 15% 0 0;
|
padding: 0;
|
||||||
display: none;
|
border-radius: 0;
|
||||||
width: 30px;
|
background: url('#{$iconsPath}icon_clear_search.png') 50% no-repeat;
|
||||||
line-height: 50px;
|
border: none;
|
||||||
padding: 0;
|
outline: none;
|
||||||
border-radius: 0;
|
box-shadow: none;
|
||||||
background: url('#{$iconsPath}icon_clear_search.png') 50% no-repeat;
|
-webkit-appearance: none;
|
||||||
border: none;
|
}
|
||||||
outline: none;
|
}
|
||||||
box-shadow: 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,80 +213,65 @@ DIV.thesaurus DIV.c {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#idFrameE DIV.searchZone {
|
#idFrameE {
|
||||||
position: absolute;
|
div.searchZone {
|
||||||
top: 0px;
|
position: absolute;
|
||||||
left: 0px;
|
top: 0px;
|
||||||
width: 100%;
|
left: 0px;
|
||||||
height: 100%;
|
width: 100%;
|
||||||
PADDING: 0px;
|
height: 100%;
|
||||||
MARGIN: 0px;
|
PADDING: 0px;
|
||||||
BACKGROUND: $thesaurusBg2;
|
MARGIN: 0px;
|
||||||
BORDER: #a9a9a9 1px solid;
|
BACKGROUND: $thesaurusBg2;
|
||||||
}
|
BORDER: #a9a9a9 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
#idFrameE .onglets SPAN {
|
div.thesaurus div.c {
|
||||||
BORDER-TOP: #a9a9a9 1px solid;
|
DISPLAY: none
|
||||||
BORDER-LEFT: #a9a9a9 1px solid;
|
}
|
||||||
BORDER-RIGHT: #a9a9a9 1px solid;
|
|
||||||
BORDER-BOTTOM: $thesaurusBorder2 1px solid;
|
|
||||||
COLOR: #FFFFFF;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFrameE .onglets SPAN.inactif {
|
div.thesaurus div.o {
|
||||||
BORDER-TOP: #a9a9a9 1px solid;
|
MARGIN-BOTTOM: 1px;
|
||||||
BORDER-LEFT: #a9a9a9 1px solid;
|
PADDING-BOTTOM: 2px;
|
||||||
BORDER-RIGHT: #a9a9a9 1px solid;
|
PADDING-LEFT: 5px;
|
||||||
BORDER-BOTTOM: #a9a9a9 1px solid;
|
MARGIN-LEFT: 3px;
|
||||||
BACKGROUND-COLOR: transparent;
|
BORDER-LEFT: #a9a9a9 1px solid;
|
||||||
COLOR: #a9a9a9;
|
BORDER-BOTTOM: #a9a9a9 1px solid;
|
||||||
}
|
}
|
||||||
|
|
||||||
#idFrameE DIV.thesaurus DIV.c {
|
div.thesaurus div.h {
|
||||||
DISPLAY: none
|
MARGIN-BOTTOM: 1px;
|
||||||
}
|
PADDING-BOTTOM: 2px;
|
||||||
|
PADDING-LEFT: 5px;
|
||||||
|
MARGIN-LEFT: 3px;
|
||||||
|
BORDER-LEFT: #a9a9a9 1px solid;
|
||||||
|
BORDER-BOTTOM: #a9a9a9 1px solid;
|
||||||
|
}
|
||||||
|
|
||||||
#idFrameE DIV.thesaurus DIV.o {
|
div.thesaurus u {
|
||||||
MARGIN-BOTTOM: 1px;
|
width: 9px;
|
||||||
PADDING-BOTTOM: 2px;
|
height: 10px;
|
||||||
PADDING-LEFT: 5px;
|
MARGIN-RIGHT: 2px;
|
||||||
MARGIN-LEFT: 3px;
|
text-align: center;
|
||||||
BORDER-LEFT: #a9a9a9 1px solid;
|
display: inline-block;
|
||||||
BORDER-BOTTOM: #a9a9a9 1px solid;
|
font-size: 8px;
|
||||||
}
|
TEXT-DECORATION: none;
|
||||||
|
BACKGROUND-COLOR: #F0F0F0;
|
||||||
|
cursor: pointer;
|
||||||
|
color: black;
|
||||||
|
line-height: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
#idFrameE DIV.thesaurus DIV.h {
|
div.thesaurus b {
|
||||||
MARGIN-BOTTOM: 1px;
|
cursor: pointer;
|
||||||
PADDING-BOTTOM: 2px;
|
}
|
||||||
PADDING-LEFT: 5px;
|
|
||||||
MARGIN-LEFT: 3px;
|
|
||||||
BORDER-LEFT: #a9a9a9 1px solid;
|
|
||||||
BORDER-BOTTOM: #a9a9a9 1px solid;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFrameE DIV.thesaurus U {
|
div.thesaurus i {
|
||||||
width: 9px;
|
FONT-STYLE: normal;
|
||||||
height: 10px;
|
cursor: pointer;
|
||||||
MARGIN-RIGHT: 2px;
|
}
|
||||||
text-align: center;
|
|
||||||
display: inline-block;
|
|
||||||
font-size: 8px;
|
|
||||||
TEXT-DECORATION: none;
|
|
||||||
BACKGROUND-COLOR: #F0F0F0;
|
|
||||||
cursor: pointer;
|
|
||||||
color: black;
|
|
||||||
line-height:10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#idFrameE DIV.thesaurus B {
|
div.thesaurus u.w {
|
||||||
cursor: pointer;
|
cursor: auto;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#idFrameE DIV.thesaurus I {
|
|
||||||
FONT-STYLE: normal;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
DIV.thesaurus U.w {
|
|
||||||
cursor: auto;
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user