style.css

Blame: the commit that last changed each line · file · history

`187c6bc2` 2023-10-13 Pavel Safronov	1	body {
	2	font-family: sans-serif;
`3397fb1c` 2023-10-13 Pavel Safronov	3	font-size: 1.5em;
`40a1ac1e` 2023-10-14 Pavel Safronov	4	font-weight: 400;
	5	margin: 0 2em;
`187c6bc2` 2023-10-13 Pavel Safronov	6	}
	7
	8	#minutes,
	9	#seconds,
	10	#sign-in-div {
	11	display: flex;
`c24133f4` 2023-10-14 Pavel Safronov	12	flex-direction: column;
`187c6bc2` 2023-10-13 Pavel Safronov	13	align-items: center;
	14	display: inline-block;
	15	}
	16
	17	#minutes-input,
	18	#seconds-input {
	19	width: 3em;
`7fa27190` 2023-10-13 Pavel Safronov	20	font-size: 1.5em;
`187c6bc2` 2023-10-13 Pavel Safronov	21	}
	22
	23	div {
`791409a6` 2023-10-13 Pavel Safronov	24	/* margin-left: 0.5em; */
	25	/* margin-right: 0.5em; */
`187c6bc2` 2023-10-13 Pavel Safronov	26	padding: 0.5em;
	27	}
	28
	29	#header {
	30	margin-top: 1em;
	31	text-align: center;
	32	display: flex;
	33	align-items: center;
	34	}
	35
	36	#logo {
	37	width: 48px;
	38	height: 48px;
	39	margin-right: 10px;
	40	}
	41
	42	#footer {
	43	margin-top: 1em;
	44	text-align: center;
`3397fb1c` 2023-10-13 Pavel Safronov	45	font-size: .5em;
`791409a6` 2023-10-13 Pavel Safronov	46	display: flex;
	47	align-items: center;
	48	}
	49
	50	#signout {
	51	margin-top: 5em;
`187c6bc2` 2023-10-13 Pavel Safronov	52	}
	53
`cc1af884` 2023-10-13 Pavel Safronov	54	.material-symbols-outlined {
`299346ff` 2023-10-13 Pavel Safronov	55	padding: .2em;
`cc1af884` 2023-10-13 Pavel Safronov	56	font-variation-settings:
	57	'FILL' 0,
`3397fb1c` 2023-10-13 Pavel Safronov	58	'wght' 1200,
`c24133f4` 2023-10-14 Pavel Safronov	59	'GRAD' 200,
	60	'opsz' 48
`cc1af884` 2023-10-13 Pavel Safronov	61	}
	62
`40a1ac1e` 2023-10-14 Pavel Safronov	63	.icon-and-label {
`cc1af884` 2023-10-13 Pavel Safronov	64	display: flex;
	65	align-items: center;
	66	cursor: pointer;
	67	justify-items: center;
`0eb27ab9` 2023-10-13 Pavel Safronov	68	padding: .25em;
	69	margin: .25em;
`cc1af884` 2023-10-13 Pavel Safronov	70	}
	71
`40a1ac1e` 2023-10-14 Pavel Safronov	72	button {
	73	border: 2px solid black;
	74	font-size: 1em;
`3397fb1c` 2023-10-13 Pavel Safronov	75	}
	76
	77	.song {
	78	/* border 1px black */
`299346ff` 2023-10-13 Pavel Safronov	79	border: 2px solid black;
`3397fb1c` 2023-10-13 Pavel Safronov	80	margin: .5em;
`7fa27190` 2023-10-13 Pavel Safronov	81	}
	82
	83	#search,
	84	#signout,
`8c91be32` 2023-10-13 Pavel Safronov	85	#signin,
	86	#clear-cache {
`7fa27190` 2023-10-13 Pavel Safronov	87	border: 2px solid black;
`0d3f2167` 2023-10-13 Pavel Safronov	88	padding: .5em;
	89	margin: .5em;
`7fa27190` 2023-10-13 Pavel Safronov	90	font-size: 1em;
`40a1ac1e` 2023-10-14 Pavel Safronov	91	}
	92
	93	#spotify-logo {
	94	/* width: 48px; */
	95	height: 2em;
	96	margin-right: 1em;
	97	}
	98
	99	#spotify-icon {
	100	width: 1em;
	101	height: 1em;
	102	margin-right: 1em;
`c24133f4` 2023-10-14 Pavel Safronov	103	}
	104
	105	/* Chrome, Safari, Edge, Opera */
	106	input::-webkit-outer-spin-button,
	107	input::-webkit-inner-spin-button {
	108	-webkit-appearance: none;
	109	margin: 0;
	110	}
	111
	112	/* Firefox */
	113	input[type=number] {
	114	-moz-appearance: textfield;
	115	}
	116
	117	.arrow {
	118	display: flex;
	119	flex-direction: column;
	120	align-items: center;
	121	justify-items: center;
	122	}
	123
	124	#search-controls {
	125	display: flex;
	126	flex-direction: row;
	127	align-items: center;
	128	justify-content: center;
`187c6bc2` 2023-10-13 Pavel Safronov	129	}