CSS初始样式bootstrap

/*
Asai Style Color(Warning:Keep it for ever.)
#F1F1F1|#FFFFF8|#D8D8D8|#585858|#282828|#F3FAFD|#E3F2FE|#1976D3|#1565C1|#FFF6E8|#FFE9D9|#E77721|#D85F07|#F1F8EA|#DCEDC9|#33AA02|#228802|#DD0008
-----------------------------------------------------------------------------------------------------------------------------------------------
BgColor:#F1F1F1        SpColor:#DD0008
Color0:#FFFFF8|#D8D8D8|#585858|#282828
Color1:#F3FAFD|#E3F2FE|#1976D3|#1565C1
Color2:#FFF6E8|#FFE9D9|#E77721|#D85F07
Color3:#F1F8EA|#DCEDC9|#33AA02|#228802
*/
/*bootstrap format - 0*/
*,*::before,*::after{box-sizing:border-box;}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#F1F1F1;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block;}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#585858;text-align:left;background-color:#F1F1F1;}
[tabindex="-1"]:focus{outline:0 !important;}
hr{box-sizing:content-box;height:0;overflow:visible;}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0.5rem;}
p{margin-top:0;margin-bottom:1rem;}
abbr[title],abbr[data-original-title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;}
address{margin-bottom:1rem;font-style:normal;line-height:inherit;}
ol,ul,dl{margin-top:0;margin-bottom:1rem;}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0;}
dt{font-weight:700;}
dd{margin-bottom:.5rem;margin-left:0;}
blockquote{margin:0 0 1rem;}
b,strong{font-weight:bolder;}
small{font-size:80%;}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
a{color:#282828;text-decoration:none;background-color:transparent;}
a:hover{color:#585858;text-decoration:underline;}
.gys1 a{color:#1565C1;}
.gys2 a{color:#D85F07;}
.gys3 a{color:#228802;}
.gys1 a:hover{color:#1976D3;}
.gys2 a:hover{color:#E77721;}
.gys3 a:hover{color:#33AA02;}
a:not([href]):not([tabindex]){color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):hover,a:not([href]):not([tabindex]):focus{color:inherit;text-decoration:none;}
a:not([href]):not([tabindex]):focus{outline:0;}
pre,code,kbd,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em;}
pre{margin-top:0;margin-bottom:1rem;overflow:auto;}
figure{margin:0 0 1rem;}
img{vertical-align:middle;border-style:none;}
svg{overflow:hidden;vertical-align:middle;}
table{border-collapse:collapse;}
caption{padding-top:0.75rem;padding-bottom:0.75rem;text-align:left;caption-side:bottom;}
th{text-align:inherit;}
label{display:inline-block;margin-bottom:0.5rem;}
button{border-radius:0;}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color;}
input,button,select,optgroup,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;}
button,input{overflow:visible;}
button,select{text-transform:none;}
select{word-wrap:normal;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button:not(:disabled),[type="button"]:not(:disabled),[type="reset"]:not(:disabled),[type="submit"]:not(:disabled){cursor:pointer;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{padding:0;border-style:none;}
input[type="radio"],input[type="checkbox"]{box-sizing:border-box;padding:0;}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{-webkit-appearance:listbox;}
textarea{overflow:auto;resize:vertical;}
fieldset{min-width:0;padding:0;margin:0;border:0;}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal;}
progress{vertical-align:baseline;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{outline-offset:-2px;-webkit-appearance:none;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button;}
output{display:inline-block;}
summary{display:list-item;cursor:pointer;}
template{display:none;}
[hidden]{display:none !important;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:0.5rem;font-weight:500;line-height:1.2;}
h1,.h1{font-size:2.5rem;}
h2,.h2{font-size:2rem;}
h3,.h3{font-size:1.75rem;}
h4,.h4{font-size:1.5rem;}
h5,.h5{font-size:1.25rem;}
h6,.h6{font-size:1rem;}
/*bootstrap format - 1*/

/*container - 0*/
.gys-container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.gys-container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.gys-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px;}
.gys-col-1, .gys-col-2, .gys-col-3, .gys-col-4, .gys-col-5, .gys-col-6, .gys-col-7, .gys-col-8, .gys-col-9, .gys-col-10, .gys-col-11, .gys-col-12, .gys-col,.gys-col-auto{position:relative;width:100%;padding-right:15px;padding-left:15px;}
.gys-col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;}
.gys-col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;}
.gys-col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%;}
.gys-col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;}
.gys-col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%;}
.gys-col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%;}
.gys-col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%;}
.gys-col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.gys-col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%;}
.gys-col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.gys-col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%;}
.gys-col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%;}
.gys-col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%;}
.gys-col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
/*container - 1*/
/**self-adaptive -0**/
@media screen (max-width:576px){
.gys-container{max-width:480px;}
.gys-col-1, .gys-col-2, .gys-col-3, .gys-col-4, .gys-col-5, .gys-col-6, .gys-col-7, .gys-col-8, .gys-col-9, .gys-col-10, .gys-col-11, .gys-col-12, .gys-col,.gys-col-auto{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media screen and (max-width:767px) and (min-width:577px){
.gys-container{max-width:540px;}
.gys-col-1, .gys-col-2, .gys-col-3, .gys-col-4, .gys-col-5, .gys-col-6, .gys-col-7, .gys-col-8, .gys-col-9, .gys-col-10, .gys-col-11, .gys-col-12, .gys-col,.gys-col-auto{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media screen and (max-width:991px) and (min-width:768px){.gys-container{max-width:720px;}}
@media screen and (max-width:1279px) and (min-width:992px){.gys-container{max-width:960px;}}
@media screen and (min-width:1280px){.gys-container{max-width:1200px;}}
/**self-adaptive -1**/


/*
BgColor:#F1F1F1        SpColor:#DD0008
Color0:#FFFFF8|#D8D8D8|#585858|#282828
Color1:#F3FAFD|#E3F2FE|#1976D3|#1565C1
Color2:#FFF6E8|#FFE9D9|#E77721|#D85F07
Color3:#F1F8EA|#DCEDC9|#33AA02|#228802
 */

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

阿赛工作室

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值