Changeset 20508
- Timestamp:
- 2011/03/05 02:50:39 (12 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/version-2_5-dev/html/user_data/packages/default/css/common.css
r20460 r20508 6 6 body { 7 7 font-family: Verdana,Arial,Helvetica,sans-serif; 8 color: #666;9 8 background-color: #f5f5f5; 10 9 font-size: 72.5%; 11 10 line-height: 150%; 12 letter-spacing: 0.1em;11 letter-spacing: 0.1em; 13 12 } 14 13 … … 59 58 60 59 /* 中央カラム */ 61 .main_column { padding: 10px 0 20px; } 60 .main_column { 61 padding: 10px 0 20px; 62 } 62 63 63 64 /* サイドカラム */ 64 #leftcolumn { float: left; width: 20%; } 65 #rightcolumn { float: right; width: 20%; } 65 #leftcolumn { 66 float: left; 67 width: 20%; 68 } 69 #rightcolumn { 70 float: right; 71 width: 20%; 72 } 66 73 67 74 /* 1カラム設定 */ … … 93 100 94 101 /* 下層コンテンツ */ 95 #undercolumn { width: 100%; margin: 0 0 30px 0;} 102 #undercolumn { 103 width: 100%; 104 margin: 0 0 30px 0; 105 } 96 106 97 107 … … 102 112 ----------------------------------------------- */ 103 113 .clearfix:after { 104 display: block;105 clear: both;106 height: 0px;107 line-height: 0px;108 visibility: hidden;109 content: ".";114 display: block; 115 clear: both; 116 height: 0px; 117 line-height: 0px; 118 visibility: hidden; 119 content: "."; 110 120 } 111 121 … … 113 123 /* リンク指定 114 124 ----------------------------------------------- */ 115 a:link { 116 color: #39c; 125 a:link , 126 a:visited { 127 color: #15a; 117 128 text-decoration: none; 118 129 } 119 a:visited { 120 color: #39c; 121 text-decoration: none; 122 } 123 a:link:hover { 130 a:link:hover , 131 a[href]:hover { 124 132 color: #f60; 125 133 text-decoration: underline; 126 134 } 127 a[href]:hover {128 color: #f60;129 text-decoration: underline;130 }131 135 132 136 133 137 /* フォント 134 138 ----------------------------------------------- */ 135 h1,h2,h3,h4,h5 { font-size: 100%; line-height: 150%;} 136 .price { color: #f00; } 137 .sale_price { color: #f00; } 138 .normal_price { color: #f00; font-size: 90%; } 139 .point { color: #f00; font-weight: bold; } 140 .user_name { font-weight: bold; } 141 .recommend_level { color: #ecbd00; } 142 143 .attention { color: #f00; } 144 .attentionSt { color: #f00; font-weight: bold; } 145 .st { font-weight: bold; } 146 .mini { font-size: 90%; } 139 h1,h2,h3,h4,h5 { 140 font-size: 100%; 141 line-height: 150%; 142 } 143 .price { 144 color: #f00; 145 } 146 .sale_price { 147 color: #f00; 148 } 149 .normal_price { 150 color: #f00; 151 font-size: 90%; 152 } 153 .point { 154 color: #f00; 155 font-weight: bold; 156 } 157 .user_name { 158 font-weight: bold; 159 } 160 .recommend_level { 161 color: #ecbd00; 162 } 163 164 .attention { 165 color: #f00; 166 } 167 .attentionSt { 168 color: #f00; 169 font-weight: bold; 170 } 171 .st { 172 font-weight: bold; 173 } 174 .mini { 175 font-size: 90%; 176 } 147 177 148 178 149 179 /* 行揃え 150 180 ----------------------------------------------- */ 151 .alignC { text-align: center; } 152 .alignR { text-align: right; } 153 .alignL { text-align: left; } 154 .pricetd em { font-weight: bold;} 181 .alignC { 182 text-align: center; 183 } 184 .alignR { 185 text-align: right; 186 } 187 .alignL { 188 text-align: left; 189 } 190 .pricetd em { 191 font-weight: bold; 192 } 155 193 156 194 … … 164 202 } 165 203 166 .box40 { width: 40px; } 167 .box60 { width: 60px; } 168 .box100 { width: 100px; } 169 .box120 { width: 120px; } 170 .box140 { width: 140px; } 171 .box145 { width: 145px; } 172 .box150 { width: 150px; } 173 .box240 { width: 240px; } 174 .box300 { width: 300px; } 175 .box320 { width: 320px; } 176 .box350 { width: 350px; } 177 .box380 { width: 380px; } 204 .box40 { 205 width: 40px; 206 } 207 .box60 { 208 width: 60px; 209 } 210 .box100 { 211 width: 100px; 212 } 213 .box120 { 214 width: 120px; 215 } 216 .box140 { 217 width: 140px; 218 } 219 .box145 { 220 width: 145px; 221 } 222 .box150 { 223 width: 150px; 224 } 225 .box240 { 226 width: 240px; 227 } 228 .box300 { 229 width: 300px; 230 } 231 .box320 { 232 width: 320px; 233 } 234 .box350 { 235 width: 350px; 236 } 237 .box380 { 238 width: 380px; 239 } 178 240 179 241 /* フォームが縦に重なり合う場合に併用する余白 */ 180 .top { margin-bottom: 5px; } 242 .top { 243 margin-bottom: 5px; 244 } 181 245 182 246 … … 251 315 ----------------------------------------------- */ 252 316 #site_description { 253 font-size: 90%;317 font-size: 90%; 254 318 } 255 319 #logo_area h1 { … … 258 322 } 259 323 #logo_area h1 span { 260 display: none; /* テキストロゴ非表示 */324 display: none; /* テキストロゴ非表示 */ 261 325 } 262 326 … … 340 404 margin-top: 40px; 341 405 padding: 20px 0 0 0; 342 border-top :solid 1px #ccc;406 border-top: solid 1px #ccc; 343 407 } 344 408 div#complete_area .shop_information .name { … … 347 411 font-size: 140%; 348 412 } 349
Note: See TracChangeset
for help on using the changeset viewer.