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

Changeset 8927


Ignore:
Timestamp:
Nov 2, 2008, 5:17:59 PM (11 years ago)
Author:
ebihara
Message:

#3115:applied temporal styles to header

Location:
OpenPNE3/trunk
Files:
1 added
2 edited

Legend:

Unmodified
Added
Removed
  • OpenPNE3/trunk/apps/pc_frontend/templates/layout.php

    r8120 r8927  
    11<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     2<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
    33<head>
    4 
    54<?php include_http_metas() ?>
    65<?php include_metas() ?>
     6<title><?php echo OpenPNEConfig::get('sns_name') ?></title>
     7</head>
     8<body><div id="Body">
     9<div id="Container">
    710
    8 <title><?php echo OpenPNEConfig::get('sns_name') ?></title>
    9 
    10 <link rel="shortcut icon" href="/favicon.ico" />
    11 
    12 </head>
    13 <body>
    14 
     11<div id="Header">
    1512<h1><?php echo link_to(OpenPNEConfig::get('sns_name'), '@homepage') ?></h1>
    1613
     14<div id="globalNav">
    1715<?php include_component('default', 'globalNavi') ?>
     16</div><!-- globalNav -->
    1817
     18<div id="localNav">
    1919<?php if (isset($naviType)) : ?>
    2020<?php include_component('default', 'localNavi', array('type' => $naviType)) ?>
     
    2222<?php include_component('default', 'localNavi') ?>
    2323<?php endif; ?>
     24</div><!-- localNav -->
     25</div><!-- Header -->
     26
    2427
    2528<?php echo $sf_content ?>
    2629
     30</div><!-- Container -->
     31</div><!-- Body -->
    2732</body>
    2833</html>
  • OpenPNE3/trunk/web/css/main.css

    r8919 r8927  
     1@charset "UTF-8";
     2
     3/*==============================================================================
     4 * デフォルトスタイルシートの上書き
     5 *----------------------------------------------------------------------------*/
     6body, div, p, pre, blockquote, th, td,
     7dl, dt, dd, ul, ol, li,
     8h1, h2, h3, h4, h5, h6,
     9iframe, object, embed {
     10  margin: 0;
     11  padding: 0;
     12  border: none;
     13  text-align: left;
     14}
     15ul, ol {
     16  list-style-position: outside;
     17  list-style-type: none;
     18}
     19table {
     20  border-collapse: separate;
     21  border-spacing: 0;
     22  empty-cells: show;
     23  margin: 0;
     24  font-size: 1em;
     25}
     26* {
     27  word-break: break-all;
     28}
     29*:first-child+html table {
     30  border-collapse: collapse;
     31}
     32* html table {
     33  border-collapse: collapse;
     34}
     35th, td {
     36  vertical-align: middle;
     37}
     38address, cite, caption, th, del, ins,
     39abbr, acronym, dfn, em, strong,
     40code, kbd, samp, var {
     41  border: none;
     42  font-style: normal;
     43  font-variant: normal;
     44  font-weight: normal;
     45  text-align: left;
     46  text-decoration: none;
     47}
     48img {
     49  border: none;
     50  vertical-align: baseline;
     51}
     52a img {
     53  vertical-align: text-bottom;
     54}
     55* html a img {
     56  vertical-align: baseline;
     57}
     58br {
     59  letter-spacing: 0;
     60}
     61h1, h2, h3, h4, h5, h6 {
     62  font-size: 100%;
     63  font-weight: normal;
     64}
     65q:before, q:after {
     66  content: "";
     67}
     68form, fieldset, input, textarea {
     69  margin: 0;
     70}
     71form, fieldset {
     72  padding: 0;
     73}
     74fieldset {
     75  border: none;
     76}
     77form p {
     78  margin: 0;
     79  padding: 0;
     80}
     81
     82/*==============================================================================
     83 * OpenPNE全共通指定
     84 *----------------------------------------------------------------------------*/
     85body {
     86  font: normal normal normal 10pt/1.2 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
     87}
     88input,
     89textarea,
     90select {
     91  color: #333333;
     92  font-size: inherit;
     93  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", Osaka, sans-serif;
     94}
     95a:link {
     96  color: #026cd1;
     97}
     98a:visited {
     99  color: #004a95;
     100}
     101a:hover, a:active {
     102  color: #76afe6;
     103}
     104.input_text,
     105.input_password,
     106textarea {
     107  background-color: #f8f8f8;
     108}
     109.input_text,
     110.input_password,
     111textarea,
     112select {
     113  border: 1px solid #888888;
     114}
     115.input_image {
     116  border: none;
     117}
     118strong {
     119  font-weight: bold;
     120}
     121/*----------------------------------------------
     122 * テーブル
     123 *--------------------------------------------*/
     124div.parts table {
     125  table-layout: fixed;
     126  width: 100%;
     127}
     128div.parts th,
     129div.parts td {
     130  border-width: 1px 0 0 1px;
     131  border-style: solid;
     132  border-color: #CCCCCC;
     133}
     134div.parts tr th:first-child,
     135div.parts tr td:first-child,
     136div.parts tr th.first-child,
     137div.parts tr td.first-child {
     138  border-left-width: 0;
     139}
     140
     141/*==============================================================================
     142 * header
     143 *----------------------------------------------------------------------------*/
     144#Header h1 {
     145  background:#ffffff url(../images/skin_header_logo.jpg) no-repeat scroll 0 0;
     146  height: 45px;
     147  margin: 0;
     148  width: 220px;
     149}
     150
     151#Header h1 a {
     152  border: medium none;
     153  display: block;
     154  height: 100%;
     155  margin: 0;
     156  padding: 0;
     157  text-decoration:none;
     158  text-indent:-9999px;
     159  width: 100%;
     160}
     161
     162/*==============================================================================
     163 * navi
     164 *----------------------------------------------------------------------------*/
     165#globalNav {
     166  width: 100%;
     167  text-align: right;
     168  margin-left: 30px;
     169}
     170#globalNav li {
     171  display: inline;
     172}
     173
     174#localNav {
     175  margin: 10px 0;
     176  padding-left: 10px;
     177  background-color: #36B3D1;
     178}
     179#localNav li {
     180  display: inline;
     181  line-height: 30px;
     182  background-color: #36B3D1;
     183  padding-right: 10px;
     184  border-right: 1px solid #CCCCCC;
     185}
     186#localNav li a {
     187  color: #000000;
     188  text-decoration: none;
     189}
     190
    1191/*==============================================================================
    2192 * informationBox
    3193 *----------------------------------------------------------------------------*/
    4194.informationBox {
    5         padding-left: 102px;
    6         border: 1px solid #CCCCCC;
    7         background: #EEEEEE url(../images/icon_information.gif) no-repeat 5px 50%;
     195  padding-left: 102px;
     196  border: 1px solid #CCCCCC;
     197  background: #EEEEEE url(../images/icon_information.gif) no-repeat 5px 50%;
    8198}
    9199.informationBox div.body {
    10         min-height: 1.2em;
    11         padding: 5px;
    12         border-left: 1px solid #CCCCCC;
    13         background: #FFFFFF;
     200  min-height: 1.2em;
     201  padding: 5px;
     202  border-left: 1px solid #CCCCCC;
     203  background: #FFFFFF;
    14204}
    15205.informationBox .caution {
    16         color: #FF0000;
    17 }
     206  color: #FF0000;
     207}
     208
     209/*----------------------------------------------
     210 * パーツ枠
     211 *--------------------------------------------*/
     212div.dparts,
     213div.dparts div.parts,
     214div.ditem,
     215#LayoutA #Left div.parts {
     216  border: 1px solid #CCCCCC;
     217}
     218div.ditem div.item {
     219  border-width: 0 1px 1px;
     220  border-style: solid;
     221  border-color: #CCCCCC;
     222}
     223div.dparts {
     224  margin: 0 auto 10px;
     225  padding: 7px;
     226}
     227div.dparts div.parts {
     228  margin: 0;
     229}
     230div.parts {
     231  margin: 0 auto 10px;
     232}
     233div.ditem {
     234  padding: 5px 6px;
     235}
     236/*----------------------------------------------
     237 * パーツ見出し
     238 *--------------------------------------------*/
     239.partsHeading {
     240  padding: 2px 8px 2px 36px;
     241  background: #36B3D1 url(./skin/default/img/content_header_1.gif) no-repeat 0 0;
     242  text-align: left;
     243  font-size: 100%;
     244}
     245#LayoutA #Left .partsHeading {
     246  padding-left: 24px;
     247  background-image: url(./skin/default/img/icon_title_1.gif);
     248}
     249.partsHeading h3 {
     250  display: inline;
     251  font-weight: bold;
     252}
     253.partsHeading p {
     254  display: inline;
     255  margin-left: 0.5em;
     256}
     257/*----------------------------------------------
     258 * パーツ内上下の部分(1件~20件を表示など)
     259 *--------------------------------------------*/
     260div.block,
     261div.partsInfo,
     262div.pagerAbsolute,
     263div.pagerRelative,
     264div.pagerRelativeMulti,
     265div.operation {
     266  border-top: 1px solid #CCCCCC;
     267}
     268div.partsInfo {
     269  padding: 10px 40px;
     270}
     271div.pagerAbsolute {
     272  padding: 4px;
     273  text-align: center;
     274}
     275div.pagerAbsolute p {
     276  display: inline;
     277}
     278div.pagerRelative {
     279  padding: 4px;
     280  text-align: right;
     281}
     282div.pagerRelativeMulti {
     283  padding: 4px;
     284}
     285div.pagerRelative p,
     286div.pagerRelativeMulti div.pager p {
     287  display: inline;
     288  margin-left: 10px;
     289}
     290div.pagerRelative p:first-child,
     291div.pagerRelativeMulti div.pager p:first-child,
     292div.pagerRelative p.first-child,
     293div.pagerRelativeMulti div.pager p.first-child {
     294  margin-left: 0;
     295}
     296div.pagerRelativeMulti div.text {
     297  float: left;
     298  width: 55%;
     299}
     300div.pagerRelativeMulti div.pager {
     301  float: right;
     302  width: 45%;
     303  margin-top: 0.5em;
     304  text-align: right;
     305}
     306div.operation {
     307  padding: 4px;
     308}
     309div.operation ul.moreInfo {
     310  text-align: center;
     311}
     312div.operation ul.moreInfo li {
     313  display: inline;
     314  background-position: 0 50%;
     315}
Note: See TracChangeset for help on using the changeset viewer.