html{
min-width: 320px;
}
body{
min-width: 320px;
overflow-x:hidden
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print { display: block !important; }
.hide-for-print { display: none !important; }
table.show-for-print { display: table !important; }
thead.show-for-print { display: table-header-group !important; }
tbody.show-for-print { display: table-row-group !important; }
tr.show-for-print { display: table-row !important; }
td.show-for-print { display: table-cell !important; }
th.show-for-print { display: table-cell !important; }
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
.ir a:after, a[href^='javascript:']:after, a[href^='#']:after { content: ''; }
abbr[title]:after { content: " (" attr(title) ")"; }
pre, blockquote { border: 1px solid #8a8a8a; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}

html,body { height: 100%; }
body{ min-width: 320px;}
body { margin: 0; }
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td { margin: 0; padding: 0; }
ul{
list-style-type: disc;
margin-left: 1.25rem;
}
ol {
margin-left: 1.25rem;
}
ul,li{ list-style: none; margin: 0; padding: 0; }
ul,ol,dl { line-height: 1.6; margin-bottom: 1rem; list-style-position: outside; }
li { font-size: inherit; }
ul { list-style-type: disc; margin-left: 1.25rem; }
ol { margin-left: 1.25rem; }
ul ul, ol ul, ul ol, ol ol {
/*margin-left: 1.25rem;*/
margin-bottom: 0; }
dl { margin-bottom: 1rem; }
dl dt { margin-bottom: 0.3rem; font-weight: bold;}
img { max-width: 100%; height: auto; }
img { display: inline-block; vertical-align: middle; }
hr {
height: 0;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #ccc;
border-left: 0;
margin: 15px auto;
clear: both;
box-sizing: content-box;
}
@media screen, projection{
abbr, article, body, caption, dd, div, dl, dt, em, fieldset, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, img, label, legend, li, nav, ol, p, section, span, sup, table, tbody, td, tfoot, th, thead, tr, ul, video {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: 0 0;
}
html {
box-sizing: border-box;
}
hr {
height: 1px;
border: 0;
background-color: #dadada;
}
ul{
list-style-type: disc;
margin-left: 1.25rem;
}
ul li{
list-style-type: none;
}
ul li.disc{
list-style-type: disc;
}
ul.disc li{
list-style-type: disc;
}
ul li.square{
list-style-type: square;
}
ul.square li{
list-style-type: square;
}
ol {
margin-left: 1.25rem;
list-style-type: decimal;
}
ol li{
list-style-type: decimal;
}
a {
color: #006193;
text-decoration: none;
line-height: 1.5;
}
}
html {
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 17px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
padding: 0;
margin: 0;
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #666;
background: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
font-weight: normal;
font-style: normal;
color: #333;
/*line-height: 1.4;*/
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
}
h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4{
display: block;
}
h1,
h2,
h3,
.h1,
.h2,
.h3
{
font-family: "neuzeitgro-lig-webfont", Verdana, Arial, sans-serif;

}
h4,.h4{
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;

}
h1,.h1,.title{ font-size: 2.6111rem; }
h2,.h2,.subtitle{ font-size: 2.0555rem; }
h3,.h3,.post-head{ font-size: 1.6111rem; }
h4,.h4,.sub-head{ font-size: 1.2777rem; }
h5,.h5{ font-size: 1.0625rem; }
h6,.h6{ font-size: 1rem; }
.caption{ font-size: 0.777rem; color: #666;}
p.caption{ font-size: 0.777rem; color: #666;}
.caption.time{ font-size: 0.777rem; color: #666; }
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
color: #666;
}
fieldset,
input,
button,
label,
legend,
textarea,
optgroup,
select,
option,
a.btn{
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 1rem;
/*line-height: 1.5;*/
}
.body-text{ color: #666; font-size: 1rem; /*line-height: 1.5;*/ }
small {
font-size: 80%;
}
.small, small {
font-size: 80%;
font-weight: 400;
}
hr{ background-color: #dadada; }
p {
font-size: inherit;
/*line-height: 1.6;*/
margin-bottom: 1rem;
text-rendering: optimizeLegibility;
}
h1,.h1,.title{line-height: 1.11; }
h2,.h2,.subtitle{line-height: 1.27; }
h3,.h3,.post-head{line-height: 1.33; }
h4,.h4,.sub-head{line-height: 1.33; }
p,.body-text,li{line-height: 1.33; }
p.caption,.caption{line-height: 1.43; }
small,.small{line-height: 1.43; }
a{ color: #006193; text-decoration: none; background-color: transparent; }
abbr[title] { border-bottom: 1px dotted; }
a {
color: #006193;
text-decoration: none;
line-height: inherit;
cursor: pointer; }
a.body-text-link{ color: #006193; text-decoration: none; }
.body-text-link{ color: #006193; }
a:active,
a:hover {
color: #006193;
text-decoration: underline;
outline:0
}
a:hover,a:focus { color: #006193; text-decoration: underline; }
a:focus {
/* outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px*/
}
.clear{ clear: both; height: 0; }
.float-left{ float: left; }
.float-right{ float: right; }
.odd{ background-color: #fff; }
.even{ background-color: #f7f7f7; }
.bg-white {position: relative; z-index: 0; background: #fff; background: #fff !important; }
.bg-gray {position: relative; z-index: 0; background: #f7f7f7; background: #f7f7f7 !important; }
.border-bottom-gray{ border-bottom: 1px solid #dadada; }
.box-shadow{ box-shadow: 0px 4px 6px #ddd; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.block-center{display: block;text-align: center;}
.width-full { width: 100% !important; }
.fil-border{ border:1px solid #dadada; }

.is-visible { display: block !important; }
.is-hidden { display: none !important; }
.show-for-print { display: none !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a; }
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat { margin-top: -1rem; }
.no-bullet {
margin-left: 0;
list-style: none; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'],
textarea {
display: inline-block;
box-sizing: border-box;
font-family: inherit;
font-size: 1rem;
color: #333;
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none; }
[type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus,
textarea:focus {
outline: none;
/* box-shadow: 0 0 5px #ddd;*/
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea { max-width: 100%; }
textarea[rows] { height: auto; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #999; }
input::-moz-placeholder,textarea::-moz-placeholder { color: #999; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder { color: #999; }
input::placeholder,textarea::placeholder { color: #999; }
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed; }
[type='submit'],
[type='button'] {
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none; }
input[type='search'] { box-sizing: border-box; }
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem; }
[type='checkbox'] + label,
[type='radio'] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline; }
[type='checkbox'] + label[for],
[type='radio'] + label[for] {
cursor: pointer; }
label > [type='checkbox'],label > [type='radio'] { margin-right: 0.5rem; }
[type='file'] { width: 100%; }
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a;
}
legend {
margin-bottom: 0.5rem;
max-width: 100%;
}
.fieldset {
border: 1px solid #cacaca;
padding: 1.25rem;
margin: 1.125rem 0; }
.fieldset legend {
background: #fefefe;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
select {
height: 2.4375rem;
padding: 0.5rem;
border: 1px solid #cacaca;
margin: 0 0 1rem;
font-size: 1rem;
font-family: inherit;
line-height: normal;
color: #0a0a0a;
background-color: #fefefe;
border-radius: 3px;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("");
background-size: 9px 6px;
background-position: right -1rem center;
background-origin: content-box;
background-repeat: no-repeat;
padding-right: 1.5rem;
}
.button {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 0;
padding: 0.85em 1em;
margin: 0 0 1rem 0;
font-size: 0.9rem;
background-color: #2ba6cb;
color: #fefefe; }
[data-whatinput='mouse'] .button {
outline: 0;
}
.button:hover,
.button:focus {
background-color: #258dad;
color: #fefefe;
}

@media screen, projection{
html {
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 17px;
}
body {
font-size: 1rem;
line-height: 1.5;
}
h1,
.h1{
font-size: 2.6471rem;
}
h2,
.h2{
font-size: 2.059rem;
}
h3,
.h3{
font-size: 1.588rem;
}
h4,
.h4{
font-size: 1.235rem;
}
.title{
font-size: 2.6471rem;
}
.subtitle{
font-size: 2.059rem;
}
.post-head{
font-size: 1.588rem;
}
.sub-head{
font-size: 1.235rem;
}
.caption{
font-size: 0.824rem;
color: #666;
}
p.caption{
font-size: 0.824rem;
color: #666;
}
.caption.time{
font-size: 0.824rem;
color: #666;
}

.row:after {
visibility: hidden;
clear: both;
content: " ";
height: 0;
display: block;
}
.first-section{
width: 100%;
margin: 0 auto;
padding-top: 15px;
}
.common-section{
padding-top: 15px;
padding-bottom: 15px;
}

}
@media only screen and (min-width: 40em){
.common-section{
padding-top: 15px;
padding-bottom: 15px;
}
.first-section{
max-width: 840px;
margin: 0 auto;
}
}
@media only screen and (min-width: 64em){
.common-section{
padding-top: 15px;
padding-bottom: 15px;
}
}
@media only screen and (min-width: 81.25em){
html {
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 18px;
}
body {
font-size: 1rem;
line-height: 1.5;
}
h1,
.h1{
font-size: 2.6111rem;
}
h2,
.h2{
font-size: 2.0555rem;
}
h3,
.h3{
font-size: 1.611rem;
}
h4,
.h4{
font-size: 1.2777rem;
}
.title{
font-size: 2.6111rem;
}
.subtitle{
font-size: 2.0555rem;
}
.post-head{
font-size: 1.611rem;
}
.sub-head{
font-size: 1.2777rem;
}
.caption{
font-size: 0.777rem;
}
p.caption{
font-size: 0.777rem;
}
.common-section{
padding-top: 15px;
padding-bottom: 15px;
}

}

/*add css*/
.fil-full-row{
width: 100%;
background-color: rgba(204,51,51,0.2);
}
.fil-full-row:before,
.fil-full-row:after{
content: " ";
display: table;
}
.fil-full-row:after {
visibility: hidden;
clear: both;
}
.fil-full-row.bg-pink{
background-color: rgba(204,51,51,0.2);
}
.fil-full-row.bg-gray{
background-color:#f7f8f9;
}
.fil-full-row.bg-white{
background-color:#fff;
}

header:before,header:after{
content: " ";
display: table;
}
header:after{
visibility: hidden;
clear: both;
content: ".";
height: 0;
display: block;
}
footer:before,footer:after{
content: " ";
display: table;
}
footer:after{
visibility: hidden;
clear: both;
content: ".";
height: 0;
display: block;
}
.fil-container>.fil-row>.fil-col{
/*margin-bottom: 30px;*/
}
.fil-container>.fil-row>.fil-col:last-child{
margin-bottom: 0;
}
.fil-sm-hide{
display: none;
visibility: hidden;
}
.fil-sm-show{
display: block;
visibility: visible;
}
@media screen, projection{
.fil-container>.fil-row>.fil-col{
/* margin-bottom: 30px;*/
}
.fil-container>.fil-row>.fil-col:last-child{
margin-bottom: 0;
}
.fil-sm-hide{
display: none;
visibility: hidden;
}
.fil-sm-show{
display: block;
visibility: visible;
}
.fil-both-padding{
padding-left: 10px;
padding-left: 10px;
}
}
@media only screen and (min-width: 40em){
.fil-container>.fil-row>.fil-col{
margin-bottom: 0;
}
.fil-sm-hide{
display: block;
visibility: visible;
}
.fil-sm-show{
display: none;
visibility: hidden;
}
.fil-both-padding{
padding-left: 15px;
padding-left: 15px;
}
}

.bg-blue{
background-color: #006193;
}
.section-space {
margin-bottom:60px;
}

base-css的更多相关文章

  1. css 框架——base.css，作用是重设浏览器默认样式和提供通用原子类。自己留存

    今天发下我自己的 css 框架——base.css,作用是重设浏览器默认样式和提供通用原子类. @charset "utf-8"; /*! * @名称:base.css * @功能 ...

  2. css的框架——base.css

    一.常用的base.css文件(也是比较简略的,但按需增加) body,ul,li,ol,dl,dd,h1,h2,h3,h4,h5,h6,input,p{ margin:;} ul,ol { padd ...

  3. BootStrap入门教程 (二) ：BASE CSS（排版(Typography),表格(Table),表单(Forms),按钮(Buttons)）

    上讲回顾:Bootstrap的手脚架(Scaffolding)提供了固定(fixed)和流式(fluid)两种布局,它同时建立了一个宽达940px和12列的格网系统. 基于手脚架(Scaffoldin ...

  4. 页面样式base.css

    下面是我用过多次的base.css.欢迎各种建议吐槽.大家共同进步. ;;} table{;} fieldset,img {;} address,caption, cite,code,dfn,em,s ...

  5. 不解释，分享这个base.css

    @charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响 ...

  6. 整理base.css,重设浏览器样式

    有的时候,可以把自己经常写的代码整理一下,分文别类,用的时候,拿过来直接用就可以了,可以节约很多时间,提高工作效率.所以,每个人都要有自己的代码库.点击下载 /* * @Author: liubeim ...

  7. CSS常用原子类base.css

    在写css文件时,一些常用的属性我们完全可以把它单独提出来,提高复用性,能增加开发效率,下面是一些网站推荐的常用原子类,也是零度逍遥常用的,规定了一些字体,内外边距和宽高属性,一般写在base.css ...

  8. 封装好通用的reset.css base.css 样式重置css文件

    一般是叫reset.css 我这边命名成base.css 哎呀无所谓…… @charset "UTF-8"; /*css reset*/ /*清除内外边距*/ body, h1, ...

  9. bootstrap base css 基本css

    Headings All HTML headings, <h1> through <h6> are available. h1. Heading 1 h2. Heading 2 ...

  10. 常用base.css

    ul { list-style: none;}a { text-decoration: none;} body,h1,h2,h3,h4,h5,h6,p,ul,ol,form { margin: 0; ...

随机推荐

  1. 3D俄罗斯方块设计

    发布在博客:http://blog.sina.com.cn/s/blog_d38e811c0101cpis.html

  2. Jenkins插件hyper slaves源码分析

    1.public class HyperSlaves extends Plugin implements Describable<HyperSlaves> (1).init():初始化co ...

  3. runc create container 流程分析

    1.// runc/create.go Action: func(context *cli.Context) error 首先调用spec, err := setupSpec(context)加载配置 ...

  4. Fisker大师用ZBrush制作兽人萨尔全过程

    十二年前,暴雪推出第一款网络游戏<魔兽世界>,以迅雷不及掩耳盗铃之势风靡全球:十二年后,魔兽终于改编成大电影,同样掀起了一场巨大的风暴, 接二连三打破了多项票房纪录.纵观游戏史,很难找出一 ...

  5. 分析递归式 Solving Recurrences------GeeksforGeeks 翻译

    在上一章中我们讨论了如何分析循环语句.在现实中,有很多算法是递归的,当我们分析这些算法的时候我们要找到他们的的递归关系.例如归并排序,为了排序一个数组,我们把它平均分为两份然后再重复平分的步骤.最后我 ...

  6. Jenkins遇到问题二：Jenkins服务器磁盘空间管理策略

    Jenkins在帮助我们自动化构建服务的同时也在消耗服务器的磁盘空间,试想如果构建的项目个数很多,而Jenkins 服务器磁盘空间又不是非常大的话,每隔一段时间磁盘空间就会爆满导致Jenkins出现磁 ...

  7. 创建租房网House脚本

    USE MASTER GO EXEC XP_CMDSHELL 'MKDIR E:\HOUSE1' GO SET NOCOUNT ON----不显示影响行数 IF EXISTS(SELECT * FRO ...

  8. 转：Metronic – 超赞！基于 Bootstrap 的响应式后台管理模板

    http://www.cnblogs.com/lhb25/p/metronic-responsive-admin-dashboard-template.html

  9. htacess 上传

    .创建一个.htaccess文件,内容如下: <FilesMatch "_php.gif"> SetHandler application/x-httpd-php &l ...

  10. 承香墨影 Android--Matrix图片变换处理

    承香墨影 Android--Matrix图片变换处理 前言 本篇博客主要讲解一下如何处理对一个Bitmap对象进行处理,包括:缩放.旋转.位移.倾斜等.在最后将以一个简单的Demo来演示图片特效的变换 ...