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

Changeset 10203


Ignore:
Timestamp:
Jan 18, 2009, 6:51:37 PM (11 years ago)
Author:
ogawa
Message:

#3448:changed main.css and some global parts templates

Location:
OpenPNE3/trunk
Files:
6 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE3/trunk/apps/pc_frontend/modules/default/templates/_globalNavi.php

    r8106 r10203  
    1 <?php if ($navis) : ?>
     1<?php if ($navis): ?>
    22<ul>
    3 <?php foreach ($navis as $navi) : ?>
    4 <li><?php echo link_to($navi->getCaption(), $navi->getUri()) ?></li>
    5 <?php endforeach; ?>
     3<?php foreach ($navis as $navi): ?>
     4<li><?php echo link_to($navi->getCaption(), $navi->getUri()) ?></li><?php endforeach; ?>
     5
    66</ul>
    77<?php endif; ?>
  • OpenPNE3/trunk/apps/pc_frontend/modules/default/templates/_localNavi.php

    r9549 r10203  
    1 <?php if ($navis) : ?>
     1<?php if ($navis): ?>
    22<ul>
    3 <?php foreach ($navis as $navi) : ?>
    4 <?php if (isset($naviId)) : ?>
    5 <li><?php echo link_to($navi->getCaption(), $navi->getUri().'?id='.$naviId) ?></li>
    6 <?php else : ?>
    7 <li><?php echo link_to($navi->getCaption(), $navi->getUri()) ?></li>
    8 <?php endif; ?>
    9 <?php endforeach; ?>
     3<?php foreach ($navis as $navi): ?>
     4<li><?php if (isset($naviId)): ?>
     5<?php echo link_to($navi->getCaption(), $navi->getUri().'?id='.$naviId) ?>
     6<?php else: ?>
     7<?php echo link_to($navi->getCaption(), $navi->getUri()) ?>
     8<?php endif; ?></li><?php endforeach; ?>
     9
    1010</ul>
    1111<?php endif; ?>
  • OpenPNE3/trunk/apps/pc_frontend/templates/_partsMemberImageBox.php

    r9547 r10203  
    1 <div class="dparts memberImageBox">
    2 <div class="parts">
     1<div class="parts memberImageBox">
    32<p class="photo">
    43<?php $imgParam = array('size' => '180x180', 'alt' => $option['name']) ?>
     
    98<?php endif; ?>
    109</p>
    11 </div>
    1210<p class="text"><?php echo $option['name'] ?></p>
    1311<?php if (!empty($option['moreInfo'])) : ?>
     
    1917<?php endif; ?>
    2018</div>
    21 
  • OpenPNE3/trunk/apps/pc_frontend/templates/_partsNineTable.php

    r9760 r10203  
    88
    99<?php if (count($option['list'])) : ?>
    10 <div class="parts nineTable">
     10<div class="dparts nineTable"><div class="parts">
    1111<div class="partsHeading"><h3><?php echo __($option['title']) ?></h3></div>
    1212<table>
     
    4242</div>
    4343<?php endif; ?>
    44 </div>
     44</div></div>
    4545<?php endif; ?>
  • OpenPNE3/trunk/apps/pc_frontend/templates/_partsPageNav.php

    r9498 r10203  
    11<?php include_customizes($id, 'before') ?>
    2 <div class="pageNav">
     2<div class="parts pageNav">
    33<?php include_customizes($id, 'top') ?>
    44<ul>
  • OpenPNE3/trunk/web/css/main.css

    r10196 r10203  
    22
    33/*==============================================================================
    4  * デフォルトスタイルシートの上書き
     4 * Reset Default Style
    55 *----------------------------------------------------------------------------*/
    66body, div, p, pre, blockquote, th, td,
     
    1313  text-align: left;
    1414}
     15
    1516ul, ol {
    1617  list-style-position: outside;
    1718  list-style-type: none;
    1819}
     20
    1921table {
    2022  border-collapse: separate;
     
    2426  font-size: 1em;
    2527}
     28
    2629* {
    2730  word-break: break-all;
    2831}
     32
    2933*:first-child+html table {
    3034  border-collapse: collapse;
    3135}
     36
    3237* html table {
    3338  border-collapse: collapse;
    3439}
     40
    3541th, td {
    3642  vertical-align: middle;
    3743}
     44
    3845address, cite, caption, th, del, ins,
    3946abbr, acronym, dfn, em, strong,
     
    4653  text-decoration: none;
    4754}
     55
    4856img {
    4957  border: none;
    5058  vertical-align: baseline;
    5159}
     60
    5261a img {
    5362  vertical-align: text-bottom;
    5463}
     64
    5565* html a img {
    5666  vertical-align: baseline;
    5767}
     68
    5869br {
    5970  letter-spacing: 0;
    6071}
     72
    6173h1, h2, h3, h4, h5, h6 {
    6274  font-size: 100%;
    6375  font-weight: normal;
    6476}
     77
    6578q:before, q:after {
    6679  content: "";
    6780}
     81
    6882form, fieldset, input, textarea {
    6983  margin: 0;
    7084}
     85
    7186form, fieldset {
    7287  padding: 0;
    7388}
     89
    7490fieldset {
    7591  border: none;
    7692}
     93
    7794form p {
    7895  margin: 0;
     
    8198
    8299/*==============================================================================
    83  * OpenPNE全共通指定
     100 * OpenPNE Common Style
    84101 *----------------------------------------------------------------------------*/
    85102body {
    86103  font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
    87104}
     105
    88106input,
    89107textarea,
     
    93111  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
    94112}
     113
    95114a:link {
    96115  color: #026cd1;
    97116}
     117
    98118a:visited {
    99119  color: #004a95;
    100120}
     121
    101122a:hover, a:active {
    102123  color: #76afe6;
    103124}
     125
    104126.input_text,
    105127.input_password,
     
    107129  background-color: #f8f8f8;
    108130}
     131
    109132.input_text,
    110133.input_password,
     
    113136  border: 1px solid #888888;
    114137}
     138
    115139.input_image {
    116140  border: none;
    117141}
     142
    118143strong {
    119144  font-weight: bold;
    120145}
     146
    121147.sortable {
    122148  cursor: move;
     
    124150
    125151/*----------------------------------------------
    126  * テーブル
     152 * Table
    127153 *--------------------------------------------*/
    128154div.parts table {
     
    130156  width: 100%;
    131157}
     158
    132159div.parts th,
    133160div.parts td {
     
    136163  border-color: #CCCCCC;
    137164}
     165
    138166div.parts tr th:first-child,
    139167div.parts tr td:first-child,
     
    153181  overflow: -moz-scrollbars-none;
    154182}
     183
    155184#Left,
    156185#Center,
     
    158187  overflow: hidden;
    159188}
     189
    160190dd div, dt, ul, ol, td, th, p,
    161191h1, h2, h3, h4, h5, h6, .partsHeading,
     
    163193  overflow: hidden;
    164194}
     195
    165196dd div div {
    166197  overflow: visible;
    167198}
     199
    168200pre {
    169201  overflow: auto;
     
    171203
    172204/*----------------------------------------------
    173  * base layout
     205 * Base Layout
     206 *--------------------------------------------*/
     207#Container {
     208  margin: 0 auto;
     209  width: 950px;
     210}
     211
     212#Header {
     213  position: relative;
     214}
     215
     216#Contents {
     217  float: left;
     218  width: 720px;
     219}
     220
     221#sideBanner {
     222  float: right;
     223  width: 225px;
     224}
     225
     226#Footer {
     227  clear: both;
     228  background-color: #58B5F3;
     229}
     230
     231/*----------------------------------------------
     232 * Header
    174233 *--------------------------------------------*/
    175234#Header h1 {
    176   background:#ffffff url(../images/skin_header_logo.jpg) no-repeat scroll 0 0;
    177   height: 45px;
    178235  margin: 0;
    179236  width: 220px;
     237  height: 45px;
     238  background: transparent url(../images/skin_header_logo.jpg) no-repeat scroll 0 0;
    180239}
    181240
    182241#Header h1 a {
     242  margin: 0;
     243  padding: 0;
    183244  border: medium none;
    184245  display: block;
     246  width: 100%;
    185247  height: 100%;
    186   margin: 0;
    187   padding: 0;
    188   text-decoration:none;
    189   text-indent:-9999px;
    190   width: 100%;
    191 }
    192 
    193 #Container {
    194   position: relative;
    195   width: 950px;
    196   margin: 0 auto;
    197 }
    198 
    199 #Header {
    200   position: relative;
    201 }
    202 
    203 #Contents {
    204   width: 720px;
    205   float: left;
    206 }
    207 
    208 #sideBanner {
    209   width: 220px;
    210   float: right;
    211   padding: 0 5px;
    212   background-color: #ff9999;
    213 }
    214 
    215 #Footer {
    216   clear: both;
    217   padding: 0 10px;
    218   background-color: #58B5F3;
    219 }
    220 #Footer p {
    221   text-align: right;
    222   line-height: 30px;
    223 }
    224 
    225 #LayoutA #Top {
    226   padding-left: 5px;
    227 }
    228 #LayoutA #Top .infoBox,
    229 #LayoutA #Top .descriptionBox {
    230   margin-right: 20px;
    231   margin-left: 20px;
    232 }
     248  text-indent: -9999px;
     249  text-decoration: none;
     250}
     251
     252/*----------------------------------------------
     253 * Contents
     254 *--------------------------------------------*/
    233255#LayoutA #Left {
    234256  float: left;
    235   width: 270px;
    236   padding: 0 5px;
    237 }
     257  width: 275px;
     258}
     259
    238260#LayoutA #Center {
    239261  float: right;
     
    241263}
    242264
     265#LayoutA #Bottom {
     266  clear: both;
     267}
     268
    243269#LayoutB #Left {
    244270  float: left;
    245   width: 180px;
    246 }
     271  width: 175px;
     272}
     273
    247274#LayoutB #Center {
    248275  float: right;
     
    250277}
    251278
     279#LayoutB #Bottom {
     280  clear: both;
     281}
     282
    252283#LayoutC #Center {
    253284  width: 650px;
    254   margin-left: 30px;
    255 }
    256 
    257 
    258 /*----------------------------------------------
    259  * Left
    260  *--------------------------------------------*/
    261 #LayoutB #Left div.pageNav,
    262 #LayoutB #Left div.parts {
    263   background-color: #FFFFFF;
    264   border: 1px solid #CCCCCC;
    265   margin: 0 5px 10px;
    266 }
    267 #LayoutB #Left .pageNav ul {
    268   margin: 1px;
    269 }
    270 #LayoutB #Left .pageNav li {
    271   background: transparent url(../images/icon_1.gif) no-repeat scroll 8px 50%;
    272   padding: 4px 0 4px 18px;
    273 }
    274 #LayoutB #Left .pageNav li.current {
    275   background-color: #EEEEEE;
    276 }
    277 
    278 #Left .calendar .partsHeading {
    279   padding: 4px 0;
    280   border: none;
    281   background: none;
    282   text-align: center;
    283 }
    284 #Left .calendar th {
    285   background-color: #EEEEEE;
    286   text-align: center;
    287 }
    288 #Left .calendar td {
    289   padding: 1px 2px;
     285  margin: 0 auto;
     286}
     287
     288/*----------------------------------------------
     289 * Footer
     290 *--------------------------------------------*/
     291#Footer p {
     292  padding: 0 10px;
     293  line-height: 30px;
    290294  text-align: right;
    291295}
    292 #Left .calendar td,
    293 #Left .calendar td * {
    294   word-break: normal;
    295   letter-spacing: -1px;
    296 }
    297 #Left .partsHeading {
    298   border-bottom: 1px solid #CCCCCC;
    299 }
    300 
    301 #Body .calendar .holiday,
    302 .calendar .sun {
    303     color: #d92c49;
    304 }
    305 .calendar .sat {
    306     color: #2c65d9;
    307 }
    308 
    309 
    310 /*==============================================================================
    311  * navi
    312  *----------------------------------------------------------------------------*/
     296
     297/*----------------------------------------------
     298 * Navigation
     299 *--------------------------------------------*/
    313300#globalNav {
     301  padding-left: 30px;
    314302  text-align: right;
    315   padding-left: 30px;
    316 }
     303}
     304
    317305#globalNav li {
     306  padding: 0 5px;
    318307  display: inline;
    319308}
     
    321310#localNav {
    322311  margin: 10px 0;
    323   padding-left: 10px;
    324312  background-color: #58B5F3;
    325313}
     314
    326315#localNav li {
     316  border-right: 1px solid #CCCCCC;
    327317  display: inline;
    328318  line-height: 30px;
    329   padding-right: 10px;
    330   border-right: 1px solid #CCCCCC;
    331 }
     319}
     320
    332321#localNav li a {
     322  padding: 0 10px;
    333323  color: #000000;
    334324  text-decoration: none;
    335325}
    336326
    337 /*==============================================================================
    338  * informationBox
    339  *----------------------------------------------------------------------------*/
    340 .informationBox {
    341   padding-left: 102px;
    342   border: 1px solid #CCCCCC;
    343   background: #EEEEEE url(../images/icon_information.gif) no-repeat 5px 50%;
    344 }
    345 .informationBox div.body {
    346   min-height: 1.2em;
    347   padding: 5px;
    348   border-left: 1px solid #CCCCCC;
    349   background: #FFFFFF;
    350 }
    351 .informationBox .caution {
    352   color: #FF0000;
    353 }
    354 
    355 /*==============================================================================
    356  * alertBox
    357  *----------------------------------------------------------------------------*/
    358 .alertBox {
    359   width: 564px;
    360 }
    361 #Body .alertBox th {
    362   width: 148px;
    363   padding: 8px 0;
    364   border: none;
    365   text-align: center;
    366 }
    367 #Body .alertBox td {
    368   padding: 6px;
    369   border-width: 0 0 0 1px;
    370   color: #ff0000;
    371 }
    372 
    373 /*----------------------------------------------
    374  * パーツ枠
    375  *--------------------------------------------*/
    376 div.dparts,
    377 div.dparts div.parts,
    378 div.ditem,
    379 #Left div.parts,
    380 #Center div.parts,
    381 #Top div.parts {
    382   border: 1px solid #CCCCCC;
    383 }
    384 div.ditem div.item {
    385   border-width: 0 1px 1px;
    386   border-style: solid;
    387   border-color: #CCCCCC;
    388 }
     327/*----------------------------------------------
     328 * Parts
     329 *--------------------------------------------*/
     330div.parts,
    389331div.dparts {
    390332  margin: 0 auto 10px;
    391   padding: 7px;
    392 }
     333}
     334
    393335div.dparts div.parts {
    394336  margin: 0;
    395337}
    396 div.parts {
    397   margin: 0 auto 10px;
    398 }
     338
     339div.parts,
     340div.dparts,
     341div.item,
     342div.ditem {
     343  border: 1px solid #CCCCCC;
     344}
     345
     346div.ditem div.item {
     347  border-top-width: 0;
     348}
     349
     350div.dparts {
     351  padding: 7px;
     352}
     353
    399354div.ditem {
    400355  padding: 5px 6px;
    401356}
    402 /*----------------------------------------------
    403  * パーツ見出し
    404  *--------------------------------------------*/
    405 .partsHeading {
     357
     358#Left div.dparts {
     359  padding: 0;
     360  border: none;
     361}
     362
     363/*----------------------------------------------
     364 * Parts Heading
     365 *--------------------------------------------*/
     366div.partsHeading {
    406367  padding: 2px 8px 2px 36px;
    407368  background: #36B3D1 url(../images/content_header_1.gif) no-repeat 0 0;
     369  font-size: 100%;
    408370  text-align: left;
    409   font-size: 100%;
    410 }
    411 #LayoutA #Left .partsHeading {
     371}
     372
     373#Left div.partsHeading {
    412374  padding-left: 24px;
    413375  background-image: url(../images/icon_title_1.gif);
    414376}
    415 .partsHeading h3 {
     377
     378div.partsHeading h3 {
    416379  display: inline;
    417380  font-weight: bold;
    418381}
    419 .partsHeading p {
     382
     383div.partsHeading p {
     384  margin-left: 0.5em;
    420385  display: inline;
    421   margin-left: 0.5em;
    422 }
    423 
    424 .partsHeading p.link {
    425   float: right;
     386}
     387
     388div.partsHeading p.link {
    426389  top: 2px;
    427390  right: 8px;
    428 }
    429 
    430 /*----------------------------------------------
    431  * パーツ内上下の部分(1件~20件を表示など)
     391  float: right;
     392}
     393
     394/*----------------------------------------------
     395 * Parts Items
    432396 *--------------------------------------------*/
    433397div.block,
     
    439403  border-top: 1px solid #CCCCCC;
    440404}
     405
    441406div.partsInfo {
    442407  padding: 10px 40px;
    443408}
     409
    444410div.pagerAbsolute {
    445411  padding: 4px;
    446412  text-align: center;
    447413}
     414
    448415div.pagerAbsolute p {
    449416  display: inline;
    450417}
     418
    451419div.pagerRelative {
    452420  padding: 4px;
    453421  text-align: right;
    454422}
     423
    455424div.pagerRelativeMulti {
    456425  padding: 4px;
    457426}
     427
    458428div.pagerRelative p,
    459429div.pagerRelativeMulti div.pager p {
     
    461431  margin-left: 10px;
    462432}
     433
    463434div.pagerRelative p:first-child,
    464435div.pagerRelativeMulti div.pager p:first-child,
     
    467438  margin-left: 0;
    468439}
     440
    469441div.pagerRelativeMulti div.text {
    470442  float: left;
    471443  width: 55%;
    472444}
     445
    473446div.pagerRelativeMulti div.pager {
    474447  float: right;
     
    477450  text-align: right;
    478451}
     452
    479453div.operation {
    480454  padding: 4px;
    481455}
     456
    482457div.operation ul.moreInfo {
    483458  text-align: center;
    484459}
     460
    485461div.operation ul.moreInfo li {
    486462  display: inline;
     
    488464}
    489465
     466/*----------------------------------------------
     467 * Calendar
     468 *--------------------------------------------*/
     469#Left .calendar .partsHeading {
     470  padding: 4px 0;
     471  border: none;
     472  background: none;
     473  text-align: center;
     474}
     475
     476.calendar th {
     477  background-color: #EEEEEE;
     478  text-align: center;
     479}
     480
     481.calendar td {
     482  padding: 1px 2px;
     483  text-align: right;
     484}
     485
     486.calendar td,
     487.calendar td * {
     488  letter-spacing: -1px;
     489  word-break: normal;
     490}
     491
     492#Body .calendar .holiday,
     493.calendar .sun {
     494  color: #d92c49;
     495}
     496
     497.calendar .sat {
     498  color: #2c65d9;
     499}
     500
     501/*----------------------------------------------
     502 * Page Navigation
     503 *--------------------------------------------*/
     504#Left .pageNav {
     505  border: 1px solid #CCCCCC;
     506  background-color: #FFFFFF;
     507}
     508
     509#Left .pageNav ul {
     510  margin: 1px;
     511}
     512
     513#Left .pageNav li {
     514  padding: 4px 0 4px 18px;
     515  background: transparent url(../images/icon_1.gif) no-repeat scroll 8px 50%;
     516}
     517
     518#Left .pageNav li.current {
     519  background-color: #EEEEEE;
     520}
     521
     522/*==============================================================================
     523 * descriptionBox
     524 *----------------------------------------------------------------------------*/
     525.descriptionBox p {
     526  margin: 12px;
     527}
     528
     529/*==============================================================================
     530 * informationBox
     531 *----------------------------------------------------------------------------*/
     532.informationBox {
     533  padding-left: 102px;
     534  border: 1px solid #CCCCCC;
     535  background: #EEEEEE url(../images/icon_information.gif) no-repeat 5px 50%;
     536}
     537.informationBox div.body {
     538  min-height: 1.2em;
     539  padding: 5px;
     540  border-left: 1px solid #CCCCCC;
     541  background: #FFFFFF;
     542}
     543.informationBox .caution {
     544  color: #FF0000;
     545}
     546
     547/*==============================================================================
     548 * alertBox
     549 *----------------------------------------------------------------------------*/
     550.alertBox {
     551  width: 564px;
     552}
     553#Body .alertBox th {
     554  width: 148px;
     555  padding: 8px 0;
     556  border: none;
     557  text-align: center;
     558}
     559#Body .alertBox td {
     560  padding: 6px;
     561  border-width: 0 0 0 1px;
     562  color: #ff0000;
     563}
     564
    490565/*==============================================================================
    491566 * box
     
    503578}
    504579
    505 .box  .operation {
     580.box .operation {
    506581  padding: 10px 0;
    507582}
     
    590665  text-align: center;
    591666}
     667
     668.memberImageBox {
     669  padding: 7px;
     670}
     671
     672.memberImageBox p.photo {
     673  padding: 7px;
     674  border: 1px solid #CCCCCC;
     675}
     676
    592677.memberImageBox p.friendLink {
    593678  margin-bottom: 3px;
    594679}
    595 .memberImageBox .parts {
    596   padding: 7px;
    597 }
     680
    598681.memberImageBox ul.moreInfo {
    599682  margin: 2px 0 -5px;
    600683}
     684
    601685.memberImageBox ul.moreInfo li {
    602686  padding: 1px 0;
    603687  background: none;
    604688}
     689
    605690.memberImageBox ul.moreInfo li img {
    606691  vertical-align: bottom;
    607692}
     693
    608694.memberImageBox p.rank {
    609695  margin-top: 6px;
    610696}
     697
    611698.memberImageBox p.point {
    612699  margin-top: 2px;
    613700}
     701
    614702.memberImageBox p.text {
    615703  margin-top: 4px;
    616704}
     705
    617706.memberImageBox p.loginTime {
    618707  margin-top: 0px;
     
    768857  margin-right: 2px;
    769858  padding: 1px 13px 0 0;
    770   background: url(../images/icon_arrow_2.gif); ?>) no-repeat 100% 0;
     859  background: url(../images/icon_arrow_2.gif) no-repeat 100% 0;
    771860}
    772861
Note: See TracChangeset for help on using the changeset viewer.