paste id 6nugu (CSS, TTL: 14 days)

 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
/*
This file is released to the public domain.
Richard Stallman - http://www.stallman.org
Happy birthday Mr. Stallman from /tech/
*/

body { color: #111111; background-color: #EEEEEE; margin: 2% 5%; font-family: sans-serif; }

/* Larger font for mobile devices */
@media screen and (max-device-width: 480px; ) { body { font-size: 175%; } }

li { margin-bottom: 8px; }

/* Header columns */
.columnt1 { width: 66%; float: left; text-align: center; }
.columnt2 { width: 33%; float: right; text-align: center; }
.nobr { white-space: nowrap; }

/* urgent action items*/
.column1 { width: 31%; float: left; }

/* long term action items */
.column2 { width: 31%; float: left; border-left: thin dotted #888888; border-right: thin dotted #888888; margin: 0px 10px; padding: 0px 10px; }

/* misc */
.column3 { width: 31%; float: left; }

/* rest */
.rest { width: 100%; float: left; }

a:link { color: #BB0000; text-decoration: none; font-weight: bold; }
a:hover { color: #CC2244; text-decoration: underline; }
a:visited { color: #BB4400; }
a:active { color: #EE00EE; }

hr { border: 0; background: #EEEEEE; border-bottom: thin dotted #888888; }
div.c3 { margin-left: 2em; }
.c2 { text-align: center; width: 100%; border-top: thin dotted #888888; border-bottom: thin dotted #888888; padding: 10px 0 }
h3.c1 { text-align: center; font-size: 130%; padding: 10px 30px; background: #445577; color: #EEEEEE; font-weight: bold; border: solid 5px #667799; border-radius: 10px; display: inline-block; margin: 0px 30% 20px 30%; white-space: nowrap; }

.titlelink { color: #000000; }
.fullwide { width: 900px; }

#comic-container { position: relative; width: 100%; height: 190px; margin-bottom: 4px; }
#comic { position: absolute; max-width: 250px; width: 100%; height: 193px; overflow: hidden; background-color: #fff; }
#comic-expand img { display: none; }

@media screen and (max-width: 860px; )
{ 
#comic { right: 0px; }
#comic:hover { width: 250px; padding: 0; transition: width .4s ease-out, box-shadow 1s ease, transform .8s ease; }
#comic-expand { position: absolute; display: block; right: 0; width: 32px; height: 193px; border-right: 1px solid blue; }
#comic-expand img { position: absolute; display: block; bottom: 35px; }
}

sub { line-height: 0.25em; font-size: 70%; vertical-align: -.05em; }
sup { line-height: 0.25em; font-size: 70%; vertical-align: 0.7em; }
.footnote { font-size: 90%; padding-left: 0.9em; text-indent: -0.9em; }
.footnote sup { line-height: 0.25em; font-size: 78%; vertical-align: 0.4em;  }

.vol { margin-left: 5%; font-family: Arial, Helvetica, sans-serif; font-size=2.5em; }
new paste