reset.css
theme :
最小限の指定でレンダリングスピード重視なリセットCSS
アスタリスクをつかわないで全部リセット
@charset "utf-8"; /* ======================================================== title : RESET CSS author : locationsdesign for : Firefox2, IE5.5-7, opera9, Netscape7.1, Safari date : 2007.10.3 ======================================================== */ body { margin: 0 ; line-height: 1.6; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; background-color: white ; } h1,h2,h3,h4,h5,h6 { font-size: 100% ; font-weight: normal ; margin-top: 0 ; margin-bottom: 0 ; } ul,ol { margin-left: 0 ; /* IE */ padding-left: 0 ; /* Firefox */ margin-top: 0 ; margin-bottom: 0 ; } dl { margin-top: 0 ; margin-bottom: 0 ; } dd { margin-left: 0 ; } table { border-style: none ; border-collapse: collapse ; } caption { padding: 0 ; } tr { } th { font-weight: normal ; text-align: left ; padding: 0 ; } td { padding: 0 ; } form { margin-top: 0 ; /* IE */ margin-bottom: 0 ; /* IE */ } input { border-width: 2px ; font-size: 10pt ; padding: 1px ; vertical-align: middle ; } optgroup { font-weight: normal ; font-style: normal ; } fieldset { border-style: groove ; padding: 0px 5px 5px 5px ; } legend { font-weight: normal ; color: black ; padding: 0 2px 0 2px ; } p { margin-top: 0 ; margin-bottom: 0 ; } address,cite,em,dfn,var { font-style: normal ; } abbr { } acronym { } strong { font-weight: normal ; } pre { font-size: 100% ; /* font-family: sans-serif ; */ white-space: pre ; margin-top: 0 ; margin-bottom: 0 ; } code,kbd,samp { font-size: 100% ; /* font-family: sans-serif ; */ } ins { text-decoration: underline ; } del { text-decoration: line-through ; } bdo { /* text-decoration: bidi-override ; */ } hr { text-align: center ; margin : 5px 0 ; } img { border: 0 ; vertical-align: bottom ; } label { cursor: pointer ; }
theme : 非GUI(音声ブラウザ等)向け指定
@charset "utf-8"; /* ======================================================== title : forNonGUI CSS author : locationsdesign for : Firefox2, IE5.5-7, opera9, Netscape7.1, Safari ======================================================== */ /* ============================ for block ============================ */ .nonDisplay { position: absolute; top: 0; left: -5000px; height: 0 ; } /* ============================ for content or text ============================ */ .hide { overflow: hidden; text-indent: -9999px ; } /* ============================ nonValidClearfix ============================ */ .nonValidClearfix{ zoom : 1 ; /*for IE 5.5 - 7*/ } .nonValidClearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* ============================ Clearfix ============================ */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* WinIE7 only */ *:first-child+html .clearfix{ height : 1% ; } /* WinIE6 and below */ /*\*/ * html .clearfix{ height : 1% ; } /**/ /* MacIE only */ /*\*//*/ .clearfix{ display : inline-table ; } /**/