濑瀜/styles.css：修订间差异

2024年5月29日 (三) 12:28的最新版本

::selection {
	color: inherit;
	background-color: #BDDBE3;
}

/** 顶部渐变 **/
.header_gadient {
	background: linear-gradient(to top, #016F8A, black); 
	padding-top: 0.625rem;
}

/** 濑瀜标题 **/
@media screen and (max-width: 480px) {
	.main_header {
		font-size:2rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.main_header {
		font-size:3.5rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

@media screen and (min-width: 769px) {
	.main_header {
		font-size:5rem; 
		color: white; 
		text-shadow: 0 0 0.5rem lightblue, 0 0 0.5rem white;
	}
}

/** 主介绍文本框限缩 **/
@media screen and (min-width: 769px) {
	.content_box {
		width:75%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	.content_box {
		width:88%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

@media screen and (max-width: 480px) {
	.content_box {
		width:100%; 
		margin: 0 auto;
		font-family:'Cambria','Microsoft Yahei';
	}
}

/** 图片随父元素缩放 **/
img.x100width {
    width: 100%;
    height: auto;
}

/** 类wikidot图片框 **/
@media screen and (max-width: 480px) {
	.wikidot_frame {
		border:solid 1px #666;
		box-shadow:0 1px 6px rgba(0, 0, 0,.25);
		width:90%;
		margin:0 auto;
	}
}

@media screen and (min-width: 481px) {
	.wikidot_frame {
		border:solid 1px #666;
		box-shadow:0 1px 6px rgba(0, 0, 0,.25);
		width: 36%;
		float: right;
		margin:0 12px 12px;
	}
}


/** 介绍段适应终端 **/
@media screen and (max-width: 480px) {
	.intro {
		text-align:center;
		font-family:'Cambria','幼圆',serif;
		font-size:100%;
		color:gray;
	}
}

@media screen and (min-width: 481px) {
	.intro {
		text-align:center;
		font-family:'Cambria','幼圆',serif;
		font-size:120%;
		margin-top:128px;
		margin-bottom:128px;
		color:gray;
	}
}