Line 401: | Line 401: | ||
− | + | /*main layout class */ | |
− | . | + | .column { |
− | + | float:left; | |
+ | margin: 1% 2%; | ||
+ | padding: 0px; | ||
} | } | ||
− | .full_size | + | /* 100% */ |
− | + | .full_size { width:96%; } | |
− | + | /* 66% */ | |
− | } | + | .two_thirds_size { width: 62.6%; } |
+ | /* 33% */ | ||
+ | .third_size { width: 29.3%; } | ||
+ | /* 75% */ | ||
+ | .three_quarter_size { width: 71%; } | ||
+ | /* 50% */ | ||
+ | .half_size { width: 46%; } | ||
+ | /* 25% */ | ||
+ | .fourth_size { width: 21%; } | ||
− | + | /*styling for all images*/ | |
− | + | .full_size img, | |
− | + | .half_size img, | |
− | + | .two_thirds_size img, | |
− | .half_size img | + | .third_size img, |
− | + | .three_quarters_size img, | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | .third_size img | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
.fourth_size img { | .fourth_size img { | ||
− | + | margin-bottom: 15px; | |
− | width: | + | width: 100%; |
} | } | ||
− | |||
− | |||
Revision as of 14:33, 15 August 2018