posts.css 1.99 KB
Newer Older
1 2 3 4
@import 'code.css';

.post-title a {
	text-decoration: none;
5
	font-size: x-large;
6 7 8 9
}

kbd {
	border: solid black 0.05em ;
10
	box-shadow: 0 0.05em 0.05em 0.05em rgba(200,200,200,0.75);
11
    padding: 0.1em 0.5em;
12
	border-radius: 0.25em;
13 14
	background: #FEFEFE;
	margin: 0 0.2em;
15
	color: black;
16 17 18
}

blockquote {
19
	padding: 0.5em 2em;
20
	margin: 0;
21
	background-color: whitesmoke;
22 23 24 25 26 27
}

img {
	max-width: 100%;
}

Murukesh Mohanan's avatar
Murukesh Mohanan committed
28
.post-date {
Murukesh Mohanan's avatar
Murukesh Mohanan committed
29 30 31
	text-align: right;
}

32
a.tag {
Murukesh Mohanan's avatar
Murukesh Mohanan committed
33 34 35 36 37
    background-color: gainsboro;
    padding: 0.1em 0.5em;
    border-radius: 0.3em;
    font-variant: small-caps;
	text-decoration: none;
38
	font-size: large;
39
	color: black;
Murukesh Mohanan's avatar
Murukesh Mohanan committed
40 41 42 43 44 45 46 47 48 49 50 51
}

ol.tags-list {
	margin: 0;
	padding: 0;
	text-align: right;
}

ol.tags-list li {
	list-style: none;
	list-style-image: none;
	display: inline-block;
Murukesh Mohanan's avatar
Murukesh Mohanan committed
52 53
}

54 55 56 57
/* 
 * From http://drewsilcock.co.uk/proper-linenumbers/
 */

58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73
.highlight {
	margin: 0;
	font-size: 1.2em;
}

.highlight pre {
	margin: 0;
}

.highlight pre code {
	margin: 0;
	padding: 0;
}

.highlight .code, .highlight .gutter {
	padding: 0.5em;
74 75
}

76
.highlight .gutter {
77 78 79 80 81 82 83
	opacity: 0.4;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
84
	background-color: #454545;
85 86
}

87
.comments {
88
	background-color: darkslategrey;
89
	overflow: auto;
90
}
91

Murukesh Mohanan's avatar
Murukesh Mohanan committed
92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111
.page-links {
	overflow: auto;
}

a.page-prev {
	float: left;
}

a.page-next {
	float: right;
}

a.page-prev, a.page-next {
	/*border: solid black 0.05em ;
	box-shadow: 0 0.05em 0.05em 0.05em rgba(200,200,200,0.75);*/
	background-color: white;
	color: black;
	padding: 1em;
}

112
@media screen and (min-device-aspect-ratio: 1/1) and (orientation: landscape) {
113 114
	.post-date {
		float: right;
115
		border-left: solid 0.2em silver;
Murukesh Mohanan's avatar
Murukesh Mohanan committed
116
		padding-left: 0.5em;
117
	}
Murukesh Mohanan's avatar
Murukesh Mohanan committed
118 119
	.post-title h1 {
		margin: 0.5em;
120
		/*overflow: auto;*/
Murukesh Mohanan's avatar
Murukesh Mohanan committed
121
	}
122 123
}

124
@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait) {
125 126 127 128 129 130 131 132
	.post-date {
		font-size: initial;
		display: block;
		text-align: right;
	}
	.post-title h1 {
		margin: 0;
	}
133 134 135 136

	kbd {
		font-size: small;
	}
137
}