coleslaw/themes/hyde/css/style.css

themes/hyde/css/style.css (3808 bytes)
1 #content { background: #fff; padding-top: 1em }
2 #header { float: right; margin-left: 1em; margin-bottom: 1em }
3 #coleslaw-logo { float: right; }
4 a { text-decoration: none; color: #992900 }
5 a.anchor { color: black }
6 .date { font-style: italic }
7 .title { margin-left: 1em }
8 .article-meta { margin-left: 2.2em; margin-bottom: 2.2em }
9 .archive-title { font-size: 1em } .article-title { font-size: 2em }
10 .article-content { margin-left: 2.2em }
11 .fineprint { text-align: center; font-size: .9em; margin-top: .5em }
12 .tag-low { font-size: .8em; font-weight: 200 }
13 .tag-medium { font-size: 1.2em; font-weight: 600 }
14 .tag-high { font-size: 1.8em; font-weight: 800 }
15 .navigation { font-size: 1.2em; border-bottom: 1px solid }
16 body { background-color: white; font-family: Vollkorn; font-size: 14pt }
17 pre { overflow: auto; margin-left: 1em; padding: 0.5em; border-left: 1px dashed;
18       background-color: white; padding: .75em .5em; font-family: (unquote mono-font) }
19 tt { font-size: .9em; font-family: (unquote mono-font) }
20 
21 /* Stolen from lisppaste for the colorize output of 3bmd */
22 .paste { background-color: #F4F4F4; color: black; }
23 .paste:hover { background-color: #F4F4F4; color: black; }
24 .symbol { color : #770055; background-color : transparent; border: 0px; margin: 0px;}
25 .special { color : #FF5000; background-color : inherit; }
26 .keyword { color : #770000; background-color : inherit; }
27 .comment { color : #007777; background-color : inherit; }
28 .string { color : #777777; background-color : inherit; }
29 .atom { color : #314F4F; background-color : inherit; }
30 .macro { color : #FF5000; background-color : inherit; }
31 .variable { color : #36648B; background-color : inherit; }
32 .function { color : #8B4789; background-color : inherit; }
33 .attribute { color : #FF5000; background-color : inherit; }
34 .character { color : #0055AA; background-color : inherit; }
35 .syntaxerror { color : #FF0000; background-color : inherit; }
36 .diff-deleted { color : #5F2121; background-color : inherit; }
37 .diff-added { color : #215F21; background-color : inherit; }
38 span.paren1 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
39 span.paren1:hover { color : inherit; background-color : #BAFFFF; }
40 span.paren2 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
41 span.paren2:hover { color : inherit; background-color : #FFCACA; }
42 span.paren3 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
43 span.paren3:hover { color : inherit; background-color : #FFFFBA; }
44 span.paren4 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
45 span.paren4:hover { color : inherit; background-color : #CACAFF; }
46 span.paren5 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
47 span.paren5:hover { color : inherit; background-color : #CAFFCA; }
48 span.paren6 { background-color : inherit; -webkit-transition: background-color 0.2s linear; }
49 span.paren6:hover { color : inherit; background-color : #FFBAFF; }
50 
51 @media (max-width: 680px) {
52 
53     #content {
54         padding-top: 0em
55     }
56 
57     .title {
58         margin-left: 0.1em;
59     }
60 
61     .article-meta {
62         margin-bottom: 1em;
63     }
64 
65     .article-meta, .article-content {
66         float: left;
67         margin-left: 0em;
68         margin-right: 0em;
69         width: 90%;
70         padding-left: 5%;
71     }
72 
73     .article, .article-content {
74         margin-left: 0em;
75         text-align: justify;
76     }
77 
78     img {
79         display: block;
80         margin-left: auto;
81         margin-right: auto;
82         width: 100%;
83     }
84 
85     #coleslaw-logo {
86         float: none;
87     }
88 
89     #coleslaw-logo img {
90         margin-left: auto;
91         margin-right: auto;
92         float: none;
93         width: auto;
94     }
95 
96     .fineprint a img {
97         width: auto;
98         clear: both;
99     }
100 }