「CSSを修正したら表示がおかしくなった」「初期状態に戻したい」時は、以下のCSSをコピーし、そのままCSSファイルに貼り付けて下さい。すると、当初の状態に戻すことができます。
@charset "utf-8"; /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ◇◆◇ 毎日伝令くんGOLD用CSS ◇◆◇ ・コマースデザイン株式会社が提供する「毎日伝令くんGOLD」の デザインを修正するために使います。 ・中上級者向けです。修正には、CSSについての知識が必要です。 ・CSSを誤って書き換えた時に「元に戻す」ために、 このファイルの内容を、他のテキストファイルに保存してから 修正することを勧めます。 ・下の方にある、「デザインを変更」の部分のみ書き換えれば、簡単です。 [2015/03/13改訂] ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */ /******ここは変更しないでください******/ body{margin:0} .item img, .dr img{ display:block; border:none; margin: 0 auto; } .item{ border:1px solid #eee; font-size:12px; } .item p{margin:0; color:#BF0000; font-weight:bold; text-align:center;} .item p a{color:#BF0000;} .item>a{word-break: break-all;} .ttl{ width:155px; background-color:#FDD621; text-align:center;} .ttl td span{ color:#000; font-size:14px; } .item .image{ background: #ffffff; width: 138px; margin: 5px auto;} .item .price{font-size:130%;} .item .info{ text-align:right; line-height:1.4; font-weight:bold; color:#BF0000;} .info img{ margin:0;} .info span.cntrankin{font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; padding: 2px 5px; border-radius: 3px; display: inline; cursor:pointer;} .info span.cntrankin>span{font-size:14px; padding: 0 2px; font-weight: bold;} .info .rank{font-size: 17px; font-weight: bold; margin-bottom: 5px; background: #FC9; color: #C00; padding: 3px 0 3px 10px;} .item .info span.cntrankin{font-size: 11px;} /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ----------------------------------------------------- レフトナビタイプのデザインを変更 ----------------------------------------------------- */ /* ◆---------- 枠について----------◆ */ /* 全体の幅を変更できます。150pxにするときは、脇に書いてある値に変更してください。*/ .item{ width:145px; /* 131px */ margin:5px; /* 5px 0 */ padding:5px 7px; /* 5px 0 */ } /* ◆---------- 商品リンクの文字色 ----------◆ */ /*通常の色*/ .item a{ color:#1D54A7; } /*マウスカーソルをのせた時の色*/ .item a:hover{ color: #C00000; } /* ◆---------- 「計◇回受賞」 を変更できます ----------◆ */ /*ランキング市場風*/ .info span.cntrankin { color:#fff;/*文字色*/ background-color:#BF0000; /*背景色*/ font-weight:normal;/*文字の太さ 「normal」を「bold」に書き換えると太字になります*/ } /*レフトナビタイプ*/ .item .info span.cntrankin{ color:#000;/*文字色*/ background-color:#ff9899;/*背景色*/ } /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/ /******ここは変更しないでください******/ /*base*/ .ranking_box{ line-height: 1.3em; font-size: 84%; clear:both; border-bottom: solid 1px #BBB; overflow: hidden; width:544px; margin:0;} .ranking_box dl,.ranking_box dd,.ranking_box div{margin:0;} .ranking_box dd{display: block;} .ranking_box img{border: 0 none;} .rank,.imageBox{float:left;} /*link color*/ a{color:#1D54A7; text-decoration:none;} a:hover{color: #C00000; text-decoration:underline;} /*Background*/ .ranking_box .rank{background: url("http://image.event.rakuten.co.jp/ranking/mayall/img/ranking/A/bg_rank4later.gif") repeat-y 0 0px;} .top3box .rank{ background: url("http://image.event.rakuten.co.jp/ranking/mayall/img/ranking/A/bg_rank1to3.gif") repeat-y 0 0px; } .top1BgColor{ background-color:#FFEBE0; } /*rank*/ .rank{width: 56px; min-height: 150px;height: 150px;} .rank div{margin: 65px 0 0 0; color: #BF0000; font-size: 220%; font-weight: bold; text-align: center;} .rank span{font-size:12px;} .top3box .rank, .top3box .rank img{ width:56px; margin: 0;} /*else*/ dd.imageBox{padding: 13px 10px 13px 0;} dd.imageBox div *{vertical-align: middle;} dd.imageBox div{width: 138px; text-align: center; height: 138px; vertical-align: middle; display: table-cell; layout-grid-line:138px;} dd.detail{padding-right:5px; margin-left:206px !important;} .itemname{padding-top:14px; word-break: break-all; overflow:hidden; height: 2.5em;min-height: 2.5em;} .itemname > a{font-weight:bold} .itemname >span{line-height: 2.8em;} .price,.info{ text-align: right; padding-top:5px;} .price{ padding: 1px 0; font-size: 148%; color: #BF0000; font-weight: bold; text-align: right; } dd.detail .info{font-size:11px;} .review{font-weight:normal; padding:7px 0 0;} .rnkRanking_underbox{text-align: right;} /*bookmark*/ .genreRankingBookMarkBox{width: 90px; margin-bottom:6px !important;} .ranking_box div#bkmDlogArea{margin-left: 0px !important; margin-top: -5px !important;} .ranking_box div#bkmDlogArea, .ranking_box div#bkmDlogArea div#bkmDlog, .ranking_box div#bkmDlogArea div#bkmDlogComp{width: 328px !important;} .ranking_box div.bookmarkArea div.bkm{padding:0 !important;} /*over 10*/ .recommend{margin-left: 25px;} /*renewed*/ .flat_ver .top1BgColor{ background-color:#fff; } .flat_ver .ranking_box .rank{background:#fff} .flat_ver .top3box .rank{ background:#fff; } .flat_ver .rank{position:relative;} .flat_ver .rank div{font-family: 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;} .flat_ver .rank img{position:absolute; top:33px; left:0;} .clarify .itemname{height: auto;} /*timestamp*/ div.info>span{font-weight:normal; color:#808080; display:block;} /*signature*/ #signature{ margin:7px 0 7px 5px; font-size:10px; color:#808080; line-height:1; } /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ----------------------------------------------------- ランキング市場風のデザインを変更 ----------------------------------------------------- */ /* ◆---------- 商品リンクの文字色 ----------◆ */ /*通常の色*/ .dr a{ color:#1D54A7; } /*マウスカーソルをのせた時の色*/ .dr a:hover{ color: #C00000; } /*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/ /*.behind{ color:#808080 !important; font-weight:normal !important; font-size:11px; text-decoration:none; cursor:text; } ↑(全デザイン共通)ランキング市場へのリンクを目立たなくしたい場合に使います。*/