- 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/button.css
r21075 r21081 2 2 /* =================================================================== 3 3 CSS information 4 5 file name :button.css6 4 style info :ボタン用 7 8 5 =================================================================== */ 9 6 .btn_area{ 10 padding:10px;11 clear:both;7 padding:10px; 8 clear:both; 12 9 } 13 10 ul.btn_btm{ 14 clear:both;11 clear:both; 15 12 } 16 13 .btn_area li,ul.btn_btm li{ 17 margin-bottom:12px;14 margin-bottom:12px; 18 15 } 19 16 .btn_area_top{ 20 box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset;21 -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset;22 -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset;23 border-top: 1px solid #CCC;24 border-bottom: 1px solid #CCC;25 background:#EEE;26 display:block;27 clear:both;28 margin-bottom:10px;29 padding:10px 0;17 box-shadow:0 1px 1px 1px rgba(255,255,255,1) inset; 18 -webkit-box-shadow:0 1px 1px 0 rgba(255,255,255,1) inset; 19 -moz-box-shadow: 0 1px 1px rgba(255,255,255,1) inset; 20 border-top: 1px solid #CCC; 21 border-bottom: 1px solid #CCC; 22 background:#EEE; 23 display:block; 24 clear:both; 25 margin-bottom:10px; 26 padding:10px 0; 30 27 } 31 28 /*----------------------------------------------- … … 33 30 ----------------------------------------------- */ 34 31 a.btn,a.btn:link,a.btn:visited,a.btn:hover{ 35 color:#FFF;36 font-size: 16px;37 font-weight:bold;38 text-decoration: none;39 text-align:center;40 padding: 10px;41 text-shadow: 0 -1px 1px rgba(0,0,0,1);42 border: 1px solid #A9ABAD;43 border-radius: 5px;44 -moz-border-radius: 5px;45 -webkit-border-radius: 5px;46 display:block;47 background:#B4DF34;48 background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);49 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));50 cursor:pointer;51 -webkit-transition:opacity 0.5s ease-in;52 -moz-transition:opacity 0.5s ease-in;32 color:#FFF; 33 font-size: 16px; 34 font-weight:bold; 35 text-decoration: none; 36 text-align:center; 37 padding: 10px; 38 text-shadow: 0 -1px 1px rgba(0,0,0,1); 39 border: 1px solid #A9ABAD; 40 border-radius: 5px; 41 -moz-border-radius: 5px; 42 -webkit-border-radius: 5px; 43 display:block; 44 background:#B4DF34; 45 background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 46 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 47 cursor:pointer; 48 -webkit-transition:opacity 0.5s ease-in; 49 -moz-transition:opacity 0.5s ease-in; 53 50 } 54 51 input[type="submit"].btn{ 55 width:100%;56 color:#FFF;57 font-size: 16px;58 font-weight:bold;59 text-decoration: none;60 text-align:center;61 padding: 10px;62 text-shadow: 0 -1px 1px rgba(0,0,0,1);63 border: 1px solid #A9ABAD;64 border-radius: 5px;65 -moz-border-radius: 5px;66 -webkit-border-radius: 5px;67 display:block;68 background:#B4DF34;69 background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);70 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));71 cursor:pointer;72 -webkit-transition:opacity 0.5s ease-in;73 -moz-transition:opacity 0.5s ease-in;52 width:100%; 53 color:#FFF; 54 font-size: 16px; 55 font-weight:bold; 56 text-decoration: none; 57 text-align:center; 58 padding: 10px; 59 text-shadow: 0 -1px 1px rgba(0,0,0,1); 60 border: 1px solid #A9ABAD; 61 border-radius: 5px; 62 -moz-border-radius: 5px; 63 -webkit-border-radius: 5px; 64 display:block; 65 background:#B4DF34; 66 background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 67 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 68 cursor:pointer; 69 -webkit-transition:opacity 0.5s ease-in; 70 -moz-transition:opacity 0.5s ease-in; 74 71 } 75 72 /*----------------------------------------------- … … 77 74 ----------------------------------------------- */ 78 75 a.btn_back,a.btn_back:link,a.btn_back:visited,a.btn_back:hover { 79 color:#FFF;80 font-size: 16px;81 font-weight:bold;82 text-decoration: none;83 text-align:center;84 text-shadow: 0 -1px 1px rgba(0,0,0,1);85 border: 1px solid #A9ABAD;86 border-radius: 5px;87 -moz-border-radius: 5px;88 -webkit-border-radius: 5px;89 display:block;90 padding:5px 0;91 background:#999999;92 background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%);93 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999));76 color:#FFF; 77 font-size: 16px; 78 font-weight:bold; 79 text-decoration: none; 80 text-align:center; 81 text-shadow: 0 -1px 1px rgba(0,0,0,1); 82 border: 1px solid #A9ABAD; 83 border-radius: 5px; 84 -moz-border-radius: 5px; 85 -webkit-border-radius: 5px; 86 display:block; 87 padding:5px 0; 88 background:#999999; 89 background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 90 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 94 91 } 95 92 input[type="submit"].btn_back{ 96 color:#FFF;97 font-size: 16px;98 font-weight:bold;99 text-decoration: none;100 text-align:center;101 text-shadow: 0 -1px 1px rgba(0,0,0,1);102 border: 1px solid #A9ABAD;103 border-radius: 5px;104 -moz-border-radius: 5px;105 -webkit-border-radius: 5px;106 display:block;107 padding:5px 0;108 background:#999999;109 background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%);110 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999));93 color:#FFF; 94 font-size: 16px; 95 font-weight:bold; 96 text-decoration: none; 97 text-align:center; 98 text-shadow: 0 -1px 1px rgba(0,0,0,1); 99 border: 1px solid #A9ABAD; 100 border-radius: 5px; 101 -moz-border-radius: 5px; 102 -webkit-border-radius: 5px; 103 display:block; 104 padding:5px 0; 105 background:#999999; 106 background: -moz-linear-gradient(center top, #C5C5C5 0%,#999999 100%); 107 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #C5C5C5),color-stop(1, #999999)); 111 108 } 112 109 /*----------------------------------------------- … … 114 111 ----------------------------------------------- */ 115 112 .btn_sub,a.btn_sub,a.btn_sub:link,a.btn_sub:visited,a.btn_sub:hover { 116 color:#000;117 font-size: 16px;118 padding:5px 0;119 font-weight:bold;120 text-decoration: none;121 text-align:center;122 text-shadow: 0 -1px 1px rgba(0,0,0,0.3);123 border: 1px solid #A9ABAD;124 border-radius: 5px;125 -moz-border-radius: 5px;126 -webkit-border-radius: 5px;127 display:block;128 background:#FDFDfD;129 background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);130 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));113 color:#000; 114 font-size: 16px; 115 padding:5px 0; 116 font-weight:bold; 117 text-decoration: none; 118 text-align:center; 119 text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 120 border: 1px solid #A9ABAD; 121 border-radius: 5px; 122 -moz-border-radius: 5px; 123 -webkit-border-radius: 5px; 124 display:block; 125 background:#FDFDfD; 126 background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 127 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 131 128 } 132 129 input[type="submit"].btn_sub{ 133 color:#000;134 font-size: 16px;135 padding:5px 0;136 font-weight:bold;137 text-decoration: none;138 text-align:center;139 text-shadow: 0 -1px 1px rgba(0,0,0,0.3);140 border: 1px solid #A9ABAD;141 border-radius: 5px;142 -moz-border-radius: 5px;143 -webkit-border-radius: 5px;144 display:block;145 background:#FDFDfD;146 background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%);147 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3));130 color:#000; 131 font-size: 16px; 132 padding:5px 0; 133 font-weight:bold; 134 text-decoration: none; 135 text-align:center; 136 text-shadow: 0 -1px 1px rgba(0,0,0,0.3); 137 border: 1px solid #A9ABAD; 138 border-radius: 5px; 139 -moz-border-radius: 5px; 140 -webkit-border-radius: 5px; 141 display:block; 142 background:#FDFDfD; 143 background: -moz-linear-gradient(center top, #FDFDFD 0%,#D7DDE3 100%); 144 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD),color-stop(1, #D7DDE3)); 148 145 } 149 146 /*----------------------------------------------- … … 151 148 ----------------------------------------------- */ 152 149 a.btn_more,a.btn_more:link,a.btn_more:visited,a.btn_more:hover{ 153 color:#000;154 font-size: 16px;155 padding:5px 0;156 font-weight:bold;157 text-decoration: none;158 text-align:center;159 border: 1px solid #A9ABAD;160 border-radius: 5px;161 -moz-border-radius: 5px;162 -webkit-border-radius: 5px;163 display:block;164 background: #FFF;165 clear:both;166 margin:10px;150 color:#000; 151 font-size: 16px; 152 padding:5px 0; 153 font-weight:bold; 154 text-decoration: none; 155 text-align:center; 156 border: 1px solid #A9ABAD; 157 border-radius: 5px; 158 -moz-border-radius: 5px; 159 -webkit-border-radius: 5px; 160 display:block; 161 background: #FFF; 162 clear:both; 163 margin:10px; 167 164 } 168 165 input[type="submit"].btn_more{ 169 color:#000;170 font-size: 16px;171 padding:5px 0;172 font-weight:bold;173 text-decoration: none;174 text-align:center;175 border: 1px solid #A9ABAD;176 border-radius: 5px;177 -moz-border-radius: 5px;178 -webkit-border-radius: 5px;179 display:block;180 background: #FFF;181 clear:both;166 color:#000; 167 font-size: 16px; 168 padding:5px 0; 169 font-weight:bold; 170 text-decoration: none; 171 text-align:center; 172 border: 1px solid #A9ABAD; 173 border-radius: 5px; 174 -moz-border-radius: 5px; 175 -webkit-border-radius: 5px; 176 display:block; 177 background: #FFF; 178 clear:both; 182 179 } 183 180 /*----------------------------------------------- … … 185 182 ----------------------------------------------- */ 186 183 a.btn_btm{ 187 width:150px;188 text-align: center;189 color: #FFF;190 background-color: #000;191 background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%);192 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323));193 border:#303030 solid 1px;194 text-shadow: 0 -1px 1px rgba(0,0,0,0.5);195 -moz-border-radius: 5px;196 -webkit-border-radius: 5px;197 padding: 5px;198 margin:10px auto;199 transition: background-color 1s ease-in;200 -webkit-transition: background-color 1s ease-in;201 -moz-transition: opacity 1s ease-int;202 cursor:pointer;184 width:150px; 185 text-align: center; 186 color: #FFF; 187 background-color: #000; 188 background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 189 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 190 border:#303030 solid 1px; 191 text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 192 -moz-border-radius: 5px; 193 -webkit-border-radius: 5px; 194 padding: 5px; 195 margin:10px auto; 196 transition: background-color 1s ease-in; 197 -webkit-transition: background-color 1s ease-in; 198 -moz-transition: opacity 1s ease-int; 199 cursor:pointer; 203 200 } 204 201 .btn_btm,a.btn_btm:link,a.btn_btm:hover,a.btn_btm:visited{ 205 color:#FFF;206 text-decoration:none;202 color:#FFF; 203 text-decoration:none; 207 204 } 208 205 input[type="submit"].btn_btm{ 209 width:150px;210 text-align: center;211 color: #FFF;212 background-color: #000;213 background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%);214 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323));215 border:#303030 solid 1px;216 text-shadow: 0 -1px 1px rgba(0,0,0,0.5);217 -moz-border-radius: 5px;218 -webkit-border-radius: 5px;219 padding: 5px;220 margin:10px auto;221 transition: background-color 1s ease-in;222 -webkit-transition: background-color 1s ease-in;223 -moz-transition: opacity 1s ease-int;224 cursor:pointer;206 width:150px; 207 text-align: center; 208 color: #FFF; 209 background-color: #000; 210 background: -moz-linear-gradient(center top, #5E5E5E 0%,#232323 48%); 211 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5E5E5E),color-stop(0.48, #232323)); 212 border:#303030 solid 1px; 213 text-shadow: 0 -1px 1px rgba(0,0,0,0.5); 214 -moz-border-radius: 5px; 215 -webkit-border-radius: 5px; 216 padding: 5px; 217 margin:10px auto; 218 transition: background-color 1s ease-in; 219 -webkit-transition: background-color 1s ease-in; 220 -moz-transition: opacity 1s ease-int; 221 cursor:pointer; 225 222 } 226 223 /*----------------------------------------------- … … 228 225 ----------------------------------------------- */ 229 226 ul.edit{ 230 float:right;231 clear:right;232 display:inline;233 vertical-align:top;234 line-height:1;235 position:absolute;236 right:10px;237 top:15px;227 float:right; 228 clear:right; 229 display:inline; 230 vertical-align:top; 231 line-height:1; 232 position:absolute; 233 right:10px; 234 top:15px; 238 235 } 239 236 ul.edit li{ 240 display:inline;241 float:left;242 line-height:1;243 vertical-align:middle;237 display:inline; 238 float:left; 239 line-height:1; 240 vertical-align:middle; 244 241 } 245 242 ul.edit li:first-child{ 246 margin-right:0.8em;243 margin-right:0.8em; 247 244 } 248 245 a.b_edit:link,a.b_edit:visited,a.b_edit:hover{ 249 color:#000;250 font-size:11px;251 padding:4px 5px;252 border:#CCC solid 1px;253 border-radius: 12px;254 -moz-border-radius: 12px;255 -webkit-border-radius: 12px;256 background:#D7DDE3;257 background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%);258 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3));259 display:inline;260 text-align:center;261 cursor:pointer;262 vertical-align:middle;246 color:#000; 247 font-size:11px; 248 padding:4px 5px; 249 border:#CCC solid 1px; 250 border-radius: 12px; 251 -moz-border-radius: 12px; 252 -webkit-border-radius: 12px; 253 background:#D7DDE3; 254 background: -moz-linear-gradient(center top, #FFFFFF 0%,#D7DDE3 100%); 255 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF),color-stop(1, #D7DDE3)); 256 display:inline; 257 text-align:center; 258 cursor:pointer; 259 vertical-align:middle; 263 260 } 264 261 a.b_delete:link,a.b_delete:visited,a.b_delete:hover{ 265 vertical-align:top;266 cursor:pointer;262 vertical-align:top; 263 cursor:pointer; 267 264 } 268 265 /*----------------------------------------------- … … 270 267 ----------------------------------------------- */ 271 268 .cartbtn_default{ 272 width:50%!important;273 font-size:15px;274 padding:10px 0;275 background:#669222;276 background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%);277 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222));269 width:50%!important; 270 font-size:15px; 271 padding:10px 0; 272 background:#669222; 273 background: -moz-linear-gradient(center top, #B4DF34 0%,#669222 100%); 274 background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B4DF34),color-stop(1, #669222)); 278 275 } 279 276 … … 282 279 ----------------------------------------------- */ 283 280 .btn_favorite .btn_sub{ 284 width:auto;285 display:block;281 width:auto; 282 display:block; 286 283 } 287 284 /*----------------------------------------------- … … 289 286 ----------------------------------------------- */ 290 287 .addbtn{ 291 margin:0 30px;292 padding:5px 0;288 margin:0 30px; 289 padding:5px 0; 293 290 } 294 291 /*----------------------------------------------- … … 296 293 ----------------------------------------------- */ 297 294 .btn_s{ 298 width:12em;299 padding:10px 0!important;300 margin:10px auto;301 clear:both;295 width:12em; 296 padding:10px 0!important; 297 margin:10px auto; 298 clear:both; 302 299 } 303 300 /*----------------------------------------------- … … 305 302 ----------------------------------------------- */ 306 303 .btn_inputzip{ 307 margin:12px 0 5px 0;304 margin:12px 0 5px 0; 308 305 } 309 306 /*----------------------------------------------- … … 311 308 ----------------------------------------------- */ 312 309 .btn_login,.btn_close{ 313 width:70%;314 margin:10px auto;315 } 310 width:70%; 311 margin:10px auto; 312 }
Note: See TracChangeset
for help on using the changeset viewer.