blog/blog-facade.git

inleft

2022-08-19 8ec9c517c58b70918f2d72f2bfa6ab4b0a4145f9

commit \| author \| age
b505f3	1	.markdown-body{
054cde	2	*{
I	3	max-width: 100% !important;
	4	}
	5
b505f3	6	body{
I	7	margin: 0 auto;
	8	font-family: "Microsoft YaHei", arial,sans-serif;
	9	color: #444444;
	10	line-height: 1;
	11	padding: 30px;
	12	}
	13	@media screen and (min-width: 768px) {
	14	body {
	15	width: 748px;
	16	margin: 10px auto;
	17	}
	18	}
0b0125	19
8ec9c5	20	p{
I	21	text-indent: 2rem;
	22	}
	23
	24	// img{
	25	// max-width: -webkit-fill-available;
	26	// display: inline;
	27	// box-shadow: 0 0 4px rgba(0,0,0,0.5);
	28	// overflow: visible;
	29	// border-radius: 12px;
	30	// -webkit-filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
	31	// filter: drop-shadow(4px 4px 10px rgba(0,0,0,.5));
	32	// }
b505f3	33	h1, h2, h3, h4 {
I	34	color: #111111;
	35	font-weight: 400;
	36	margin-top: 1em;
	37	}
	38
	39	h1, h2, h3, h4, h5 {
	40	font-family: Georgia, Palatino, serif;
	41	}
	42	h1, h2, h3, h4, h5, p , dl{
	43	margin-bottom: 16px;
	44	padding: 0;
	45	}
	46	h1 {
	47	font-size: 38px;
	48	line-height: 54px;
	49	}
	50	h2 {
	51	font-size: 36px;
	52	line-height: 42px;
	53	}
	54	h1, h2 {
	55	border-bottom: 1px solid #EFEAEA;
	56	padding-bottom: 10px;
	57	}
	58	h3 {
	59	font-size: 24px;
	60	line-height: 30px;
	61	}
	62	h4 {
	63	font-size: 21px;
	64	line-height: 26px;
	65	}
	66	h5 {
	67	font-size: 18px;
	68	list-style: 23px;
	69	}
	70	a {
	71	color: #0099ff;
	72	margin: 0;
	73	padding: 0;
	74	vertical-align: baseline;
	75	}
	76	a:hover {
	77	text-decoration: none;
	78	color: #ff6600;
	79	}
	80	a:visited {
	81	/color: purple;/
	82	}
	83	ul, ol {
	84	padding: 0;
	85	padding-left: 24px;
	86	margin: 0;
	87	}
	88	li {
	89	line-height: 24px;
	90	}
	91	p, ul, ol {
	92	font-size: 16px;
	93	line-height: 24px;
	94	}
	95
	96	ol ol, ul ol {
	97	list-style-type: lower-roman;
	98	}
	99
	100	/*pre {
	101	padding: 0px 24px;
	102	max-width: 800px;
	103	white-space: pre-wrap;
	104	}
	105	code {
	106	font-family: Consolas, Monaco, Andale Mono, monospace;
	107	line-height: 1.5;
	108	font-size: 13px;
	109	}*/
	110
	111	code, pre {
	112	border-radius: 3px;
	113	background-color:#f7f7f7;
	114	color: inherit;
	115	}
	116
	117	code {
	118	font-family: Consolas, Monaco, Andale Mono, monospace;
	119	margin: 0 2px;
	120	}
	121
	122	pre {
	123	line-height: 1.7em;
	124	overflow: auto;
	125	padding: 6px 10px;
	126	border-left: 5px solid #6CE26C;
	127	}
	128
	129	pre > code {
	130	border: 0;
	131	display: inline;
	132	max-width: initial;
	133	padding: 0;
	134	margin: 0;
	135	overflow: initial;
	136	line-height: inherit;
	137	font-size: .85em;
	138	white-space: pre;
	139	background: 0 0;
	140
	141	}
	142
	143	code {
	144	color: #666555;
	145	}
	146
	147
	148	/** markdown preview plus 对于代码块的处理有些问题, 所以使用统一的颜色 */
	149	/*code .keyword {
	150	color: #8959a8;
	151	}
	152
	153	code .number {
	154	color: #f5871f;
	155	}
	156
	157	code .comment {
	158	color: #998
	159	}*/
	160
	161	aside {
	162	display: block;
	163	float: right;
	164	width: 390px;
	165	}
	166	blockquote {
cb7779	167	border-left:.5em solid #cfcfcf;
b505f3	168	padding: 0 0 0 2em;
I	169	margin-left:0;
	170	}
	171	blockquote cite {
	172	font-size:14px;
	173	line-height:20px;
	174	color:#bfbfbf;
	175	}
	176	blockquote cite:before {
	177	content: '\2014 \00A0';
	178	}
	179
	180	blockquote p {
	181	color: #666;
	182	}
	183	hr {
	184	text-align: left;
	185	color: #999;
	186	height: 2px;
	187	padding: 0;
	188	margin: 16px 0;
	189	background-color: #e7e7e7;
	190	border: 0 none;
	191	}
	192
	193	dl {
	194	padding: 0;
	195	}
	196
	197	dl dt {
	198	padding: 10px 0;
	199	margin-top: 16px;
	200	font-size: 1em;
	201	font-style: italic;
	202	font-weight: bold;
	203	}
	204
	205	dl dd {
	206	padding: 0 16px;
	207	margin-bottom: 16px;
	208	}
	209
	210	dd {
	211	margin-left: 0;
	212	}
	213
	214	/* Code below this line is copyright Twitter Inc. */
	215
	216	button,
	217	input,
	218	select,
	219	textarea {
	220	font-size: 100%;
	221	margin: 0;
	222	vertical-align: baseline;
	223	*vertical-align: middle;
	224	}
	225	button, input {
	226	line-height: normal;
	227	*overflow: visible;
	228	}
	229	button::-moz-focus-inner, input::-moz-focus-inner {
	230	border: 0;
	231	padding: 0;
	232	}
	233	button,
	234	input[type="button"],
	235	input[type="reset"],
	236	input[type="submit"] {
	237	cursor: pointer;
	238	-webkit-appearance: button;
	239	}
	240	input[type=checkbox], input[type=radio] {
	241	cursor: pointer;
	242	}
	243	/* override default chrome & firefox settings */
	244	input:not([type="image"]), textarea {
	245	-webkit-box-sizing: content-box;
	246	-moz-box-sizing: content-box;
	247	box-sizing: content-box;
	248	}
	249
	250	input[type="search"] {
	251	-webkit-appearance: textfield;
	252	-webkit-box-sizing: content-box;
	253	-moz-box-sizing: content-box;
	254	box-sizing: content-box;
	255	}
	256	input[type="search"]::-webkit-search-decoration {
	257	-webkit-appearance: none;
	258	}
	259	label,
	260	input,
	261	select,
	262	textarea {
	263	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	264	font-size: 13px;
	265	font-weight: normal;
	266	line-height: normal;
	267	margin-bottom: 18px;
	268	}
	269	input[type=checkbox], input[type=radio] {
	270	cursor: pointer;
	271	margin-bottom: 0;
	272	}
	273	input[type=text],
	274	input[type=password],
	275	textarea,
	276	select {
	277	display: inline-block;
	278	width: 210px;
	279	padding: 4px;
	280	font-size: 13px;
	281	font-weight: normal;
	282	line-height: 18px;
	283	height: 18px;
	284	color: #808080;
	285	border: 1px solid #ccc;
	286	-webkit-border-radius: 3px;
	287	-moz-border-radius: 3px;
	288	border-radius: 3px;
	289	}
	290	select, input[type=file] {
	291	height: 27px;
	292	line-height: 27px;
	293	}
	294	textarea {
	295	height: auto;
	296	}
	297	/* grey out placeholders */
	298	:-moz-placeholder {
	299	color: #bfbfbf;
	300	}
	301	::-webkit-input-placeholder {
	302	color: #bfbfbf;
	303	}
	304	input[type=text],
	305	input[type=password],
	306	select,
	307	textarea {
	308	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	309	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	310	transition: border linear 0.2s, box-shadow linear 0.2s;
	311	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	312	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	313	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
	314	}
	315	input[type=text]:focus, input[type=password]:focus, textarea:focus {
	316	outline: none;
	317	border-color: rgba(82, 168, 236, 0.8);
	318	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	319	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	320	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
	321	}
	322	/* buttons */
	323	button {
	324	display: inline-block;
	325	padding: 4px 14px;
	326	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	327	font-size: 13px;
	328	line-height: 18px;
	329	-webkit-border-radius: 4px;
	330	-moz-border-radius: 4px;
	331	border-radius: 4px;
	332	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	333	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	334	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	335	background-color: #0064cd;
	336	background-repeat: repeat-x;
	337	background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
	338	background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
	339	background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
	340	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
	341	background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
	342	background-image: -o-linear-gradient(top, #049cdb, #0064cd);
	343	background-image: linear-gradient(top, #049cdb, #0064cd);
	344	color: #fff;
	345	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	346	border: 1px solid #004b9a;
	347	border-bottom-color: #003f81;
	348	-webkit-transition: 0.1s linear all;
	349	-moz-transition: 0.1s linear all;
	350	transition: 0.1s linear all;
	351	border-color: #0064cd #0064cd #003f81;
	352	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	353	}
	354	button:hover {
	355	color: #fff;
	356	background-position: 0 -15px;
	357	text-decoration: none;
	358	}
	359	button:active {
	360	-webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	361	-moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	362	box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
	363	}
	364	button::-moz-focus-inner {
	365	padding: 0;
	366	border: 0;
	367	}
	368	table {
	369	border-collapse: collapse; / IE7 and lower */
	370	border-spacing: 0;
	371	width: 100%;
	372	}
	373	table {
	374	border: solid #ccc 1px;
	375	-moz-border-radius: 6px;
	376	-webkit-border-radius: 6px;
	377	border-radius: 6px;
	378	/*-webkit-box-shadow: 0 1px 1px #ccc;
	379	-moz-box-shadow: 0 1px 1px #ccc;
	380	box-shadow: 0 1px 1px #ccc; */
	381	}
	382	table tr:hover {
	383	background: #fbf8e9;
	384	-o-transition: all 0.1s ease-in-out;
	385	-webkit-transition: all 0.1s ease-in-out;
	386	-moz-transition: all 0.1s ease-in-out;
	387	-ms-transition: all 0.1s ease-in-out;
	388	transition: all 0.1s ease-in-out;
	389	}
	390	table td, .table th {
	391	border-left: 1px solid #ccc;
	392	border-top: 1px solid #ccc;
	393	padding: 10px;
	394	text-align: left;
	395	}
	396
	397	table th {
	398	background-color: #dce9f9;
	399	background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
	400	background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
	401	background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
	402	background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
	403	background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
	404	background-image: linear-gradient(top, #ebf3fc, #dce9f9);
	405	/*-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
	406	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
	407	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;*/
	408	border-top: none;
	409	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	410	padding: 5px;
	411	}
	412
	413	table td:first-child, table th:first-child {
	414	border-left: none;
	415	}
	416
	417	table th:first-child {
	418	-moz-border-radius: 6px 0 0 0;
	419	-webkit-border-radius: 6px 0 0 0;
	420	border-radius: 6px 0 0 0;
	421	}
	422	table th:last-child {
	423	-moz-border-radius: 0 6px 0 0;
	424	-webkit-border-radius: 0 6px 0 0;
	425	border-radius: 0 6px 0 0;
	426	}
	427	table th:only-child{
	428	-moz-border-radius: 6px 6px 0 0;
	429	-webkit-border-radius: 6px 6px 0 0;
	430	border-radius: 6px 6px 0 0;
	431	}
	432	table tr:last-child td:first-child {
	433	-moz-border-radius: 0 0 0 6px;
	434	-webkit-border-radius: 0 0 0 6px;
	435	border-radius: 0 0 0 6px;
	436	}
	437	table tr:last-child td:last-child {
	438	-moz-border-radius: 0 0 6px 0;
	439	-webkit-border-radius: 0 0 6px 0;
	440	border-radius: 0 0 6px 0;
	441	}
	442
	443	}