- 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/popup.css
r21075 r21081 2 2 /* =================================================================== 3 3 CSS information 4 file name :popup.css5 4 style info :スライド/ポップアップ 6 5 =================================================================== */ … … 9 8 ----------------------------------------------- */ 10 9 #windowcolumn{ 11 background:#FFF;12 padding-bottom:30px;10 background:#FFF; 11 padding-bottom:30px; 13 12 } 14 13 #windowcolumn h2.title,#slidewindow h2.title{ 15 margin-bottom:0!important;14 margin-bottom:0!important; 16 15 } 17 16 #slidewindow .title_box,#windowcolumn .title_box{ 18 margin:0;19 padding:0!important;20 text-align:center;21 clear:both;17 margin:0; 18 padding:0!important; 19 text-align:center; 20 clear:both; 22 21 } 23 22 /**イントロダクション*/ 24 23 #windowcolumn .information{ 25 padding:15px 10px;26 border-bottom:none;24 padding:15px 10px; 25 border-bottom:none; 27 26 } 28 27 /* ----------------------------------------------- … … 30 29 ----------------------------------------------- */ 31 30 #slidewindow{ 32 background:#F0F0F1;31 background:#F0F0F1; 33 32 } 34 33 /*jqm追記*/ 35 34 .ui-btn-right{ 36 top:9px!important;37 vertical-align:middle;35 top:9px!important; 36 vertical-align:middle; 38 37 } 39 38 /* ----------------------------------------------- … … 41 40 ----------------------------------------------- */ 42 41 .login_area{ 43 background:#FFF;44 padding:10px 15px;45 text-align:center;46 -webkit-box-shadow: 1px 5px 5px #ccc;47 -moz-box-shadow: 1px 5px 5px #ccc;42 background:#FFF; 43 padding:10px 15px; 44 text-align:center; 45 -webkit-box-shadow: 1px 5px 5px #ccc; 46 -moz-box-shadow: 1px 5px 5px #ccc; 48 47 } 49 48 .login_area_btm{ 50 padding:15px 15px 50px 15px;49 padding:15px 15px 50px 15px; 51 50 } 52 51 .login_area_btm p:last-child{ 53 width:95%;54 margin:0 auto;55 line-height:1.3;52 width:95%; 53 margin:0 auto; 54 line-height:1.3; 56 55 } 57 56 .loginareaBox{ 58 padding:15px;59 margin: 0 auto 0 -10px;60 display:block;61 clear:both;62 border-radius:7px;63 -moz-border-radius:7px;64 -webkit-border-radius:7px;65 text-align:center;66 position:relative;57 padding:15px; 58 margin: 0 auto 0 -10px; 59 display:block; 60 clear:both; 61 border-radius:7px; 62 -moz-border-radius:7px; 63 -webkit-border-radius:7px; 64 text-align:center; 65 position:relative; 67 66 } 68 67 .mailtextBox{ 69 width:97%;70 margin:0;71 padding:10px;72 background: #fff;73 border-radius:7px 7px 0 0;74 -moz-border-radius:7px 7px 0 0;75 -webkit-border-radius:7px 7px 0 0;76 border:#A9ABAD solid 1px;77 border-bottom:none;78 display:block;79 -webkit-box-shadow:none;80 -moz-box-shadow:none;68 width:97%; 69 margin:0; 70 padding:10px; 71 background: #fff; 72 border-radius:7px 7px 0 0; 73 -moz-border-radius:7px 7px 0 0; 74 -webkit-border-radius:7px 7px 0 0; 75 border:#A9ABAD solid 1px; 76 border-bottom:none; 77 display:block; 78 -webkit-box-shadow:none; 79 -moz-box-shadow:none; 81 80 } 82 81 .passtextBox{ 83 width:97%;84 margin:0;85 padding:10px;86 background: #fff;87 border-radius:0 0 7px 7px;88 -moz-border-radius: 0 0 7px 7px;89 -webkit-border-radius: 0 0 7px 7px;90 border:#A9ABAD solid 1px;91 display:block;92 -webkit-box-shadow:none;93 -moz-box-shadow:none;82 width:97%; 83 margin:0; 84 padding:10px; 85 background: #fff; 86 border-radius:0 0 7px 7px; 87 -moz-border-radius: 0 0 7px 7px; 88 -webkit-border-radius: 0 0 7px 7px; 89 border:#A9ABAD solid 1px; 90 display:block; 91 -webkit-box-shadow:none; 92 -moz-box-shadow:none; 94 93 } 95 94 96 95 .navBox{ 97 width:95%;98 margin:10px auto;99 background:#FFF;100 border-radius:7px;101 -moz-border-radius:7px;102 -webkit-border-radius:7px;103 display:block;104 border:#A9ABAD solid 1px;96 width:95%; 97 margin:10px auto; 98 background:#FFF; 99 border-radius:7px; 100 -moz-border-radius:7px; 101 -webkit-border-radius:7px; 102 display:block; 103 border:#A9ABAD solid 1px; 105 104 } 106 105 .navBox li{ 107 width:100%;108 vertical-align:middle;109 background:url(../img/common/ico_arrowR.png) 95% center no-repeat;110 padding:0;111 display:block;112 border-bottom:#CCC solid 1px;106 width:100%; 107 vertical-align:middle; 108 background:url(../img/common/ico_arrowR.png) 95% center no-repeat; 109 padding:0; 110 display:block; 111 border-bottom:#CCC solid 1px; 113 112 } 114 113 @media only screen and (-webkit-min-device-pixel-ratio: 2) { 115 .navBox li {116 background: url(../img/common/ico_arrowR2.png) 95% center no-repeat;117 -webkit-background-size: 10px 15px;118 background-size: 10px 15px;119 }114 .navBox li { 115 background: url(../img/common/ico_arrowR2.png) 95% center no-repeat; 116 -webkit-background-size: 10px 15px; 117 background-size: 10px 15px; 118 } 120 119 } 121 120 .navBox li a{ 122 padding:10px;123 display:block;124 cursor:pointer;121 padding:10px; 122 display:block; 123 cursor:pointer; 125 124 } 126 125 127 126 input[type="submit"].nav_nonmember{ 128 font-weight:bold;129 background:none;130 border:none;131 padding:0;132 display:block;127 font-weight:bold; 128 background:none; 129 border:none; 130 padding:0; 131 display:block; 133 132 } 134 133 .navBox li:last-child{ 135 border-bottom:none;134 border-bottom:none; 136 135 } 137 136 .navBox li a:link, .navBox li a:visited{ 138 color:#000;137 color:#000; 139 138 } 140 139 … … 144 143 ----------------------------------------------- */ 145 144 .window_area { 146 margin-bottom:10px;147 padding:5px 0;148 border-top:#999 solid 1px;149 border-bottom:#999 solid 1px;145 margin-bottom:10px; 146 padding:5px 0; 147 border-top:#999 solid 1px; 148 border-bottom:#999 solid 1px; 150 149 } 151 150 .window_area p{ 152 padding:5px 10px;153 line-height:1.3;151 padding:5px 10px; 152 line-height:1.3; 154 153 } 155 154 .window_area #completebox{ 156 font-size:16px;157 font-weight:bold;158 color:#CC0000;159 text-align:center;160 padding:20px 10px;155 font-size:16px; 156 font-weight:bold; 157 color:#CC0000; 158 text-align:center; 159 padding:20px 10px; 161 160 } 162 161 /* ----------------------------------------------- … … 164 163 ----------------------------------------------- */ 165 164 .view_detail{ 166 margin:10px 0;167 min-height:150px;165 margin:10px 0; 166 min-height:150px; 168 167 } 169 168 .view_detail dt{ 170 padding:10px 12px;171 border-bottom:#CCC solid 1px;169 padding:10px 12px; 170 border-bottom:#CCC solid 1px; 172 171 } 173 172 .view_detail dd{ 174 padding:10px 12px;173 padding:10px 12px; 175 174 }
Note: See TracChangeset
for help on using the changeset viewer.