Fallacy Mountain Extension开源代码V0.1.2(供开发用)

a:link{
	text-decoration: none;
	color: chartreuse;
	transition: 0.5s;
}
a:visited{
	text-decoration: none;
	color: chartreuse;
	transition: 0.5s;
}
a:hover{
	text-decoration: none;
	color: greenyellow;
	transition: 0.5s;
}
a:active{
	text-decoration: none;
	color: forestgreen;
	transition: 0.5s;
}
button{
	border: chartreuse solid 2px;
	color: #626262;
	transition: 0.5s;
}
button:hover{
	background-color: chartreuse;
	border: chartreuse solid 2px;
	color: #fff;
	transition: 0.5s;
}
button:active{
	background-color: greenyellow;
	border: greenyellow solid 2px;
	color: #fff;
	transition: 0.5s;
}
input{
	border: chartreuse solid 2px;
	color: #0aaa4f;
	transition: 0.5s;
}
input:focus{
	border: #0aaa4f solid 2px;
	background-color: #0aaa4f;
	color: #fff;
	transition: 0.5s;
}
input:hover{
	border: #0aaa4f solid 2px;
	background-color: #0aaa4f;
	color: #fff;
	transition: 0.5s;
}
input:active{
	border: chartreuse solid 2px;
	background-color: chartreuse;
	color: #fff;
	transition: 0.5s;
}
div{
	padding: 4px;
	text-align: center;
	color: #af5;
}
nav{
	padding: 15px;
	text-align: center;
	color: #af5;
	border-radius: 5px;
}
table{
	border: #0aaa4f solid 2px;
}
th{
	border: #0aaa4f solid 2px;
}
thead{
	border: #0aaa4f solid 2px;
}
td{
	border: #0aaa4f solid 2px;
}
tr{
	border: #0aaa4f solid 2px;
}
label{
	border: #0aaa4f solid 2px;
	padding: 2px;
}
img{
	width: 64px;
	height: 64px;
}
@media (min-width:768px){
	.container{
		padding: 2px;
		text-align: center;
		color: #959595;
		padding: 2px;
	}
}
@media (min-width:992px){
	.container{
		padding: 4px;
		text-align: center;
		color: #959595;
		padding: 2px;
	}
}
@media (min-width:1200px){
	.container{
		padding: 8px;
		text-align: center;
		color: #959595;
		padding: 2px;
	}
}
.h1{
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
.h2{
	font-size: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
.h3{
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
.h4{
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
.h5{
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
.h6{
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}
.small{
	padding: 1px;
}
.big{
	padding: 15px;
}
.oversized{
	padding: 30px;
}
.body{
	background-color: #959595;
}
.inverted-color{
	background-color: #525252;
}
.centre{
	text-align: center;
}
.btn:link{
	padding: 15px;
	border: chartreuse solid 2px;
	transition: 0.5s;
}
.btn:visited{
	padding: 15px;
	border: chartreuse solid 2px;
	transition: 0.5s;
}
.btn:hover{
	padding: 15px;
	border: chartreuse solid 2px;
	background-color: chartreuse;
	transition: 0.5s;
}
.btn:active{
	padding: 15px;
	border: greenyellow solid 2px;
	background-color: greenyellow;
	transition: 0.5s;
}

 代码总共200行,此项目为开源项目,请勿用于商业用途!!!

框架可以在我个人主页下载(免费的)!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值