Poisona(reset.css)を更新しました
以前ご紹介した特製リセットCSS「Poisona」をバージョンアップしました。
制作作業をするなかで色々と問題が発覚したため、多数修正を施しました。
Poisonaを使用してくださっている方がいたら申し訳ないので、修正を施したバージョンのPoisonaを公開させていただきます。
+Sourceをクリックして展開してください
@charset "utf-8"
/* ====================================================
Poisona Version 2.11
2.11からの変更点
- センタリング時の背景1pxずれに対応
2.10からの変更点
- IE用テーブルセルのフォントリセットを追記
2.00からの変更点
- clearfixのbottom marginをfix
- 日本語フォントが入っていない環境（英語版など）で、テキストが文字化けしていたのを解消
====================================================*/
/* ====================================================
スタイルの初期化
====================================================*/
html {
overflow-y: scroll;
}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,textarea {
margin:0;
padding:0;
display:block;
}
img {
vertical-align:bottom;
}
ul,ol {
list-style:none;
}
fieldset,img {
border:none;
}
caption,th {
text-align:left;
}
table {
border-collapse:collapse;
border-spacing:0;
}
q:befor,q:after {
content:'';
}
abbr,acronym {
border:0;
}
p {
text-align:justify;
}
/* ----------------------------------------------------
letter-spacingを使用した際、
<br>を2個書かないと改行しないのを解消
---------------------------------------------------- */
br { /* */
letter-spacing:normal;
}
/* ----------------------------------------------------
1px Centering Fix
---------------------------------------------------- */
*:first-child+html body {
padding-left: 1px!important;
}
*html body {
padding-left: 1px;
}
html>/**/body,x:-moz-any-link, x:default
{
margin-left:-1px;
}
/* ====================================================
よく使用するクラスライブラリ
====================================================*/
/* ----------------------------------------------------
text-align
---------------------------------------------------- */
.ac {
text-align: center;
}
.ar {
text-align: right;
}
.al {
text-align: left;
}
/* ----------------------------------------------------
float
---------------------------------------------------- */
.fr {
float: right;
}
.fl {
float: left;
}
/* ----------------------------------------------------
margin
---------------------------------------------------- */
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
/* ----------------------------------------------------
padding
---------------------------------------------------- */
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
/* ====================================================
creafixなどフロート解除関連
====================================================*/
.clear {
clear: both;
}
/* ----------------------------------------------------
clearfix の代用
<div class="hr"><hr /></div>
---------------------------------------------------- */
div.hr { clear:both; }
div.hr hr { display:none; }
/* ----------------------------------------------------
clearfix
---------------------------------------------------- */
.clearfix {
zoom:1;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
font-size: 0;
line-height: 0;
margin: -1px 0 0 0;
}
/* for IE6 */
* html .clearfix {
display:inline-block;
}
/* for IE7 */
*+html .clear<span class="hilite">f</span>ix {
display:inline-block;
}
/* for MacIE5 \*//*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* ====================================================
フォントサイズの初期化
文字潰れやIEでのシャギー化を防ぐ意味で、アンチエイリアス系フォントは指定しません。
====================================================*/
body {
font-size: 12px;
*font-size: 75%;
font-family: sans-serif;
*font-family: "ＭＳ Ｐゴシック",Tahoma;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
a , a:visited {
overflow: hidden;
}
table th,
table td {
_font-size: 77%;
line-height:1.5;
}
