dd, label { margin-bottom: .5rem; }
abbr[title] { text-decoration: none; }
abbr[title] { border-bottom: 1px dotted; }
abbr[title]:after { content: " (" attr(title) ")"; }
a {blr:expression(this.onFocus=this.blur());}
a{outline: none;}
a:focus { outline: none; }
body a{ outline:none;blr:expression(this.onFocus=this.blur()); }
html button{ outline:none;blr:expression(this.onFocus=this.blur()); }
html input[type="button"],html input[type="reset"],html input[type="submit"]{ outline:none;blr:expression(this.onFocus=this.blur()); }

/*had css reset*/
@font-face {
font-family: neuzeitgro-reg-webfont;
src: url("../fonts/neuzeitgro-reg-webfont.eot");
src: url("../fonts/neuzeitgro-reg-webfont.eot?") format("embedded-opentype"),url("../fonts/neuzeitgro-reg-webfont.woff") format("woff"),url("../fonts/neuzeitgro-reg-webfont.ttf") format("truetype"),url("../fonts/neuzeitgro-reg-webfont.svg#neuzeitgro-reg-webfont") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: neuzeitgro-lig-webfont;
src: url("../fonts/neuzeitgro-lig-webfont.eot");
src: url("../fonts/neuzeitgro-lig-webfont.eot?") format("embedded-opentype"),url("../fonts/neuzeitgro-lig-webfont.woff") format("woff"),url("../fonts/neuzeitgro-lig-webfont.ttf") format("truetype"),url("../fonts/neuzeitgro-lig-webfont.svg#neuzeitgro-lig-webfont") format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: neuzeitgro-bol-webfont;
src: url("../fonts/neuzeitgro-bol-webfont.eot");
src: url("../fonts/neuzeitgro-bol-webfont.eot?") format("embedded-opentype"),url("../fonts/neuzeitgro-bol-webfont.woff") format("woff"),url("../fonts/neuzeitgro-bol-webfont.ttf") format("truetype"),url("../fonts/neuzeitgro-bol-webfont.svg#neuzeitgro-bol-webfont") format("svg");
font-weight: 400;
font-style: normal;
}

@-ms-viewport {
width: device-width;
}

