ここの情報は古いです。ご理解頂いた上でお取り扱いください。

Changeset 5174


Ignore:
Timestamp:
Feb 14, 2008, 3:21:48 PM (12 years ago)
Author:
takai
Message:

h_home, f_home, c_homeのローカルナビに対する指定

File:
1 edited

Legend:

Unmodified
Added
Removed
  • work/takai/xhtmlcss/style.css

    r5169 r5174  
    3636img {
    3737        border: 0;
    38         vertical-align: text-bottom;
     38        vertical-align: bottom;
    3939}
    4040br {
     
    9797        background: url("http://takai.sns.dazai.pne.jp/skin/default/img/icon_arrow_1.gif") no-repeat 0 50%;
    9898}
    99 
    10099
    101100#globalNav {
     
    105104        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header.jpg) 0 0 no-repeat;
    106105}
    107 #localNav {
     106.localNav {
    108107        position: relative;
    109108        width: 720px;
    110109        height: 29px;
     110}
     111#globalNav li a:hover, #globalNav li a:active {
     112        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
     113}
     114#hLocalNav {
    111115        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h.jpg) 0 0 no-repeat;
    112116}
     117#hLocalNav li a:hover, #hLocalNav li a:active {
     118        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
     119}
     120#fLocalNav {
     121        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f.jpg) 0 0 no-repeat;
     122}
     123#fLocalNav li a:hover, #fLocalNav li a:active {
     124        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_f_2.jpg);
     125}
     126#cLocalNav {
     127        background: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c.jpg) 0 0 no-repeat;
     128}
     129#cLocalNav li a:hover, #cLocalNav li a:active {
     130        background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_c_2.jpg);
     131}
    113132#globalNav a,
    114 #localNav a,
     133.localNav a,
    115134#myPhoto li a {
    116135        display: block;
     
    124143}
    125144#globalNav a:focus,
    126 #localNav a:focus,
     145.localNav a:focus,
    127146#myPhoto li a:focus {
    128147        overflow: hidden;
    129 }
    130 #globalNav li a:hover, #globalNav li a:active {
    131         background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_after_header_2.jpg);
    132 }
    133 #localNav li a:hover, #localNav li a:active {
    134         background-image: url(http://takai.sns.dazai.pne.jp/skin/005_openpne_blue/img/skin_navi_h_2.jpg);
    135148}
    136149
     
    142155        height: 60px;
    143156}
    144 #globalNav li, #localNav li {
     157#globalNav li, .localNav li {
    145158        position: absolute;
    146159}
     
    180193li#globalNav_9 a:hover, li#globalNav_9 a:active { background-position: -648px -68px; }
    181194
    182 #localNav li {
     195#hLocalNav li {
    183196        top: 0;
    184197        width: 80px;
    185198        height: 29px;
    186199}
    187 li#localNav_1 { left:   0px; }
    188 li#localNav_2 { left:  80px; }
    189 li#localNav_3 { left: 160px; }
    190 li#localNav_4 { left: 240px; }
    191 li#localNav_5 { left: 320px; }
    192 li#localNav_6 { left: 400px; }
    193 li#localNav_7 { left: 480px; }
    194 li#localNav_8 { left: 560px; }
    195 li#localNav_9 { left: 640px; }
    196 li#localNav_1 a:hover, li#localNav_1 a:active { background-position:   -0px -29px; }
    197 li#localNav_2 a:hover, li#localNav_2 a:active { background-position:  -80px -29px; }
    198 li#localNav_3 a:hover, li#localNav_3 a:active { background-position: -160px -29px; }
    199 li#localNav_4 a:hover, li#localNav_4 a:active { background-position: -240px -29px; }
    200 li#localNav_5 a:hover, li#localNav_5 a:active { background-position: -320px -29px; }
    201 li#localNav_6 a:hover, li#localNav_6 a:active { background-position: -400px -29px; }
    202 li#localNav_7 a:hover, li#localNav_7 a:active { background-position: -480px -29px; }
    203 li#localNav_8 a:hover, li#localNav_8 a:active { background-position: -560px -29px; }
    204 li#localNav_9 a:hover, li#localNav_9 a:active { background-position: -640px -29px; }
     200li#hLocalNav_1 { left:   0px; }
     201li#hLocalNav_2 { left:  80px; }
     202li#hLocalNav_3 { left: 160px; }
     203li#hLocalNav_4 { left: 240px; }
     204li#hLocalNav_5 { left: 320px; }
     205li#hLocalNav_6 { left: 400px; }
     206li#hLocalNav_7 { left: 480px; }
     207li#hLocalNav_8 { left: 560px; }
     208li#hLocalNav_9 { left: 640px; }
     209li#hLocalNav_1 a:hover, li#hLocalNav_1 a:active { background-position:   -0px -29px; }
     210li#hLocalNav_2 a:hover, li#hLocalNav_2 a:active { background-position:  -80px -29px; }
     211li#hLocalNav_3 a:hover, li#hLocalNav_3 a:active { background-position: -160px -29px; }
     212li#hLocalNav_4 a:hover, li#hLocalNav_4 a:active { background-position: -240px -29px; }
     213li#hLocalNav_5 a:hover, li#hLocalNav_5 a:active { background-position: -320px -29px; }
     214li#hLocalNav_6 a:hover, li#hLocalNav_6 a:active { background-position: -400px -29px; }
     215li#hLocalNav_7 a:hover, li#hLocalNav_7 a:active { background-position: -480px -29px; }
     216li#hLocalNav_8 a:hover, li#hLocalNav_8 a:active { background-position: -560px -29px; }
     217li#hLocalNav_9 a:hover, li#hLocalNav_9 a:active { background-position: -640px -29px; }
     218
     219#fLocalNav li {
     220        top: 0;
     221        width: 80px;
     222        height: 29px;
     223}
     224li#fLocalNav_1 { left:   0px; }
     225li#fLocalNav_2 { left:  80px; }
     226li#fLocalNav_3 { left: 160px; }
     227li#fLocalNav_4 { left: 240px; }
     228li#fLocalNav_5 { left: 320px; }
     229li#fLocalNav_6 { left: 400px; }
     230li#fLocalNav_7 { left: 480px; }
     231li#fLocalNav_8 { left: 560px; }
     232li#fLocalNav_9 { left: 640px; }
     233li#fLocalNav_1 a:hover, li#fLocalNav_1 a:active { background-position:   -0px -29px; }
     234li#fLocalNav_2 a:hover, li#fLocalNav_2 a:active { background-position:  -80px -29px; }
     235li#fLocalNav_3 a:hover, li#fLocalNav_3 a:active { background-position: -160px -29px; }
     236li#fLocalNav_4 a:hover, li#fLocalNav_4 a:active { background-position: -240px -29px; }
     237li#fLocalNav_5 a:hover, li#fLocalNav_5 a:active { background-position: -320px -29px; }
     238li#fLocalNav_6 a:hover, li#fLocalNav_6 a:active { background-position: -400px -29px; }
     239li#fLocalNav_7 a:hover, li#fLocalNav_7 a:active { background-position: -480px -29px; }
     240li#fLocalNav_8 a:hover, li#fLocalNav_8 a:active { background-position: -560px -29px; }
     241li#fLocalNav_9 a:hover, li#fLocalNav_9 a:active { background-position: -640px -29px; }
     242
     243#cLocalNav li {
     244        top: 0;
     245        width: 120px;
     246        height: 29px;
     247}
     248li#cLocalNav_1 { left:   0px; }
     249li#cLocalNav_2 { left: 120px; }
     250li#cLocalNav_3 { left: 240px; }
     251li#cLocalNav_4 { left: 360px; }
     252li#cLocalNav_5 { left: 480px; }
     253li#cLocalNav_6 { left: 600px; }
     254li#cLocalNav_1 a:hover, li#cLocalNav_1 a:active { background-position:   -0px -29px; }
     255li#cLocalNav_2 a:hover, li#cLocalNav_2 a:active { background-position: -120px -29px; }
     256li#cLocalNav_3 a:hover, li#cLocalNav_3 a:active { background-position: -240px -29px; }
     257li#cLocalNav_4 a:hover, li#cLocalNav_4 a:active { background-position: -360px -29px; }
     258li#cLocalNav_5 a:hover, li#cLocalNav_5 a:active { background-position: -480px -29px; }
     259li#cLocalNav_6 a:hover, li#cLocalNav_6 a:active { background-position: -600px -29px; }
    205260
    206261/* double line */
Note: See TracChangeset for help on using the changeset viewer.