diff options
Diffstat (limited to 'assets/default/scss/shaarli.scss')
-rw-r--r-- | assets/default/scss/shaarli.scss | 128 |
1 files changed, 127 insertions, 1 deletions
diff --git a/assets/default/scss/shaarli.scss b/assets/default/scss/shaarli.scss index 286ac83b..a7f091e9 100644 --- a/assets/default/scss/shaarli.scss +++ b/assets/default/scss/shaarli.scss | |||
@@ -1023,6 +1023,10 @@ body, | |||
1023 | &.button-red { | 1023 | &.button-red { |
1024 | background: $red; | 1024 | background: $red; |
1025 | } | 1025 | } |
1026 | |||
1027 | &.button-grey { | ||
1028 | background: $light-grey; | ||
1029 | } | ||
1026 | } | 1030 | } |
1027 | 1031 | ||
1028 | .submit-buttons { | 1032 | .submit-buttons { |
@@ -1047,7 +1051,7 @@ body, | |||
1047 | } | 1051 | } |
1048 | 1052 | ||
1049 | table { | 1053 | table { |
1050 | margin: auto; | 1054 | margin: 10px auto 25px auto; |
1051 | width: 90%; | 1055 | width: 90%; |
1052 | 1056 | ||
1053 | .order { | 1057 | .order { |
@@ -1083,6 +1087,11 @@ body, | |||
1083 | position: absolute; | 1087 | position: absolute; |
1084 | right: 5%; | 1088 | right: 5%; |
1085 | } | 1089 | } |
1090 | |||
1091 | &.button-grey { | ||
1092 | position: absolute; | ||
1093 | left: 5%; | ||
1094 | } | ||
1086 | } | 1095 | } |
1087 | } | 1096 | } |
1088 | } | 1097 | } |
@@ -1696,6 +1705,123 @@ form { | |||
1696 | } | 1705 | } |
1697 | } | 1706 | } |
1698 | 1707 | ||
1708 | // SERVER PAGE | ||
1709 | |||
1710 | .server-tables-page, | ||
1711 | .server-tables { | ||
1712 | .window-subtitle { | ||
1713 | &::before { | ||
1714 | display: block; | ||
1715 | margin: 8px auto; | ||
1716 | background: linear-gradient(to right, var(--background-color), $dark-grey, var(--background-color)); | ||
1717 | width: 50%; | ||
1718 | height: 1px; | ||
1719 | content: ''; | ||
1720 | } | ||
1721 | } | ||
1722 | |||
1723 | .server-row { | ||
1724 | p { | ||
1725 | height: 25px; | ||
1726 | padding: 0 10px; | ||
1727 | } | ||
1728 | } | ||
1729 | |||
1730 | .server-label { | ||
1731 | text-align: right; | ||
1732 | font-weight: bold; | ||
1733 | } | ||
1734 | |||
1735 | i { | ||
1736 | &.fa-color-green { | ||
1737 | color: $main-green; | ||
1738 | } | ||
1739 | |||
1740 | &.fa-color-orange { | ||
1741 | color: $orange; | ||
1742 | } | ||
1743 | |||
1744 | &.fa-color-red { | ||
1745 | color: $red; | ||
1746 | } | ||
1747 | } | ||
1748 | |||
1749 | @media screen and (max-width: 64em) { | ||
1750 | .server-label { | ||
1751 | text-align: center; | ||
1752 | } | ||
1753 | |||
1754 | .server-row { | ||
1755 | p { | ||
1756 | text-align: center; | ||
1757 | } | ||
1758 | } | ||
1759 | } | ||
1760 | } | ||
1761 | |||
1762 | // Batch creation | ||
1763 | input[name='save_edit_batch'] { | ||
1764 | @extend %page-form-button; | ||
1765 | } | ||
1766 | |||
1767 | .addlink-batch-show-more { | ||
1768 | display: flex; | ||
1769 | align-items: center; | ||
1770 | margin: 20px 0 8px; | ||
1771 | |||
1772 | a { | ||
1773 | color: var(--main-color); | ||
1774 | text-decoration: none; | ||
1775 | } | ||
1776 | |||
1777 | &::before, | ||
1778 | &::after { | ||
1779 | content: ""; | ||
1780 | flex-grow: 1; | ||
1781 | background: rgba(0, 0, 0, 0.35); | ||
1782 | height: 1px; | ||
1783 | font-size: 0; | ||
1784 | line-height: 0; | ||
1785 | } | ||
1786 | |||
1787 | &::before { | ||
1788 | margin: 0 16px 0 0; | ||
1789 | } | ||
1790 | |||
1791 | &::after { | ||
1792 | margin: 0 0 0 16px; | ||
1793 | } | ||
1794 | } | ||
1795 | |||
1796 | .dark-layer { | ||
1797 | display: none; | ||
1798 | position: fixed; | ||
1799 | height: 100%; | ||
1800 | width: 100%; | ||
1801 | z-index: 998; | ||
1802 | background-color: rgba(0, 0, 0, .75); | ||
1803 | color: #fff; | ||
1804 | |||
1805 | .screen-center { | ||
1806 | display: flex; | ||
1807 | flex-direction: column; | ||
1808 | justify-content: center; | ||
1809 | align-items: center; | ||
1810 | text-align: center; | ||
1811 | min-height: 100vh; | ||
1812 | } | ||
1813 | |||
1814 | .progressbar { | ||
1815 | width: 33%; | ||
1816 | } | ||
1817 | } | ||
1818 | |||
1819 | .addlink-batch-form-block { | ||
1820 | .pure-alert { | ||
1821 | margin: 25px 0 0 0; | ||
1822 | } | ||
1823 | } | ||
1824 | |||
1699 | // Print rules | 1825 | // Print rules |
1700 | @media print { | 1826 | @media print { |
1701 | .shaarli-menu { | 1827 | .shaarli-menu { |