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

2024年3月20日 (三) 13:39的版本

/** 顶部渐变 **/
.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';
	}
}

/** 图片随页面缩放与适应终端 **/
@media screen and (max-width: 480px) {
	img.x40width {
		display: block;
    	width: 90%;
    	height: auto;
    	margin: 0 auto;
	}
}

@media screen and (min-width: 481px) {
	img.x40width {
    	width: 40%;
    	height: auto;
    	float: right;
	}
}

/** 介绍段适应终端 **/
@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%;
		color:gray;
	}
}