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未来的范畴,而这一切都还不能够确定下来,所以这一章 ...
随机推荐
- 原创翻译-值得关注的10个python语言博客
原文链接 原文链接的网页感觉网络不是很好,不容易上.我在这里就给大家做个翻译吧. 大家好,还记得我当时学习python的时候,我一直努力地寻找关于python的博客,但我发现它们的数量很少.这也是我建 ...
- UESTC 914 方老师的分身I Dijkstra
题意:求有向图的往返最短路的最长长度. 分析:求第一次到所有点的距离可以用一次Dijkstra求最短路求出来.考虑回来的路,想想就知道,从每个点回来的路即为将边的方向反转再求一次最短路后的结果. 所以 ...
- ZOJ 1109 Language of FatMouse
较简单字典树,每输入一对字符串,前一个放在字典(数组)中,后一个插入字典树中,并将其最终的flag赋为前一个在数组中的下标,再就好找了.输入的处理方法要注意一下. 代码: #include <i ...
- bootstrap学习总结-css样式设计(二)
首先,很感谢各位园友对我的支持,关于bootstrap的学习总结,我会持续更新,如果有写的不对的地方,麻烦各位给我指正出来哈.关于上篇文章,固定布局和流式布局很关键,如果还不太清楚的可以再看看我写的h ...
- java 10-4 Scanner方法
Scanner:用于接收键盘录入数据 常用的两个方法(int举例): public int nextInt():获取一个int类型的值 public String nextLine():获取一个St ...
- jsp 微信公众平台 token验证(php、jsp)(转载)
微信公众平台现在推出自动回复消息接口,但是由于是接口内容用的是PHP语言写的,很多地方操作起来让本人这个对java比较熟悉的小伙很别扭,所以仿照PHP的接口代码做了一套jsp语言编写的接口. 首先先把 ...
- android窗口泄漏,isInEditMode解决可视化编辑器无法识别自定义控件的问题
android窗口泄漏 在做项目是遇到这个错误:google:WindowManager: Activity has leaked window. 产 生原因:我们知道Android的每一个Activ ...
- sp_executesql介绍和使用
原文:http://www.cnblogs.com/wanyuan8/archive/2011/11/09/2243483.html execute相信大家都用的用熟了,简写为exec,除了用来执行存 ...
- 【MFC】无边框窗体 WS_THICKFRAME
1.没有WS_THICKFRAME,有WS_SYSMENU,就没办法通过相应WM_NCHITTEST,去处理窗口的缩放.2.没有WS_THICKFRAME,也没有WS_SYSMEN,在xp系统下任务栏 ...
- android volley get请求使用
调用百度api微博热门精选接口,使用了volley,简单说说volley get的请求方式的使用 header的设置和请求参数的设置,见代码如下: private void getWeixinNews ...