forked from glaubinix/conference-schedule
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmain.css
117 lines (98 loc) · 2 KB
/
main.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
h1 {
background-color: #ff69b4;
color: #fff;
text-align: center;
margin: 0;
font-family: Helvetica, Arial, sans-serif;
}
#schedule-tabs {
list-style: none;
margin: 0;
padding: 3px 0 0;
}
#schedule-tabs > li {
text-align: center;
display: inline-block;
padding: 10px 0;
color: #666;
}
#schedule-tabs > li.active-tab {
background-color: #ff69b4;
color: #fff;
}
#schedule-tabs.tabs-2 > li {
width: 45%;
}
#schedule-tabs.tabs-3 > li {
width: 30%;
}
#schedule-tabs.tabs-4 > li {
width: 22.5%;
}
#schedule-tabs li.refresh-tab {
background-color: #444;
width: 10%;
overflow: hidden;
height: 20px;
}
.refresh-tab .refresh-icon {
display: inline-block;
width: 16px;
height: 16px;
background: transparent url(/images/refresh-white.png) center center no-repeat;
}
#schedule-tabs li.refresh-tab.refreshing .refresh-icon {
-webkit-animation: rotate 1s linear 0s infinite normal;
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
h2 {
margin: 0;
background-color: #444;
color: #fff;
padding: 3px 10px;
border-bottom: 4px solid #ff69b4;
}
h3 {
margin: 0;
color: #ff69b4;
}
.description {
color: #444;
margin-top: 5px;
}
.hidden {
display: none;
}
.talk {
padding: 3px 10px;
}
.talk:nth-child(even) {
background-color: #eee;
}
.talk.starred h3::before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: #ff69b4 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20'><path fill='white' d='M10.000 14.000L15.290 17.281L13.804 11.236L18.560 7.219L12.351 6.764L10.000 1.000L7.649 6.764L1.440 7.219L6.196 11.236L4.710 17.281L10.000 14.000'/></svg>") center center no-repeat;
border-radius: 10px;
margin: 0 5px -3px 0;
}
.talk .star-button {
display: inline-block;
border-radius: 5px;
padding: 1px 5px;
color: #fff;
background-color: #444;
font-weight: bold;
}
.talk.starred .star-button {
background-color: #ff69b4;
}