/MvcMusicStore/Content/Site.css
CSS | 327 lines | 270 code | 51 blank | 6 comment | 0 complexity | 9f6858f8960d4a8b591f2aa61c259e47 MD5 | raw file
1* 2{ 3 margin: 0px; 4 padding: 0px; 5 border: none; 6} 7 8body 9{ 10 font-family: Arial, Helvetica, sans-serif; 11 font-size: 14px; 12 background-color: #FBF9EF; 13 padding: 0px 6%; 14} 15 16#container 17{ 18 float: left; 19} 20 21#header 22{ 23 float: left; 24 width: 100%; 25 border-bottom: 1px dotted #5D5A53; 26 margin-bottom: 10px; 27} 28 29#header h1 30{ 31 font-size: 18px; 32 float: left; 33 background: url(/content/Images/logo.png) no-repeat; 34 padding: 45px 0px 5px 0px; 35} 36 37#promotion 38{ 39 height: 300px; 40 width: 700px; 41 background: url(/content/Images/home-showcase.png) no-repeat; 42} 43 44ul li a 45{ 46 font-size: 16px; 47} 48 49#main 50{ 51 overflow: hidden; 52 padding: 0 0 15px 10px; 53 float: left; 54} 55 56ul 57{ 58 list-style-type: square; 59 margin-left: 25px; 60 font-size: 14px; 61} 62 63ul#album-list 64{ 65 list-style: none; 66 margin-left: 0px; 67} 68 69ul#album-list li 70{ 71 height: 130px; 72 width: 100px; 73 float: left; 74 margin: 10px; 75 text-align: center; 76} 77 78ul#album-list li a, ul#album-list li .button 79{ 80 font-size: 13px; 81 float: left; 82} 83 84ul#album-list li a span 85{ 86 color: #9b9993; 87 text-decoration: underline; 88} 89 90#cart 91{ 92 float: right; 93} 94 95#update-message 96{ 97 color: #F6855E; 98 font-weight: bold; 99} 100 101.button, input[type=submit] 102{ 103 clear: both; 104 display: inline-block; 105 padding: 5px; 106 margin-top: 10px; 107 border: 1px; 108 background: #5e5b54; 109 color: #fff; 110 font-weight: bold; 111} 112 113.button a 114{ 115 color: #fff !important; 116} 117 118#footer 119{ 120 clear: both; 121 padding: 10px; 122 text-align: right; 123 border-top: 1px dotted #8A8575; 124 border-bottom: 1px dotted #8A8575; 125 font-family: Constantia, Georgia, serif; 126} 127 128/******************** Top Navigation ************************/ 129ul#navlist 130{ 131 float: right; 132} 133 134ul#navlist li 135{ 136 display: inline; 137} 138 139ul#navlist li a 140{ 141 border-left: 1px dotted #8A8575; 142 padding: 10px; 143 margin-top: 10px; 144 color: #8A8575; 145 text-decoration: none; 146 float: left; 147} 148 149ul#navlist li:first-child a 150{ 151 border: none; 152} 153 154ul#navlist li a:hover 155{ 156 color: #F6855E; 157} 158 159/********************* End top navigation ***************************/ 160 161p 162{ 163 margin-bottom: 15px; 164 margin-top: 0px; 165} 166 167h2 168{ 169 color: #5e5b54; 170} 171 172h2, h3 173{ 174 margin-bottom: 10px; 175 font-size: 16px; 176 font-style: italic; 177 font-weight: bold; 178} 179 180h3 181{ 182 color: #9B9993; 183} 184 185#header h1 a, h3 em 186{ 187 color: #5E5B54; 188} 189 190a:link, a:visited 191{ 192 color: #F6855E; 193 text-decoration: none; 194 font-weight: bold; 195} 196 197a:hover 198{ 199 color: #333333; 200 text-decoration: none; 201 font-weight: bold; 202} 203 204a:active 205{ 206 color: #006633; 207 text-decoration: none; 208 font-weight: bold; 209} 210 211/***************************** sidebar navigation ****************************/ 212 213#categories 214{ 215 font-family: Constantia, Georgia, serif; 216 list-style-type: none; 217 border-right: #5d5a53 1px dotted; 218 padding-right: 10px; 219 margin: 0 25px 0 0; 220 float: left; 221} 222 223#categories a:link, #categories a:visited 224{ 225 color: #9B9993; 226 text-decoration: none; 227} 228 229#categories a:hover 230{ 231 color: #F46739; 232} 233 234div#album-details p 235{ 236 margin-bottom: 5px; 237 color: #5e5b54; 238 font-weight: bold; 239} 240 241p em 242{ 243 color: #9b9993; 244} 245 246/* Form styles */ 247legend 248{ 249 padding: 10px; 250 font-weight: bold; 251} 252 253fieldset 254{ 255 border: #9b9993 1px solid; 256 padding: 0 10px; 257 margin-bottom: 10px; 258 clear: left; 259} 260 261div.editor-field 262{ 263 margin-bottom: 10px; 264} 265 266input[type=text], input[type=password], select 267{ 268 border: 1px solid #8A8575; 269 width: 300px; 270} 271 272/* Styles for validation helpers */ 273.field-validation-error { 274 color: #ff0000; 275} 276 277.field-validation-valid { 278 display: none; 279} 280 281.input-validation-error { 282 border: 1px solid #ff0000; 283 background-color: #ffeeee; 284} 285 286.validation-summary-errors { 287 font-weight: bold; 288 color: #ff0000; 289} 290 291.validation-summary-valid { 292 display: none; 293} 294 295/* Tables */ 296table 297{ 298 border: 1px solid #000; 299 border-collapse: collapse; 300 color: #666666; 301 min-width: 500px; 302 width: 100%; 303} 304 305tr 306{ 307 border: 1px solid #000; 308 line-height: 25px; 309} 310 311th 312{ 313 background-color: #9b9993; 314 color: #000; 315 font-size: 13px; 316 text-align: left; 317} 318 319th, td 320{ 321 padding-left: 5px; 322} 323 324tr:hover 325{ 326 background-color: #fff; 327}