TypeCooker/styles.css at master · LettError/TypeCooker · 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
	body{
		background-color:rgba(197, 206, 225, 0.7);
		margin: 0;
	}
	#twitter{
		background-color: #4099ff;
		width: 100%;
		color: white;
		margin:0;
		padding-left: 0.1em;
		padding-right: 0.1em;
	}
	#tc{
		color: white;
		font-family: "heavierSans";
		padding-left: 0.1em;
		background-color: #ff001b;
		font-style: normal;
		font-weight: normal;
	}
	.explainparameter{
		display: none;
		background-color: blue;
		color: white;
		font-family: "heavierSans";
	}
	#recipe{
		width: 100vw;
		margin:0;
	}
	.selected{
		color: white;
		font-family: "heavierSans";
		padding-left: 0.1em;
		background-color: #ff001b;
		font-style: normal;
		font-weight: normal;
	}
	a{
		cursor: pointer; /* force displaying pointer curser for a tags missing a href attribute */
		text-decoration: none;
		color: white;
		padding-left: 0.05em;
		padding-right: 0.05em;
	}
	a:hover{
		font-family: "heavierSans";
		color: white;
	}
	.container{
		background-color: rgba(255, 255, 255, 0.52);
	}
	.entry, .choice, .explain{
		display: inline-block;
		font-family: "lighterSans";
		font-style: normal;
		font-weight: normal;
		text-align: left;
		text-transform: capitalize;
		color: rgba(32, 31, 27, 0.95);
		padding: 0;
	}
	.entry{
		background-color: #ffc400;
		color: white;
	}
	.entry:hover, .explaining{
/*		background-color: #ffc400;
		color: white;
		*/
		color: #ffc400;
	}
	div.explaining{
		background-color: #ffc400;
		color: red;
	}
	.choice{
		display: inline-block;
		margin-right: 0.125em;
		padding-left: 0.125em;
		padding-right: 0.125em;
	}
	.explain{
		display: none;
		background-color: black;
		color: white;
		text-transform: none;
		font-family: "lighterSans";

	}
	#title, #explain{
		font-family: "lighterSans";
		text-align: left;
		color: white;
		padding-left: 0.1em;
		background-color: #ff001b;
	}
	#title{
		text-transform: uppercase;
	}
	em{
		font-style: normal;
		font-family: "lighterSans";
		color: rgba(0, 0, 0, 0.4);
		text-transform: capitalize;
		padding-left: 0.1em;
		padding-right: 0.1em;
		background-color: #ffc400;
	}
	#footer{
		font-family: "lighterSans";
		color: white;
	}