source: resources/assets/css/custom.css@ c6b84df

develop
Last change on this file since c6b84df was 24a616f, checked in by Berat Kjufliju <kufliju@…>, 3 years ago

added documents crud, added last_seen_to_user, edited views

  • Property mode set to 100644
File size: 2.2 KB
Line 
1.layout-builder {
2 position: fixed;
3 width: 400px;
4 background: white;
5 z-index: 1000;
6 right: -400px;
7 top: 0;
8 bottom: 0;
9 box-shadow: 8px 0 10px 3px rgba(0, 0, 0, 0.50);
10 overflow: auto;
11 transition: right .2s;
12}
13
14.layout-builder.show {
15 right: 0;
16}
17
18.layout-builder .layout-builder-toggle.shw i {
19 -webkit-animation: spin 2s linear infinite;
20 -moz-animation: spin 2s linear infinite;
21 animation: spin 2s linear infinite;
22}
23
24@-webkit-keyframes spin {
25 100% {
26 -webkit-transform: rotate(360deg);
27 }
28}
29
30@-moz-keyframes spin {
31 100% {
32 -moz-transform: rotate(360deg);
33 }
34}
35
36@keyframes spin {
37 100% {
38 transform: rotate(360deg);
39 }
40}
41
42.layout-builder .layout-builder-toggle.hdn {
43 display: none;
44}
45
46.layout-builder.show .layout-builder-toggle.hdn {
47 display: flex;
48}
49
50.layout-builder .layout-builder-toggle {
51 cursor: pointer;
52 width: 50px;
53 height: 50px;
54 color: white;
55 background: black;
56 position: fixed;
57 top: 50%;
58 margin-left: -50px;
59 display: flex;
60 font-size: 23px;
61 justify-content: center;
62 align-items: center;
63 margin-top: -25px;
64}
65
66.layout-builder .layout-builder-body {
67 padding: 30px;
68}
69
70.layout-builder .layout-builder-body .custom-control input[type="checkbox"]:checked + label {
71 color: black;
72}
73
74.layout-builder .layout-colors {
75 display: flex;
76 flex-wrap: wrap;
77 margin-left: -10px;
78}
79
80.layout-builder .layout-colors .layout-color-item {
81 width: 40px;
82 height: 40px;
83 background: red;
84 margin: 10px;
85 border-radius: 3px;
86 overflow: hidden;
87 border: 5px solid transparent;
88 cursor: pointer;
89}
90
91.layout-builder .layout-colors .layout-color-item.active {
92 box-shadow: 0px 0px 0px 1px black
93}
94
95.layout-builder .layout-colors .layout-color-item span {
96 display: block;
97 height: 45%;
98}
99
100.layout-builder .layout-colors .layout-color-item span:first-child {
101 background: black;
102 transform: rotate(15deg);
103 width: 110%;
104 height: 70%;
105 margin-top: -5px;
106}
107
108.layout-alert {
109 border: 1px solid #ddd;
110 border-radius: 5px;
111 padding: 5px 10px;
112}
113
114@media (max-width: 992px) {
115 .layout-builder {
116 display: none;
117 }
118}
Note: See TracBrowser for help on using the repository browser.