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. ORA-01034: ORACLE not available如何解决

    一个小小的问题,让我折腾了一个上午,下午三点彻底解决了,分享一个给大家解决方法,尽管在测试服务器上,但是经验是值得总结和分享的. ERROR:ORA-01034: ORACLE not availab ...

  2. 使用jsonpath解析json内容

    JsonPath提供的json解析非常强大,它提供了类似正则表达式的语法,基本上可以满足所有你想要获得的json内容.下面我把官网介绍的每个表达式用代码实现,可以更直观的知道该怎么用它. 一.首先需要 ...

  3. spring加载xml

    加载文件顺序 情形一:使用classpath加载且不含通配符 这是最简单的情形,Spring默认会使用当前线程的ClassLoader的getResource方法获取资源的URL,如果无法获得当前线程 ...

  4. 边工作边刷题:70天一遍leetcode: day 88-5

    coins in a line I/II/III: check above 1. recursion的返回和dp[left][right]表示什么?假设game是[left,right],那么play ...

  5. codeforces 721C C. Journey(dp)

    题目链接: C. Journey time limit per test 3 seconds memory limit per test 256 megabytes input standard in ...

  6. UESTC 882 冬马党 --状压DP

    定义:dp[i][j]为状态为j时,第i行符合条件的状态数 转移方程:dp[i][j] += dp[i-1][t]   //t为上一行状态,与当前行不冲突. 从第一行开始向下枚举,每次枚举当前行的状态 ...

  7. POJ 1201 Intervals

    题意:有n个区间[a,b],每个区间有一个值c.找一个集合中的元素使得每个区间至少有c个元素在这个集合中,问最小的集合大小. 思路:设d[i+1]表示0到i有多少个数在这个集合中,显然对于每个区间,d ...

  8. SQL Server进制

    在项目中,大家可能都遇到过,需要把十进制转换为其他进制的情况,google上一搜,已经有很多2进制.8进制.16进制和十进制的转换方法.但是在一些项目中,这些可能无法满足要求,可能需要17.18甚至是 ...

  9. js常见执行方法$(document).load(),$(document).ready()

    $(document).load(); 当web页面以及其附带的资源文件,如CSS,Scripts,图片等,加载完毕后执行此方法.常用于检测页面(及其附带资源)是否加载完毕. $(document). ...

  10. Expression<Func<T,TResult>>和Func<T,TResult>

    1.Expression<Func<T,TResult>>是表达式 //使用LambdaExpression构建表达式树 Expression<Func<int, ...