git.iko.soy/warden
on master help sign in
warden/style.css
151 lines 2.1 kB history raw
1:root {
2 --color-light: #f7f7f7;
3}
5main {
6 margin: 1rem;
7}
9nav.p-tabs__list {
10 top: 0;
11 position: sticky;
12 background-color: white;
13 padding-bottom: 1rem;
14 padding-right: 1rem;
15 padding-bottom: 0;
16 z-index: 10;
19nav h3 {
20 width: 100%;
23.ninety-counter {
24 transform: rotate(90deg);
27@keyframes floating-notification-animation {
28 from {
29 transform: translateY(-60px);
30 opacity: 0;
31 }
33 to {
34 transform: none;
35 opacity: 1;
36 }
39.floating-notifications {
40 position: fixed;
41 top: 1rem;
42 right: 1rem;
43 left: 1rem;
44 z-index: 9999;
45 animation-duration: 0.5s;
46 animation-name: floating-notification-animation;
49.simple-flex-center {
50 display: flex;
51 flex-direction: row;
52 flex-wrap: wrap;
53 justify-content: center;
54 align-items: center;
55 align-content: center;
58.spinner {
59 padding: 1rem;
62.cipher-row-container {
63 display: flex;
64 width: 100%;
65 align-items: baseline;
66 justify-content: space-between;
67 flex-direction: row;
68 flex-wrap: wrap;
71.cipher-row p {
72 margin-bottom: 0.5rem;
75.cipher-row .p-text--small {
76 margin-bottom: 0.5rem;
79.ciphers-list {
80 height: calc(100vh - 9.5rem);
81 overflow: auto;
82 margin: 0;
85p {
86 word-break: break-word;
89.no-scroll-bar::-webkit-scrollbar {
90 display: none;
93textarea {
94 resize: none;
97.password-generator-group {
98 display: flex;
99 flex-direction: row;
100 align-items: baseline;
101 justify-content: space-between;
104.password-generator-group > input[type="number"] {
105 width: 5%;
106 margin-bottom: 0px;
107 min-width: 5rem;
108 text-align: center;
111.p-side-navigation__drawer {
112 max-width: initial;
115.select-cipher-type-container {
116 display: flex;
117 flex-direction: column;
118 align-items: center;
119 justify-content: center;
122.select-cipher-type-container > * {
123 margin: 0px;
124 margin-bottom: 1.5rem;
127.overlay {
128 position: fixed;
129 top: 0;
130 left: 0;
131 right: 0;
132 bottom: 0;
135.select-second-factor-container {
136 display: flex;
137 flex-direction: column;
138 align-items: center;
139 justify-content: center;
142.p-tabs__list {
143 overflow: initial;
146.p-modal {
147 top: 0;
148 left: 0;
149 right: 0;
150 bottom: 0;