Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #whatever
- {
- position: relative;
- overflow: hidden;
- width: 100%;
- }
- #whatever .heading
- {
- padding-bottom: 25px;
- }
- #whatever .heading ul
- {
- display: -moz-flex;
- display: -ms-flex;
- display: -o-flex;
- display: flex;
- display: -ms-flexbox;
- /*IE10*/
- justify-content: center;
- -ms-flex-pack: center;
- /*--- IE10 ---*/
- }
- #whatever .heading ul li
- {
- margin: 0 5px;
- }
- #whatever .heading ul li figure
- {
- position: relative;
- overflow: hidden;
- width: 640px;
- height: 260px;
- }
- #whatever .heading ul li figure img
- {
- position: absolute;
- top: 50%;
- left: 50%;
- width: 100%;
- height: auto;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- }
- #whatever .heading ul li h2
- {
- font-weight: bold;
- margin-top: 15px;
- }
- #whatever .heading ul li h2 .sub
- {
- font-size: 12px;
- font-weight: normal;
- box-sizing: border-box;
- padding: 5px;
- color: #fd5c63;
- border: 1px solid #fd5c63;
- }
- #whatever .heading ul li h2 .ttl
- {
- font-size: 20px;
- display: block;
- margin-top: 15px;
- }
- #whatever .heading ul li .category
- {
- font-size: 12px;
- margin-top: 10px;
- color: #caccd1;
- }
Add Comment
Please, Sign In to add comment