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. 快速理解Kafka分布式消息队列框架

    作者:刘旭晖 Raymond 转载请注明出处 Email:colorant at 163.com BLOG:http://blog.csdn.net/colorant/ ==是什么 == 简单的说,K ...

  2. NOIP2010提高组 关押罪犯 -SilverN

    (洛谷P1525) 题目描述 S 城现有两座监狱,一共关押着N 名罪犯,编号分别为1~N.他们之间的关系自然也极不和谐.很多罪犯之间甚至积怨已久,如果客观条件具备则随时可能爆发冲突.我们用“怨气值”( ...

  3. cri-o 创建非infra容器

    1.// cri-o/server/container.go // CreateContainer creates a new container in specified PodSandbox fu ...

  4. selenium之ExpectedConditions类

    API中对于该类的介绍:Canned ExpectedConditions which are generally useful within webdriver tests.很笼统,大概意思就是在w ...

  5. Django中的syncdb命令

    从官方文档的意思来看,现在他已经成为migrate命令的同义词了,和migrate命令有相同的作用. Deprecated since version 1.7: This command has be ...

  6. Jenkins遇到问题一:jenkins配置权限不对导致无法登陆或者空白页面解决办法

    找到.jenkins/config.xml文件:替换为:1.<authorizationStrategy class="hudson.security.AuthorizationStr ...

  7. android studio 导入工程问题总结

    github上下了几个开源项目,在导入android studio时出现各种问题, 在网上查询各种资料后一一得以解决,现对个问题点进行简单的总结: 1. gradle project sync fai ...

  8. 【夯实Mysql基础】MySQL在Linux系统下配置文件及日志详解

    本文地址 分享提纲: 1. 概述 2. 详解配置文件 3. 详解日志 1.概述 MySQL配置文件在Windows下叫my.ini,在MySQL的安装根目录下:在Linux下叫my.cnf,该文件位于 ...

  9. CLR执行模式之程序集代码的执行

    所知IL是与CPU无关的机器语言,其能访问和操作对象类型,并提供指令来创建和初始化对象,调用对象上的虚方法以及直接操作数组对象等,故可视为一种面向对象的机器语言.每种语言的存在都有其存在的价值和原因, ...

  10. 如何配置CentOS或者RedHat5.X、6.X、7.X的网络yum源

    第一步:找到一个可靠的yum源 中科大帮助:https://lug.ustc.edu.cn/wiki/mirrors/help/centos源:http://mirrors.ustc.edu.cn/c ...