Skip to content

Commit 11746bc

Browse files
author
MatthieuLP
committed
movec css to hf_base
1 parent d46f0a6 commit 11746bc

2 files changed

Lines changed: 151 additions & 150 deletions

File tree

‎css/hf_base.css‎

Lines changed: 151 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -855,6 +855,9 @@ li.path-ext-svg a img {
855855

856856
/* Multi criteria search */
857857

858+
859+
/* Search */
860+
858861
.filter-container {
859862
display: flex;
860863
flex-direction: row;
@@ -1513,4 +1516,152 @@ li.path-ext-svg a img {
15131516
font-size: 10px;
15141517

15151518
background: #777;
1519+
}
1520+
1521+
.ClosePopIn:hover {
1522+
text-decoration: none;
1523+
color: white;
1524+
cursor: pointer;
1525+
}
1526+
1527+
.mcs-container .filter-manager-controller-container label {
1528+
cursor: pointer;
1529+
}
1530+
1531+
.mcs-no-result {
1532+
margin: 30vh 0 0 0;
1533+
display: flex;
1534+
flex-direction: column;
1535+
justify-content: center;
1536+
align-items: center;
1537+
}
1538+
.mcs-no-result .text {
1539+
display: flex;
1540+
flex-direction: column;
1541+
width: fit-content;
1542+
align-items: center;
1543+
text-align: center;
1544+
}
1545+
.mcs-no-result .text span:first-child{
1546+
font-size: 18px;
1547+
font-weight: 700;
1548+
color: #ff7700;
1549+
margin: 0 0 15px 0;
1550+
max-width: 450px;
1551+
}
1552+
.mcs-no-result .text span:last-child{
1553+
font-size: 15px;
1554+
font-weight: 500;
1555+
color: #6e6e6e;
1556+
max-width: 350px;
1557+
}
1558+
1559+
.filter-form .filter-form-title {
1560+
color: #ff7700;
1561+
font-weight: bold;
1562+
margin-bottom: 10px;
1563+
}
1564+
1565+
.filter-tag-form .selectize-control,
1566+
.filter-author-form .selectize-control,
1567+
.filter-added_by-form .selectize-control {
1568+
margin-top: 10px;
1569+
}
1570+
1571+
.filter-tag-form .selectize-input,
1572+
.filter-author-form .selectize-input,
1573+
.filter-added_by-form .selectize-input {
1574+
background: #eee;
1575+
border-radius: 5px;
1576+
padding: 5px;
1577+
1578+
width: 350px;
1579+
display: flex;
1580+
flex-direction: row;
1581+
flex-wrap: wrap;
1582+
gap: 5px;
1583+
}
1584+
1585+
.filter-tag-form .selectize-input input,
1586+
.filter-author-form .selectize-input input,
1587+
.filter-added_by-form .selectize-input input {
1588+
background: transparent;
1589+
color: #444;
1590+
height: 16px;
1591+
padding: 0;
1592+
height: 26px;
1593+
}
1594+
.filter-tag-form .selectize-input input::placeholder,
1595+
.filter-author-form .selectize-input input::placeholder,
1596+
.filter-added_by-form .selectize-input input::placeholder {
1597+
color: #444;
1598+
}
1599+
1600+
.filter-tag-form .selectize-control.multi .selectize-input > div,
1601+
.filter-tag-form .selectize-control.multi .selectize-input [data-value].active,
1602+
.filter-author-form .selectize-control.multi .selectize-input > div,
1603+
.filter-author-form .selectize-control.multi .selectize-input [data-value].active,
1604+
.filter-added_by-form .selectize-control.multi .selectize-input > div,
1605+
.filter-added_by-form .selectize-control.multi .selectize-input [data-value].active {
1606+
background: #ffa835;
1607+
color: black;
1608+
padding: 2px 4px;
1609+
border-radius: 5px;
1610+
width: fit-content;
1611+
gap: 5px;
1612+
height: fit-content;
1613+
}
1614+
.filter-tag-form .selectize-control.multi .selectize-input > div .remove,
1615+
.filter-author-form .selectize-control.multi .selectize-input > div .remove,
1616+
.filter-added_by-form .selectize-control.multi .selectize-input > div .remove {
1617+
text-decoration: none;
1618+
border: none;
1619+
margin: 0 0 0 10px;
1620+
}
1621+
1622+
.filter-tag-form .selectize-dropdown,
1623+
.filter-author-form .selectize-dropdown,
1624+
.filter-added_by-form .selectize-dropdown {
1625+
background: #eee;
1626+
padding: 0;
1627+
max-height: 100px;
1628+
overflow-y: scroll;
1629+
position: absolute;
1630+
}
1631+
.filter-tag-form .selectize-dropdown .option,
1632+
.filter-author-form .selectize-dropdown .option,
1633+
.filter-added_by-form .selectize-dropdown .option {
1634+
padding: 0 5px;
1635+
}
1636+
.filter-tag-form .selectize-dropdown .option.active,
1637+
.filter-author-form .selectize-dropdown .option.active,
1638+
.filter-added_by-form .selectize-dropdown .option.active {
1639+
background: #ccc;
1640+
border-radius: 5px;
1641+
}
1642+
1643+
.filter-tag-form .form-container,
1644+
.filter-author-form .form-container,
1645+
.filter-added_by-form .form-container {
1646+
display: flex;
1647+
flex-direction: row;
1648+
align-items: flex-end;
1649+
}
1650+
1651+
.linkedAlbumPopInContainer {
1652+
background-color: white;
1653+
}
1654+
.breadcrumb-item {
1655+
background-color: #f4ab4f;
1656+
}
1657+
.breadcrumb-item .icon-cancel-circled:hover {
1658+
color: #ff7700;
1659+
}
1660+
1661+
.filter-validate .loading {
1662+
display: none;
1663+
}
1664+
1665+
.filter-album-form .add-album-button {
1666+
width: fit-content;
15161667
}

‎skins/newspaper.css‎

Lines changed: 0 additions & 150 deletions
Original file line numberDiff line numberDiff line change
@@ -348,154 +348,4 @@ td .nbEntries{
348348
#theTagsPage A:hover .pwg-icon{
349349
color:black ;
350350
}
351-
}
352-
353-
/* Multi criteria search */
354-
355-
.ClosePopIn:hover {
356-
text-decoration: none;
357-
color: white;
358-
cursor: pointer;
359-
}
360-
361-
.mcs-container .filter-manager-controller-container label {
362-
cursor: pointer;
363-
}
364-
365-
.mcs-no-result {
366-
margin: 30vh 0 0 0;
367-
display: flex;
368-
flex-direction: column;
369-
justify-content: center;
370-
align-items: center;
371-
}
372-
.mcs-no-result .text {
373-
display: flex;
374-
flex-direction: column;
375-
width: fit-content;
376-
align-items: center;
377-
text-align: center;
378-
}
379-
.mcs-no-result .text span:first-child{
380-
font-size: 18px;
381-
font-weight: 700;
382-
color: #ff7700;
383-
margin: 0 0 15px 0;
384-
max-width: 450px;
385-
}
386-
.mcs-no-result .text span:last-child{
387-
font-size: 15px;
388-
font-weight: 500;
389-
color: #6e6e6e;
390-
max-width: 350px;
391-
}
392-
393-
.filter-form .filter-form-title {
394-
color: #ff7700;
395-
font-weight: bold;
396-
margin-bottom: 10px;
397-
}
398-
399-
.filter-tag-form .selectize-control,
400-
.filter-author-form .selectize-control,
401-
.filter-added_by-form .selectize-control {
402-
margin-top: 10px;
403-
}
404-
405-
.filter-tag-form .selectize-input,
406-
.filter-author-form .selectize-input,
407-
.filter-added_by-form .selectize-input {
408-
background: #eee;
409-
border-radius: 5px;
410-
padding: 5px;
411-
412-
width: 350px;
413-
display: flex;
414-
flex-direction: row;
415-
flex-wrap: wrap;
416-
gap: 5px;
417-
}
418-
419-
.filter-tag-form .selectize-input input,
420-
.filter-author-form .selectize-input input,
421-
.filter-added_by-form .selectize-input input {
422-
background: transparent;
423-
color: #444;
424-
height: 16px;
425-
padding: 0;
426-
height: 26px;
427-
}
428-
.filter-tag-form .selectize-input input::placeholder,
429-
.filter-author-form .selectize-input input::placeholder,
430-
.filter-added_by-form .selectize-input input::placeholder {
431-
color: #444;
432-
}
433-
434-
.filter-tag-form .selectize-control.multi .selectize-input > div,
435-
.filter-tag-form .selectize-control.multi .selectize-input [data-value].active,
436-
.filter-author-form .selectize-control.multi .selectize-input > div,
437-
.filter-author-form .selectize-control.multi .selectize-input [data-value].active,
438-
.filter-added_by-form .selectize-control.multi .selectize-input > div,
439-
.filter-added_by-form .selectize-control.multi .selectize-input [data-value].active {
440-
background: #ffa835;
441-
color: black;
442-
padding: 2px 4px;
443-
border-radius: 5px;
444-
width: fit-content;
445-
gap: 5px;
446-
height: fit-content;
447-
}
448-
.filter-tag-form .selectize-control.multi .selectize-input > div .remove,
449-
.filter-author-form .selectize-control.multi .selectize-input > div .remove,
450-
.filter-added_by-form .selectize-control.multi .selectize-input > div .remove {
451-
text-decoration: none;
452-
border: none;
453-
margin: 0 0 0 10px;
454-
}
455-
456-
.filter-tag-form .selectize-dropdown,
457-
.filter-author-form .selectize-dropdown,
458-
.filter-added_by-form .selectize-dropdown {
459-
background: #eee;
460-
padding: 0;
461-
max-height: 100px;
462-
overflow-y: scroll;
463-
position: absolute;
464-
}
465-
.filter-tag-form .selectize-dropdown .option,
466-
.filter-author-form .selectize-dropdown .option,
467-
.filter-added_by-form .selectize-dropdown .option {
468-
padding: 0 5px;
469-
}
470-
.filter-tag-form .selectize-dropdown .option.active,
471-
.filter-author-form .selectize-dropdown .option.active,
472-
.filter-added_by-form .selectize-dropdown .option.active {
473-
background: #ccc;
474-
border-radius: 5px;
475-
}
476-
477-
.filter-tag-form .form-container,
478-
.filter-author-form .form-container,
479-
.filter-added_by-form .form-container {
480-
display: flex;
481-
flex-direction: row;
482-
align-items: flex-end;
483-
}
484-
485-
.linkedAlbumPopInContainer {
486-
background-color: white;
487-
}
488-
.breadcrumb-item {
489-
background-color: #f4ab4f;
490-
}
491-
.breadcrumb-item .icon-cancel-circled:hover {
492-
color: #ff7700;
493-
}
494-
495-
.filter-validate .loading {
496-
display: none;
497-
}
498-
499-
.filter-album-form .add-album-button {
500-
width: fit-content;
501351
}

0 commit comments

Comments
 (0)