css-small-box:php-manual
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
css-small-box:php-manual [2010/04/13 08:34] – 0.1.1 dgbadmin | css-small-box:php-manual [2015/09/26 21:48] (現在) – [ダウンロード] dgbadmin | ||
---|---|---|---|
行 6: | 行 6: | ||
きちんとしたデザインが描ける人ならもっとかっこよくできるんだろうけど、とりあえず素のマニュアルよりは見やすくはなったと思う。\\ | きちんとしたデザインが描ける人ならもっとかっこよくできるんだろうけど、とりあえず素のマニュアルよりは見やすくはなったと思う。\\ | ||
個人的な好みで角丸を多用した。(Firefox、Safari、Chromeのみ対応。) | 個人的な好みで角丸を多用した。(Firefox、Safari、Chromeのみ対応。) | ||
+ | |||
+ | |||
+ | ===== サンプル ===== | ||
+ | [[http:// | ||
===== ライセンス ===== | ===== ライセンス ===== | ||
[[http:// | [[http:// | ||
+ | |||
+ | |||
+ | ===== ダウンロード ===== | ||
+ | [[http:// | ||
+ | |||
+ | ※ダウンロードできるのは最新のベータ版の場合があります | ||
行 18: | 行 28: | ||
| | ||
| | ||
- | | + | |
- | | + | |
| | ||
*/ | */ | ||
/* フォント */ | /* フォント */ | ||
- | body{ | + | body{ |
- | font-family: | + | font-family: |
- | _font-family: | + | |
} | } | ||
- | html: | + | @media print{ /* 印刷 |
- | font-family: | + | body{ |
+ | font-family: | ||
+ | } | ||
} | } | ||
- | + | ||
/* 基礎 */ | /* 基礎 */ | ||
html{ | html{ | ||
行 39: | 行 50: | ||
outline: none; /* クリックされた時に破線を表示しない */ | outline: none; /* クリックされた時に破線を表示しない */ | ||
} | } | ||
- | + | ||
+ | /* リンクの色 */ | ||
+ | a{ | ||
+ | color: #03c; | ||
+ | } | ||
+ | a: | ||
+ | color: #639; | ||
+ | } | ||
+ | a:hover, a:active{ | ||
+ | color: #c11; | ||
+ | } | ||
/* php manual用 */ | /* php manual用 */ | ||
html{ | html{ | ||
padding: 0 1em; | padding: 0 1em; | ||
- | background-color: | + | background-color: |
} | } | ||
body{ | body{ | ||
行 52: | 行 74: | ||
} | } | ||
h1{ | h1{ | ||
- | padding: | + | padding: 0.3em 1em; |
color: #fff; | color: #fff; | ||
- | } | + | background-color: |
- | h1{ | + | border-radius: |
- | background-color: | + | |
- | -moz-border-radius: | + | |
- | -webkit-border-radius: | + | |
} | } | ||
h2{ | h2{ | ||
margin-bottom: | margin-bottom: | ||
padding-left: | padding-left: | ||
- | border-left: | + | border-left: |
- | color: #728490; | + | color: #396; |
} | } | ||
h3{ | h3{ | ||
padding-left: | padding-left: | ||
- | color: #728490; | + | color: #396; |
- | border-bottom: | + | border-bottom: |
} | } | ||
h4{ | h4{ | ||
margin: 3em 0 0; | margin: 3em 0 0; | ||
padding: 0.5em; | padding: 0.5em; | ||
- | color: #728490; | + | color: #396; |
font-size: 110%; | font-size: 110%; | ||
- | border: solid 1px #728490; | + | border: solid 1px #396; |
border-width: | border-width: | ||
} | } | ||
行 110: | 行 129: | ||
th, td{ | th, td{ | ||
padding: 0.5em; | padding: 0.5em; | ||
- | border: solid 1px #728490; | + | border: solid 1px #666; |
} | } | ||
th{ | th{ | ||
- | background-color: | + | background-color: |
white-space: | white-space: | ||
} | } | ||
行 123: | 行 142: | ||
padding: 0 1em; | padding: 0 1em; | ||
border: solid 1px #f30; | border: solid 1px #f30; | ||
- | -moz-border-radius: | + | border-radius: |
- | -webkit-border-radius: | + | |
} | } | ||
pre{ | pre{ | ||
行 133: | 行 151: | ||
padding: 0 1em; | padding: 0 1em; | ||
font-size: 90%; | font-size: 90%; | ||
- | line-height: 1.1; | + | } |
+ | div.prev a[href*=" | ||
+ | content: " <<"; | ||
+ | } | ||
+ | div.next a[href*=" | ||
+ | content: ">> | ||
+ | } | ||
+ | div.home a:after{ | ||
+ | content: " トップページ" | ||
} | } | ||
div.section, | div.section, | ||
margin-bottom: | margin-bottom: | ||
padding: 0 1em 1em; | padding: 0 1em 1em; | ||
- | border: solid 1px #728490; | + | border: solid 1px #666; |
- | -moz-border-radius: | + | border-radius: |
- | -webkit-border-radius: | + | |
} | } | ||
div.classsynopsis, | div.classsynopsis, | ||
margin-bottom: | margin-bottom: | ||
padding: 0.5em; | padding: 0.5em; | ||
- | border: solid 1px #728490; | + | border: solid 1px #666; |
- | background-color: | + | background-color: |
line-height: | line-height: | ||
- | -moz-border-radius: | + | border-radius: |
- | -webkit-border-radius: | + | |
} | } | ||
div.classsynopsis div.constructorsynopsis, | div.classsynopsis div.constructorsynopsis, | ||
行 179: | 行 203: | ||
} | } | ||
span.initializer{ | span.initializer{ | ||
- | color: #728490; | + | color: #396; |
} | } | ||
div.phpcode, | div.phpcode, | ||
margin-bottom: | margin-bottom: | ||
padding: 0.5em 1em; | padding: 0.5em 1em; | ||
- | border: solid 1px #728490; | + | border: solid 1px #666; |
line-height: | line-height: | ||
- | -moz-border-radius: | + | border-radius: |
- | -webkit-border-radius: | + | |
} | } | ||
div.phpcode{ | div.phpcode{ | ||
行 193: | 行 216: | ||
} | } | ||
div.cdata{ | div.cdata{ | ||
- | background-color: | + | background-color: |
} | } | ||
div.inicode, | div.inicode, | ||
margin-bottom: | margin-bottom: | ||
padding: 0.5em 1em; | padding: 0.5em 1em; | ||
- | border: solid 1px #728490; | + | border: solid 1px #666; |
- | background-color: | + | background-color: |
line-height: | line-height: | ||
word-wrap: break-word; | word-wrap: break-word; | ||
- | -moz-border-radius: | ||
- | -webkit-border-radius: | ||
} | } | ||
div.screen div.cdata{ | div.screen div.cdata{ | ||
行 217: | 行 238: | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
- | color: #728490; | + | color: #396; |
+ | font-size: 116%; | ||
background-color: | background-color: | ||
+ | background-image: | ||
} | } | ||
div.tip{ | div.tip{ | ||
padding: 0.5em 1em 0; | padding: 0.5em 1em 0; | ||
border: solid 1px #ccc; | border: solid 1px #ccc; | ||
- | -moz-border-radius: | + | border-radius: 10px; |
- | -webkit-border-radius: | + | } |
+ | |||
+ | /* 左右の下端にスクロールに付随しないエリアを設ける */ | ||
+ | div.fixed-corner{ | ||
+ | position: fixed; | ||
+ | bottom: 0; | ||
+ | padding: 0.5em 1em 0.3em; | ||
+ | background-color: | ||
+ | border: solid 1px #666; | ||
+ | border-bottom-width: | ||
+ | zoom: 1; /* filterのためのhasLayout対策 */ | ||
+ | filter: alpha(opacity=85); | ||
+ | opacity: 0.85; | ||
+ | } | ||
+ | div# | ||
+ | left: 0; | ||
+ | border-top-right-radius: | ||
+ | } | ||
+ | div#fixed-corner-right{ | ||
+ | right: 0; | ||
+ | border-top-left-radius: | ||
} | } | ||
</ | </ | ||
css-small-box/php-manual.1271115297.txt.gz · 最終更新: 2010/04/13 08:34 by dgbadmin