reboot-css
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的更多相关文章
- Bootstrap应用核心
Bootstrap是当前世界最受欢迎的响应式.移动设备优先的门户和应用前端框架.它不是单一的CSS或JavaScript框架,而是完整的HTML.CSS.JavaScript框架,你可以仅通过Boot ...
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- bootstrap4 Reboot details summary 美化(点选禁止选中文本,单行隐藏角标,多行后移)
bootstrap4 Reboot details summary 优化这块,主要是为了去掉details summary的角标~ 所以优化写了一下. 原始HTML <details> & ...
- 95%的中国网站需要重写CSS
95%的中国网站需要重写CSS 很长一段时间,我都使用12px作为网站的主要字体大小.10px太小,眼睛很容易疲劳,14px虽容易看清,却破坏页面的美感.唯独12px在审美和视力方面都恰到好处. 谁对 ...
- 给初学者的20个CSS实用建议
英文原文:20-useful-css-tips-for-beginners,编译:杨礼鑫 过去就连一个镜像站点,我们都依靠大量的开发人员和程序员进行维护.得益于CSS和它的灵活性使得样式能够从代码中被 ...
- 20个初学者实用的CSS技巧
过去就连一个镜像站点,我们都依靠大量的开发人员和程序员进行维护.得益于CSS和它的灵活性使得样式能够从代码中被独立抽离出来,从而让一个只具备基本CSS理论的初学者都能够轻易地改变网站的样式. 不论你是 ...
- Python flask+css+js+ajax 综合复习
flask 基本语法结构 注:这里练习的时候把装饰器的@给忘记了,导致访问404 下面练习一下在前段向后端传递参数 get请求需要用 request.args.get('变量') 去接收, get ...
- HTML与CSS学习笔记(7)
1.响应式布局 利用媒体查询,即media queries,可以针对不同的媒体类型定义不同的样式,从而实现响应式布局. 常见选项: 媒体类型 and.not min-width.max-width: ...
- 全面系统讲解CSS工作应用+面试一步搞定
[TOC] 一.课程介绍 二.HTML基础强化 html常见元素和理解 html常见元素分类 head区元素:(不会在页面上留下元素) * meta * title * style * link * ...
- CSS的未来
仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...
随机推荐
- 聚合数据天气预报API-ajax 通过城市名取数据
如需要,可申请聚合数据天气预报API:https://www.juhe.cn/docs/api/id/39,并生成AppKey. 接口地址:http://v.juhe.cn/weather/index ...
- 【Android UI设计与开发】6.底部菜单栏(三)使用Fragment+PopupWindow仿QQ空间最新版底部菜单栏
直接看栗子吧,效果基本实现,界面微调和弹窗的优化,去做的话会很耗时说,暂时就酱紫了.上传效果动态图太大了,直接手机截图的效果图如下: 至于代码的实现主要就是自定义的菜单栏,和用 PopupWindow ...
- 迭代加深搜索 POJ 1129 Channel Allocation
POJ 1129 Channel Allocation Time Limit: 1000MS Memory Limit: 10000K Total Submissions: 14191 Acc ...
- AOJ 739 First Blood
First Blood Time Limit: 1000 ms Memory Limit: 64 MBTotal Submission: 152 Submission Accepted: 37 ...
- HDU 2082 找单词 --生成函数
跟上题是一个思路:http://www.cnblogs.com/whatbeg/p/3728545.html 只不过是上一题的扩展. 代码: #include <iostream> #in ...
- UVA 439 Knight Moves --DFS or BFS
简单搜索,我这里用的是dfs,由于棋盘只有8x8这么大,于是想到dfs应该可以过,后来由于边界的问题,TLE了,改了边界才AC. 这道题的收获就是知道了有些时候dfs没有特定的边界的时候要自己设置一个 ...
- 第23章 SEH结构化异常处理(2)_编译器对系统SEH机制的封装
23.2 编译器层面对系统SEH机制的封装 23.2.1 扩展的EXCEPTION_REGISTRATION级相关结构:VC_EXCEPTION_REGISTRATION (1)VC_EXCEPTIO ...
- maven总结1
环境:win7 maven版本:apache-maven-3.1.1-bin.zip maven安装 1.确定已经正确安装jdk,若未安装需要先安装jdk 2.http://maven.apac ...
- UMLUnified Modeling Language (UML)又称统一建模语言或标准建模语言
1.用例图(use case diagram) 2.活动图(activity diagram) 3.静态结构图 4.顺序图(Sequence Diagram):时序图 5.交互纵览图(Interact ...
- linux上的常见命令掌握
http://coolshell.cn/articles/8883.html 这篇文章来源于Quroa的一个问答<What are some time-saving tips that ever ...