source: branches/version-2_5-dev/html/user_data/packages/sphone/css/top.css @ 20614

Revision 20614, 1.7 KB checked in by nagano, 13 years ago (diff)

モバイル・スマートフォンのデザイン調整

  • Property svn:eol-style set to LF
  • Property svn:keywords set to Id
Line 
1@charset "utf-8";
2
3/* ヘッダー
4----------------------------------------------- */
5#topbox {
6position: relative;
7width: 106.8%;
8margin-left: -3.4%;
9background-color: #333333;
10}
11
12/* ヘッダーロゴ
13------------------------------------------------ */
14#header {
15    background-color: #ffffff;
16    height: 95px;
17    margin: 0 auto;
18}
19#header h1 {
20margin: 0;
21}
22#header h1 a {
23    text-align: center;
24    display: block;
25    margin: 0 auto;
26    width: 301px;
27    height: 81px;
28    background: url("../img/header/logo.gif") no-repeat;
29}
30#header em {
31    display: none;
32}
33
34/* 検索バー
35----------------------------------------------- */
36#searchbar {
37border-top: 1px solid #5c5c5c;
38border-bottom: 1px solid #000000;
39background-color: #333333;
40background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#5C5C5C), color-stop(0.6,#2E2E2E));
41width: 100%;
42}
43
44/* メンバーメニュー
45----------------------------------------------- */
46#block-login {
47    display: block;
48font-size: 100%;
49    margin: 10px auto;
50    width: 301px;
51}
52
53/* ニュース
54----------------------------------------------- */
55#block-news{
56position: relative;
57width: 106.8%;
58margin-left: -3.4%;
59//padding: 10px 0px;
60height: 1.8em;
61background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(#7A7A7A), to(#CCCCCC), color-stop(.07,#FFFFFF),color-stop(.9,#FFFFFF));
62overflow: hidden;
63}
64.anews{
65color: #666666;
66font: /*bold*/ 90% Helvetica;
67/*text-shadow: 1px 1px 2px rgba(0,0,0,0.3);*/
68margin: 0.3em 10px;
69/*opacity: 0;
70-webkit-transition: all 1.0s ease-in-out;*/
71position: absolute;
72}
73.anews.view{
74opacity: 1.0;
75left: 0;
76width: 100%;
77overflow: hidden;
78white-space: nowrap;
79text-overflow: ellipsis;
80}
81.anews.right{
82opacity: 0;
83left: 2em;
84}
Note: See TracBrowser for help on using the repository browser.