- Timestamp:
- 2011/07/31 15:25:24 (13 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/version-2_11-dev/html/user_data/packages/sphone/css/mypage.css
r21052 r21081 2 2 /* =================================================================== 3 3 CSS information 4 file name :mypage.css5 4 style info :マイページ 6 5 =================================================================== */ … … 9 8 ----------------------------------------------- */ 10 9 #mypagecolumn{ 11 width:100%;} 10 width:100%; 11 } 12 12 #mypagecolumn h2.title{ 13 font-size:18px;14 border-bottom:#CCC solid 1px;15 -webkit-box-shadow:none;16 -moz-box-shadow:none;17 margin-bottom:0!important;13 font-size:18px; 14 border-bottom:#CCC solid 1px; 15 -webkit-box-shadow:none; 16 -moz-box-shadow:none; 17 margin-bottom:0!important; 18 18 } 19 19 h3.title_mypage{ 20 font-size:18px;21 line-height:1.2;22 margin-bottom:10px;23 padding:10px 10px 10px 25px;24 background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat;25 -webkit-box-shadow: 1px 5px 5px #E2E2E2;26 -moz-box-shadow: 1px 5px 5px #E2E2E2;20 font-size:18px; 21 line-height:1.2; 22 margin-bottom:10px; 23 padding:10px 10px 10px 25px; 24 background:url(../img/common/bg_tit_bar.png) 10px 12px no-repeat; 25 -webkit-box-shadow: 1px 5px 5px #E2E2E2; 26 -moz-box-shadow: 1px 5px 5px #E2E2E2; 27 27 } 28 28 /**イントロダクション*/ 29 29 #mypagecolumn .information{ 30 font-size:12px;31 padding:10px 10px 0 10px;32 border-bottom:0;33 font-weight:normal;30 font-size:12px; 31 padding:10px 10px 0 10px; 32 border-bottom:0; 33 font-weight:normal; 34 34 } 35 35 #mypagecolumn .information p:first-child{ 36 font-size:14px;37 font-weight:bold;38 margin-bottom:0;36 font-size:14px; 37 font-weight:bold; 38 margin-bottom:0; 39 39 } 40 40 /*----------------------------------------------- … … 42 42 ----------------------------------------------- */ 43 43 #mypage_nav{ 44 width:100%;45 margin-bottom:10px;46 background:#DAE0E5;47 background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 0%);48 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5));49 margin-bottom:15px;50 -webkit-box-shadow: 1px 5px 5px #C0C0C0;51 -moz-box-shadow: 1px 5px 5px #C0C0C0;44 width:100%; 45 margin-bottom:10px; 46 background:#DAE0E5; 47 background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 0%); 48 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(0, #DAE0E5)); 49 margin-bottom:15px; 50 -webkit-box-shadow: 1px 5px 5px #C0C0C0; 51 -moz-box-shadow: 1px 5px 5px #C0C0C0; 52 52 } 53 53 #mypage_nav ul{ 54 width:auto;55 clear:both;56 margin:0 auto;54 width:auto; 55 clear:both; 56 margin:0 auto; 57 57 } 58 58 #mypage_nav ul li{ 59 float:left;60 text-align:center;61 border-left:#FFF solid 1px;62 border-right:#CCC solid 1px;63 border-bottom:#CCC solid 1px;64 white-space:nowrap;59 float:left; 60 text-align:center; 61 border-left:#FFF solid 1px; 62 border-right:#CCC solid 1px; 63 border-bottom:#CCC solid 1px; 64 white-space:nowrap; 65 65 } 66 66 #mypage_nav ul li a{ 67 color:#000;68 padding:9px 0 8px 0;69 display:block;70 text-shadow: 0px -1px 1px rgba(255,255,255,0.7);71 background-color:#DAE0E5;72 background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%);73 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5));67 color:#000; 68 padding:9px 0 8px 0; 69 display:block; 70 text-shadow: 0px -1px 1px rgba(255,255,255,0.7); 71 background-color:#DAE0E5; 72 background: -moz-linear-gradient(center top, #EEF0F3 0%,#DAE0E5 90%,#DAE0E5 100%); 73 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEF0F3),color-stop(0.9, #DAE0E5),color-stop(1, #DAE0E5)); 74 74 } 75 75 #mypage_nav ul li a:hover{ 76 color:#FFF;77 text-shadow: 0px -1px 1px rgba(0,0,0,0.5);78 background:#5393c5;79 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%);80 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2));76 color:#FFF; 77 text-shadow: 0px -1px 1px rgba(0,0,0,0.5); 78 background:#5393c5; 79 background: -moz-linear-gradient(center top, #5393c5 10%,#80b6e2 100%); 80 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5393c5),color-stop(1, #80b6e2)); 81 81 } 82 82 #mypage_nav ul li.nav_delivadd,#mypage_nav ul li.nav_change{ 83 width:49.7%;83 width:49.7%; 84 84 } 85 85 #mypage_nav ul li.nav_history,#mypage_nav ul li.nav_favorite,#mypage_nav ul li.nav_refusal{ 86 width:33%;86 width:33%; 87 87 } 88 88 #mypage_nav li:first-child,#mypage_nav li:nth-child(3){ 89 border-left:none;89 border-left:none; 90 90 } 91 91 #mypage_nav li:last-child,#mypage_nav li:nth-child(2){ 92 border-right:none;92 border-right:none; 93 93 } 94 94 … … 97 97 ----------------------------------------------- */ 98 98 #historyBox{ 99 padding:10px;100 background:#F7F5F0;101 border:#A9ABAD solid 1px;102 border-radius:7px;103 -moz-border-radius:7px;104 -webkit-border-radius:7px;105 margin-bottom:10px;99 padding:10px; 100 background:#F7F5F0; 101 border:#A9ABAD solid 1px; 102 border-radius:7px; 103 -moz-border-radius:7px; 104 -webkit-border-radius:7px; 105 margin-bottom:10px; 106 106 } 107 107 #historyBox p{ 108 font-size:12px;109 width:70%;110 display:inline;111 float:left;108 font-size:12px; 109 width:70%; 110 display:inline; 111 float:left; 112 112 } 113 113 #historyBox .btn_reorder{ 114 width:5em;115 float:right;116 padding:15px;117 display:inline;118 margin:0;114 width:5em; 115 float:right; 116 padding:15px; 117 display:inline; 118 margin:0; 119 119 } 120 120 #mypagecolumn .cartinContents ul li.result{ 121 padding-top:0!important;122 padding-left:1em;121 padding-top:0!important; 122 padding-left:1em; 123 123 } 124 124 /*メール履歴詳細*/ 125 125 #news_area li{ 126 padding:10px;127 display:block;128 clear:both;129 line-height:1.3;130 background-color:#FEFEFE;131 background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%);132 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee));133 border-top:#FFF solid 1px;134 border-bottom:#CCC solid 1px;126 padding:10px; 127 display:block; 128 clear:both; 129 line-height:1.3; 130 background-color:#FEFEFE; 131 background: -moz-linear-gradient(center top, #FEFEFE 0%,#eeeeee 100%); 132 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE),color-stop(1, #eeeeee)); 133 border-top:#FFF solid 1px; 134 border-bottom:#CCC solid 1px; 135 135 } 136 136 /* ----------------------------------------------- … … 138 138 ----------------------------------------------- */ 139 139 .favoriteBox{ 140 padding:10px;141 border-bottom:#CCC solid 1px;142 clear:both;143 position:relative;140 padding:10px; 141 border-bottom:#CCC solid 1px; 142 clear:both; 143 position:relative; 144 144 } 145 145 .favoriteBox:last-child{ 146 border-bottom:none;146 border-bottom:none; 147 147 } 148 148 .favoriteBox .photoL{ 149 width:80px;149 width:80px; 150 150 } 151 151 .favoriteContents{ 152 width:70%;153 float:right;154 display:block;155 position:relative;152 width:70%; 153 float:right; 154 display:block; 155 position:relative; 156 156 } 157 157 .favoriteContents .btn_delete{ 158 padding:1px;159 right:10px;160 float:right;161 position:absolute;162 top:0;158 padding:1px; 159 right:10px; 160 float:right; 161 position:absolute; 162 top:0; 163 163 } 164 164 … … 167 167 ----------------------------------------------- */ 168 168 #mypagecolumn .thankstext{ 169 padding:15px 10px 10px 10px;169 padding:15px 10px 10px 10px; 170 170 } 171 171 /* ----------------------------------------------- … … 173 173 ----------------------------------------------- */ 174 174 #mypagecolumn .btn_area_top{ 175 margin-top:10px;175 margin-top:10px; 176 176 } 177 177 .delivBox{ 178 padding:10px;179 border-bottom:#CCC solid 1px;180 clear:both;181 position:relative;178 padding:10px; 179 border-bottom:#CCC solid 1px; 180 clear:both; 181 position:relative; 182 182 } 183 183 .delivBox:last-child{ 184 border-bottom:none;184 border-bottom:none; 185 185 } 186 186 … … 189 189 ----------------------------------------------- */ 190 190 .refusetxt{ 191 padding:15px 10px 10px 10px;191 padding:15px 10px 10px 10px; 192 192 } 193 193 .btn_refuse{ 194 padding:0;195 margin:20px auto 0 auto;194 padding:0; 195 margin:20px auto 0 auto; 196 196 } 197 197 .btn_refuse li{ 198 display:inline;199 float:left;198 display:inline; 199 float:left; 200 200 } 201 201 .btn_refuse .btn{ 202 font-size:13px!important;203 display:inline;202 font-size:13px!important; 203 display:inline; 204 204 } 205 205 .btn_refuse li:first-child{ 206 margin-right:1.2em;207 } 206 margin-right:1.2em; 207 }
Note: See TracChangeset
for help on using the changeset viewer.