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