Piwigo/admin/themes/roma/theme.css
HWFord bf3beb9bdd fixes #2268 add whats new popin
set popin display in user pref, if user closes don't display again
keep bell notification displayed for 30 days so user can reopen modal
for next version add user pref to install
Add css for template
when close popin call api method to update user pref to hide popin
2024-11-08 16:35:27 +01:00

2330 lines
No EOL
49 KiB
CSS

/* text color */
body, h3, dt, .throw, .content, label, LEGEND {
color:#777;
}
INPUT, select, textarea { color:#999; background-color: #444; }
option[disabled] { background-color: #999; color: #444; }
input[type="radio"], input[type="checkbox"] { background-color: transparent; }
input:focus,
select:focus,
textarea:focus {
outline-color: #ffa646;
outline-width: 1px;
outline-style: solid;
}
.showInfo { color:#666; }
.showInfo:hover { color:#999; }
h2 { color: #ccc; }
.header_notes {
background: transparent url(../default/icon/note.png) no-repeat right top;
border: none;
min-height: 48px;
padding: 15px 60px 0 0;
right: 0;
width: 550px;
}
html, body { min-height: 100%; height: 100%;}
body {
background-color:#444;
}
/* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
/* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */
h3, .row2, .content { background-color: #222; }
.throw, .row1 { background-color:#111; }
.throw em { font-style: normal; color: #ededed; }
#menubar li:hover {
background-color: transparent;
}
#content {
background-color: #444444;
}
h1 {
background-color: #565656;
color: #c1c1c1;
}
h1 .bc-albums {
background-color: #333;
}
#tabsheet {
background-color:#565656;
}
.tabsheet li.selected_tab {
background-color: #444;
}
.tabsheet li.selected_tab a {
color: #c1c1c1;
}
.tabsheet a {
color: #7e7e7e;
font-weight: normal;
}
.tabsheet li:hover a {
color: #c1c1c1;
}
.content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0; text-align:center; background:none; border: 0; }
.content h3 ~ h3{ margin-top: 40px; }
.content h4 { font-size:14px; text-align:left; padding:3px; margin: 2px;}
.content dl, dd { margin:5px; }
UL.thumbnails span.wrap2 {
background-color:#333;
}
/* .throw, */ td h3 {
background-image: url(images/fillet.png); background-repeat: repeat-x; }
/* borders */
fieldset { border: none; }
INPUT, SELECT, TEXTAREA {
border: 1px solid #666;
}
input:focus, select:focus, textarea:focus {
background-color: #444;
color: #999;
}
TEXTAREA { cursor:text; font-size: 13px; }
.tagSelection label { padding-right:12px; }
.tagSelection LI.tagSelected {background-color:#aaa;}
.tagSelected LABEL {color:#000;}
ul.thumbnails input { color:#999; font-size:10px; margin:0; background-color:#444; text-align: center;}
INPUT[type="submit"]:hover , INPUT[type="reset"]:hover { cursor: pointer; }
INPUT.bigbutton:hover { background-color: #222; color:#f33; border: 0; }
.throw { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; color: #9e9e9e; }
label { cursor:pointer }
.menuLi { background: #333 }
.menuLi_hidden { background: #333 !important; }
a.Piwigo {
font-family: verdana, arial, helvetica, sans-serif !important;
font-size: 11px; font-weight: normal; letter-spacing: 0;
color : #F33; text-decoration: none; border: 0; }
a.Piwigo:hover span.Piwigo {
border-bottom: 1px solid #FF3363;
}
/* RADU - I comment this because it makes FF form controls activation very slow)
*, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
*/
a { color:#777; }
a:hover, a:active { color: #f70; cursor: pointer; }
ul.actions, .content form#waiting {text-align:center;}
#adminHome A, #menubar li A, #menubar dt {
color: #8d8d8d;
}
.font-checkbox .adminOnlyIcon{
color: #bbb;
background: #555;
}
/* Filter */
.search-input {
background-color: #333 !important;
}
.search-input:hover {
background-color: #222 !important;
}
/* Pagination */
.pagination-per-page {
background-color: #555;
}
.pagination-per-page span {
color: #c1c1c1;
}
.pagination-per-page a{
color:#c1c1c1;
}
.pagination-per-page a:hover {
background-color: #888; color: #444;
}
.selected-pagination{
background:#ffa646!important;
color:#444!important;
}
/* jQuery tooltips */
.ui-tooltip {
color: #eee;
background-color: #000;
}
.cluetip-outer { border-color: #666; color: #666; background-color: #222; }
.cluetip-title { color: #ff3363; background-color: #111; }
/* jQuery ui resizable */
.ui-resizable { position: relative; }
.ui-wrapper { border: 0; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }
/* Global handle styles */
.ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
.ui-resizable .ui-resizable-handle { display: block; }
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
#ui-datepicker-div {background-color: #555; border:2px solid #333;}
#ui-datepicker-div.ui-widget-content { background: #555}
#ui-datepicker-div .ui-datepicker-title {color:white;}
#ui-datepicker-div .ui-icon-circle-triangle-w {background: transparent url(icon/prev.png) no-repeat;}
#ui-datepicker-div .ui-icon-circle-triangle-e {background: transparent url(icon/next.png) no-repeat;}
#ui-datepicker-div A.ui-datepicker-prev:hover,
#ui-datepicker-div A.ui-datepicker-next:hover
{
background-color:#eee;border:1px solid #aaa;
}
.ui-datepicker th {color:#ccc;}
.ui-state-disabled {color:#aaa;}
.ui-timepicker-div, .ui-timepicker-div dt {color:#ccc;}
.ui-slider { background:#444 !important;border-radius:2px;border:1px solid #3c3939 !important; }
.ui-slider .ui-slider-handle { border:1px solid #f36;background:#222;border-radius:0.6em; }
.ui-slider .ui-slider-range { background:#666;border-radius:2px; }
#ui-datepicker-div .ui-datepicker-control, #ui-datepicker-div a { background-color: #111; color: #f70 !important;}
#ui-datepicker-div .ui-datepicker-days-row { background-color: #444;}
#ui-datepicker-div .ui-datepicker-week-end-cell, #ui-datepicker-div .ui-datepicker-week-end-cell a { background-color: #222; color: #f33; border-color: #444; border-top-color: #222; border-left-color: #222;}
#ui-datepicker-div .ui-datepicker-title-row { background-color: #111;}
#ui-datepicker-div .ui-datepicker-title-row .ui-datepicker-week-end-cell a { color: #f33;}
#ui-datepicker-div a:hover { color: #ff3333 !important; border: 0; background-color: #111 !important;}
#ui-datepicker-div .ui-datepicker-header select { background-color:#444; color:#999; font-weight:normal;}
#ui-datepicker-div .ui-datepicker-links { background-color:#222;}
#ui-datepicker-div .ui-datepicker-header { background:#555;}
#ui-datepicker-div .ui-widget-header { border: 1px solid #3c3939; }
#ui-datepicker-div .ui-datepicker-current-day { background-color: #111 !important; border-color: #444; border-top-color: #111; border-left-color: #111;}
#ui-datepicker-div .ui-datepicker-days-cell { background-color:#444; border:1px solid #222; border-top-color: #444; border-left-color: #444;}
#ui-datepicker-div .ui-datepicker-calendar .ui-state-default { background: #333; color: #ccc !important; border: 1px solid #3c3939;}
#ui-datepicker-div .ui-slider .ui-slider-handle { background: #333; border:1px solid #3c3939; cursor: pointer;}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-default { background: #333; color: #ccc; border:1px solid #3c3939;}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-default:hover { background: #111; }
#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-error { background: #BE4949; color: #FFC8C8;}
#ui-datepicker-div .ui-datepicker-buttonpane .ui-state-error:hover { background: #7e3030;}
INPUT[type="text"].large { width: 317px; }
.buttonLike, input[type="button"], input[type="submit"], input[type="reset"] {
color: #3c3c3c;
background-color: #FFA646;
}
.buttonLike:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
color:#000;
text-decoration: none;
background-color:#f70;
color:#000;
cursor:pointer;
}
.buttonLike:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
color:#555;
border-color:#666;
cursor:not-allowed;
background-color: #666;
}
.bigbutton { background:transparent url(images/quickLocalSync_inactiv.png) no-repeat scroll left top; display: block;
color:#111; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px;
position:relative; z-index: 50;}
.bigtext { display:block; font-weight:bold; left:225px; position:relative; top:35px; width:320px; z-index: 55; cursor:pointer; }
.bigbutton:hover { background:transparent url(images/quickLocalSync_hover.png) no-repeat scroll left top; color: #000; }
.bigbutton input { background:transparent url(images/transparent.gif) repeat scroll left top; border:0;
display:block; height:85px; left:225px; position:relative; top:-42px; width:313px; z-index:99; padding:0;
color:transparent;}
.bigbutton input:hover { cursor:pointer; background:transparent url(images/transparent.gif) repeat scroll left top; border:0; padding:0;color:transparent;}
/* dashboard */
.stat-box {
color:#9c9c9c;
}
a.stat-box:hover {
color:#aeaeae;
}
.stat-data-selector label {
color: #777;
padding: 10px;
background-color: #333;
transition: 0.2s ease;
}
.stat-data-selector input:checked + label{
color: #444;
}
.stat-data-selector label:hover {
background-color: #555
}
.stat-data-selector label.unavailable{
background: #3C3C3C;
color: #666;
}
.chart-title {
color: #777;
}
.intro-charts .tooltip {
background-color: #333333;
box-shadow: none;
}
.storage-tooltips .separated {
background: #777;
}
.storage-tooltips .tooltip-arrow,
.activity-chart .tooltip-arrow {
border-color: transparent transparent #333333 transparent;
}
.storage-tooltips .tooltip-arrow.bottom{
border-color: #333333 transparent transparent transparent;
}
.intro-charts .tooltip .tooltip-details-title, .intro-charts .tooltip-title {
color:#aeaeae !important;
border: none !important;
}
.activity-chart span div,
.storage-chart span:nth-child(5), .storage-chart-legend div:nth-child(5) span {
background-color: #bc4b4a;
opacity: 1;
}
.activity-chart #week-1-legend ~ span div,
.storage-chart span:nth-child(4), .storage-chart-legend div:nth-child(4) span {
background-color: #4f71a4;
}
.activity-chart #week-2-legend ~ span div,
.storage-chart span:nth-child(3), .storage-chart-legend div:nth-child(3) span {
background-color: #4e5aa3;
}
.activity-chart #week-3-legend ~ span div,
.storage-chart span:nth-child(2), .storage-chart-legend div:nth-child(2) span {
background-color: #50a48f;
}
.activity-chart #week-4-legend ~ span div,
.storage-chart span:nth-child(1), .storage-chart-legend div:nth-child(1) span {
background-color: #d47f44;
}
/* hacks */
* html[lang="en"] body .content h2 , *+html[lang="en"] body .content h2 { text-transform:capitalize; } /* IE */
*+html .bigtext { left: 70px; }
*+html .bigbutton input, * html .bigbutton input { left:0px; position:relative; top:-40px; }
* html .bigtext { margin-right: 300px; }
.themeBox {background-color:#333;}
.themeName {color:#ccc;}
.themeSelect {background-color: #333; box-shadow: none;}
.themeSelect.themeDefault {background-color: #f9bf80;}
.themeSelect.themeDefault a, .themeSelect.themeDefault span, .themeSelect.themeDefault .themeName{ color:#333;}
.themeActions A {border-bottom:none;}
.themeActions span {background-color: #888888;color: #666666;}
.showInfo-dropdown-header a {color:#3A3A3A}
#pluginsMenuSeparator {border:1px solid #333;}
#helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;}
.pluginBox, .pluginContent, .groups .GroupContainer {background-color:#333;color:#999;border-right-color:#333; box-shadow: none;border-left: none;}
.pluginContainer.line-form .pluginBox:hover .pluginContent {background: #1e1e1d;}
.groups #addGroupForm:hover{
background-color: #1b1b1b;
}
.pluginName {color:#aaa;}
.pluginBox.incompatible {border-color:#800 !important;}
.pluginActionLevel1 {color: #333;}
.pluginActionLevel2 {color: #bbbbbb;}
.pluginFilter {color: #c1c1c1;}
.pluginFilter input {border-color: #c1c1c1;}
.languageBox {background-color:#333;}
.languageName {color:#ccc;}
.languageDefault {background-color:#555; color:#aaa;}
.groupError {color: #ffd5dc;background-color: #f22;}
.group-rename input {color: #999;}
.GroupBackgroudSelected .Group-name {color: #333 !important;}
.GroupContainer .group_name-editable {background-color: #323232 !important; border: 1px solid #666 !important;}
.GroupContainer .group-rename .icon-ok {color: #222;}
.maintenance-action {
color: #c1c1c1;
}
/* Batch Manager */
#batchManagerGlobal .thumbnails .font-checkbox [class*="icon-check"]::before {
color:#777;
}
#batchManagerGlobal li.thumbSelected .font-checkbox [class*="icon-check"]::before {
color: #3C3C3C; display: block;
}
#batchManagerGlobal UL.thumbnails li:hover .wrap2 {
color: white;
}
#batchManagerGlobal .thumbSelected { background-color:transparent !important }
#batchManagerGlobal .thumbSelected .wrap2 {
background-color: #555 !important;
}
#batchManagerGlobal #selectedMessage {
color: #FFA646;
font-weight: bold;
}
#batchManagerGlobal #applyFilter {
color: #3C3C3C;
background-color: #ececec;
}
#batchManagerGlobal #applyFilter:hover {
color: white;
background-color: #ffc17e;
}
#batchManagerGlobal #filterList li {
background-color: #3C3C3C;
}
#batchManagerGlobal legend {
color: #BFBFBF;
}
/* TokenInput (with Facebook style for ROMA) */
ul.token-input-list {border-color:#666 !important;background-color:#444 !important;}
ul.token-input-list li input {background-color:#444 !important;}
li.token-input-token span {color:#878787 !important;}
div.token-input-dropdown {background-color:#eee !important;border-color:#666 !important;}
div.token-input-dropdown ul li {background-color:#eee !important;}
div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color:#FF7800 !important;}
.big-progressbar {
background: #3c3939;
}
/* Picture edit */
#picture-content input[type=text], #picture-content textarea, #picture-content .selectize-input, #picture-content select {
background-color: #444444;
border: 1px solid #666;
color: #c1c1c1;
}
.info-framed-title, .info-framed-icon {
color: #c1c1c1 !important;
}
.info-framed {
border-color: #333 !important;
}
/* Album edit */
.move-cat-container:hover {
background-color: #232323;
}
.move-cat-container:hover .icon-yellow,
.move-cat-container:hover .icon-red,
.move-cat-container:hover .icon-purple,
.move-cat-container:hover .icon-blue,
.move-cat-container:hover .icon-green{
opacity:100%;
}
.move-cat-action a:hover {
color: #777;
background: #111;
}
.disabledToggle .move-cat-toogler{
color: gray !important;
opacity: 0.5;
pointer-events: none;
}
.move-cat-container.disabledToggle:hover .move-cat-toogler{
opacity: 0.5;
pointer-events: none;
}
.AddUserPopInContainer,
.AddAlbumPopInContainer,
.DeleteAlbumPopInContainer,
.RenameAlbumPopInContainer {
background-color: #333;
}
.AddUserPopInContainer .AddIconTitle,
.AddAlbumPopInContainer .AddIconTitle,
.DeleteAlbumPopInContainer .DeleteIconTitle,
.RenameAlbumPopInContainer .RenameAlbumTitle {
color: #777;
}
.AddUserPopInContainer .AddUserInput,
.AddAlbumPopInContainer .user-property-input,
.DeleteAlbumPopInContainer .DeleteAlbumInput,
.RenameAlbumPopInContainer .RenameAlbumInput,
.RenameAlbumLabelUsername input {
background-color:#252525;
border: solid 2px #252525;
outline: none;
}
.AddAlbumCancel, .RenameAlbumCancel {
color: #777777;
background-color: #252525;
}
.AddAlbumCancel:hover, .RenameAlbumCancel:hover {
background-color: #1B1B1B ;
color: #777777;
}
.AddAlbumSubmit,
.RenameAlbumSubmit {
color: #3F3E40;
background-color: #FFA646;
}
.AddAlbumSubmit:hover,
.RenameAlbumSubmit:hover {
color: #3F3E40;
background-color: #f70;
}
.DeleteAlbumSubmit {
background-color: #e74c3c;
color: #fff;
}
/* Cat modify */
.selectedComment {background-color:#555; color:#fff;}
.groups .Group-name>p {
color: #ccc;
font-size: 1.2em;
background-color:#111;
}
label>p.group_select {
color: #d5d5d5;
background-color:#555;
}
.groups .GroupContainer,
.groups .showCreateGroup,
.groups .addGroupFormBlock{
font-size: 1.2em;
background-color:#333;
}
.groups .Group-name>p,
.addGroupForm .addGroupFormTitle{
color:#3c3c3c;
font-size: 1.2em;
}
.groups .GroupContainer,
.groups .showCreateGroup,
.groups .addGroupFormBlock{
box-shadow: -1px 1px 2px #1a1a1a;
}
.groups .showCreateGroup:hover #addGroup,
.groups .addGroupFormTitle{
color:#c0c0c0;
text-decoration:none;
}
.groups #addGroup{
color:#777;
}
.groups .group_number_users{
color:#777;
}
.addUserButton:hover{
text-decoration:none;
color:#3c3c3c;
background-color:#f3f3f3;
}
.groups p.list_user{
color:#3c3c3c;
}
label>p.group_select {
color: #000;
background-color:#C2F5C2;
}
.groups input[type="text"]{
background-color:#444444;
border:1px solid #d5d5d5;
}
#addGroupNameInput {
color: #999;
background-color: #252525 !important;
border: none !important;
outline: none;
}
#addGroupClose:hover{
color: #ededed;
}
#addGroupNameInput::placeholder {
color: #bbb;
}
.groups .AddUser .icon-user-add::before{
background-color:#f3f3f3;
color:#e0e0e0;
}
/*Edit group name*/
.groups .Group-name{
color:#777;
}
.groups .Group-name .Group-name-container p:focus{
border:1px solid #303030!important;
background-color:#1a1a1a;
}
/*Add Group */
.groups fieldset INPUT[type="text"]::placeholder{
color:#d5d5d5;
}
.groups button.submit{
background-color:#ffa744;
color:#3c3c3c;
}
.groups button.submit:hover{
background-color:#ff7700;
}
/* Group Options*/
#GroupOptions{
background-color:#5c5c5c;
box-shadow: -1px 1px 2px #393939;
color:#c0c0c0;
}
/*Group manager buttons*/
.groups .manage-users,
.groups .manage-permissions{
border:1px solid #777;
background-color:transparent;
}
.groups .manage-users:hover,
.groups .manage-permissions:hover{
background-color:#ffa744;
border:1px solid #ffa744;
cursor:pointer;
}
/*UserList Pop in*/
.UserListPopInContainer{
background-color:#444;
border-radius:10px;
}
#UserList .AddUserBlock button{
background-color:#ffa744;
color:#3c3c3c;
}
#UserList .AddUserBlock button:hover{
background-color:#ff7700;
}
#UserList .AddUserBlock input,
#UserList .FilterUserBlock input{
background-color:#2c2c2c;
}
#UserList .AddUserBlock p,
#UserList .FilterUserBlock{
color:#c0c0c0;
}
.UsersInGroupList span{
color:#d5d5d5;
}
.UsersInGroupList .icon-cancel:hover{
color:#ff7700;
}
.LinkUserManager{
color:#3c3c3c;
}
/* Selection mode */
.slider {
background-color: #333;
}
.slider:before {
background-color: #151515;
}
.slider::after {
color: #151515;
}
input:checked + .slider {
background-color: #ffa646;
}
input:focus + .slider {
box-shadow: 0 0 1px #FFC27F;
}
#selection-mode-block{
background-color: #232323;
border-left:1px solid #1a1a1a;
}
.GroupBackgroudSelected{
background-color:#f9852c!important;
box-shadow: none !important;
}
.OrangeIcon{
background-color:#ae5d1e !important;
color:#faa96b!important;
border-color: #ae5d1e !important;
}
.OrangeFont{
color:#fddaba!important;
}
.BlackFont{
color:black!important;
}
#checkActions a:hover {
background-color: #1B1B1B;
color: #777777;
}
/*Selection mode content*/
.SelectionModeGroupList{
color:#c0c0c0;
}
#selection-mode-block button{
border: 1px solid #e7e7e7;
color:#c0c0c0;
}
#selection-mode-block button:hover{
background-color: #ffa744;
border: 1px solid #ffa744;
color:#3c3c3c;
}
#ConfirmGroupAction{
color:#3c3c3c;
}
#ConfirmGroupAction p{
color: #777;
}
.ConfirmDeleteButton{
background-color: #ffa744;
}
/*Merge Options*/
#MergeOptionsBlock p{
color: #777;
}
#MergeOptionsBlock a{
color:#c0c0c0;
}
/*Merge options Radio buttons*/
.ConfirmMergeButton{
background-color: #ffa744;
}
.MergeOptionsContainer select{
background-color: #1a1a1a;
box-shadow: 0 0 2px #c5c5c5;
}
/*Group checkbox*/
.groups .group-checkmark {
border:2px solid #c76a23;
}
.groups .Group-checkbox:hover input ~ .group-checkmark {
background-color: #c76a23;
}
.groups .Group-checkbox input:checked ~ .group-checkmark {
background-color: #c76a23;
}
.groups .Group-checkbox .group-checkmark:after {
border: solid #ebebeb;
border-width: 0 3px 3px 0;
}
/*Group manager buttons*/
.groups .manage-users,
.groups .manage-users:hover,
.groups .manage-permissions,
.groups .manage-permissions:hover{
color:#c0c0c0;
}
.groups .manage-users:hover,
.groups .manage-permissions:hover{
color:#3c3c3c;
}
/*UserList Pop in*/
.CloseUserList, .CloseAddAlbum, #CloseDeleteAlbum{
color: #444;
}
.CloseUserList:hover, .CloseAddAlbum:hover, #CloseDeleteAlbum:hover {
color: #ffa646
}
#UserList .group-name-block p{
color:#9e9e9e;
}
.UsernameBlock{
background-color:#393939;
color:#9e9e9e;
}
.Tooltip p.TooltipText{
color:#f3f3f3;
background-color: #3c3c3c;
border:1px solid #f3f3f3;
}
.ValidationUserAssociated, .ValidationUserDissociated{
background-color:#4EA590;
color: #AAF6E4;
}
.ValidationUserAssociated p, .ValidationUserDissociated p{
color:#c2f5c2 !important;
}
.groups .showCreateGroup .icon-plus-circled,
#UserList .group-name-block span,
.groups .showCreateGroup .icon-plus-circled{
color:#A0C0F1;
background-color: #4E71A5;
}
#UserList .group-name-block .UserNumberBadge{
background-color:#777;
color: #ccc;
}
.advanced-filter-select {border: 1px solid transparent;}
.advanced-filter-select-container::before {
color: #4c4c4c;
}
.user-property-main-user-content-header .main-user-icon {
background-color: #BE4949 !important;
color: #FFC8C8 !important;
}
/* .UserListPopInContainer .slider-bar-wrapper .ui-slider-horizontal .ui-slider-range {
background-color: #ffa646;
} */
/*------*/
.userSeparator {
color:#666;
visibility: hidden;
}
.GuestUserListPopInContainer{
background-color:#444 !important;
}
.AddUserSubmit:hover{
color: #3F3E40;
background-color: #f70;
}
/*Edit user popin*/
.user_form_popin .ui-slider-horizontal .ui-slider-handle{
background-color:#FFA646;
border:1px solid #5a5a5a;
}
.user_form_popin .ui-slider-horizontal .ui-slider-range-min{
background-color:#5a5a5a;
}
.user_form_popin .ui-slider-horizontal{
background-color:#151515;
}
table.dataTable tr.even {
background-color: #111 !important;
}
table.dataTable tr.even td.sorting_1 {
background-color: #181818 !important;
}
table.dataTable tr.odd {
background-color: #222 !important;
}
table.dataTable tr.odd td.sorting_1 {
background-color: #282828 !important;
}
table.dataTable thead th, table.dataTable.no-footer {
border-color: #333 !important;
}
.dataTables_wrapper .dataTables_info {
color:#777 !important;
}
.userPropertiesContainer {border-color:#333;}
.userPrefs {border-color:#333;}
table.qsearch_help_table td {
border-color: #444;
}
.font-checkbox [class*=icon-check]:before { color:#aaa; }
#cboxLoadedContent { background-color:#333 !important; }
#watermarkPositionBox {
background-color:#333;
}
#watermarkPositionBox label {
color:#aaa;
}
#wImg {border-color:#555;}
.afterUploadActions a {color: #3C3C3C; font-weight: bold; background-color: #FFA646;}
.afterUploadActions a:hover {text-decoration: none; background-color: #ff7700;}
.afterUploadActions a.secondary_button {background-color: #333;color: #777;}
.afterUploadActions a.secondary_button:hover {background-color: #ffa744;color: #3C3C3C;}
.font-checkbox {color: #898888;}
.font-checkbox:hover {color: #ffa646;}
.with-border legend, .with-border strong {color: #c0c0c0;}
.font-checkbox.selected {color: #ffa646;}
LEGEND {color: #c1c1c1;}
a#showPermissions {color: #D6D6D6; border: 1px solid #D6D6D6; background-color: #414141;}
a#showPermissions:hover {border-color: #A5A5A5;}
.icon-plus.cboxElement {border: 1px solid #777; color: #c0c0c0;}
.icon-plus.cboxElement:hover {border: 1px solid #aaa;}
.selectize-control.single .selectize-input {border: 2px solid #FAC17E!important; color: #D5D5D5;}
.selectize-control.single .selectize-input:hover {border-color: #FFA646!important;}
.plupload_filelist {background-color: #444444 !important; scrollbar-color: #555 #444444!important;}
.plupload_filelist li {border-bottom: 1px solid #343434 !important; color: #A5A5A5!important;}
.plupload_filelist_footer {background-color: #3c3939!important; border: 0!important; color: #A5A5A5!important}
li.plupload_delete a {background: url("images/cancel.svg")!important; background-size: cover!important;}
li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important; background-size: cover!important;}
.addAlbumEmpty {color: #c1c1c1;}
.buttonSeparator {color: #c1c1c1;}
#cboxTitle {color: #7f7f7f !important;}
#addAlbumForm {color: #999;}
.addAlbum form input {
color: #777 !important;
background-color: #252525 !important;
border: none !important;
}
.addAlbum form input::placeholder {
color: #777 !important;
}
#uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;}
.addFilesButtonChanged {background-color: #888;}
.addFilesButtonChanged:hover {background-color: #777;}
.selectAlbumFirst {
background: #343434 !important;
}
.categoryBox, .addAlbum {background-color: #333 !important; box-shadow: -1px 1px 2px #1a1a1a;}
.categoryBox.line_cat:hover {
background: #f9852c !important;
color: #333 !important;
transition: 0.2s linear;
}
.categoryBox.line_cat:hover .albumInfos {
color: #333 !important;
transition: 0.2s linear;
}
.categoryBox.line_cat:hover .albumActions a span {
color: #333;
transition: 0.2s linear;
}
.cat-modify-info-card, .cat-modify-input-container input, .cat-modify-input-container textarea {
background: #333 !important;
color : #c1c1c1 !important
}
.cat-modify-representative {
background-color: #333;
}
.cat-modify-info-content {
color : #c1c1c1 !important
}
.cat-modify-footer {
border-color: rgba(0, 0, 0, 0.2);
background: #444444;
}
.cat-modify-actions a:hover
.cat-modify-actions .toggle-comment-option:hover {
color: white !important;
}
.cat-modify-actions a::after,
.cat-modify-actions .toggle-comment-option::after,
.mores-plugins::after {
background: #111 !important;
}
.cat-modify-input-container #cat-parent {
background: #333333;
box-shadow: 0px 2px #00000024;
}
.albumActions a:hover span {
color: #fff !important;
}
.albumActions a {
text-decoration: none;
}
.albumIconLineHover {
background: #ae5d1e ! important;
color: #ffa96b !important;
transition: 0.5s ease;
border-color: #ae5d1e !important;
}
#checkActions a, .deleteDerivButtons a {background-color: #393939;}
#checkActions a:hover, .deleteDerivButtons a:hover {
background-color: #1b1b1b !important;
color: #777 !important;
}
#addFilter, #filterList select, .pictureLevels select, #permitAction select, .sort-by select {
background-color: #444444; color: #BFBFBF
}
#addFilter:hover{
color: #ebebeb;
}
#filter_category .selectize-input.items.full.has-options.has-items, #filter_tags .selectize-input.items.not-full.has-options,
#filter_tags .selectize-input.items.not-full, #filter_search input, #action_move .selectize-input.items.full.has-options.has-items,
#action_dissociate .selectize-input.items.full.has-options.has-items {
background-color: #444444;
color: #BFBFBF;
border: 1px solid #666;
box-shadow: none;
}
.pagination-item-container a:hover{
color: #FFA646;
}
#permitAction select {background: #3C3C3C; color: #C0C0C0;}
#set_date_creation input {
background: #3C3C3C;
color: #C0C0C0;
}
#action_move a:last-child {color: #C0C0C0; background-color: #464646;}
#filter_dimension .slider-choice, #filter_filesize .slider-choice {background-color: #393939;}
#filter_dimension .slider-choice:hover, #filter_filesize .slider-choice:hover, .dimension-cancel:hover {
text-decoration: none; background-color: #ffa646 !important; color: initial;
}
#forbidAction, .selectionEmptyBlock, .noFilter {background-color: #5a5757; color: #c1c1c1;}
.pageNumberSelected {background-color: #b4b4b4;}
#action_title .large, #action_author .large {background-color: #333; color: #fefefe;}
#addFilter optgroup, #batchManagerGlobal option[disabled] {background-color: #555;}
.dimension-cancel {background-color: #555 !important;}
.pageNumberSelected {color: #777 !important; font-weight: bold;}
#batchManagerGlobal .ui-state-default, #batchManagerGlobal .ui-widget-content .ui-state-default,#batchManagerGlobal .ui-widget-header .ui-state-default {
border: 1px solid #ffaf58; background: #ffaf58;
}
#batchManagerGlobal .ui-state-hover,#batchManagerGlobal .ui-widget-content .ui-state-hover, #batchManagerGlobal .ui-widget-header .ui-state-hover {
background: #ffaf58;
}
#batchManagerGlobal .ui-state-focus, #batchManagerGlobal .ui-widget-content .ui-state-focus,#batchManagerGlobal .ui-widget-header .ui-state-focus {
border: 1px solid #ffaf58; background: #ffaf58;
}
#batchManagerGlobal .ui-state-active, #batchManagerGlobal .ui-widget-content .ui-state-active,#batchManagerGlobal .ui-widget-header .ui-state-active {
background: #ffaf58;
}
#batchManagerGlobal .ui-widget-content {background: #666; border: 1px solid #666;}
#batchManagerGlobal .ui-slider .ui-slider-range {background-color: #aaaaaa;}
#batchManagerGlobal .ui-slider-range.ui-widget-header.ui-corner-all {border: 1px solid #ffaf58; background-color: #ffaf58;}
#batchManagerGlobal #applyFilter {
color: #BFBFBF;
background-color: #3c3c3c;
}
#batchManagerGlobal #applyFilter:hover {
background-color: #202020;
}
.selected-associate-item {
background-color: #333;
box-shadow: 0px 2px #000000AA;
color: #777;
}
.selected-associate-item:hover {
background: #f9852c;
color: #000;
}
.selected-associate-item .remove-associate:hover {
color: #ae5d1e;
}
/*Error message*/
.errors {
color: #fec6c7;
background-color: #bc4b4a;
border-left: 4px solid #fec6c7;
}
.errors li{
color: #ffffff;
}
.errors a{
background-color: #6b3030;
padding: 2px 7px;
color: #ffffff;
}
/*Success message*/
.infos {
color: #b8feee;
background-color: #50a48f;
border-left: 4px solid #b8feee;
}
.infos li{
color: #ffffff;
}
.infos a{
background-color: #28554a;
padding: 2px 7px;
color: #ffffff;
}
/*Warning message*/
.warnings {
color: #fedac0;
background-color: #d47f44;
border-left: 4px solid #fedac0;
}
.warnings a{
background-color: #734627;
padding: 2px 7px;
color: #ffffff;
}
/*announcement message*/
.messages {
color: #bad6ff;
background-color: #4f71a4;
border-left: 4px solid #bad6ff;
}
.eiw .messages a {
background-color: #273d5f;
color: #ffffff;
padding: 2px 7px;
}
/* Popin Jconfirm*/
.jconfirm .jconfirm-box {
background-color: #333 !important;
}
.jconfirm-title {
color: #777 !important;
}
.jconfirmAlert .jconfirm-icon-c i {
color:#c2f5c2 !important;
background-color:#0a0 !important;
}
.jconfirmWarning .jconfirm-icon-c i {
color: #ffa744 !important;
background-color: #ffe9cf !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default {
color: #777 !important;
background-color: #222 !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover {
color: #222!important;
background-color: #777 !important;
}
.jconfirm .jconfirm-box.loading::before {
background: #333 !important;
}
/* Tag Manager */
.tag-box,
.tag-header .selection-controller a{
background-color: #333 !important;
}
.tag-header #add-tag.input-mode .add-tag-label {
background: transparent !important;
box-shadow: none;
color: rgb(119, 119, 119) !important;
}
.tag-container .tag-box p {
color: #aaa;
}
.tag-header #add-tag.input-mode .add-tag-container input:hover {
background-color: #222 !important;
}
.tag-header .selection-controller p {
color: #c1c1c1;
}
.tag-container.selection .tag-box[data-selected="1"] {
background-color: #f9852c !important;
box-shadow: none;
}
.tag-container .tag-box[data-selected="1"] .select-checkbox,
.delete-size-check[data-selected="1"] .select-checkbox {
background-color: #c76a23;
border-color: #c76a23;
}
.tag-container .tag-box .tag-rename .tag-name-editable {
background-color: #666;
color: white;
border-color: #333;
}
.tag-container .tag-box .tag-rename span {
color: #D9D9D9;
}
.tag-select-message {
background: #0051a57d;
color: #bce5f7;
}
.tag-select-message a {
background-color: #bce5f7;
color: #0051a5;
}
.info-warning {
color: #ffdd99;
background-color: #ee8800;
}
.info-warning a, .info-message a, .info-error a {
color: white;
}
.info-error {
color: #ffd5dc;
background-color:#f22;
}
/* Album Move (and album search) */
.move-cat-container, .search-album-elem {
background-color: #333;
box-shadow: none;
}
.cat-move-order-popin .order-popin-container {
background-color: #444;
color: white;
}
.cat-move-order-popin .album-name {
color: white;
}
.cat-move-order-popin input[name=recursiveAutoOrder] {
background-color: #2E2E2E;
color: #777777;
}
.cat-move-order-popin input[name=recursiveAutoOrder]:hover {
background-color: #1B1B1B;
}
/* Album search */
.search-album-ghost div {
background-image: linear-gradient(#333, #444);
}
.search-album-ghost span{
background-color: #5a5757;
color: #c1c1c1;
}
/* Icon colors*/
.icon-red {
color: #fec6c7;
background: #bc4b4a;
}
.icon-yellow {
color: #fedac0;
background: #d47f44;
}
.icon-purple {
background: #4e5aa3;
color: #a1adf6;
}
.icon-blue {
background: #4f71a4;
color: #9fbef1;
}
.icon-blue-full {
background-color:#4E71A5;
border:0px;
color: #A0C0F1;
}
.icon-green {
background: #50a48f;
color: #a9f6e3;
}
.icon-grey {
color: #ccc;
background: #888;
}
/* Popin Album Selector */
.linkedAlbumPopInContainer .ClosePopIn{
color: #444;
}
.themeBox{
box-shadow: 0 0 5px #333;
}
.pluginActionLevel1,
.themeActions a:nth-child(1) {
background-color: #ffa744;
}
.themeActions a:nth-child(2),
.plugin-inactive .pluginContent .pluginActionLevel1{
background-color:#999999;
}
.pluginContent {
border-left: solid 5px #ffa646;
}
.dropdown-option-content a{
color: #3A3A3A;
}
.pluginUnavailableAction{
background-color:#888;
color:#666;
}
.pluginTypeFilter {
display: flex;
flex-direction: row;
position: absolute;
left: 225px;
z-index: 2;
transform: translateY(13px);
}
.pluginTypeFilter label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: auto;
height: 30px;
padding: 0 10px;
color: #c1c1c1;
background: #555555;
box-shadow: 0px 2px #00000066;
}
.pluginTypeFilter label:hover{
background: #1B1B1B;
}
.pluginTypeFilter input:checked + label{
background: #ffa646;
color: #444444;
box-shadow: 0 2px #925f00;
}
.pluginTypeFilter input:checked:hover + label{
background: #ffc17e;
}
.pluginTypeFilter input:checked + label .filter-badge {
background-color: #d18800;
color: #444;
}
.pluginTypeFilter input + label .filter-badge {
background-color: #3f3f3f;
color: #bababa;
}
.pluginBox.plugin-active .pluginActionsSmallIcons a span {
background: #ffa744 !important;
color: #3c3c3c !important;
}
.pluginContainer.line .pluginBox:hover .pluginContent{
transition: 0.4s;
background: #333333;
}
.pluginContainer.line .pluginBox:hover.plugin-inactive .slider {
transition: 0.4s;
background: #777777;
}
.pluginContainer .pluginBox.plugin-inactive .slider {
transition: 0.4s;
background: #777777;
}
.pluginContainer.line .pluginBox:hover .pluginContent .pluginActions a{
/* color: #ffffff; */
opacity: 1;
}
.pluginContainer.line .pluginBox.inactive:hover .pluginContent .pluginActions a{
background: transparent;
opacity: 1;
color: #777777;
}
.pluginContainer.line .pluginBox:hover .pluginUnavailableAction {
opacity: 0.5 !important;
}
.pluginContainer.line .pluginBox.plugin-inactive:hover .pluginUnavailableAction {
color: #3c3c3c !important;
background: #dddddddd !important;
}
.pluginBox.active .pluginActionsSmallIcons a span {
background: #ffa500;
color: #3c3c3c;
}
.pluginBox.active .pluginActionsSmallIcons a span:hover {
background: #ff7700;
color: #111;
}
.AddPluginSuccess span,
.RestorePluginSuccess span,
.DeactivatePluginSuccess span {
color: #c2f5c2;
}
.AddPluginSuccess label,
.DeactivatePluginSuccess label,
.RestorePluginSuccess label {
color: #c2f5c2;
background-color: #0a0;
}
.PluginActionError span {
color: #ffd5dc
}
.PluginActionError label {
background-color: #f22;
color: #ffd5dc
}
.pluginTags > span {
background-color: #444;
}
.pluginLink {
color: #999;
}
.addAlbum label{
color:#aaa;
margin:-5px 0;
}
.popin-title,
.cat-move-order-popin .album-name{
color:#999;
}
.cat-move-order-popin .close-popin{
color:#555;
}
.move-cat-container .move-cat-toogler{
color:#ededed;
}
/*Album view selector css*/
.AlbumViewSelector, .UserViewSelector {
background:#555 !important;
}
.AlbumViewSelector label span{
background: #555;
}
.AlbumViewSelector input:checked + label,
.UserViewSelector input:checked + label{
background: transparent;
color: white;
}
.AlbumViewSelector input:checked + label span,
.UserViewSelector input:checked + label span{
background: #ffa646;
}
.AlbumViewSelector input:checked + label .icon-th-large,
.AlbumViewSelector input:checked + label .icon-th-list,
.AlbumViewSelector input:checked + label .icon-pause {
color: #444;
}
.UserViewSelector input:checked + label .icon-th-large,
.UserViewSelector input:checked + label .icon-th-list,
.UserViewSelector input:checked + label .icon-pause {
color: #444;
}
.icon-th-large, .icon-th-list, .icon-pause {
color: #c1c1c1;
}
.head-button-1 {
color: #444 !important;
}
.head-button-1:hover {
color: #444 !important;
}
.head-button-2 {
background-color: #333 !important;
}
.head-button-2:hover {
background-color: #222 !important;
}
.user-container {
background-color:#333;
}
.user-first-col:hover {
box-sizing: border-box;
background-color:#ffa646;
}
.user-first-col:hover .icon-pencil {
color: #fedac0;
}
.user-first-col:hover .select-checkbox {
border: solid #ffa646 2px !important;
background-color: #ffa646 !important;
}
.user-first-col .select-checkbox {
border: solid #ffa646 2px !important;
background-color: transparent !important;
}
/* Selected container in userManager*/
.user-container.container-selected .user-container-checkbox.user-list-checkbox .select-checkbox {
border: solid #FFA646 2px !important;
background-color: #FFA646 !important;
}
.user-container:hover{
background-color: #232323;
}
.user-container.container-selected {
display:flex;
width:100%;
height:80px;
background-color:#1B1B1B;
font-weight:bold;
border-radius:10px;
margin-bottom:20px;
}
.user-container.container-selected .user-container-username {
color: #777;
}
.user-container.container-selected .user-container-status,
.user-container.container-selected .user-container-registration-date-since{
color: #777 !important;
}
.user-container.container-selected .user-container-initials-wrapper > span {
background-color: #c76a23;
color:#faa96b;
border: solid #c76a23 2px;
}
.user-container.container-selected .user-groups,
.user-container.container-selected .registration-clock {
background-color: #c76a23;
color:#faa96b;
border: solid #c76a23 2px;
}
.user-groups{
padding: 6px 15px!important;
}
/*****/
.group-bonus {
color: #DDDDDD;
background: transparent;
}
.advanced-filter-btn, .advanced-filter {
background-color:#333;
}
.advanced-filter-item-label, .advanced-filter-title, .advanced-filter-close {
color:#777;
}
.user-action-select {
background: transparent;
}
.user-property-select {
background-color:#333;
color:#c1c1c1;
}
.UserListPopInContainer {
background-color:#444;
}
.user-property-column-title, .edit-username-title {
color:#c1c1c1;
}
.user-property-button {
color:#c1c1c1;
background-color:#333;
}
.user-property-button a {
color: #c1c1c1;
/* text-decoration: none; */
}
.user-property-button a:hover {
color: #f70;
/* text-decoration: none; */
}
.user-property-input {
color:#c1c1c1;
background-color:#333;
}
.user-property-input[type="text"] {
background-color:#333;
}
.user-property-group .selectize-input.items {
background-color: transparent;
}
.user-property-register-visit .icon-calendar {
color: #c1c1c1
}
.slider-bar-wrapper .ui-slider-horizontal{
background-color:#666;
}
.edit-user-tab,
.guest-edit-user-tab {
border-left: solid 1px #333;
}
.edit-user-tab-title,
.guest-edit-user-tab-title {
border-bottom: solid 1px #333;
}
.edit-user-tab-title .selected,
.edit-user-tab-title .selected:hover,
.guest-edit-user-tab-title .selected,
.guest-edit-user-tab-title:hover .selected{
color: #c1c1c1;
border-bottom: solid 4px #c1c1c1 !important;
}
.edit-user-tab-title p:hover,
.guest-edit-user-tab-title p:hover {
border-color: #323232;
}
.edit-user-icons .delete-user-button::before,
.princes-of-this-piwigo {
color: #c1c1c1;
}
.royal-court-of-this-piwigo {
color: #777;
}
.user-property-username-change-content,
.user-property-password-change-content,
.user-property-main-user-content {
background-color: #444;
}
.edit-password-success-reset-link,
.user-property-input-icon {
background-color: #505050 !important;
color: #999 !important;
}
.edit-password-success-ok .icon-button,
.user-property-main-user-close .icon-button {
background-color: #333 !important;
}
.edit-password-success-ok .icon-button:hover,
.user-property-main-user-close .icon-button:hover {
color: #c1c1c1 !important;
}
.main-user-proceed,
.main-user-rewrite,
.main-user-validate {
color: #A4A4A4 !important;
}
.update-container {
border-top:solid 1px #333;
}
.user-property-input.user-property-input-username:hover {
background-color: #333;
}
.user-property-input.user-property-input-password:hover {
background-color: #333;
}
.password-choice-content .unavailable,
.password-choice-content .unavailable:hover {
color:#777 !important;
}
.password-choice-content .head-button-2,
.password-choice-content .head-button-2:hover {
color: #CBCBCB;
}
.lineView .user-container-initials-wrapper > span {
height: 31px!important;
width: 31px!important;
}
.storage-chart span{
opacity:1;
}
.multiple-pictures-sizes, .multiple-compiledTemplate-sizes, .cache-size-value {
background: #555555;
color: #c1c1c1;
}
.cache-lastCalculated-value, .cache-lastCalculated-text, .cache-size-text, .picture-deletion-size, #label-delete-size-checkbox {
color: #c1c1c1;
}
/* Activity Tab in user manager */
.select-user {
background: #555555;
height: 50%;
display: flex;
align-items: center;
padding: 0 20px;
box-shadow: 0px 2px 4px #00000024;
border-radius: 5px;
}
.select-user-title {
color: #bbbbbb;
}
.start-date,
.end-date {
padding: 5px 10px;
background: #555555;
border-radius: 50px;
margin: 5px;
color: #bbbbbb;
}
.acivity-time-text {
font-size: 13px;
font-weight: bold;
color: #bbbbbb;
}
.compactView .user-container-initials-wrapper > span {
height: 50px !important;
width: 50px !important;
box-sizing: border-box;
}
.line {
background: transparent;
display: flex;
flex-direction: row;
height: 40px;
align-items: center;
margin-bottom: 10px;
color: #bbbbbb;
}
.line .detail-item {
background: #555555;
margin: 0 10px 0 0;
padding: 3px 6px;
border-radius: 20px;
min-width: 50px;
max-width: 150px;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
white-space: nowrap;
}
.download_csv {
margin-left: auto;
height: 25px;
width: 30px;
background: #555555;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
color:#b8b8b8;
cursor: pointer;
border-radius: 5px;
}
.download_csv:hover {
background: #777777;
color: #dddddd;
}
.selectedAlbum .selectedAlbum-first {
background-color: #333333;
}
.selectedAlbum span a{
color: #777 !important;
}
.selectedAlbum span:first-child {
background-color: #343434 !important;
}
.AddUserErrors, .update-user-fail, .EditUserErrors, .update-password-fail, .icon-red-error {
background-color: #f22;;
color: #ffd5dc;
border-left:solid 3px #f22;
}
.AddUserPopInContainer {
background-color: #444;
}
.AddUserSubmitContainer .AddUserCancel:hover{
color: #ededed;
}
.AddUserPopInContainer .AddIconTitle {
color: #c1c1c1;
}
.AddUserPopInContainer .AddUserLabel {
color: #777;
}
.AddUserPopInContainer .AddUserInput {
background-color:#333;
border: solid 2px #151515;
}
#AddUserSuccess span {
color: #a9f6e3;
}
#AddUserSuccess label {
background-color: #50a48f;
border-left: 2px solid #a9f6e3;
color: #a9f6e3;
}
.update-container .close-update-button:hover{
color: #ededed;
}
.update-user-success,
.update-password-success,
.update-username-success,
.border-green {
border-left: 2px solid #a9f6e3;
}
.linked-albums-badge {
background: #777;
color: #333;
}
.breadcrumb-item {
background-color: #333;
box-shadow: 0px 2px #000000AA;
color: #777;
}
.breadcrumb-item:hover {
background: #ffc17e;
}
.breadcrumb-item:hover a,
.breadcrumb-item:hover span {
color: #000;
}
.breadcrumb-item .icon-cancel-circled:hover {
color: #ae5d1e;
}
.linkedAlbumPopInContainer {
background-color: #444;
}
.AddIconTitle,
.limitReached {
color: #cccccc;
}
.search-result-item {
background-color: #333;
box-shadow: 0px 2px #00000070;
color: #777;
}
.search-result-item .icon-plus-circled{
color: #777;
}
.search-result-item .icon-plus-circled:hover{
color: #ff7700;
}
.search-line {
background: #333;
color: #a1a1a1;
}
.search-line .date-section,
.search-line .user-section,
.search-line .type-section {
border-right: 1px solid #252525;
}
.detail-item-1, .detail-item-2, .detail-item-3 {
background: #252525;
}
.history-filter {
background: #333 !important;
color: #a1a1a1;
box-shadow: 0px 2px 4px #00000024;
}
#start_unset, #end_unset {
color: #a1a1a1;
text-decoration: none;
}
.hasDatepicker, .elem-type-select {
background: #252525 !important;
border-color: transparent !important;
color: #777;
}
.filter-title, .remove-filter, .filter-icon {
color: #777;
background: #252525;
padding: 5px 0;
}
.applicationCard {
box-shadow: -1px 1px 2px #1a1a1a;
background: #333;
}
.applicationCard .applicationName {
color: #c1c1c1;
}
.applicationCard .applicationDesc {
color: #bbb;
}
.breadcrumb-item.add-item.highlight {
background: #f7a43c;
box-shadow: 0 2px #af7200;
color: #444 !important;
}
.breadcrumb-item.add-item:hover {
color: #000;
}
.add-item:hover{
background-color: #f70;
}
.badge-dropdown {
background: #333;
}
.badge-dropdown::after {
border-color: transparent transparent #333 transparent;
}
.cat-modify-ariane a.icon-sitemap::after {
background-color: #111111;
}
.cat-modify-footer-see-out {
background-color: #2E2E2E;
color: #777777;
}
.cat-modify-footer-see-out:hover {
background-color: #1B1B1B;
color: #777777;
}
.cat-modify-footer-see-out:focus {
border: 2px solid #777777;
background: #1B1B1B;
}
.cat-modify-footer-see-out.disabled {
background: #5d5d5d !important;
color: #373737 !important;
}
.see-out.disabled p {
background-color: #5d5d5d !important;;
color: #373737 !important;
}
/*Jqtree*/
ul.jqtree-tree span.jqtree-border {
border: solid 2px #ededed !important;
}
ul.jqtree-tree li.jqtree-ghost span.jqtree-circle {
border: solid 2px #ededed !important;
}
ul.jqtree-tree li.jqtree-ghost span.jqtree-line {
background-color: #ededed !important;
}
.jqtree-moving .move-cat-container {
background-color: #232323!important;
}
.jqtree-moving .move-cat-container .badge-container i.icon-green,
.jqtree-moving .move-cat-container .node-icon.icon-green {
background: #50a48f;
color: #a9f6e3;
}
.jqtree-moving .move-cat-container .badge-container i.icon-blue,
.jqtree-moving .move-cat-container .node-icon.icon-blue {
background: #50a48f;
color: #a9f6e3;
}
.jqtree-moving .move-cat-container .badge-container i.icon-purple,
.jqtree-moving .move-cat-container .node-icon.icon-purple {
background: #4e5aa3;
color: #a1adf6;
}
.jqtree-moving .move-cat-container .badge-container i.icon-red,
.jqtree-moving .move-cat-container .node-icon.icon-red {
color: #fec6c7;
background: #bc4b4a;
}
.jqtree-moving .move-cat-container .badge-container i.icon-yellow,
.jqtree-moving .move-cat-container .node-icon.icon-yellow {
color: #fedac0;
background: #d47f44;
}
.jqtree-moving .move-cat-container .icon-yellow,
.jqtree-moving .move-cat-container .icon-red,
.jqtree-moving .move-cat-container .icon-purple,
.jqtree-moving .move-cat-container .icon-blue,
.jqtree-moving .move-cat-container .icon-green{
opacity:60%!important;
}
/* Cat modify description modal */
.desc-modal-content,
.new-album-modal-content {
background-color: #444;
}
.desc-modal-body textarea {
background-color: #333 !important;
}
/* Batch manager, unit mode */
.elementEdit{
background-color:#555555;
}
.main-info-block{
border: 1px solid #333333;
background: #333333;
}
.main-info-desc {
color: #777777;
}
.main-info-title {
color: #C1C1C1;
}
.bottom-save-bar{
background-color: #444444;
border-top: 1px solid #666;
}
.media-box{
background-color: #1C1C1C;
}
.full-line-info-box input,
.half-line-info-box input,
.half-line-info-box select,
.full-line-tag-box select,
.calendar-input,
.description-box{
border: 1px solid #474747;
background-color: #333333 !important;
color: #757575;
}
.full-line-info-box,
.half-line-info-box,
.calendar-box,
.full-line-description-box,
.full-line-tag-box{
color: #A4A4A4;
}
.calendar-input input{
background-color: #333333 !important;
}
.pictureIdLabel{
color: #C1C1C1;
}
.badge-unsaved{
background-color: #FADDA2;
color: #E18C32;
}
.badge-succes{
background-color: #AAF6E4;
color: #4EA590;
}
.badge-error{
background-color: #BE4949;
color: #FFC8C8;
}
.first-letter-capitalize::first-letter {
text-transform: uppercase;
}
#whats_new_popin{
background-color: #3C3C3C;
}
.close_whats_new{
color:#3C3C3C;
}
#whats_new h3{
color: #CCCCCC;
}
#whats_new button{
background-color:#2E2E2E;
color:#777777;
}
#whats_new button:hover{
background-color:#1B1B1B;
}