]> git.r.bdr.sh - rbdr/r.bdr.sh/blame_incremental - jekyll/css/application.css
Removes extra stuff
[rbdr/r.bdr.sh] / jekyll / css / application.css
... / ...
CommitLineData
1body {
2 background-color: #fff;
3 font-family: 'VT323', monospace;
4}
5a.logo {
6 display: block;
7 margin: 20px;
8 background-size: 100% 100%;
9 height: 80px;
10 width: 720px;
11 background-image: url(/img/unlimited-pizza-animated-logo.gif);
12}
13
14a.logo span {display:none}
15em {color:#99a3a4}
16
17.main-container {
18 margin: 20px 0;
19}
20
21h1,
22h2,
23h3 {
24 text-transform: uppercase;
25 font-weight: 300;
26}
27
28h1{
29 font-size: 72px;
30 line-height: 81px;
31}
32
33a {
34 color: #00dddd;
35}
36
37.content {
38 margin: 20px;
39 font-size: 24px;
40}
41
42ul {
43 list-style: square;
44}
45
46.main-container section,
47.main-container aside{ text-align: left}
48
49
50/* Guestbook */
51.guestbook-feed, .guestbook-form ul {
52 list-style: none;
53}
54
55.guestbook-form li {
56 display: block;
57}
58
59.guestbook-form .guestbook-label {
60 width: 8.571em;
61 float: left;
62 text-align: right;
63 padding: 0.5em 1.071em;
64 text-transform: uppercase;
65}
66
67.guestbook-form .guestbook-control {
68 float: left;
69}
70
71.guestbook-form .guestbook-control-group {
72 clear: both;
73}
74
75.guestbook-form .comment-control {
76 width: 42.857em;
77 height: 10em;
78}
79
80.guestbook-content, .guestbook-form {
81 clear: both;
82 padding: 2.142em 0;
83}
84
85.guestbook-feed .guestbook-post {
86 display: block;
87 border-bottom: 0.071em solid #99a3a4;
88 padding: 1.071em;
89}
90
91.guestbook-post .author {
92 font-weight: bold;
93}
94
95/*
96 * The Recorder CSS
97 */
98.pepperoni-widget {
99 justify-content: space-between;
100 display: flex;
101}
102
103.pepperoni-widget .record-button {
104 display: flex;
105 font-size: 1.538461em;
106 padding: 10px 20px 50px;
107 margin: 1em;
108 height: 1em;
109 background-color: #f1f1f1;
110 cursor: pointer;
111 transition: background-color 0.2s ease, color 0.2s ease;
112}
113
114.record-info {
115 margin: 1em 0;
116}
117
118.pepperoni-widget .record-button.recording {
119 background-color: #ff00ff;
120 color: white;
121 padding: 1em 1.1em 1em 0.68em;
122}
123
124.pepperoni-widget .record-button:hover {
125 text-decoration: none;
126 background-color: #fafafa;
127}
128
129.pepperoni-widget .record-button.recording:hover {
130 background-color: #ff00ff;
131 color: #f1f1f1;
132}
133
134.pepperoni-widget .record-progress {
135 justify-content: space-between;
136 display: flex;
137 margin: 0.5em 0.76em;
138}
139
140.record-progress-bar-container {
141 background-color: #f1f1f1;
142 height: 2em;
143 width: 15.385em;
144 margin-right: 0.76em;
145}
146
147.record-progress-bar {
148 height: 2em;
149 background-color: #d30058;
150 width: 0;
151}
152
153.record-clear {
154 margin-top: 0.1em;
155 text-transform: uppercase;
156 font-size: 1em;
157 width: 4em;
158 cursor: pointer;
159}
160
161.record-clear:hover {
162 text-decoration: none;
163}
164
165.record-preview {
166 margin: 0.76em;
167 width: 15.385em;
168 height: 2em;
169}
170
171.guestbook-submit {
172 border-radius: 0;
173 border: 0;
174 background-color: #ff00ff;
175 font-family: 'VT323', monospace;
176 font-size: 24px;
177 color: #fff;
178 padding: 10px;
179 margin-left: 15px;
180}
181
182.filter-switches label {
183 display: inline;
184 margin-right: 2em;
185}
186
187.guestbook-control input {
188 font-family: 'VT323', monospace;
189 padding: 10px;
190 font-size: 24px;
191}