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