flourish2016/styles.css at master · FlourishConference/flourish2016 · GitHub

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
118
119
	/* From http://clearleft.com/thinks/270 */
	/* Credit to Charlotte Jackson */
	/* 15TH APRIL 2015 */

		* {
		  box-sizing: border-box;
		}
		body{
		  margin: 0 auto;
		  max-width: 60em;
		  line-height: 1.3;
		}
		#speakers {
		  background-color: #f5f5f5;
		  margin-left: auto;
		  max-width: 40em;
		  line-height: 1.3;
		  /*margin-left: auto;*/
		}
		#sponsors {
		  background-color: #f5f5f5;
		  margin-left: auto;
		  max-width: 40em;
		  line-height: 1.3;
		}
		ul, li {
		  margin: 0;
		  padding: 0;
		  list-style: none;
		}
		img {
		  width: 100%;
		}
		h2 {
		  margin-top: 0;
		  margin-bottom: 0.4em;
		}
		.scheduleRegular {
		    border-bottom: 1px solid #d0d0d0;
		    padding: 10px 6px;
		    margin: 0px;
		}
		.scheduleLast{
		    padding: 10px 6px;
		    margin: 0px;
		}

		/*Flex items*/
		.list {
		  display: flex;
		  flex-wrap: wrap;
		}
		.list-item {
			display: flex;
			padding: 0.5em;
			width: 100%;
		}
		@media all and (min-width: 40em) {
		  .list-item {
		    width: 50%;
		  }
		}
		@media all and (min-width: 60em) {
		  .list-item {
		    width: 33.33%;
		  }
		}
		.list-content {
			background-color: #fff;
			display: flex;
			flex-direction: column;
			padding: 1em;
			width: 100%;
		}
		.list-content p {
		    flex: 1 0 auto;
		}
		.list-content-gold {
			background-color: #fff;
			display: flex;
			flex-direction: column;
			padding: 1em;
			width: 100%;
		}
		.list-content-silver {
			background-color: #fff;
			display: flex;
			flex-direction: column;
			padding: 1em;
			width: 100%;
		}
		.list-content-bronze {
			background-color: #fff;
			display: flex;
			flex-direction: column;
			padding: 1em;
			width: 100%;
		}
		.list-content-grey {
			background-color: #ccc;
			display: flex;
			flex-direction: column;
			padding: 1em;
			width: 100%;
		}
		.scheduleTime{
			font-size: .9em;
			width: 50px;
			color: #999999;
		}
		.scheduleName{
			padding-left:20px;
		}
		.scheduleWhere{
			padding-right:20px;
			float: right;
		}

	/* End references from http://clearleft.com/thinks/270 -Charlotte Jackson */