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

Revision 19661, 1.8 KB checked in by nanasess, 13 years ago (diff)

source:branches/camp/camp-2_5-E のマージ

  • スマートフォン対応(#787)
  • プラグイン機能(#494)
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: 292px;
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 {
47display: block;
48font-size: medium;
49width: 66%;
50margin-top:13px;
51margin-left: auto;
52margin-right: auto;
53margin-bottom:10px;
54-webkit-border-radius: 4px;
55-webkit-box-shadow: 0px 0px 3px #000000;
56}
57
58/* ニュース
59----------------------------------------------- */
60#block-news{
61position: relative;
62width: 106.8%;
63margin-left: -3.4%;
64//padding: 10px 0px;
65height: 1.8em;
66background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(#7A7A7A), to(#CCCCCC), color-stop(.07,#FFFFFF),color-stop(.9,#FFFFFF));
67overflow: hidden;
68}
69.anews{
70color: #666666;
71font: bold 13px Helvetica;
72text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
73margin: 0.3em 10px;
74opacity: 0;
75-webkit-transition: all 1.0s ease-in-out;
76position: absolute;
77}
78.anews.view{
79opacity: 1.0;
80left: 0;
81width: 100%;
82overflow: hidden;
83white-space: nowrap;
84text-overflow: ellipsis;
85}
86.anews.right{
87opacity: 0;
88left: 2em;
89}
Note: See TracBrowser for help on using the repository browser.