1 | .u-section-1 {
|
---|
2 | background-image: none;
|
---|
3 | }
|
---|
4 |
|
---|
5 | .u-section-1 .u-sheet-1 {
|
---|
6 | min-height: 1221px;
|
---|
7 | }
|
---|
8 |
|
---|
9 | .u-section-1 .u-group-1 {
|
---|
10 | width: 772px;
|
---|
11 | min-height: 156px;
|
---|
12 | height: auto;
|
---|
13 | margin: 23px 168px 0 auto;
|
---|
14 | }
|
---|
15 |
|
---|
16 | .u-section-1 .u-container-layout-1 {
|
---|
17 | padding-left: 30px;
|
---|
18 | padding-right: 30px;
|
---|
19 | }
|
---|
20 |
|
---|
21 | .u-section-1 .u-list-1 {
|
---|
22 | grid-template-rows: auto;
|
---|
23 | width: 642px;
|
---|
24 | margin: 50px 233px 60px auto; /*prvana vrednost beshe 200px*/
|
---|
25 | }
|
---|
26 |
|
---|
27 | .u-section-1 .u-repeater-1 {
|
---|
28 | grid-template-columns: calc(50% - 15px) calc(50% - 15px);
|
---|
29 | min-height: 468px;
|
---|
30 | grid-gap: 30px 30px;
|
---|
31 | }
|
---|
32 |
|
---|
33 | .u-section-1 .u-list-item-1 {
|
---|
34 | background-image: none;
|
---|
35 | box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25);
|
---|
36 | }
|
---|
37 |
|
---|
38 | .u-section-1 .u-container-layout-2 {
|
---|
39 | padding: 30px;
|
---|
40 | }
|
---|
41 |
|
---|
42 | .u-section-1 .u-list-item-2 {
|
---|
43 | background-image: none;
|
---|
44 | box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25);
|
---|
45 | }
|
---|
46 |
|
---|
47 | .u-section-1 .u-container-layout-3 {
|
---|
48 | padding: 30px;
|
---|
49 | }
|
---|
50 |
|
---|
51 | .u-section-1 .u-list-item-3 {
|
---|
52 | background-image: none;
|
---|
53 | box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25);
|
---|
54 | }
|
---|
55 |
|
---|
56 | .u-section-1 .u-container-layout-4 {
|
---|
57 | padding: 30px;
|
---|
58 | }
|
---|
59 |
|
---|
60 | .u-section-1 .u-list-item-4 {
|
---|
61 | background-image: none;
|
---|
62 | box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25);
|
---|
63 | }
|
---|
64 |
|
---|
65 | .u-section-1 .u-container-layout-5 {
|
---|
66 | padding: 30px;
|
---|
67 | }
|
---|
68 |
|
---|
69 | .quiz:hover, div.quiz_a:hover
|
---|
70 | {
|
---|
71 | background-color: #c8dcef;
|
---|
72 | color: #478ac9;
|
---|
73 | border-radius: 20px;
|
---|
74 | }
|
---|
75 |
|
---|
76 | .cat:hover, div.cat_a:hover
|
---|
77 | {
|
---|
78 | background-color: #c8dcef;
|
---|
79 | color: #478ac9;
|
---|
80 | border-radius: 20px;
|
---|
81 | }
|
---|
82 |
|
---|
83 | @media (max-width: 1199px) {
|
---|
84 | .u-section-1 .u-sheet-1 {
|
---|
85 | min-height: 1266px;
|
---|
86 | }
|
---|
87 |
|
---|
88 | .u-section-1 .u-group-1 {
|
---|
89 | margin-top: 500px;
|
---|
90 | height: auto;
|
---|
91 | }
|
---|
92 | }
|
---|
93 |
|
---|
94 | @media (max-width: 991px) {
|
---|
95 | .u-section-1 .u-sheet-1 {
|
---|
96 | min-height: 1539px;
|
---|
97 | }
|
---|
98 |
|
---|
99 | .u-section-1 .u-group-1 {
|
---|
100 | width: 613px;
|
---|
101 | margin-top: 453px;
|
---|
102 | margin-right: 0;
|
---|
103 | }
|
---|
104 |
|
---|
105 | .u-section-1 .u-list-1 {
|
---|
106 | width: 613px;
|
---|
107 | margin-top: 50px;
|
---|
108 | margin-right: 78px;
|
---|
109 | }
|
---|
110 |
|
---|
111 | .u-section-1 .u-repeater-1 {
|
---|
112 | grid-template-columns: 100%;
|
---|
113 | }
|
---|
114 | }
|
---|
115 |
|
---|
116 | @media (max-width: 767px) {
|
---|
117 | .u-section-1 .u-sheet-1 {
|
---|
118 | min-height: 1529px;
|
---|
119 | }
|
---|
120 |
|
---|
121 | .u-section-1 .u-group-1 {
|
---|
122 | width: 460px;
|
---|
123 | margin-top: 540px;
|
---|
124 | }
|
---|
125 |
|
---|
126 | .u-section-1 .u-container-layout-1 {
|
---|
127 | padding-left: 20px;
|
---|
128 | padding-right: 10px;
|
---|
129 | }
|
---|
130 |
|
---|
131 | .u-section-1 .u-list-1 {
|
---|
132 | width: 540px;
|
---|
133 | margin-top: 124px;
|
---|
134 | margin-right: 0;
|
---|
135 | }
|
---|
136 |
|
---|
137 | .u-section-1 .u-repeater-1 {
|
---|
138 | grid-template-columns: calc(50% - 15px) calc(50% - 15px);
|
---|
139 | }
|
---|
140 |
|
---|
141 | .u-section-1 .u-container-layout-2 {
|
---|
142 | padding-left: 20px;
|
---|
143 | padding-right: 20px;
|
---|
144 | }
|
---|
145 |
|
---|
146 | .u-section-1 .u-container-layout-3 {
|
---|
147 | padding-left: 20px;
|
---|
148 | padding-right: 20px;
|
---|
149 | }
|
---|
150 |
|
---|
151 | .u-section-1 .u-container-layout-4 {
|
---|
152 | padding-left: 20px;
|
---|
153 | padding-right: 20px;
|
---|
154 | }
|
---|
155 |
|
---|
156 | .u-section-1 .u-container-layout-5 {
|
---|
157 | padding-left: 20px;
|
---|
158 | padding-right: 20px;
|
---|
159 | }
|
---|
160 | }
|
---|
161 |
|
---|
162 | @media (max-width: 575px) {
|
---|
163 | .u-section-1 .u-sheet-1 {
|
---|
164 | min-height: 1981px;
|
---|
165 | }
|
---|
166 |
|
---|
167 | .u-section-1 .u-group-1 {
|
---|
168 | min-height: 135px;
|
---|
169 | width: 288px;
|
---|
170 | margin-top: 300px; /* ova beshe 555px */
|
---|
171 | }
|
---|
172 |
|
---|
173 | .u-section-1 .u-list-1 {
|
---|
174 | width: 340px;
|
---|
175 | margin-top: 46px;
|
---|
176 | }
|
---|
177 |
|
---|
178 | .u-section-1 .u-repeater-1 {
|
---|
179 | grid-template-columns: 100%;
|
---|
180 | }
|
---|
181 | } |
---|