Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .main-title {
- color: #2d2d2d;
- text-transform: capitalize;
- }
- .image {
- overflow: hidden;
- /* importante */
- width: 300px;
- height: 170px;
- float: left;
- }
- .image img {
- transition: all 1s;
- width: 100%;
- height: 100%;
- }
- .image:hover img {
- transform: scale(1.5);
- }
- .title_highlight {
- z-index: 1;
- top: 10px;
- position: absolute;
- padding: 5px;
- border-top-right-radius: 5px;
- border-bottom-right-radius: 5px;
- left: 13px;
- background: #1b7700;
- }
- .title_highlight span {
- color: #fff;
- }
- /* date */
- .date-display {
- font-size: 12px;
- /* Adjust this to change size */
- display: inline-block;
- font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
- font-weight: bold;
- line-height: 1em;
- width: 4.5em;
- text-align: center;
- margin-bottom: 1em;
- }
- .date-display .date-display-cal {
- box-shadow: 0 0.2em 0.3em 0 rgba(0, 0, 0, 0.5);
- position: relative;
- }
- .date-display .date-display-cal .date-display-month {
- display: block;
- padding: 0.4em 0 0.3em;
- text-transform: uppercase;
- color: white;
- text-shadow: 0 0.1em 0.1em rgba(0, 0, 0, 0.5);
- background: linear-gradient(to bottom, #ff8389 0%, #ff3f46 100%);
- box-shadow: inset 0em 0em 0.5em 0em rgba(0, 0, 0, 0.3);
- border: 1px solid #B14545;
- border-bottom: none;
- position: relative;
- }
- .date-display .date-display-cal .date-display-month:before,
- .date-display .date-display-cal .date-display-month:after {
- content: ' ';
- display: block;
- background: white;
- width: 0.2em;
- height: 0.4em;
- margin-top: -0.3em;
- position: absolute;
- top: 0;
- border: 1px solid rgba(0, 0, 0, 0.4);
- box-shadow: 0 0 0.1em 0 rgba(0, 0, 0, 0.6);
- }
- .date-display .date-display-cal .date-display-month:before {
- left: 25%;
- }
- .date-display .date-display-cal .date-display-month:after {
- right: 25%;
- }
- .date-display .date-display-cal .date-display-day {
- font-size: 1.8em;
- line-height: 1.2em;
- padding: 0.2em 0em;
- background: white;
- border: 1px solid #BAACAC;
- border-bottom-color: #555;
- border-top: none;
- }
- .date-display .date-display-year {
- color: #444;
- padding-top: 0.5em;
- font-size: 1.4em;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement