blog/blog-facade.git

inleft

2022-08-29 1b6f1e454fff0187d4d30dcf0d5819d4f57f1787

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