|
278 | 278 | .silverpeas-user-notifications.unread-user-notification #notification-count.btn-header {
|
279 | 279 | background-color:var(--couleur-de-fond-clair);
|
280 | 280 | }
|
281 |
| -.silverpeas-user-notifications.unread-user-notification #notification-count.btn-header a { |
282 |
| - border-left:4px solid var(--couleur-flashy); |
283 |
| - padding-left:1em; |
284 |
| - color:var(--couleur-texte); |
| 281 | +.silverpeas-user-notifications.unread-user-notification #notification-count.btn-header a{ |
285 | 282 | font-weight:600;
|
286 | 283 | }
|
| 284 | +.silverpeas-user-notifications.unread-user-notification #notification-count.btn-header a:before { |
| 285 | + content:''; |
| 286 | + border-radius:5px; |
| 287 | + width:10px; |
| 288 | + height:10px; |
| 289 | + background:var(--couleur-flashy); |
| 290 | + display:inline-block; |
| 291 | + margin-right:8px; |
| 292 | + animation-duration: .7s; |
| 293 | + animation-name: clignoter; |
| 294 | + animation-iteration-count: infinite; |
| 295 | + transition: none; |
| 296 | +} |
| 297 | +@keyframes clignoter { |
| 298 | + 0% { opacity:1; } |
| 299 | + 40% {opacity:0; } |
| 300 | + 100% { opacity:1; } |
| 301 | +} |
287 | 302 | .silverpeas-user-notifications {
|
288 | 303 | float:left;
|
289 | 304 | }
|
@@ -1691,6 +1706,9 @@ a#advancedSearch-link-header {
|
1691 | 1706 | height: auto;
|
1692 | 1707 | margin-top: 61px;
|
1693 | 1708 | }
|
| 1709 | + .sm-silverpeas ul { |
| 1710 | + z-index: 10; |
| 1711 | + } |
1694 | 1712 | #nav > ul {
|
1695 | 1713 | margin: 0;
|
1696 | 1714 | width: 100%;
|
@@ -1721,14 +1739,40 @@ a#advancedSearch-link-header {
|
1721 | 1739 | }
|
1722 | 1740 | }
|
1723 | 1741 |
|
1724 |
| - |
1725 |
| -} |
1726 |
| -/*@media only screen and (max-width: 1380px) { |
1727 |
| - #directory .aff_colonnes li { |
1728 |
| - flex-basis:calc( 50% - 4.5em ); |
1729 |
| - } |
1730 | 1742 |
|
1731 |
| -}*/ |
| 1743 | + |
| 1744 | +@media only screen and (max-width: 620px) { |
| 1745 | + #topar-header, |
| 1746 | + #search-zone-header { |
| 1747 | + height: auto; |
| 1748 | + background-color: #FFF; |
| 1749 | + position: relative; |
| 1750 | + top:auto; |
| 1751 | + left: auto; |
| 1752 | + right:auto; |
| 1753 | + border-bottom:1px solid #EEE; |
| 1754 | + border-top:1px solid #EEE; |
| 1755 | + } |
| 1756 | + #logo-header { |
| 1757 | + position: relative; |
| 1758 | + } |
| 1759 | + #nav { |
| 1760 | + margin-top: 0; |
| 1761 | + } |
| 1762 | + a#lastResult-link-header, a#advancedSearch-link-header { |
| 1763 | + display: none; |
| 1764 | + } |
| 1765 | + #search-zone-header{ |
| 1766 | + padding-top:0; |
| 1767 | + } |
| 1768 | + .silverpeas-user-notifications .silverpeas-attached-popin { |
| 1769 | + left: 0 !important; |
| 1770 | + right: 0 !important; |
| 1771 | + } |
| 1772 | + .silverpeas-user-notifications .silverpeas-attached-popin .silverpeas-attached-popin-content { |
| 1773 | + width: auto;; |
| 1774 | + } |
| 1775 | +} |
1732 | 1776 |
|
1733 | 1777 | /* ==========================================================================
|
1734 | 1778 | Helper classes
|
|
0 commit comments