css-small-box:php-manual
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
css-small-box:php-manual [2010/04/24 22:14] – サンプルとダウンロードリンク追加 dgbadmin | css-small-box:php-manual [2015/09/26 21:48] (現在) – [ダウンロード] dgbadmin | ||
---|---|---|---|
行 17: | 行 17: | ||
===== ダウンロード ===== | ===== ダウンロード ===== | ||
- | [[http:// | + | [[http://g.0-oo.net/ |
※ダウンロードできるのは最新のベータ版の場合があります | ※ダウンロードできるのは最新のベータ版の場合があります | ||
行 28: | 行 28: | ||
| | ||
| | ||
- | | + | |
- | | + | |
| | ||
*/ | */ | ||
/* フォント */ | /* フォント */ | ||
- | body{ | + | body{ |
- | font-family: | + | font-family: |
- | _font-family: | + | |
} | } | ||
- | html: | + | @media print{ /* 印刷 |
- | font-family: | + | body{ |
+ | font-family: | ||
+ | } | ||
} | } | ||
- | + | ||
/* 基礎 */ | /* 基礎 */ | ||
html{ | html{ | ||
行 49: | 行 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{ | ||
行 62: | 行 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: | ||
} | } | ||
行 120: | 行 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: | ||
} | } | ||
行 133: | 行 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{ | ||
行 143: | 行 151: | ||
padding: 0 1em; | padding: 0 1em; | ||
font-size: 90%; | font-size: 90%; | ||
- | line-height: | ||
} | } | ||
- | div.prev a:after{ | + | div.prev a[href*=" |
content: " <<"; | content: " <<"; | ||
} | } | ||
- | div.next a:before{ | + | div.next a[href*=" |
content: ">> | content: ">> | ||
} | } | ||
div.home a:after{ | div.home a:after{ | ||
- | content: "(トップページ)"; | + | 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, | ||
行 198: | 行 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{ | ||
行 212: | 行 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{ | ||
行 236: | 行 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.txt · 最終更新: 2015/09/26 21:48 by dgbadmin