Skip to content

Commit 9d5b9f0

Browse files
pgleesonpgleeson
committed
Merge branch 'swaaz-master' into development
2 parents e6dc3a9 + 6f408cb commit 9d5b9f0

File tree

2 files changed

+426
-142
lines changed

2 files changed

+426
-142
lines changed

‎css/events_css.css

Lines changed: 176 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,176 @@
1+
2+
.event-list {
3+
list-style: none;
4+
font-family: 'Lato', sans-serif;
5+
margin: 0px;
6+
padding: 0px;
7+
width: 80%;
8+
margin-right: auto;
9+
margin-left: auto;
10+
}
11+
.event-list > li {
12+
background-color: rgb(255, 255, 255);
13+
box-shadow: 0px 0px 5px rgb(51, 51, 51);
14+
box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
15+
padding: 0px;
16+
margin: 0px 0px 20px;
17+
}
18+
.event-list > li > time {
19+
display: inline-block;
20+
width: 100%;
21+
color: rgb(255, 255, 255);
22+
background-color: rgb(197, 44, 102);
23+
padding: 2px;
24+
text-align: center;
25+
text-transform: uppercase;
26+
}
27+
.event-list > li:nth-child(even) > time {
28+
background-color: rgb(165, 82, 167);
29+
}
30+
.event-list > li > time > span {
31+
display: none;
32+
padding-top: 5px;
33+
}
34+
.event-list > li > time > .day {
35+
display: block;
36+
font-size: 24pt;
37+
font-weight: 100;
38+
line-height: 1;
39+
}
40+
.event-list > li time > .month {
41+
display: block;
42+
font-size: 28pt;
43+
font-weight: 700;
44+
line-height: 1;
45+
}
46+
.event-list > li > time > .year {
47+
display: block;
48+
font-size: 24pt;
49+
font-weight: 100;
50+
line-height: 1;
51+
}
52+
.event-list > li > img {
53+
width: 100%;
54+
}
55+
.event-list > li > .info {
56+
padding-top: 0px;
57+
text-align: center;
58+
}
59+
.event-list > li > .info > .title {
60+
font-size: 17pt;
61+
font-weight: 700;
62+
margin: 0px;
63+
}
64+
.event-list > li > .info > .desc {
65+
font-size: 13pt;
66+
font-weight: 300;
67+
margin: 0px;
68+
}
69+
.event-list > li > .info > ul,
70+
.event-list > li > .social > ul {
71+
display: table;
72+
list-style: none;
73+
margin: 10px 0px 0px;
74+
padding: 0px;
75+
width: 100%;
76+
text-align: center;
77+
}
78+
.event-list > li > .social > ul {
79+
margin: 0px;
80+
}
81+
.event-list > li > .info > ul > li,
82+
.event-list > li > .social > ul > li {
83+
display: table-cell;
84+
cursor: pointer;
85+
color: rgb(30, 30, 30);
86+
font-size: 11pt;
87+
font-weight: 300;
88+
padding: 3px 0px;
89+
}
90+
.event-list > li > .info > ul > li > a {
91+
display: block;
92+
width: 100%;
93+
color: rgb(30, 30, 30);
94+
text-decoration: none;
95+
}
96+
.event-list > li > .social > ul > li {
97+
padding: 0px;
98+
}
99+
.event-list > li > .social > ul > li > a {
100+
padding: 3px 0px;
101+
}
102+
.event-list > li > .info > ul > li:hover,
103+
.event-list > li > .social > ul > li:hover {
104+
color: rgb(30, 30, 30);
105+
background-color: rgb(200, 200, 200);
106+
}
107+
.facebook a,
108+
.twitter a,
109+
.google-plus a {
110+
display: block;
111+
width: 100%;
112+
color: rgb(75, 110, 168) !important;
113+
}
114+
.twitter a {
115+
color: rgb(79, 213, 248) !important;
116+
}
117+
.google-plus a {
118+
color: rgb(221, 75, 57) !important;
119+
}
120+
.facebook:hover a {
121+
color: rgb(255, 255, 255) !important;
122+
background-color: rgb(75, 110, 168) !important;
123+
}
124+
.twitter:hover a {
125+
color: rgb(255, 255, 255) !important;
126+
background-color: rgb(79, 213, 248) !important;
127+
}
128+
.google-plus:hover a {
129+
color: rgb(255, 255, 255) !important;
130+
background-color: rgb(221, 75, 57) !important;
131+
}
132+
133+
@media (min-width: 768px) {
134+
.event-list > li {
135+
position: relative;
136+
display: block;
137+
width: 100%;
138+
height: 120px;
139+
padding: 0px;
140+
}
141+
.event-list > li > time,
142+
.event-list > li > img {
143+
display: inline-block;
144+
}
145+
.event-list > li > time,
146+
.event-list > li > img {
147+
width: 120px;
148+
float: left;
149+
}
150+
.event-list > li > .info {
151+
background-color: rgb(245, 245, 245);
152+
overflow: hidden;
153+
}
154+
.event-list > li > time,
155+
.event-list > li > img {
156+
width: 120px;
157+
height: 120px;
158+
padding: 0px;
159+
margin: 0px;
160+
}
161+
.event-list > li > .info {
162+
position: relative;
163+
height: 120px;
164+
text-align: left;
165+
padding-right: 40px;
166+
}
167+
.event-list > li > .info > .title,
168+
.event-list > li > .info > .desc {
169+
padding: 0px 10px;
170+
}
171+
.event-list > li > .info > ul {
172+
position: absolute;
173+
left: 0px;
174+
bottom: 0px;
175+
}
176+
}

0 commit comments

Comments
 (0)