ゼロと無限の間に

フリーでオープンソースなJavaScriptとかPHPとか。

ユーザ用ツール

サイト用ツール


css-small-box:php-manual

差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
css-small-box:php-manual [2010/04/13 08:34]
dgbadmin 0.1.1
css-small-box:php-manual [2015/09/26 21:48] (現在)
dgbadmin [ダウンロード]
行 6: 行 6:
 きちんとしたデザインが描ける人ならもっとかっこよくできるんだろうけど、とりあえず素のマニュアルよりは見やすくはなったと思う。\\ きちんとしたデザインが描ける人ならもっとかっこよくできるんだろうけど、とりあえず素のマニュアルよりは見やすくはなったと思う。\\
 個人的な好みで角丸を多用した。(Firefox、Safari、Chromeのみ対応。) 個人的な好みで角丸を多用した。(Firefox、Safari、Chromeのみ対応。)
 +
 +
 +===== サンプル =====
 +[[http://0-oo.net/php-manual/|PHP日本語マニュアル]]
  
  
 ===== ライセンス ===== ===== ライセンス =====
 [[http://0-oo.net/pryn/MIT_license.txt|MITライセンス]]で。 [[http://0-oo.net/pryn/MIT_license.txt|MITライセンス]]で。
 +
 +
 +===== ダウンロード =====
 +[[http://g.0-oo.net/php-manual.css|php-manual.css]]
 +
 +※ダウンロードできるのは最新のベータ版の場合があります
  
  
行 18: 行 28:
   PHP-Manual.css   PHP-Manual.css
   @see       http://0-oo.net/sbox/css-small-box/php-manual   @see       http://0-oo.net/sbox/css-small-box/php-manual
-  @version   0.1.1 +  @version   0.2.0 
-  @copyright 2010 dgbadmin@gmail.com+  @copyright 2010-2013 dgbadmin@gmail.com
   @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)   @license   http://0-oo.net/pryn/MIT_license.txt (The MIT license)
  */  */
    
 /* フォント */ /* フォント */
-body{ +body{                  
- font-family: "メイリオ", Verdana, sans-serif; /* IE7+ */ + font-family: "Hiragino Kaku Gothic ProN", "Meiryo UI", "メイリオ", Verdana, sans-serif;
- _font-family: Verdana, sans-serif; /* IE6 */+
 } }
-html:not(:target) body{ /* その他 */ +@media print{ /* 印刷 */ 
- font-family: "Hiragino Kaku Gothic Pro", Verdanasans-serif;+ body{ 
 + font-family: "Hiragino Mincho ProN", "MS P明朝", serif; 
 + }
 } }
- +
 /* 基礎 */ /* 基礎 */
 html{ html{
行 39: 行 50:
  outline: none; /* クリックされた時に破線を表示しない */  outline: none; /* クリックされた時に破線を表示しない */
 } }
- + 
 +/* リンクの色 */ 
 +a{ 
 + color: #03c; 
 +
 +a:visited{ 
 + color: #639; 
 +
 +a:hover, a:active{ 
 + color: #c11; 
 +
 /* php manual用 */ /* php manual用 */
 html{ html{
  padding: 0 1em;  padding: 0 1em;
- background-color: #728490;+ background-color: #333;
 } }
 body{ body{
行 52: 行 74:
 } }
 h1{ h1{
- padding: 0.4em 1em 0.3em;+ padding: 0.3em 1em;
  color: #fff;  color: #fff;
-+ background-color: #396
-h1{ + border-radius: 10px;
- background-color: #728490+
- -moz-border-radius: 10px; +
- -webkit-border-radius: 10px;+
 } }
 h2{ h2{
  margin-bottom: 0.5em;  margin-bottom: 0.5em;
  padding-left: 0.5em;  padding-left: 0.5em;
- border-left: solid 10px #728490+ border-left: solid 10px #396
- color: #728490;+ color: #396;
 } }
 h3{ h3{
  padding-left: 0.5em;  padding-left: 0.5em;
- color: #728490+ color: #396
- border-bottom: dotted 1px #728490;+ border-bottom: dotted 1px #396;
 } }
 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: 1px 0;  border-width: 1px 0;
 } }
行 110: 行 129:
 th, td{ th, td{
  padding: 0.5em;  padding: 0.5em;
- border: solid 1px #728490;+ border: solid 1px #666;
 } }
 th{ th{
- background-color: #ccc;+ background-color: #ddd;
  white-space: nowrap;  white-space: nowrap;
 } }
行 123: 行 142:
  padding: 0 1em;  padding: 0 1em;
  border: solid 1px #f30;  border: solid 1px #f30;
- -moz-border-radius: 10px; + border-radius: 10px;
- -webkit-border-radius: 10px;+
 } }
 pre{ pre{
行 133: 行 151:
  padding: 0 1em;  padding: 0 1em;
  font-size: 90%;  font-size: 90%;
- line-height1.1;+
 +div.prev a[href*="."]:after{ 
 + content: " <<"; 
 +
 +div.next a[href*="."]:before{ 
 + content: ">> "; 
 +
 +div.home a:after{ 
 + content: " トップページ";
 } }
 div.section, div.sect2, div.refsect1{ div.section, div.sect2, div.refsect1{
  margin-bottom: 1em;  margin-bottom: 1em;
  padding: 0 1em 1em;  padding: 0 1em 1em;
- border: solid 1px #728490+ border: solid 1px #666
- -moz-border-radius: 10px; + border-radius: 10px;
- -webkit-border-radius: 10px;+
 } }
 div.classsynopsis, div.constructorsynopsis, div.methodsynopsis{ div.classsynopsis, div.constructorsynopsis, div.methodsynopsis{
  margin-bottom: 1em;  margin-bottom: 1em;
  padding: 0.5em;  padding: 0.5em;
- border: solid 1px #728490+ border: solid 1px #666
- background-color: #ccc;+ background-color: #ddd;
  line-height: 1.4;  line-height: 1.4;
- -moz-border-radius: 10px; + border-radius: 10px;
- -webkit-border-radius: 10px;+
 } }
 div.classsynopsis div.constructorsynopsis, div.classsynopsis div.constructorsynopsis,
行 179: 行 203:
 } }
 span.initializer{ span.initializer{
- color: #728490;+ color: #396;
 } }
 div.phpcode, div.cdata{ div.phpcode, div.cdata{
  margin-bottom: 1em;  margin-bottom: 1em;
  padding: 0.5em 1em;  padding: 0.5em 1em;
- border: solid 1px #728490;+ border: solid 1px #666;
  line-height: 1.4;  line-height: 1.4;
- -moz-border-radius: 10px; + border-radius: 10px;
- -webkit-border-radius: 10px;+
 } }
 div.phpcode{ div.phpcode{
行 193: 行 216:
 } }
 div.cdata{ div.cdata{
- background-color: #ccc;+ background-color: #ddd;
 } }
 div.inicode, div.screen, div.apache-confcode{ div.inicode, div.screen, div.apache-confcode{
  margin-bottom: 1em;  margin-bottom: 1em;
  padding: 0.5em 1em;  padding: 0.5em 1em;
- border: solid 1px #728490+ border: solid 1px #666
- background-color: #ccc;+ background-color: #ddd;
  line-height: 1.4;  line-height: 1.4;
  word-wrap: break-word;  word-wrap: break-word;
- -moz-border-radius: 10px; 
- -webkit-border-radius: 10px; 
 } }
 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: #ffd3cc;  background-color: #ffd3cc;
 + background-image: none;
 } }
 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: 10px+ border-radius: 10px; 
- -webkit-border-radius: 10px;+
 + 
 +/* 左右の下端にスクロールに付随しないエリアを設ける */ 
 +div.fixed-corner{ 
 + position: fixed; 
 + bottom: 0; 
 + padding: 0.5em 1em 0.3em; 
 + background-color: #eee; 
 + border: solid 1px #666; 
 + border-bottom-width: 0; 
 + zoom: 1; /* filterのためのhasLayout対策 */ 
 + filter: alpha(opacity=85); 
 + opacity: 0.85; 
 +
 +div#fixed-corner-left{ 
 + left: 0; 
 + border-top-right-radius: 1em
 +
 +div#fixed-corner-right{ 
 + right: 0; 
 + border-top-left-radius: 1em;
 } }
 </code> </code>
  
css-small-box/php-manual.1271115297.txt.gz · 最終更新: 2010/04/13 08:34 by dgbadmin