*, :after, :before {
box-sizing: inherit;
}
html {
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 18px;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "neuzeitgro-reg-webfont", Verdana, Arial, sans-serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #333;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a {
color: #006193;
text-decoration: none;
}
a img { border: 0; }
a:active,
a:hover {
color: #006193;
text-decoration: underline;
outline:0
}
a:hover,
a:focus {
color: #006193;
text-decoration: underline;
}
figure {
margin: 0;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
img {
border: 0;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
}
hr {
/* margin-top: 20px;
margin-bottom: 20px;*/
margin-top: 15px;
margin-bottom: 15px;
border: 0;
/*border-top: 1px solid #eeeeee;*/
border-top: 1px solid #ccc;
}
.container {
margin-right: auto;
margin-left: auto;
/* padding-left: 15px;
padding-right: 15px;*/
padding-left: 0;
padding-right: 0;
}
@media (min-width: 768px) {
.container {
/*width: 750px;*/
width: auto;
}
}
@media (min-width: 992px) {
.container {
/*width: 970px;*/
width: auto;
}
}
@media (min-width: 1200px) {
.container {
/*width: 1170px;*/
width: auto;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
/* padding-left: 15px;
padding-right: 15px;*/
padding-left: 0;
padding-right: 0;
}
.row {
/*margin-left: -15px;
margin-right: -15px;*/
margin-left: 0;
margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
/* padding-left: 15px;
padding-right: 15px;*/
padding-left: 0;
padding-right: 0;
}
@media screen, projection{
/*add style: small screen*/
.container-fluid {
margin-right: auto;
margin-left: auto;
/* padding-left: 15px;
padding-right: 15px;*/
padding-left: 0;
padding-right: 0;
}
.row {
/* margin-left: -15px;
margin-right: -15px;*/
margin-left: 0;
margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
/* padding-left: 15px;
padding-right: 15px;*/
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
/*grid*/
}
@media (min-width: 992px) {
/*grid*/
}
@media (min-width: 1200px) {
/*grid*/
}

.row{
max-width: none;
}
.row .row {
width: auto;
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: -0.9375em;
margin-right: -0.9375em;
margin-top: 0;
margin-bottom: 0;
max-width: none; }
.column, .columns {
padding-left: 0;
padding-right: 0;
}
@media only screen {
.row{
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: 0;
margin-right: 0;
}
.column, .columns {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 40.063em) {
.row{
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: 0;
margin-right: 0;
}
.column, .columns {
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (min-width: 64.063em) {
.row{
width: auto;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.row .row {
width: auto;
margin-left: 0;
margin-right: 0;
}
.column, .columns {
padding-left: 0;
padding-right: 0;
}
}

reboot-css的更多相关文章

  1. Bootstrap应用核心

    Bootstrap是当前世界最受欢迎的响应式.移动设备优先的门户和应用前端框架.它不是单一的CSS或JavaScript框架,而是完整的HTML.CSS.JavaScript框架,你可以仅通过Boot ...

  2. Matplotlib数据可视化(3):文本与轴

      在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...

  3. bootstrap4 Reboot details summary 美化(点选禁止选中文本,单行隐藏角标,多行后移)

    bootstrap4 Reboot details summary 优化这块,主要是为了去掉details summary的角标~ 所以优化写了一下. 原始HTML <details> & ...

  4. 95%的中国网站需要重写CSS

    95%的中国网站需要重写CSS 很长一段时间,我都使用12px作为网站的主要字体大小.10px太小,眼睛很容易疲劳,14px虽容易看清,却破坏页面的美感.唯独12px在审美和视力方面都恰到好处. 谁对 ...

  5. 给初学者的20个CSS实用建议

    英文原文:20-useful-css-tips-for-beginners,编译:杨礼鑫 过去就连一个镜像站点,我们都依靠大量的开发人员和程序员进行维护.得益于CSS和它的灵活性使得样式能够从代码中被 ...

  6. 20个初学者实用的CSS技巧

    过去就连一个镜像站点,我们都依靠大量的开发人员和程序员进行维护.得益于CSS和它的灵活性使得样式能够从代码中被独立抽离出来,从而让一个只具备基本CSS理论的初学者都能够轻易地改变网站的样式. 不论你是 ...

  7. Python flask+css+js+ajax 综合复习

    flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用   request.args.get('变量') 去接收, get ...

  8. HTML与CSS学习笔记(7)

    1.响应式布局 利用媒体查询,即media queries,可以针对不同的媒体类型定义不同的样式,从而实现响应式布局. 常见选项: 媒体类型 and.not min-width.max-width: ...

  9. 全面系统讲解CSS工作应用+面试一步搞定

    [TOC] 一.课程介绍 二.HTML基础强化 html常见元素和理解 html常见元素分类 head区元素:(不会在页面上留下元素) * meta * title * style * link * ...

  10. CSS的未来

    仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...

随机推荐

  1. ETL from hadoop to vertica

    根据项目需要,我做了一个POC(proof of concept),XML TXT的数据从HADOOP 引入到VERTICA. 我采用的方案是pig,具体信息可以参加vertica官方的文档. Acc ...

  2. HDU 4568 Hunter 最短路+状压DP

    题意:给一个n*m的格子,格子中有一些数,如果是正整数则为到此格子的花费,如果为-1表示此格子不可到,现在给k个宝藏的地点(k<=13),求一个人从边界外一点进入整个棋盘,然后拿走所有能拿走的宝 ...

  3. ant 自动构建血泪史

    1.  android.bat update project -p . -t xxx 其中: xxx 为 targetid 特别注意的是:  targetid 不等于 API Level.... 2. ...

  4. Volley(一 )—— 框架简介

    一.引言 虽然网上已经有很多大神.高手都写过了类似的帖子,但作为新人,必须要走模仿的道路,再考虑超越,因此学习大神的笔记,记录自己的理解,是一个菜鸟走向成功的必经之路啊.如签名所言,记录自己摸爬滚打的 ...

  5. Linux下smokeping网络监控环境部署记录

    smokeping是一款监控网络状态和稳定性的开源软件(它是rrdtool的作者开发的),通过它可以监控到公司IDC的网络状况,如延时,丢包率,是否BGP多线等:smokeping会向目标设备和系统发 ...

  6. VS 2013 中如何自定义代码片段

    1.菜单 工具->代码段管理器

  7. C# winform版 nbtstat

    参考:http://www.cnblogs.com/geqinggao/archive/2013/01/21/2869644.html 一.nbtstat命令 显示基于 TCP/IP 的 NetBIO ...

  8. openresty 前端开发进阶一之http后端

    做前端开发,大多数情况下,都需要跟后端打交道,而最常见的方式则是通过http请求,进行通信. 在openresty中,通过http跟后端整合通信的方式又很多种,各有各的好处,可以根据情况交叉使用 1. ...

  9. no.3 base64

    tool.chinaz.com的base64有的无法解密: 如:ZXZhbCgkX1BPU1RbcDRuOV96MV96aDNuOV9qMXVfU2gxX0oxM10pNTU2NJC3ODHHYWJI ...

  10. Activiti系列:如何把Activiti工程转换为maven工程以解决依赖项找不到的问题

    在eclipse中安装了Activiti插件之后,就可以新建Activiti工程,但是在实际使用时发现,在该工程中间新建Activiti Diagram,绘制好该图形之后,右键,新建单元测试,选择ju ...