PluginProbe
Import Social Events / 1.8.5
Import Social Events v1.8.5
1.9.1 1.9.0 trunk 1.0.0 1.0.1 1.1.0 1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.2.0 1.3.0 1.4.0 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5 1.6.0 1.6.1 1.6.10 1.6.11 1.6.12 All 61 releases
import-facebook-events / assets / css / grid-style2.css

grid-style2.css in Import Social Events 1.8.5, at assets/css/grid-style2.css

171 lines 4.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .ife_event_meta_cat a {
2 display: inline-block;
3 font-size: 16px;
4 line-height: 26px;
5 color: #fff;
6 background: #81df93;
7 padding: 3px 22px;
8 border-radius: 3px;
9 margin-bottom: 5px;
10 }
11 @media (max-width:575px) {
12 .ife_event_meta_cat a {
13 font-size: 10px !important;
14 }
15 }
16 .ife_event_title_style2 {
17 white-space: nowrap;
18 overflow: hidden;
19 text-overflow: ellipsis;
20 }
21 .ife_event_title_style2 a {
22 font-size: 26px;
23 line-height: 1em;
24 font-weight: 600;
25 }
26 .ife_event_style2 .ife_event_thumbnail {
27 position: relative;
28 }
29 .ife_event_style2 .ife_event_thumbnail .ife_event_meta_cat {
30 position: absolute;
31 bottom: 5px;
32 left: 15px;
33 overflow: hidden;
34 width: 90%;
35 }
36 .ife_event_style2 .ife_event_thumbnail .ife_event_meta_cat a {
37 display: inline-block;
38 font-size: 14px;
39 line-height: 20px;
40 color: #fff;
41 padding: 3px 12px 2px;
42 transition: .4s;
43 border-radius: 3px;
44 text-decoration: none;
45 }
46 .ife_event_style2 .ife_event_detail_style2 {
47 padding: 15px 20px 15px;
48 border: 1px solid #eae9f3;
49 border-top: none;
50 border-radius: 0 0 5px 5px;
51 height: 120px;
52 }
53 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2 {
54 margin: 0;
55 margin-bottom: 10px;
56 line-height: 1em;
57 }
58 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2 a {
59 font-size: 22px;
60 font-weight: 600;
61 text-decoration: none;
62 }
63 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time {
64 display: flex;
65 flex-direction: column;
66 margin-bottom: 24px;
67 }
68 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time .ife_location_style2 {
69 display: flex;
70 justify-content: space-between;
71 flex-wrap: wrap;
72 align-items: center;
73 }
74 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time .ife_location_style2 .ife_event_location {
75 margin: 0;
76 margin-right: 5px;
77 font-size: 15px;
78 line-height: 26px;
79 white-space: nowrap;
80 overflow: hidden;
81 text-overflow: ellipsis;
82 }
83 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time .ife_location_style2 .ife_event_location a {
84 font-size: 15px;
85 line-height: 26px;
86 }
87 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time .ife_event_time .ife_time {
88 font-size: 15px;
89 line-height: 26px;
90 }
91 .ife_img_placeholder{
92 height: 275px;
93 width: 100%;
94 border-radius: 5px 5px 0 0;
95 display: block;
96 }
97 .ife_event_cat{
98 margin: 1px;
99 }
100 .col-ife-md-12 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder{
101 height: 450px;
102 }
103 .col-ife-md-4 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder{
104 height: 170px;
105 }
106 .col-ife-md-3 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder{
107 height: 130px;
108 }
109 .col-ife-md-3 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time .ife_event_time .ife_time{
110 font-size: 13px;
111 }
112 .col-ife-md-3 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_location_time .ife_location_style2 .ife_event_location{
113 font-size: 13px;
114 }
115 .col-ife-md-3 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2 a{
116 font-size: 15px;
117 }
118 .col-ife-md-3 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2{
119 font-size: 15px;
120 }
121 .col-ife-md-4 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2 a{
122 font-size: 18px;
123 }
124 .col-ife-md-4 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2{
125 font-size: 18px;
126 }
127 .col-ife-md-6 .ife-style2 .ife_event_style2 .ife_event_detail_style2 .ife_event_title_style2{
128 font-size: 20px;
129 }
130 .ife_img_placeholder{
131 background-size: cover !important;
132 min-height: 120px;
133 }
134 @media (min-width: 320px) and (max-width: 576px) {
135 .ife_img_placeholder {
136 background-size: cover !important;
137 min-height: 140px !important;
138 }
139 .col-ife-md-12 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder {
140 height: 150px;
141 }
142 .col-ife-md-6 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder {
143 height: 150px;
144 }
145 }
146
147 @media (min-width: 576px) and (max-width: 767.98px) {
148 .ife_img_placeholder {
149 min-height: 240px !important;
150 }
151 }
152
153 @media (min-width: 768px) and (max-width: 992px) {
154 .ife_img_placeholder {
155 background-size: cover !important;
156 min-height: 350px !important;
157 }
158 .col-ife-md-12 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder{
159 height: 350px;
160 }
161 }
162
163 @media (min-width: 993px) and (max-width: 1200px) {
164 .ife_img_placeholder {
165 background-size: cover !important;
166 min-height: 150px !important;
167 }
168 .col-ife-md-6 .ife-style2 .ife_event_style2 .ife_event_thumbnail .ife_img_placeholder{
169 height: 230px;
170 }
171 }