util  Check-in [689acafd82]

Overview
Comment:add fabulist stylesheet
Downloads: Tarball | ZIP archive | SQL archive
Timelines: family | ancestors | descendants | both | trunk
Files: files | file ages | folders
SHA3-256: 689acafd8235c427fa7f0d2f5f5210033fd919081d106fabb62f7ce7c9945f6d
User & Date: lexi on 2019-07-29 06:11:34
Other Links: manifest | tags
Context
2019-07-29
06:29
make css work with dillo check-in: b8722bb3e8 user: lexi tags: trunk
06:11
add fabulist stylesheet check-in: 689acafd82 user: lexi tags: trunk
06:11
updates check-in: e82124aeb7 user: lexi tags: trunk
Changes

Added fabulist.scss version [4bdf92a95d].



















































































































































































>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
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
body {
	background: #370017;
	color: #FFE1ED;
	max-width: 35em;
	padding: 1em;
	margin: auto;
	font-family: Alegreya, Junicode, GaramondNo8, "Garamond Premier Pro", "Adobe Garamond", Garamond, serif;
	font-size: 15pt;
}
$widget-accent:#610028;
%widget {
	font-family: Alegreya, Junicode, GaramondNo8, "Garamond Premier Pro", "Adobe Garamond", Garamond, serif;
	font-size: 14pt;
	border: 1px inset darken($widget-accent,8);
	background: $widget-accent;
	color: white;
	padding: 0.3em;
	flex-grow: 2;
	text-shadow: 0 0 10px #E84B8C;
	box-sizing: border-box;
	&:focus {
		outline: none;
		background: lighten($widget-accent,5);
	}
}
textarea { @extend %widget; }
input {
	@extend %widget;
	&[type=submit] {
		position: absolute;
		flex-grow: 0;
		width: 30%;
		right: 0;
		top: 1em;
		text-shadow: 0 0 10px #E84B8C;
		border: 1px solid black;
		&:hover {
			background-color: #E31E6F;
			color: black;
		}
		&:active {
			background-color: darken($widget-accent,9);
			color: lighten($widget-accent,60);
			padding-bottom: calc(0.3em - 2px);
			padding-top: calc(0.3em + 2px);
		}
	}
}
code {
	font-family: Inconsolata, Monaco, monocode;
	padding: 0.2em 0.3em;
	background: #740C38;
	border: 1px solid #260010;
}
textarea {
	height: 6em;
}
form {
	> div {
		position: relative;
		display: flex;
		width: 100%;
		align-items: center;
	}
	label {
		margin-right: 0.5em;
		margin-bottom: 0.5em;
		margin-top: 0.5em;
		font-weight: bold;
	}
}
a[href] {
	$a-color: #FF2E84;
	color: $a-color;
	text-decoration-color: darken($a-color,30);
	&:hover {
		color: lighten($a-color,40);
		text-decoration-color: lighten($a-color,20);
	}
}
h1 {
	font-weight: 100;
	margin-bottom: 0.0em;
	border-bottom: 1px solid #FF7AB1;
	a[href] {
		color: #FF7AB1;
		text-decoration: none;
	}
}