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

develop
Last change on this file since ff5b46e was 0208bbd, checked in by Berat Kjufliju <kufliju@…>, 3 years ago

edited pagination

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